/* Header */
header {
    position: sticky;
    padding: 0 !important;
    top: 0;
    z-index: 99;
}
.header-section{
    margin:0;
    background: url("/Content/Uploads/LBWCCredesign/images/background.png");
    background-position-y: -55px;
}
img#banner {
    max-height: 100px;
    padding-top: 5px;
}
div#logo {
    padding: 0px 10%;
   /* height: 230px;*/
}
#logo img {
    width: 571px;
    height: auto;
}
.quick-links ul {
    font-family: 'Roboto', sans-serif;
    display: flex;
    list-style: none;
    transform: translate(0, 100%);
    float: right;
}
.quick-links ul li a{
    color: #00205b;
    padding: 0 5px;
    text-transform: uppercase;
}
.quick-links ul li:after {
    content: "|";
    color: #00205b;
}
.quick-links ul li:last-of-type:after{
    content: none;
}
.quick-links ul li:after {
    content: "|";
    color: #00205b;
}
.quick-links ul li:last-of-type:after {
    content: none;
}
.navsection {
    font-family: 'Roboto', sans-serif;
    position: relative;
    display: flex;
    background-color: #00205b;
}
div#nav {
    position: relative;
}
#nav-wrap ul.sf-menu {
    display: flex;
    width: 100%;
    position: relative;
    z-index: 99;
}
nav#nav-wrap ul li {
    background-color: transparent;
    width: 100%;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}
nav#nav-wrap > ul > li > a {
    color: white;
    border: none;
}

.shadow-layer {
    position: fixed;
    z-index: 2;
    top: 0px;
    left: 0;
    width: 100%;
    height: 157px;
    box-shadow: 0 9px 25px rgb(0 0 0 / 80%);
}

