



.logo {
  padding:0 20px;
}

.hidden{display:none;}

/* cwater banner &amp; menu */
.page-id-130 .fl-page-bar, .parent-pageid-130 .fl-page-bar{
    display: none;
}
.page-id-568 .fl-page-bar,
.page-id-570 .fl-page-bar,
.page-id-572 .fl-page-bar,
.page-id-574 .fl-page-bar {
    display: none;
}
.pp-down-arrow-container {
    z-index: 9999 !important;
}
.cwater-brandbar .fl-row-content-wrap {
    padding: 10px 0 0 0;
}

.cwater-brandbar .fl-col-group .fl-module-content.fl-node-content:last-child {
    margin: 0;
}

.cwater-banner .fl-col-group .fl-module-content.fl-node-content:last-child {
    margin: 0 0px 5px 0;
}

.cwater-banner .fl-row-content-wrap ul li:before {
    content: "";
    padding-right: 0;
}

.cwater-banner .fl-node-60e5b35a40885 .menu a {
    padding:20px;
}

.cwater-banner .fl-node-60e5b35a40885 .menu a {
    padding:20px;
}

#menu-item-576 a {
    padding-right: 0;
}

.fl-node-60e5b35a40885 .menu > li > a:hover, .fl-node-60e5b35a40885 .menu > li > a:focus, .fl-node-60e5b35a40885 .menu > li > .fl-has-submenu-container:hover > a, .fl-node-60e5b35a40885 .menu > li > .fl-has-submenu-container.focus > a, .fl-node-60e5b35a40885 .sub-menu > li > a:hover, .fl-node-60e5b35a40885 .sub-menu > li > a:focus, .fl-node-60e5b35a40885 .sub-menu > li > .fl-has-submenu-container:hover > a, .fl-node-60e5b35a40885 .sub-menu > li > .fl-has-submenu-container.focus > a, .fl-node-60e5b35a40885 .menu > li.current-menu-item > a, .fl-node-60e5b35a40885 .menu > li.current-menu-item > .fl-has-submenu-container > a, .fl-node-60e5b35a40885 .sub-menu > li.current-menu-item > a, .fl-node-60e5b35a40885 .sub-menu > li.current-menu-item > .fl-has-submenu-container > a {
    background-color: transparent;
    color: #fff;
}

.fl-node-60e5b35a40885 .fl-menu-mobile-toggle:hover, .fl-node-60e5b35a40885 .fl-menu-mobile-toggle.fl-active {
    color: #c9deed;
    background-color: transparent;
}



/* cwater home */

.cwater-hero h1 {font-family: 'Cormorant Garamond', serif;font-size:100px;padding:0;margin:0;}



.cwater-hero .fl-button-text {
    font-family: 'TideSans-500Dudette';
    font-size: 18px;
}

.cwater-home2 .fl-row-content-wrap, .cwater-home3 .fl-row-content-wrap {padding:55px 0}

.cwater-home3 h3 {
    text-shadow: 0 0 8px #000000;
}

.cwater-home3 .fl-col-small p, .cwater-home3 .fl-col-small li {
     padding: 10px;
}

.cwater-home3 .fl-col.fl-node-60e5f2996e5c2.fl-col-small {
    padding-bottom: 45px;
}

.cwater-home3 .fl-separator {
    padding: 20px 0;
}

.cwater-quote {
    font-family: 'Cormorant Garamond';
    font-size: 1.45em;
}


/* CWATER what is it, history */

.page-id-568 h1,
.page-id-570 h1,
.page-id-572 h1,
.page-id-574 h1{
    font-family: 'Cormorant Garamond';
    font-size: 100px;
    padding:0;
    margin:0;
    padding-top: 45px;
}

.page-id-568 h2,
.page-id-570 h2,
.page-id-572 h2 {
    font-family: 'Cormorant Garamond';
    font-size: 36px;
    max-width: 20em;
    margin: 0 auto;
    padding-bottom: 45px;
}

.page-id-568 h3,
.page-id-570 h3,
.page-id-572 h3 {
    font-size: 24px;
    margin: 0;
    padding: 0;
}

.page-id-568 .fl-col-small p, .page-id-568 .fl-col-small li,
.page-id-572 .fl-col-small p, .page-id-572 .fl-col-small li{
    font-size: .9em;
    margin-bottom:.5em;
}

.cwater-whatis2 .fl-row-content-wrap, 
.cwater-whatis3 .fl-row-content-wrap, 
.cwater-whatis4 .fl-row-content-wrap, 
.cwater-whatis6 .fl-row-content-wrap,
.cwater-history2 .fl-row-content-wrap,
.cwater-history4 .fl-row-content-wrap
{
    padding:65px 0;
}

