:root {
    --primaryDarkColor:#000046;
}

/* for local fonts
@font-face {
  font-family: "font-Light";
  src: url("fonts/font-Light.otf");
}
*/

div.body > .section > h1.landing
{
    
  font-size: 2.7em;
  color: #000046;
  margin: -0.2em     0     2px     0;
}


table.landing {

  border-spacing:0 20px;
}

table.landing tbody tr {

  border-top:25px solid white;
}


table.landing tbody tr td {

  padding:6px;
  background-color: var(--primaryDarkColor);
  color: #ffffff;
  border-left:15px solid white; 
  border-right:15px solid white;
  text-align: left;

}

/* left align links on landing page cards */
td.whatsnew ul li, table.landing tbody tr td ul li {
  text-align: left;
}


table.landing tbody tr td h2 {

  padding:3px;
  border-width: 0 0 0 0px;
}  

table.landing tbody tr td h3 {

  color: #ffffff;
}  

table.landing tbody tr td p.morelink a {

  text-decoration:none;
  color: #ffffff; 
  font-weight: bold;
}

table.landing tbody tr td a {

  text-decoration:underline;
  color: #ffffff; 
}

table.landing tbody tr td ul li a {

  color: #ffffff; 
}

table.landing tbody tr td ul li a:hover {
  color: #23568c;
}

table.landing tbody tr td p {

  text-align:left;
  margin-top:1px;
}

.material-icons {

  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.material-icons.md-light { 
  font-size: 36px;
  color: rgba(255, 255, 255, 1); 
}

.material-icons.blue { 

  color: #23568c; 
}


/* align columns */

.container {
    overflow: hidden;
}


.column:nth-child(1) {
    background-color: white;
    width: 70%;

}

.column:nth-child(2) {
    background-color: white;
    width: 30%;
    float: right;
    padding-bottom: 100%;
    margin-bottom: -100%;

}

/*collapse Patch Bundle notes on landing page */
.collapsible {
  background-color: white;
  color: #23568c;
  cursor: pointer;
  padding-top: 14px;
  padding-left: 14px;
  padding-right: 14px;
  padding-bottom: 1px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 100%;
}

.active, .collapsible:hover {
  background-color: white;
}

.content {
  padding: 0 14px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}


/* start space margin links in line with cards 
div.sphinxsidebarwrapper div.sphinx-toc.sphinxlocaltoc {
margin-top: 4.5cm;
}
end space margin links in line with cards */


div.sphinx-toc.sphinxlocaltoc ul.landing h4{
margin-top: 1.5cm;
padding-bottom:12px;
}

/****************************************/
/* version dropdown */
/****************************************/
.dropdown-button {
    background-color: white;
    color: #000046;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #000046;
}
.dropdown {
    position: relative;
    display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-list {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow:  0px 0px 5px #bcbec0;
    z-index: 1;
}
/* Links inside the dropdown */
.dropdown-list a {
    color: #0A7FB0;
    padding: 4px 8px;
    text-decoration: none;
    display: block;
    font-family: helvetica;
    font-size: 14px;
}
/* Change color of dropdown links on hover */
.dropdown-list a:hover {
    background-color: #ddd;
}
/* Show the dropdown list on hover */
.dropdown:hover .dropdown-list {
    display: block;
}

/* dark theme DOC-4078, accessibility*/
html[data-theme="dark"] {
   h1.landing, h4.landing {
    color: white !important;
   }
}