/* Custom CSS for Upper Tennessee River Basin child site  */


body {
    background: #6C8787 url("aquatic-images/aquatic-bg.jpg") no-repeat fixed 0 0 / cover ;
    font-size: 95%;
}
#portal-banner { display: none; }

#content { 
   margin: 1em 2em!important;
 }


/* show link back to main site */
.nest-navigation-bar { display: block; }

#visual-portal-wrapper {
    background-color: #fff;
    box-shadow: 0 10px 15px rgba(50, 50, 50, 1);
    margin: 0 auto;
    max-width: 1170px;
    min-height: calc(100vh - 190px);
}

#portal-top {
    height: 250px;
    background-image: none;
}

#portal-header {
    background: transparent url(aquatic-images/aquatic-header.jpg) no-repeat scroll left top !important;
    border-color: transparent;
    border-style: none;
    position: relative;
    background-size: cover!important;
    height: 230px;

}

#portal-logo {
    display: inline-block;
    margin: 40px 30px 0 180px;
}

/* --- resize logo for mobile --- */
@media only screen and (max-width: 768px) {
  #portal-logo {
    margin: 40px 0 0 30px;
}

 #portal-logo img {
    width: 265px;
  height: 68px;
}
}

#portal-searchbox {
    background: transparent;
    margin-right: 0px;
    margin-top: -81px;
    padding: 7px;
    position: absolute;
}
.LSBox {
    background: rgba(0, 0, 0, .5);
    padding: 15px;
}

.searchSection {
    color: #DDC;
    padding-top: 5px;
    letter-spacing: 0.05em;
    border-top: none;
}


#partnerSiteSelection {
    position: absolute;
    right: 15px;
    top: 145px;
}

#jumpmenu {
    clear: right;
    float: right;
    margin-top: -60px;
    position: relative;
    width: 225px;
}

/* --- main navigation tabs --- */

#globalnav-wrapper {
    background-color: #0E1D1C;
    border-bottom: medium none;
    border-top: 1px solid white;
     top: 188px;
}

#portal-globalnav {
    background-color: #0E1D1C;
    justify-content: left;
}

li#portaltab-home ul.submenu {
    display:none;
}
   
#portal-globalnav li a {
    background-color: #0E1D1C;
    font-size: 16px;
}

#portal-globalnav a:hover, #portal-globalnav .selected a:hover {
    background: #5B9A9A;
    color: #fff;
}

#portal-personaltools-wrapper {
    right: 0;
    top: 325px;
}

#portal-column-two {
    top: 115px;
}

/* --- TYPOGRAPHY  --- */

#content h1.documentFirstHeading {
  color: #B06D00;
   font-weight: 600;
   font-size: 2em;
}

h1, h2, h3 {
    letter-spacing: -0.0115em;
    line-height: 1.2em;
    color: #B06D00;
   font-weight: 600;
}