/*#library-search-box_container {
    background-color: rgba(0, 0, 0, 0.8);
    border-top: 0;
    margin: 0 auto;
    max-width: 900px;
    padding: 3em;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%); 
    border-radius: 6px;
}*/

h1.graphic-header__title.livetextheader {
  line-height:1.3 ;
  padding-bottom:20px;
}

.img-banner.header-background.mobileCenter .container.container--banner {
  width: auto;
}
#advanced-sidebar-navigation-menu-2-wrap li, #advanced-sidebar-navigation-menu-2-wrap a {
  position: relative !important;
  display: block;
}
body #advanced-sidebar-navigation-menu-2-wrap .dashicons {
  top: inherit !important;
  transform: inherit !important;
}
.header-sm, .header-sm a, .header-sm i, .header-sm .fl-icon a {
  color: #fff !important;
}
.header-sm i {
  width: 20px;
  height: 20px;
  font-size: 18px;
}
.header-sm .fl-icon-group {
  float: left;
  width: auto;
  padding-top: 2px;
  padding-right: 5px;
}
.header-sm a {
  text-transform: uppercase;
  font-size: 12px;
}
.header-sm {
  float: right;
}


li.mega-menu-item h3 a {
  color:#000000;
}

/* adds space to the top menu */
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link {
  margin-left:20px;
}

/* removes dash on the left nav */
.fl-widget ul.sub-menu li:before {
    content: "\2013";
    padding-right: 5px;
    content:none;
    
}


#library-search-box_container {
    background-color: rgba(255, 255, 255, 0.0)!important;
    border-top: 0;
    margin: 0 0 !important;
    max-width: 600px!important;
    padding: 0em !important;
    /* box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%); */
    border-radius: 6px;
}

/*.header-background .livetextheader {
    display: block;
    color: #FFF;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 200;
    opacity: 0.85;
    font-size: 3.5em;
}*/

.header-background .livetextheader {
    display: block;
    color: #FFF;
    font-family: 'Source Sans Pro', sans-serif;
    font-family: 'TideSans-300LilKahuna','Red Hat Display', 'Helvetica', Arial, Tahoma, sans-serif !important;
    font-weight: 300 !important;
    opacity: 1.0 !important;
    font-size: 2.5em !important;
    line-height:2.5;
}

/*.graphic-header__title {
    text-align: center;
}*/

.graphic-header__title {
    text-align: left!important;
}
#menu-main-menu a[aria-current="page"] {
  font-weight: 700;
}
.text-left {
  color:#ffffff;
  line-height:1.1;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.text-right {
  color:#ffffff;
  line-height:1.1;
  float:right;
  
  }
  
.text-right a {
  color: #b5d4db;
}  

.text-left-sm {
  color:#ffffff;
  line-height:1.1;
  font-size:13px;
  margin-top:0;
}

.text-left-sm a {
  color: #b5d4db;
}

#menu-item-996.current_page_item a {
  color:#990000;
 
}


header .fl-col-group .fl-module-content.fl-node-content:last-child {
  margin: 0px;
}

h1, h2, h5, h6 {
  /*color: #004960*/
  font-weight:300 !important;
  font-family: 'TideSans-300LilKahuna','Red Hat Display', 'Helvetica', Arial, Tahoma, sans-serif;
}
h2 {
  font-size:28px;
}

.fl-post-title {
  font-weight:300 !important; 
}

a {
  color:#006B83;
  }

a:hover{
  color:#00958F;
}

.box {
  background: #eeeeee;
  border:1px solid #dddddd;
  padding:0px 5px;
}

.branding p {
  margin-bottom:0;
}

.fl-row-content-wrap nav ul li::before{ display:none; content:''}

/* remove WHOI branding */
.fl-page-bar {
display:none;
}

