: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;
}

div.navbar-brand-box h1.landing {
  text-align:center;
}

table.landing {

  border-spacing:0 20px;
  border-right-width: 20px;
}




table.landing tbody tr {

/*border-top:15px solid white;*/
/*border-bottom:15px solid white;*/
  padding:9px;  
  border-bottom:0px solid white;*/

}


table.landing tbody tr td {

  padding:9px;
  background-color: #efefef;
  color: black;
/*border-left:15px solid white;*/
  border-right:0px solid white;
/*border-top:9px; /* solid white;*/
  text-align: left;
/*box-shadow: 0px 15px 15px black;*/
  box-shadow: 0px 0px 15px black;
  border-radius: 45px;


}

/* 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.whatsnew ul li {
    
    color:white;
}

table.landing tbody tr td.whatsnew ul li a:link {
    
    color:white;
}


div.on-line-help-home-page h1 {
  margin-top: 0.7rem;
}

div.on-line-help-home-page div.grid-child h2 {
  margin-top: 0.7rem;
}


div.grid-child h2, table.landing tbody tr td h2 {
  padding:3px;
  border-width: 0 0 0 0px;
  font-size: 22px; 
  font-weight: bold;
  color: #000046 !important; /* VOSS purple*/
}  

table.landing tbody tr td h3 {

  color: #000046 !important; /* VOSS purple*/
  /* color: #ffffff;*/
}  

h1.landing, h4.landing {
  color: #000046 !important; /* VOSS purple*/
}

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-flex;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: text-bottom; 

  /* 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;
}


/* alternate boxes on landing page */
.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
/*  background:#efefef; */
    text-align:left; 
    border-width: 5px;
}
.grid-container1 {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    text-align:left; 
    border-width: 5px;
}
.grid-container1-banner {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    text-align:center; 
    border-width: 5px;
}
.grid-container1-banner .grid-child {
    border-radius: 25px;
    font-color:white;
    color:white;
    background:linear-gradient(to left, #00ade5 0%, #000046 70%);
}  
.grid-container1-banner .grid-child h4 {
  color:white;
  margin-top:0.75rem;
  text-align:left; 
}  
.grid-container3-banner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    text-align:left; 
    border-width: 5px;
    font-size: 14px;
}
.grid-container3-banner .grid-child {
    padding: 10%;
    border-radius: 25px;
    font-color:white;
    color:white;
    background:linear-gradient(to left, #00ade5 0%, #000046 70%);
}  
.grid-container3-banner .grid-child h4 {
  color:white;
  margin-top:0.75rem;
  text-align:center; 
}  
.grid-container2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0px;
/*  background:#efefef; */
    text-align:left; 
    border-width: 0px;
}
.grid-child{
/*  border: 1px solid grey;  */
    padding: 5px;
    box-shadow: 0px 0px 5px #bcbec0;
/*  border-radius: 45px; */
}
.grid-container1 .grid-child{
/*  border: 1px solid grey;  */
    padding: 5px;
    box-shadow: 0px 0px 1px #bcbec0;
/*  border-radius: 45px; */
}
.grid-container2 .grid-child{
/*  border: 1px solid grey;  */
    padding: 5px;
    box-shadow: 0px 0px 1px #bcbec0;
/*  border-radius: 45px; */
}
.grid-child:hover{
    box-shadow: 0px 0px 10px #7f7f7f;
}



/****************************************/
/* 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;
    text-align: left;
    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;
}