.cwater-whatis5 .fl-row-content-wrap {padding:5px 0;margin:0;}
.cwater-whatis5 .fl-col-group .fl-module-content.fl-node-content:last-child {
    margin: 0;
}

img.fl-photo-img.wp-image-597.size-full,
img.fl-photo-img.wp-image-651.size-full{
    border: 1px solid #666666;
}

.cwater-history3 .fl-col-group .fl-module-content.fl-node-content:last-child {
    margin: 0;
}

.cwater-engagement h2{
    text-align: center; 
    font-size: 100px;
    margin: 0;
    padding: 0;
    text-transform:none;
}

.cwater-engagement h3 { 
  font-family: 'Cormorant Garamond';
  text-align: center; 
  text-transform:none;
  max-width: 100%; 
  margin: 0 auto; 
  padding: 0;
  
}



/* CWATER CONTACT PAGE */

input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=number], input[type=search], input[type=url], textarea {
    padding: 12px;
    font-size: 16px;
    color: #53565A;
    border: 1px solid #53565A;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.contact {
    /*background-image: url(https://web.whoi.edu/facility-updates/wp-content/uploads/sites/109/2021/07/light-gray-bg.jpg);
    border: 1px solid #BBBCB0; li {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 15px;
}

/* funding 
.fl-node-5fcea52d41b6c .fl-menu .menu, .fl-node-5fcea52d41b6c .fl-menu .menu > li {
    font-size: 16px;
    line-height: 1;
   margin-bottom: 15px;
}*/

.box {
padding:0px;
background: #eeeeee;
border: 1px solid #173656;
}

.box h3 {
font-size: 24px !important;
color: #173656;
}

#menu-item-19 {
display:none;
}

.fl-post-meta.fl-post-meta-top {
    font-size: 14px;
    color: #666;
    display: none;
}

.fl-widget .fl-widget-title {
     color: #5d95bc;
}


/* puts space between content and the banner 
.fl-page-content {
background-color: #fff;
padding: 1.0em 0 0 0 !important;
}*/

.box {
background: #e0eaf3;
background:#eeeeee;
padding:15px 20px;
border: 1px solid #c7d9e6;
border: 1px solid #cccccc;
margin:20px 20px 40px 0;
font-size:15px;
}


.box h2 {
color:#173656;
font-size:22px;
}

table h4 {
color: #173656;
} 

/* styles for LEFT SIDEBAR MENU  */

.advanced-sidebar-menu {
    padding-left: 0px;
}

.advanced-sidebar-menu ul {
    margin: 0px;
    list-style: none;
}

.advanced-sidebar-menu ul.children {
    margin: 0 0 0 15px;
    font-size:13px;
    list-style: none;
}

.advanced-sidebar-menu .child-sidebar-menu li {
    line-height: 1.3;
    margin-bottom: 10px;
}

/*.advanced-sidebar-menu .child-sidebar-menu ul li:before {
    content: "\0BB \020";
    padding-right: .3em;
    color: #a2a939;
}*/

.advanced-sidebar-menu ul.children li {
    margin: 5px 0 0px 0;
    line-height: 1.4;
}

.advanced-sidebar-menu ul.parent-sidebar-menu > li > a {
    background-color: #173656;
    color: white;
    font-size: 17px;
    text-transform: uppercase;
    padding: 5px 5px 5px 10px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.advanced-sidebar-menu ul.parent-sidebar-menu > li > a:hover {
    color: #9cf;
    text-decoration: none;
}

.advanced-sidebar-menu a {
    text-decoration: none;
}

.advanced-sidebar-menu .child-sidebar-menu > li > a {
    font-weight: 400;
    color: #27668f;
font-size:15px;
}

.advanced-sidebar-menu li.current_page_item > a {
    color: #031c33;
    font-weight: 700;
}

.dashicons, .dashicons-before:before {
    font-size: 12px;
    line-height: 20px;
}




/* styles for LEFT SIDEBAR template */
.fl-sidebar.fl-sidebar-left.fl-sidebar-display-desktop.col-md-4 {
    width:21%;
    margin:0;
    margin-top:30px;
    padding-right:30px !important;
}

.fl-content.fl-content-right.col-md-8 {
    width:79%;
    margin:0;
margin-top:10px;
    padding-left:30px;
}

.fl-row-content-wrap {
    padding:0;
}

/* LEFT SIDE BAR PAGE HEADING above left nav */
.left-side h2 {
    background-color: #DEEDEF;
    margin: 0px 0 12px 0;
    color: #006;
    font-size: 16px;
    list-style-type: none;
    list-style-image: none;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0.05em;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFF;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left:12px;
    padding-right: 0px;
}







@media only screen and (max-width: 768px) {
   .fl-page-content {padding: 0px;}
  
   .fl-module {padding: 15px;}
  
}