.fl-content-full.container {
    background-image: url(https://website.whoi.edu/ummenhofer/wp-content/uploads/sites/87/2021/12/bgMap1.png);
    background-image: url(https://website.whoi.edu/mblwhoilibrary/wp-content/uploads/sites/68/2022/11/background1000V4.png);
      background-repeat: no-repeat;
   background-attachment: fixed;
    background-position: center;
    /* background-size: cover; */
}


.fl-page-content {
    background-color: #fff;
    background-image: url(https://website.whoi.edu/mblwhoilibrary/wp-content/uploads/sites/68/2022/11/background1000V4.png);
      background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    /* background-size: auto auto; */
}

.advanced-sidebar-menu #menu-main-menu .sub-menu .menu-item.current-menu-parent > a, .advanced-sidebar-menu #menu-main-menu .sub-menu .menu-item.current-menu-parent ul.sub-menu .current-menu-item a {
  color: #041E42;
  font-weight: 600;
}

/* styles for submenu */

.fl-node-63402befd60e5 nav .sub-menu > li a {
  padding-left: 40px !important;
  color: #333 !important;
}

.fl-node-63402befd60e5 .sub-menu {
  min-width: 300px !important;
  padding: 20px 0px !important;
}
/*
.fl-node-63402befd60e5 .sub-menu li.current-menu-item > div > a, .fl-node-63402befd60e5 .sub-menu li.current-menu-item > a {
  background: #132c28;
  color: #fff !important;
}*/

.advanced-sidebar-menu ul.parent-sidebar-menu > li > a {
    background-color: #041E42;
   /*  background-color: #990000;*/
    color: white;
    font-size: 18px;
    text-transform: uppercase;
    padding: 5px 5px 3px 10px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}




/*#advanced-sidebar-navigation-menu-2-wrap li.menu-item.current-menu-parent > a {
    color: #ffffff !important;
    background-color: #990000 !important;
    padding:12px 16px;
    
}*/

.advanced-sidebar-menu ul {
    margin: 0px;
    list-style: none;
    margin-top:10px;
}
@media only screen and (max-width: 1130px){
  #advanced-sidebar-navigation-menu-2-wrap {
  margin-left: 12px;
}
  .mega-sub-menu {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
  .fl-node-63402befd60e4 {
  width: initial;
}
  .fl-col-group.fl-col-group-align-center {
  padding: 0px 20px;
}
article .fl-builder-content .fl-row .fl-row-content {
  padding: 0px 20px;
}
  
.fl-col.fl-node-651c3d5643721.fl-col-small.fl-visible-desktop {
  display: none;
}
.fl-col.fl-node-651c3d5643724.fl-col-small {
  width: 100%;
  margin: auto;
}

.img-banner.header-background.mobileCenter .container {
  width: fit-content;
  margin: auto;
  float: none;
  text-align: center;
  display: block;
}

}

@media only screen and (max-width: 990px){
  footer .fl-node-63698d952a59f img {
  max-width: 350px;
  margin-bottom: 20px;
  width: 100%;
}
  .fl-col.fl-node-63402befd60ea {
  width: 65% !important;
}
.fl-col.fl-node-65c64f4be90f8.fl-col-small {
  width: 11% !important;
}
.img-banner.header-background.mobileCenter {
  margin: auto;
  text-align: center;
  float: none;
  display: block;
  width: max-content;
}
}

@media (max-width: 800px) {
  .fl-page-content {
    padding: 0 0px;
  }
  
}

@media only screen and (max-width: 768px){
  
table.tablepress td {
  width: 100% !important;
  max-width: 100%;
  float: left !important;
}
table.tablepress tr {
  margin-bottom: 10px;
  float: left;
}
#mega-menu-wrap-header .mega-menu-toggle + #mega-menu-header {
    background: transparent;
    padding: 0px 0px 0px 0px;
    display: none;
}

#mega-menu-wrap-header .mega-menu-toggle {
    background: transparent;
}
.mega-toggle-animated-inner::before, .mega-toggle-animated-inner::after, .mega-toggle-animated-inner {
  background-color: #041E42 !important;
}
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color: #fff;
   
    background:#00958f;
}

}

@media only screen and (max-width: 690px) {
  header {
  position: relative;
}
.img-banner.header-background.mobileCenter {
  width: 100%;
}

.img-banner.header-background.mobileCenter .container {
  width: 100%;
}
#mega-menu-wrap-header {
  position: relative;
}
article .img-banner.header-background.mobileCenter h1 {
  font-size: 2.1em !important;
}
article .img-banner.header-background.mobileCenter .container.container-search {
  font-size: 14px;
}

#mega-menu-wrap-header .mega-menu-toggle.mega-menu-open + #mega-menu-header li a {
  padding: 0px 25px;
}
    #mega-menu-wrap-header .mega-menu-toggle.mega-menu-open + #mega-menu-header {
    display: block;
    position: absolute;
    z-index: 20;
    width: 104vw;
    left: -80vw;
    top: 74px;
    right: 0;
    background: #00958f;
    padding-bottom: 20px;
  }
  .logo-whoi {
  padding-bottom:30px;
}

.footer {
  padding:0 20px;
}

.fl-photo-content {
  padding-left: 20px;
}

#mega-menu-wrap-header .mega-menu-toggle .mega-toggle-blocks-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: transparent;
}
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link {
    color: #fff;
  }

}



/*
.fl-node-63402befd60e7 .fl-menu .sub-menu {
    background-color: #296BC9;
  background-color: #eeeeee;
color: #333333;
padding-left:10px;
}

.fl-builder-content .fl-node-63402befd60e7 .sub-menu > li > a {
color: #0069b1;
}

.fl-builder-content .fl-node-63402befd60e7 .sub-menu > li > a:hover {
color: #041e42;
background: transparent
}*/

/* works 
.fl-builder-content .fl-node-63402befd60e7 .menu > li > .fl-has-submenu-container > a:hover {
background-color: transparent !important;
}*/
/* works  for librarian button 
.fl-node-63402befd60e7 .menu > li > .fl-has-submenu-container.focus > a:hover {
background-color: transparent !important;
}*/

/*
.fl-builder-content .fl-node-63402befd60e7 .menu > li > a:hover {
background-color: transparent !important;
}*/

/* works 
.fl-node-63402befd60e7 .menu > li.current-menu-item > .fl-has-submenu-container > a {
background-color: transparent !important;
}*/

/*
.fl-builder-content .fl-node-63402befd60e7 .sub-menu > li > .fl-has-submenu-container > a {
    color: #0069b1;
}



.fl-node-63402befd60e7 .sub-menu > li > .fl-has-submenu-container.focus > a {
background-color: transparent !important;
}

.fl-node-63402befd60e7 .sub-menu > li > .fl-has-submenu-container.focus > a:hover {
background-color: #99000;
}*/