/*Header alert */
.header-alert {background-color: #E7133A;font-family: 'Roboto', sans-serif;padding: 4px 10%;font-size: 1.5rem;color: #fff;border-bottom:4px solid #fff;}
.header-alert .alert-heading {float:left;width: 20%;margin: 0 25px;padding: 4px 0;}
.header-alert .alert-heading h2 {font-size: 22px;margin: 12px 0;font-weight: 600; font-family: 'Roboto', sans-serif; text-transform: uppercase;}
.header-alert .alert-heading span {font-family: 'Roboto', sans-serif;font-size:50px;font-weight:200;float: right;padding-top: 20px;display: block;}
.header-alert .alert-heading img {width: 60px;}
.header-alert .alert-message {float:left;width: 60%;padding: 5px 0;display: flex;justify-content: center;align-items: center;min-height: 50px;}
.header-alert .alert-message p {font-size: 14px;margin: 12px 0;font-weight: 600;}
.header-alert .alert-closing:after {float:right;cursor:pointer;display:block;height: 54px;font-size:40px;content: "\00d7"; margin-left: 20px;}
.header-alert .alert-closing:before {content:"Close this Alert";font-size:9px;}
.header-alert .alert-message a {
    color: white;
    text-decoration: underline;
}
.header-alert .alert-message a:hover{
    text-decoration: none;
}
.header-alert .alert-closing {
    display: grid;
}
/* home page menu */
.sf-menu ul {
    background: white;
    display: block;
    position: relative !important;
    top: auto !important;
    box-shadow: none !important;
}
.sf-mega-section1 ul li ul {
    display: contents !important;
}
.sf-mega-section1 ul li ul li{
    margin-left: 20px; 
}
.sf-mega-section3 a {
    color: black;
}
.sf-mega-section1 a:hover,.sf-mega-section2 a:hover,.sf-mega-section3 a:hover, .sf-mega-section4 a:hover, .sf-mega-section5 a:hover, .sf-mega-section6 a:hover, .sf-mega-section7 a:hover{
    color:#00205b !important; 
}
.sf-mega ul li a {
    font-family: 'Roboto', sans-serif;
    font-size: 2rem;
}
.sf-mega {
    background-color: white;
    padding: 20px 40px !important;
    position: absolute;
    z-index: 20;
    color: black;
    font-family: 'Roboto', sans-serif !important;
    width: max-content;
    min-width: 500px;
    right: 0%;
    left: -12rem;
    margin: auto;
    border-bottom: 8px solid #00205b;
    box-shadow: 1px 10px 8px rgb(0 0 0 / 30%);
}
.sf-mega-four, .sf-mega-five {
    left: -20rem;
}
.sf-mega-six {
    left:auto;
}

/*Hide 2nd column of Alumni (Nav 5-2) only per Maggie's request 9-30-21. also adjusted above LEFT value from -40 to -20*/
.sf-mega-five .sf-mega-section2 {display:none;}


.sf-mega .block {
    margin: 0;
    display: inline-flex;
}
.sf-mega-section3 img {
    width: 260px;
}
.sf-mega-section3 figcaption {
    font-size: 14px;
    white-space: normal;
}
.sf-mega-section1 .sf-mega-section2, .sf-mega-section3, .sf-mega-section4, .sf-mega-section5, .sf-mega-section6, .sf-mega-section7  {
    float: left;
}
.sf-mega-section3 {
    float: left;
    width: 260px;
    text-transform: none;
    text-align: left;
    color:  #4d4d4f;
}
.sf-mega-section3 p {
    width: 260px;
    word-break: break-word;
    white-space: pre-line;
    color: #4d4d4f !important;
}
.sf-mega-section3 h2 {
    margin-top: 7px;
    margin-bottom: 7px;
    font-size: 20px;
}
.sf-mega h3 {
    color: #00205b;
    font-size: 2.0rem;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    padding-bottom: 10px;
}
.sf-mega a {
    color:#00205b !important;
    font-size: 1.5rem;
    font-family: 'Roboto', sans-serif;
    padding: 0 !important;
    text-transform: none !important;
    text-decoration: none;
    margin-bottom: 15px;
    position:relative;
    overflow: hidden;
    width: min-content;
}
.sf-mega a::before {
    content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #00205b;
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
  transition: opacity 0.3s ease, transform 0.4s ease;
}
.sf-mega a:hover::before {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
.sf-menu li:after {
	height: 0;
    width: 0;
    border-color: transparent transparent transparent;
    border-style: solid;
    border-width: 0 .3em .5em;
    content: '';
    opacity: 0;
    margin: 0 auto;
    position: absolute;
    top: 60px;
    transform: translate(-50%,0.3em) scale(1.5);
}
.sf-menu li.sfHover:after {
    border-color: transparent transparent white;
    opacity: 1;
    top: 43px;
    transition: all 0.9s cubic-bezier(.74,.65,0,.99);
}

/*Hide Athletics drop down*/
.sf-mega-six {
    opacity: 0;
}
.sf-menu li:nth-of-type(6):after {
    height: 0;
    width: 0;
    border-color: transparent transparent transparent;
    border-style: solid;
    border-width: 0 .3em .5em;
    content: '';
    opacity: 0;
    margin: 0 auto;
    position: absolute;
    top: 45px;
    transform: translate(-50%,0.3em) scale(1.5);
}
.sf-menu li.sfHover:nth-of-type(6):after {
    border-color: transparent transparent white;
    opacity: 1;
    top: 43px;
    transition: all 0.6s ease;
    position: absolute;
}
/*---------------------------------*/

.sf-menu > li > a:after{
    display: none;
}
.sf-mega-section1 {
    padding-right: 10px !important;
    min-width: 260px;
    text-align: left;
}
.sf-mega-section2 {
     padding-left: 10px !important;
     padding-right: 10px !important;
     min-width: 260px;
     text-align: left;
}
 .sf-mega-section3 p:hover a,.sf-mega-section3 p:hover a{
     color: white !important;
}
 .sf-mega-section3 a:hover{
     color:#00205b !important;
}
/* Search */
.search .searchButton {
    color: white;
    border: none;
    padding: 3px 9px;
    background-color: #00205b;
    height: 40px;
    width: 11%;
 }
 input#predSearch {
    width: 75%;
    height: 40px;
}
#predSearchResults {
    left: 0;
    right: 0;
    margin: auto;
    width: 86% !important;
    text-align: left;
}
table.searchResults {
    display: grid;
}
table.searchResults tr {
    background: #fff;
}
table.searchResults tr:nth-child(odd) {
    background: #ddd;
}
.search-row {
    background:rgb(0,32,91, 0.7);
    padding: 10px 0px;
    position: absolute;
    width: 100%;
    margin-top: 60px;
    opacity: 1;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index:101;
    box-shadow: 0 6px 20px rgb(0 0 0 / 70%);
    text-align: center;
}
.search-image {
    position: absolute;
    top: 5px;
    right: -60px;
}
.search-image img {
    height: 20px;
    margin-top: 15px;
}
.search-image img:hover {
	cursor: pointer;
}
.search {
   display: flex;
   width: 100%;
   left: 0;
   margin: auto;
   right: 0;
}
.search form {
    padding: 0 !important;
    width: 100%;
    margin: auto;
}
.search label {
    display: none;
}
.search-row.hide{
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out;
    margin-top: 50px;
}