/*
Theme Name: WHOI Blue - Main Site (linked from fileshare)
Theme URI: https://www.wpbeaverbuilder.com
Version: 1.0
Description: WHOI.edu main site theme (child theme of Beaver Builder)
Author: Customizations by E. Andrews, WHOI
Author URI: https://www.whoi.edu
template: bb-theme
*/
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT&display=swap');
@import url("https://use.typekit.net/krv6cin.css");
@import url("https://use.typekit.net/hsq7unp.css");
@import url('https://www.whoi.edu/wp-content/themes/whoi-bb-blue-main/fonts/custom-fonts.css');



/*Consolidated Font Imports for Tide*/
@font-face {
    font-family: 'TideSans';
    src: url('fontface/TideSans-100LilBunny-webfont.woff2') format('woff2'), url('fontface/TideSans-100LilBunny-webfont.woff') format('woff'), url('fontface/TideSans-100LilBunny.ttf') format('ttf');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'TideSans';
    src: url('fontface/TideSans-100LilBunnyItalic-webfont.woff2') format('woff2'), url('fontface/TideSans-100LilBunnyItalic-webfont.woff') format('woff'), url('fontface/TideSans-100LilBunnyItalic.ttf') format('ttf');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'TideSans';
    src: url('fontface/TideSans-200LilMondo-webfont.woff2') format('woff2'), url('fontface/TideSans-200LilMondo-webfont.woff') format('woff'), url('fontface/TideSans-200LilMondo.ttf') format('ttf');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'TideSans';
    src: url('fontface/TideSans-200LilMondoItalic-webfont.woff2') format('woff2'), url('fontface/TideSans-200LilMondoItalic-webfont.woff') format('woff'), url('fontface/TideSans-200LilMondoItalic.ttf') format('ttf');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'TideSans';
    src: url('fontface/TideSans-300LilKahuna-webfont.woff2') format('woff2'), url('fontface/TideSans-300LilKahuna-webfont.woff') format('woff'), url('fontface/TideSans-300LilKahuna.ttf') format('ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'TideSans';
    src: url('fontface/TideSans-300LilKahunaItalic-webfont.woff2') format('woff2'), url('fontface/TideSans-300LilKahunaItalic-webfont.woff') format('woff'), url('fontface/TideSans-300LilKahunaItalic.ttf') format('ttf');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'TideSans';
    src: url('fontface/TideSans-400LilDude-webfont.woff2') format('woff2'), url('fontface/TideSans-400LilDude-webfont.woff') format('woff'), url('fontface/TideSans-400LilDude.ttf') format('ttf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'TideSans';
    src: url('fontface/TideSans-400LilDudeItalic-webfont.woff2') format('woff2'), url('fontface/TideSans-400LilDudeItalic-webfont.woff') format('woff'), url('fontface/TideSans-400LilDudeItalic.ttf') format('ttf');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'TideSans';
    src: url('fontface/TideSans-500Dudette-webfont.woff2') format('woff2'), url('fontface/TideSans-500Dudette-webfont.woff') format('woff'), url('fontface/TideSans-500Dudette.ttf') format('ttf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'TideSans';
    src: url('fontface/TideSans-500DudetteItalic-webfont.woff2') format('woff2'), url('fontface/TideSans-500DudetteItalic-webfont.woff') format('woff'), url('fontface/TideSans-500DudetteItalic.ttf') format('ttf');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'TideSans';
    src: url('fontface/TideSans-600Bunny-webfont.woff2') format('woff2'), url('fontface/TideSans-600Bunny-webfont.woff') format('woff'), url('fontface/TideSans-600Bunny.ttf') format('ttf');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'TideSans';
    src: url('fontface/TideSans-600BunnyItalic-webfont.woff2') format('woff2'), url('fontface/TideSans-600BunnyItalic-webfont.woff') format('woff'), url('fontface/TideSans-600BunnyItalic.ttf') format('ttf');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'TideSans';
    src: url('fontface/TideSans-700Mondo-webfont.woff2') format('woff2'), url('fontface/TideSans-700Mondo-webfont.woff') format('woff'), url('fontface/TideSans-700Mondo.ttf') format('ttf');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'TideSans';
    src: url('fontface/TideSans-700MondoItalic-webfont.woff2') format('woff2'), url('fontface/TideSans-700MondoItalic-webfont.woff') format('woff'), url('fontface/TideSans-700MondoItalic.ttf') format('ttf');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'TideSans';
    src: url('fontface/TideSans-800Kahuna-webfont.woff2') format('woff2'), url('fontface/TideSans-800Kahuna-webfont.woff') format('woff'), url('fontface/TideSans-800Kahuna.ttf') format('ttf');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'TideSans';
    src: url('fontface/TideSans-800KahunaItalic-webfont.woff2') format('woff2'), url('fontface/TideSans-800KahunaItalic-webfont.woff') format('woff'), url('fontface/TideSans-800KahunaItalic.ttf') format('ttf');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'TideSans';
    src: url('fontface/TideSans-900Dude-webfont.woff2') format('woff2'), url('fontface/TideSans-900Dude-webfont.woff') format('woff'), url('fontface/TideSans-900Dude.ttf') format('ttf');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'TideSans';
    src: url('fontface/TideSans-900DudeItalic-webfont.woff2') format('woff2'), url('fontface/TideSans-900DudeItalic-webfont.woff') format('woff'), url('fontface/TideSans-900DudeItalic.ttf') format('ttf');
    font-weight: 900;
    font-style: italic;
}
.fl-row-bg-caption {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    color: #333;
}
body:not(.fl-builder) .fl-sidebar ~ .fl-content article.fl-post.page {
    margin-left: 20px;
    margin-top: 20px;
}
.fl-module-class-facet.alignright {
    float: right;
}
.dropdown ul.pp-post-filters li {
    background: transparent;
    padding: 5px 5px 5px 5px;
    float: left;
    width: 100%;
}
.dropdown ul.pp-post-filters .pp-child-term:focus {
    background: #BBBBBB;
}
.dropdown .pp-post-filter.pp-child-term {
    margin-left: 5px;
    background: transparent;
    display: block !important;
    float: left;
    width: 100%;
    padding: 3px 10px 3px 10px !important;
    max-width: 190px;
}

.dharma, .dharma h1, .dharma h2, .dharma h3, .dharma h4 {
    font-family: 'dharma-gothic-e', 'Oswald', sans-serif !important;
    font-weight: 600;
}

    .dharma span, .dharma h1 span, .dharma h2 span, .dharma h3 span, .dharma h4 span {
        font-family: 'dharma-gothic-e', 'Oswald', sans-serif !important;
    }
header #mega-menu-wrap-header #mega-menu-header li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    display: none;
}
.main-menu.featured-oceanus-issue .attachment-large.size-large {
    max-height: 270px;
    width: auto;
    margin: 0px auto;
    text-align: center;
    display: block;
}
header nav #mega-menu-wrap-header #mega-menu-header ul.mega-sub-menu a.menuOceanusLink {
    font-size: 14px;
    color: #fff;
    text-align: center;
    display: block;
    line-height: 1.2;
    padding-top: 8px;
}
/* OVERALL CUSTOM STYLES */

.category-humans-of-whoi .fl-post-content.clearfix .fl-row {
    width: 100%;
    max-width: 950px !important;
    margin: auto;
}


.fl-row.fl-row-full-width.fl-row-bg-none.fl-node-5c87b8fea7811.home-news-shop {
    overflow-x: hidden;
}
body {
    background-color: #ffffff;
    color: #000000;
    font-family: 'TideSans','Red Hat Display', 'Helvetica', Arial, Tahoma, sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.55;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #041E42;
	font-family: 'TideSans','Red Hat Display', 'Helvetica', Arial, Tahoma, sans-serif;
	font-weight: 500;
	line-height: 1.4;
	text-transform: none;
    margin:0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #0069B1;
    border-bottom: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: none;
}

strong, b, .fl-builder-content .fl-rich-text strong, .fl-builder-content .fl-rich-text b {
    font-weight: 500;
}


a {
    color: #0069B1;
}

a:hover, a:focus {
	color: #00A9E0;
}

/*
article .fl-post-content p a,
article .fl-post-content td a {
    border-bottom: 1px dotted #0069B1;
}

article .fl-post-content p a:hover,
article .fl-post-content td a:hover {
    text-decoration: none;
}
*/

.container {
	padding-left: 0px;
	padding-right: 0px;
}


h1 {margin:0 0 .3em 0}
h3 {margin:0 0 .25em 0}

.big-text {
    font-size: 60px;
    margin: 0;
    padding: 0;
    line-height: .8em;
}

.compress-text {
    padding-top: -30px;
    padding-bottom: -30px;
}

p.menu-item-description {
    margin: 0;
}
.page-id-28927 .fl-page-content {
    margin-top: 160px;
}
#mega-menu-wrap-header #mega-menu-header a.mega-menu-link .mega-description-group .mega-menu-title, #mega-menu-wrap-header #mega-menu-header a.mega-menu-link .mega-description-group .mega-menu-description {
font-weight:500;
}

/* ----- New Mega Menu -----*/
#mega-menu-item-custom_html-11 .textwidget.custom-html-widget {
    border: 0px;
    text-align: left;
    padding: initial;
    font-size: initial;
    background-color: initial;
}

/* Bootstrap grid fix for Safari bug */
.row:before, .row:after {
    width: 0px;
    height: 0px;
}

/* ------------ Buttons --------------- */

a.fl-button, a.fl-button:visited, .fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited {
    background: #0069B1;
    color: #ffffff;
    border: 1px solid #041E42;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    font-size: 14px;
    padding: 10px 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
a.fl-button *, a.fl-button:visited *, .fl-builder-content a.fl-button *, .fl-builder-content a.fl-button:visited * {
	color: #000000;
}
a.fl-button:hover, .fl-builder-content a.fl-button:hover {
	background: #0069B1;
	color: #ffffff;
	border: 1px solid #1a445f;
}
a.fl-button:hover *, .fl-builder-content a.fl-button:hover * {
	color: #ffffff;
}
button, input[type=button], input[type=submit],
.oceanus-subscribe-btn .pp-modal-button .pp-modal-trigger {
	background: #00A9E0;
	color: white;
	font-size: 14px;
	line-height: 20px;
	padding: 8px 16px;
	font-weight: normal;
	text-shadow: none;
	border: 1px solid #767b2a;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 0px;
    text-transform: uppercase;
}

button:hover, input[type=button]:hover, input[type=submit]:hover {
	background: #0069B1;
	color: #ffffff;
	border: 1px solid #1a445f;
	text-decoration: none;
}
button:active, button:focus, input[type=button]:active, input[type=button]:focus, input[type=submit]:active, input[type=submit]:focus {
	background: #0069B1;
	color: #ffffff;
	border: 1px solid #1a445f;
	outline: none;
	position: relative;
	top: 1px;
}

.btn-light-bg a.fl-button {
    background: none;
    border: 1px solid #0069B1;
    color: #0069B1;
}

.fl-row-content-wrap ul.btn-list-blue {
    text-indent: 0;
    padding-left: 0;
}

.fl-row-content-wrap ul.btn-list-blue li:before {
    content: none;
}
.home .fl-node-5c87b90878e1b .feature-box-container h2 {
    line-height: 1.1;
    padding-top: 14px;
}
.home .fl-node-5c87b90878e1b .feature-box-news a::before {
    content: "";
    display: block;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.6992997882746849) 22%, rgba(0,0,0,0) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
}
ul.btn-list-blue li {
    background: #0069B1;
    border: 1px solid #041E42;
    color: #fff;
    margin: 1em 0 0em 0;
    display: block;
    width: 98%;
    text-align: center;
    padding: .75em 1em;
    font-size: 16px;
    letter-spacing: .05em;
    transition: background-color 300ms ease-out;
}

ul.btn-list-blue li:hover {
    background:#00A9E0;
    border:1px solid #041E42;
}

ul.btn-list-blue li a {
    color: white;
}

ul.btn-list-blue li a:hover {
    text-decoration: none;
}

.btn-opaque {
    background: rgba(51, 51, 51, 0.4);
    border: 1px solid #fff;
    color: #fff;
    padding: 8px 16px;
    text-transform: uppercase;
    transition: background-color 300ms ease-out;
}

.btn-opaque:hover {
    text-decoration: none;
    background: #0069B1;
    color: white;
}

.btn-blue-theme {
    background-color: #0069B1;
    color: white;
    border-color: #0069B1;
}


/* ------------ Lists --------------- */

.fl-row-content-wrap ul {
 list-style: none;
 margin-left: 0;
 padding-left: 1em;
 text-indent: -1em;
 }

.fl-row-content-wrap ul li:before {
    content: "\0BB \020";
    padding-right:.3em;
    color: #041E42;
	font-size:.7em;
 }

 .fl-row-content-wrap .fl-builder-pagination ul {
     text-indent: 0;
 }

 .fl-row-content-wrap .fl-builder-pagination ul li:before {
     content: none;
 }

#project-layout .fl-col-small[style = "width: 30%;"] {
    background: url(images/divider.png);
    background-repeat: repeat-y;
    font-size: .85em;
    padding-left: 20px;
}

/* Tables */
table {
    background: #dfebf4;
    border: solid 1px #c7d9e6;
    border-collapse: collapse;
    width:100%;
}

/* tables */
table tr:nth-of-type(even) {
    background: #ffffff;
}

table th, table tr th {background:#041E42;color:#fff;}

table th strong {color:#fff;}

table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {
    vertical-align: text-top;
    padding:.5em;
}

/* Forms */

.form-basic input[type=text] {
    display: inline-block;
    padding: 1.2em .5em;
    vertical-align: middle;
    cursor: pointer;
    color: #44678e;
    font-size: 18px;
    border: 1px solid #041E42;
    border-radius: 0;
    background-color: white;
    margin-bottom: 1em;
}

/* ------------ Top/Branding Header --------------- */

.fl-page-bar {
	border-bottom: 0px;
	font-size: 12px;
	line-height: 14px;
	border-color: #25578a;
	background-color: #041E42;
	color: #00A9E0;
}
.fl-page-bar *, .fl-page-bar h1, .fl-page-bar h2, .fl-page-bar h3, .fl-page-bar h4, .fl-page-bar h5, .fl-page-bar h6 {
	color: #00A9E0;
}
.fl-page-bar a, .fl-page-bar a *, .fl-page-bar a.fa {
	color: #0069B1;
}
.fl-page-bar a:hover, .fl-page-bar a:focus, .fl-page-bar a:hover *, .fl-page-bar a:focus *, .fl-page-bar a.fa:hover, .fl-page-bar a.fa:focus {
	color: #00a9e0;
}
.fl-page-bar .navbar-nav > li > a {
	color: #0069B1;
}
.fl-page-bar .navbar-nav > li > a:hover, .fl-page-bar .navbar-nav > li > a:focus {
	color: #00a9e0;
}
.fl-page-bar .navbar-nav > li.current-menu-item > a {
	color: #00a9e0;
}
.fl-page-bar-container {
	padding-bottom: 5px;
	padding-top: 5px;
}
.fl-page-bar-nav {
	float: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.fl-page-bar-nav > li {
	display: inline-block;
	float: none;
	position: relative;
}
.fl-page-bar-nav > li > a {
	padding: 2px 10px;
}
.fl-page-bar-nav > li > a:hover, .fl-page-bar-nav > li > a:focus {
	background: transparent;
}
.fl-page-bar-nav > li > ul.sub-menu {
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	border-color: 'transparent';
	background-color: #041E42;
	color: #00A9E0;
	left: -99999px;
	padding: 7px 13px;
	position: absolute;
	top: 100%;
	width: 200px;
	z-index: 1000;
}
.fl-page-bar-nav > li > ul.sub-menu *, .fl-page-bar-nav > li > ul.sub-menu h1,
.fl-page-bar-nav > li > ul.sub-menu h2, .fl-page-bar-nav > li > ul.sub-menu h3,
.fl-page-bar-nav > li > ul.sub-menu h4, .fl-page-bar-nav > li > ul.sub-menu h5,
.fl-page-bar-nav > li > ul.sub-menu h6 {
	color: #00A9E0;
}
.fl-page-bar-nav > li > ul.sub-menu a,
.fl-page-bar-nav > li > ul.sub-menu a *,
.fl-page-bar-nav > li > ul.sub-menu a.fa {
	color: #0069B1;
}
.fl-page-bar-nav > li > ul.sub-menu a:hover,
.fl-page-bar-nav > li > ul.sub-menu a:focus,
.fl-page-bar-nav > li > ul.sub-menu a:hover *,
.fl-page-bar-nav > li > ul.sub-menu a:focus *,
.fl-page-bar-nav > li > ul.sub-menu a.fa:hover,
.fl-page-bar-nav > li > ul.sub-menu a.fa:focus {
	color: #00a9e0;
}
.fl-page-bar-nav > li > ul.sub-menu .navbar-nav > li > a {
	color: #0069B1;
}
.fl-page-bar-nav > li > ul.sub-menu .navbar-nav > li > a:hover,
.fl-page-bar-nav > li > ul.sub-menu .navbar-nav > li > a:focus {
	color: #00a9e0;
}
.fl-page-bar-nav > li > ul.sub-menu .navbar-nav > li.current-menu-item > a {
	color: #00a9e0;
}
.fl-page-bar-nav > li > ul.sub-menu li {
	display: block;
	list-style: none;
	text-align: left;
}
.fl-page-bar-nav > li > ul.sub-menu li a {
	display: block;
	padding: 5px 0;
}
.fl-page-bar-nav > li > ul.sub-menu li a:hover {
	text-decoration: none;
}
.fl-page-bar-nav > li > ul.sub-menu li ul.sub-menu {
	padding: 0;
}
.fl-page-bar-nav > li.fl-sub-menu-right ul.sub-menu {
	right: 0;
}
.fl-page-bar-nav > li:hover > ul.sub-menu {
	left: auto;
}
.fl-page-bar-text {
	padding: 5px 0;
	text-align: center;
}
.fl-page-bar .fl-social-icons {
	text-align: center;
}

.fl-page-bar-container.container {
    padding: 0;
    width: 100%;
    max-width: 1200px;
}
.fl-page-bar {
    border: 0;
    padding: .5em 0 0 0;
}
.fl-page-bar-nav > li > a {
    padding: 4px 0 0 30px;
}
svg#Layer_1 {
    width: 350px;
    height: 25px;
    fill: #5d95bc;
}

ul#menu-secondary-menu {
    padding-top: .25em;
}

ul#menu-secondary-menu li a {
    color: #5d95bc;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: 12px;
}

/* ------------ Header --------------- */

.fl-page-header {
	color: #0080c6;
}

.fl-page-header *, .fl-page-header h1, .fl-page-header h2, .fl-page-header h3, .fl-page-header h4, .fl-page-header h5, .fl-page-header h6 {
	color: #0080c6;
}
.fl-page-header a, .fl-page-header a *, .fl-page-header a.fa {
	color: #0080c6;
}
.fl-page-header a:hover, .fl-page-header a:focus, .fl-page-header a:hover *, .fl-page-header a:focus *, .fl-page-header a.fa:hover, .fl-page-header a.fa:focus {
	color: #00A9E0;
}
.fl-page-header .navbar-nav > li > a {
	color: #0080c6;
}
.fl-page-header .navbar-nav > li > a:hover, .fl-page-header .navbar-nav > li > a:focus {
	color: #00A9E0;
}
.fl-page-header .navbar-nav > li.current-menu-item > a {
	color: #00A9E0;
}

.fl-logo-img {
    max-width: 300px;
    margin-top: 10px;
	position: absolute;
}

.fl-logo-text {
	font-weight: 400;
	font-size: 30px;
}

/**404 search input**/
body.error404 .autocomplete-container input {
    max-width: 500px;
    float: left;
    height: 45px;
    padding: 8px 30px;
    border-radius: 50px 0px 0px 50px;
}

body.error404 .autocomplete-container .meili-submit-button {
    width: 60px;
    float: left;
    background: #00A9E0;
    border-color: transparent;
    border-radius: 0px 50px 50px 0px;
    padding: 13px 20px;
    height: 45px;
    border-width: 0px;
}

    body.error404 .autocomplete-container .meili-submit-button i::before {
        color: #fff;
    }

.fl-page-nav-right .fl-page-nav-search a.fa-search {
    padding: 10px 0 0px 10px;
    position: static;
    font-size: 30px;
}

.fa-search:before {
    content: "\f002";
    color: #0080c6;
}

.fl-page-nav-search form {
    top: 60px;
    background: #041E42;
    border: 1px solid #0069B1;
}
.fl-page-nav-right .fl-page-nav-wrap {
    /*float:right;*/
}
.fl-page-nav-right .fl-page-header-wrap {
    background: #041E42;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0px 5px 10px 0 rgba(0,0,0,.1);
}

.fl-page-nav-right .fl-page-header-container {
    padding: 0 0 0px 0;
    width: 100%;
    max-width: 1200px;
}


.fl-page-header a, .fl-page-header a *, .fl-page-header a.fa {color: #0069B1;}
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a,
.page-topbar-menu > li > a  {
    color: #0069B1;
}
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a:hover,
.page-topbar-menu > li > a:hover {
    color: #fff;
}
.fa-search:before {
    color: #0069B1;
}

.fl-page-nav-right .fl-page-nav-wrap a:hover {
    color: white;
}

.fl-page-nav-right.fl-page-header-fixed a,
.fl-page-nav-right.fl-page-header-fixed a *,
.fl-page-nav-right.fl-page-header-fixed a.fa,
.fl-page-header-fixed a, .fl-page-header-fixed a *,
.fl-page-header-fixed a.fa {
    color: #fff;
}


.fl-page-nav-right .fl-page-nav-wrap h1,
.fl-page-nav-right .fl-page-nav-wrap h2,
.fl-page-nav-right .fl-page-nav-wrap h3,
.fl-page-nav-right .fl-page-nav-wrap h4,
.fl-page-nav-right .fl-page-nav-wrap h5,
.fl-page-nav-right .fl-page-nav-wrap h6,
.fl-page-nav-right .fl-page-nav-wrap input {
    color: white;
}

.fl-page-nav-right .fl-page-nav-wrap a *,
.fl-page-nav-right .fl-page-nav-wrap p {
    color: #ffffff;
}

.header-tagline,
.fl-page-header-fixed .header-tagline {
    color: #00A9E0;
    opacity: .5;
    font-style: italic;
}

.fl-page-nav-right .fl-page-header-row .fl-page-nav-col {
    padding: 10px 0 0px 0;
}

.fl-page-nav-right .fl-page-nav-search {
    position: absolute;
    right: 0;
}

/* ------------ Announcement Bar --------------- */
.fl-page-header .announcement-bar {
    background-color: #0069B1;
    color: white;
    text-align: center;
    padding: 10px 0;
}

.fl-page-header .announcement-bar span {
    color: white;
}

.fl-page-header .announcement-bar a {
    color: white;
    font-weight: 600;
    text-decoration: underline;
}

@media (max-width:767px) {
  .fl-page-header .announcement-bar span {
    font-size:12px;
  }
}

/* BLUE TEMPLATE NAV ON ONE LINE */

 .fl-page-nav-wrap {
    border-bottom: 0px;
    border-top: 0px;
    background-color: #041E42;
    color: #fff;
}

.fl-page-header.fl-page-nav-centered .navbar-nav > li > a,
.fl-page-nav-wrap .navbar-nav > li > a {
    color: #00A9E0;
}


/* BLUE TEMPLATE NAV ON TWO LINES */

.fl-page-header-wrap {
    background: #041E42;
}

.fl-page-nav-wrap .navbar-nav > li > a {
    color: #00A9E0;
}

.fl-page-nav-wrap .navbar-nav > li > a:hover {color: #FFF;}

.fl-page-nav-wrap .navbar-nav > li.current-menu-item > a {
    color: #fff;
}

.fl-page-nav-wrap .navbar-nav > li > a {
    padding: 1em 1.25em 1em 0;
}

#topbar-menu {
    position: absolute;
    top: 0;
    right: 50px;
}

#menu-topbar-menu a {
    text-transform: uppercase;
    font-size: 13px;
    padding-top: 15px;
    padding-right: 10px;
    color: #00A9E0;

}

#menu-topbar-menu a:hover {
    color: #00A9E0;
}


.page-id-532920 .fl-post-header {
display:none;
}
/* Mega Menu */
#mega-menu-wrap-header {
    margin-top: 60px;
    max-width: 1200px;
}

#mega-menu-wrap-header #mega-menu-header > li.mega-menu-megamenu > ul.mega-sub-menu {
	background-color: #041E42;
}

#mega-menu-wrap-header .mega-menu-toggle {
	background-color: #041E42;
}
.mega-menu-title {
    font-weight: 300 !important;
}
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link {
    font-weight: 300 !important;
	border:0;
    line-height: 1.8;
	padding: 2px 12px;
	color:#fff;
	font-size: 14px;
    letter-spacing: 1px;
	height:auto;
}

#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link:focus,
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    font-weight: 700;
	color:#fff;
  }

#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.donate-link {
    margin-right: 0;
    margin-left: 14px;
}

#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.donate-link > a.mega-menu-link {
    color: #ffffff;
    background-color: #00a9e0;
    border: none;
	border-radius: 25px;
}

#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link
    {color:#ffffff}

#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link:focus
    {font-weight:400;}

#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.donate-link > a.mega-menu-link:hover,
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.donate-link > a.mega-menu-link:active,
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.donate-link > a.mega-menu-link:focus {
    color: white;
    background: #00a9e0;
	font-weight:400;
}

#mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu:first-of-type {
    margin-top: 12px !important;
    color: white;
}

#mega-menu-wrap-header #mega-menu-header > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header #mega-menu-header > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header #mega-menu-header > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-header #mega-menu-header > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus {
	font-weight:400;
}

#mega-menu-wrap-header #mega-menu-header .mega-menu-row {
    padding: 15px;
}

#mega-menu-wrap-header #mega-menu-header #mega-menu-item-28 li.mega-menu-row:after {
    border: inset 7px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent #041E42 transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -14px;
    left: 520px;
    z-index: 88;
}

#mega-menu-wrap-header #mega-menu-header ul.mega-sub-menu a {
    color: #61d8ff;
    white-space: nowrap;
}

#mega-menu-wrap-header #mega-menu-header ul.mega-sub-menu a:hover {
    color: white !important;
    text-decoration: none;
}

#mega-menu-header h4 {
    font-size: 18px;
    font-family: 'TideSans','Red Hat Display', 'Helvetica', Arial, Tahoma, sans-serif;
    font-weight: 400;
}

#mega-menu-wrap-header #mega-menu-header p {
    margin-bottom: 0;
}

.mega-menu-feature-box .mega-menu-item .textwidget {
    border: 1px solid #00A9E0;
    background-color: #041E42;
    padding: 10px;
    text-align: center;
    font-size: 14px;
}

.mega-menu-feature-box h4 {
    margin-bottom: 10px;
}

.mega-sub-menu .menu {
    padding-left: 8px;
}

.mega-sub-menu .menu li {
    list-style: none;
    font-size: 13px;
    padding-bottom: 6px;
}

.mega-sub-menu .menu a:hover {
    text-decoration: none;
}

.mega-sub-menu .big-text {
    color: white;
}

#mega-menu-wrap-header #mega-menu-header ul.mega-sub-menu li.heading-link a {
    color: white;
    text-transform: uppercase;
    border-bottom: 1px dotted white;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}

#mega-menu-wrap-header #mega-menu-header ul.mega-sub-menu li.heading-link a:hover {
    color: #99ccff;
}

#mega-menu-item-27 ul.mega-sub-menu li.mega-menu-item.widget_media_image {
    padding-bottom: 0px !important;
}

.mega-sub-menu .menu li.no-dropdown {
    padding-bottom: 0;
}

ul.sub-menu-flat {
    padding-left: 10px;
    padding-top: 5px;
}

ul.sub-menu-flat li a:before {
    content: '\f105';
    font-family: FontAwesome;
    margin-right: 5px;
}

.follow-us-col img {
    width: 20px;
    height: auto;
    float: left;
    margin: 0 .45em 0 0;
    border: 1px solid #041E42;
}

.follow-us-col a {
    display: block;
    overflow: hidden;
    line-height: 20px;
    color: #00A9E0;
    margin-bottom: 1em;
    font-size: 16px;
}

.fl-page-nav-right .fl-page-nav-wrap .join-form-col p {
    color: white;
}
.advanced-sidebar-icon.advanced-sidebar-icon-arrow-down-alt2 {
    right: -25px;
}
.join-form-col input[type=text] {
    display: inline-block;
    padding: 1.2em .5em;
    vertical-align: middle;
    cursor: pointer;
    color: #d0ebfd;
    font-size: 18px;
    border: 1px solid #0069B1;
    border-radius: 0;
    background-color: transparent;
    margin-bottom: 1em;
}

.get-involved-col h4 {
    padding-bottom: 0 !important;
}

.get-involved-col ul.menu {
    padding-left: 0;
}

.get-involved-col ul.menu li {
    background: #041E42;
    border: 1px solid #0069B1;
    color: #fff;
    text-transform: uppercase;
    margin: 1em 0 0em 0;
    display: block;
    width: 98%;
    text-align: left;
    padding: .75em 1em;
    font-size: 16px;
    letter-spacing: .05em;
    transition: background-color 300ms ease-out;
}

.get-involved-col ul.menu li a {
    color: white !important;
}

.get-involved-col ul.menu li:hover {
    background:#0069B1;
    border:1px solid #041E42;
    color:#0cf;
}
#mega-menu-wrap-header #mega-menu-header ul.mega-sub-menu .navbar-white-link a {
    color: white;
}

.fl-page-header .mega-toggle-label span {
    color: white;
}


/* ------------------------------------------------
                   Homepage
------------------------------------------------ */

.home-banner-mobile {
    display: none;
}

.home h2 {font-size:48px}

#video-banner {
    min-height: 420px;
    display: block;
}

#video-banner .fl-bg-video {
    min-height: 430px;
    overflow: hidden;
    background: #041E42;
}
#video-banner .fl-row-content-wrap {
    padding: 0;
}

/*#video-banner .fl-module-content {
    margin: 0;
}*/

#video-banner-textbox {
    margin-top: 10%;
    width: 100%;
    text-align: center;
}

#video-banner-textbox h1 {
    color: white;
    text-shadow: 3px 3px 12px #050505;
    padding-bottom: 0px;
    line-height: 1.3;
	font-size: 60px
}

#video-banner-textbox h2 {
    padding-bottom: 40px;
	font-weight:400;
	font-size: 30px;
	text-shadow: 3px 3px 10px #050505;
}

.support-btn:hover,
.donate-link:hover,
.donate-together {
    display: block;
  -webkit-animation: btnWiggle 3s infinite;
  -moz-animation: btnWiggle 3s infinite;
  -o-animation: btnWiggle 3s infinite;
  animation: btnWiggle 3s infinite;
}

/* animation */
@-webkit-keyframes btnWiggle {
	0% {-webkit-transform: rotate(0deg);}
	2% {-webkit-transform: rotate(-1deg);}
	3.5% {-webkit-transform: rotate(1deg);}
	5% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(0deg);}
}
@-o-keyframes btnWiggle {
	0% {-webkit-transform: rotate(0deg);}
	2% {-webkit-transform: rotate(-1deg);}
	3.5% {-webkit-transform: rotate(1deg);}
	5% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(0deg);}
}
@keyframes btnWiggle {
	0% {-webkit-transform: rotate(0deg);}
	2% {-webkit-transform: rotate(-1deg);}
	3.5% {-webkit-transform: rotate(1deg);}
	5% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(0deg);}
}

/* Video Banner Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	#video-banner-textbox h2 {
        font-size: 22px;
}
    #video-banner {
        display: none;
    }

    .home-banner-mobile {
        display: block;
    }

    #video-banner-textbox {
        margin-top: 28%;
    }
	.support-btn {
        padding-bottom: 35px;
}

}

.home-innovators img {
    width: 85px;
    height: 85px;
}



.wave-bg-dark {
    background-image: url('images/bg-blue-wave-dark.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #173656;
    color: white;
}


.home-news-shop {
    background-image: url("images/news-background.jpg");
	background-position: bottom center;
    background-repeat: no-repeat;
	background-color: #ffffff;
	background-size: contain;


}

.home-news-shop .fl-col-group-nested {
    max-width: 1200px;
    margin: 0 auto;
}

.home-projects {
    background-image: url('https://www.whoi.edu/wp-content/uploads/2020/08/projects-background2.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #01143f;
    color: white;
	background-size: cover;
	padding: 950px 20px 20px 20px;

}

.wave-bg-dark h4 {
    color: white;
}

@media (max-width: 991.98px) {
    .home-projects {
        padding-top: 310px;
    }
}

@media (max-width: 767px) {
    .home-projects {
        background-size: contain;
    }
	.shop-title h2, .shop-title p {
		color: #041E42;
	}
}

/* Feature Box styles */

.home-page-feature-box .row {
    margin-bottom: 10px;
}

.home-page-feature-box a:hover {
    text-decoration: none;
}

.feature-box-primary {
    margin: 0 15px;
    background-color: #041E42;
    color: white;
    border: 1px solid #041E42;
    overflow: auto;
}

.feature-box-primary a {
    color: white;
}

.feature-box-primary a:hover,
.feature-box-primary a:focus {
	color: #00A9E0;
}

.feature-box-primary h2 {
    color: white;
}

.feature-box-primary-img {
    padding-left: 0;
    float: left;
    width: 70%;
}

.feature-box-primary-text {
    font-size: 16px;
    padding: 15px;
    float: left;
    width: 30%;
    position: relative;
}

.feature-box-primary-text .feature-box-icon {
    color: white;
}

.feature-box-secondary {
    position: relative;
    clear: both;
}

.feature-box-secondary a {
    color: #041E42;
}

.feature-box-secondary a:hover,
.feature-box-secondary a:focus {
	color: #00A9E0;
}

.feature-box-secondary h3 {
    margin-bottom: 25px;
}

.feature-box-meta {
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 0;
}

.feature-box-meta-type {
    padding-right: 20px;
    font-weight: 500;
    font-family: 'TideSans','Red Hat Display', 'Helvetica', Arial, Tahoma, sans-serif;
}

.feature-box-meta-type a {
	color: #3fb4ed;
}

.feature-box-icon {
    text-transform: uppercase;
    font-size: 12px;
    color: #0069B1;
    position: absolute;
    bottom: 0px;
}

span.feature-box-meta-topic {
    display: none;
}

.feature-box-primary .feature-box-icon {
    bottom: 10px;
}

.feature-box-icon a:hover {
    text-decoration: none;
}

.home-news h4 {
    font-size: 12px;
    color: #3fb4ed;
    border-bottom: 2px solid #3fb4ed;
    margin-bottom: 10px;
}

.home-news p {
    line-height: 1.4;
    font-size: 14px;
    border-bottom: 1px dotted #0069B1;
    padding-bottom: .5em;
}

.home-news i.fas.fa-external-link-alt {
    font-size: .85em;
}

.fl-node-5f36b7676b3a7 > .fl-module-content {
    margin-top: 600px;
    margin-bottom: 0px;
}


.home-quote h4 {
    font-weight: 300;
    font-family: 'TideSans','Red Hat Display', 'Helvetica', Arial, Tahoma, sans-serif;
}

/* Feature Box Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	.fl-module.fl-module-html.fl-node-5c87b90878e1b,
.fl-col-group.fl-node-5f35aaf69f496.fl-col-group-nested {
    width: 100%;
    margin: 0 auto;
}
    .feature-box-primary h2 {
        font-size: 26px;
    }

.fl-node-5f36ebebe48fd .pp-quote-wrap .pp-pullquote-wrapper .pp-pullquote-icon .pp-icon {
    color: #ffffff;
    font-size: 14px;
    position: absolute;
}

.fl-node-5f36b7676b3a7 > .fl-module-content {
    margin-top: 30px !important;
    margin-bottom: 0px;

}

.fl-node-5f36b7676b3a7 .fl-rich-text, .fl-node-5f36b7676b3a7 .fl-rich-text * {
    color: #041e42;
}

.fl-node-5f36b7676b3a7 > .fl-module-content {
    margin-top: 600px;
    margin-bottom: 0px;
}


.home-projects {
    padding-top: 300px;

}
}

/* What We Do Carousel */

.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {
    background: none;
}


.rsUni .rsArrowIcn {
    width: 52px;
    height: 101px;
    margin-top: -38px;
    margin-left: -22px;
    background-position: top left !important;
    background-repeat: no-repeat;
    opacity: 1;
    border-radius: 0;
}

.rsUni.rsHor .rsArrowRight .rsArrowIcn {
    background-image: url('images/carousel-arrow-right.png');
}

.rsUni.rsHor .rsArrowLeft .rsArrowIcn {
    background-image: url('images/carousel-arrow-left.png');
    margin-left: -30px;
}
#new-royalslider-1 .rsSlide.rsActiveSlide {
    height: auto !important;
}
#new-royalslider-1 {
    max-height: 310px;
}
#new-royalslider-1 .rsSlide {
    height: auto;
}
    #new-royalslider-1 .rsContent {
        position: relative;
        height: auto !important;
        max-height: 366px;
    }
.rsImg {
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.6);
    width: 100% !important;
    margin-left: 0 !important;
}
#new-royalslider-1 .rsContent .rsImg.rsMainSlideImage {
    position: relative;
    display: block;
    z-index: 1;
}
#new-royalslider-1 .rsContent .rsLink {
    position: absolute;
    top: 0px;
}
.rsContent::after {
    display: block;
    position: absolute;
    background: -moz-linear-gradient(top, rgba(1,24,66,0) 50%, rgb(1, 24, 66) 100%);
    background: -webkit-linear-gradient(top, rgba(1,24,66,0) 50%,rgba(1,24,66,1) 100%);
    background: linear-gradient(to bottom, rgba(1,24,66,0) 0%,rgb(1, 24, 66) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00011842', endColorstr='#011842',GradientType=0 );
    margin-top: -31%;
    height: 200px;
    width: 100%;
    content: "";
    bottom: 0;
    z-index: 15;
}
#new-royalslider-1 .rsContent .whatwedo-carousel-text {
    z-index: 10;
    display: block;
    position: absolute;
    bottom: 15px !important;
    margin: auto;
    margin-left: auto;
    z-index: 20;
    padding-left: 4%;
    padding-right: 4%;
}

/*.whatwedo-carousel-text {
    bottom: 2% !important;
    padding-left: 4%;
    padding-right: 4%;
}*/

.whatwedo-carousel-text h3 a {
    color: white;
    font-weight: bold;
}

.whatwedo-carousel-text p {
    font-size: 13px;
}

.whatwedo-carousel-text .more-link a {
    text-transform: uppercase;
    color: #00A9E0;
}

/* Carousel Large computer screens (less than 2100px) */
@media (max-width: 2100px) {

    .rsContent::after {
      margin-top: -27%;
    }
}

/* Carousel Medium computer screens (less than 1820px) */
@media (max-width: 1850px) {

    .rsContent::after {
      margin-top: -20%;
    }
}

/* Carousel Small computer screens (laptops, less than 1550px) */
@media (max-width: 1550px) {

}
/* Carousel Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    /* Home page carousel */
    .rsImg {
        margin-top: 0 !important;
    }

    .rsUni .rsArrowIcn {
        width: 26px;
        height: 50px;
        background-size: contain;
        margin-top: -130px;
        margin-left: -11px;
    }

    /* Home page carousel */
    .rsUni .rsArrowIcn {
        margin-left: 4px;
    }

    .whatwedo-carousel-text {
        bottom: auto !important;
    }

    .rsContent::after {
      display: block;
      position: relative;
      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #041E42 100%);
      margin-top: -100px;
      height: 100px;
      width: 100%;
      content: '';
    }
}

/* Carousel Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .rsUni.rsHor .rsArrowRight {
        right: 17px;
        top: 0;
    }

    .rsUni.rsHor .rsArrowLeft .rsArrowIcn {
        margin-left: -10px;
    }
}

.home-join input[type=submit] {
    float: right;
}

.shop-whoi a {color:#00A9E0;}

/* ------------ Slider --------------- */

.fl-node-581cb9c1a09d0 .fl-slide {
    min-height: 400px;
    max-height: 400px;
}

.fl-col.fl-node-581cb9614bf26 {
background:#000;
}

.fl-col.fl-node-581cb9614bf26 .fl-slide-bg-photo {
    opacity: .65;
}

.bx-wrapper .bx-pager {
    position: absolute;
    bottom: 30px;
    width: 100%;
}

.fl-module-content-slider .bx-wrapper {
    margin: 0 auto;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #888;}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #fff;
}

.fl-slide-content h2 {
    font-size: 2.5em;
}

.fl-slide-text p {
    font-size: 1.3em;
    font-weight: 300;
}

.fl-slide-content a.fl-button {
    background: #00A9E0 !important;
    color: #ffffff !important;
    border: 1px solid #00a9e0 !important;
}
.fl-builder-content a.fl-button * {color:#fff;} /* ------------ Ethan, took the !important statement out. Can you target more specifically? --------------- */

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #0069B1;
}


/* ------------ Features --------------- */

.fl-node-581cb807cbafd > .fl-row-content-wrap {
    padding-top: 40px;
    padding-bottom: 20px;
}

.fl-node-581cb807cbafd h2 {margin-top: 10px;
    margin-bottom: 0px;}


/* ------------ About blurb --------------- */

.fl-node-581cb807cbb4e > .fl-row-content-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
}

/* ------------ Homepage posts --------------- */

.fl-post-slider-navigation path {
    fill: #0069B1;
}

/* ------------ Sidebar --------------- */

.fl-photo-caption.fl-photo-caption-below {
text-overflow: initial;
white-space: normal;
text-align:left;
}

#whoi-directory-search-results {
    margin: 20px 20px;
}

.page-template-tpl-sidebar .fl-content.fl-content-right.col-md-9 h1.fl-post-title {
    padding-left: 20px;
}


/* ------------ ShopWHOI --------------- */

.logo-image-wrapper {
	overflow:hidden;
}

.logo-image-wrapper img {
	-webkit-transition: transform .3s ease !important;
	transition: transform .3s ease !important;
}

.logo-image-wrapper:hover img  {
	-webkit-transform: scale(1.3) !important;
	transform: scale(1.3) !important;
}

@media (max-width: 991.98px) {
    .shop-title .fl-module-content{
        margin-top: 40px;
    }

    .shop-title .fl-rich-text, .shop-title .fl-rich-text * {
        color: #041E42;
    }
}
/* ^^^^^^^End Homepage CSS ^^^^^^^^ */

/* ------------ Subpage Basic Template --------------- */

/* Breadcrumbs */

#breadcrumbs {
    max-width: 1200px;
    margin: auto;
}

.breadcrumb-trail {
    color: #777;
    font-size: 13px;
    margin-top: 10px;
    margin-left: 0px;
}

.fl-content-right .breadcrumb-trail {
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 20px;
}

.oceanus-page .breadcrumb-trail {

}

.news-release .breadcrumb-trail {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 20px;
}

.visual-whoi .breadcrumb-trail a {
    color: #00A9E0;
}

.single-visual_whoi_item .breadcrumb-trail {
    margin-bottom: 20px;
}

.fl-row-content-wrap .breadcrumb-trail ul li:before {
    content: none;
}

/* Pages */

.fl-page-content {
    background-color: #ffffff;
}

.page-template-tpl-no-titleheader .fl-page-content {
    background-color: #ffffff;
}

.page-template-tpl-sidebar .fl-page-content {
    background-color: #ffffff;
    background-image: none;
}

.page-template-tpl-sidebar .fl-page-content .container {
    background-color: #ffffff;
}

.page-template-tpl-sidebar .fl-sidebar-left,
.page-template-tpl-topic-page .fl-sidebar-left {
    padding-right: 15px;
}

.page-template-tpl-topic-page .fl-sidebar-right {
    padding-left: 20px;
}

.page-template-tpl-sidebar .fl-content-right {
    padding-left: 0;
}

.page-template-tpl-sidebar .fl-post-header {
    padding-left: 20px;
}

.content-splash-img {
    font-size: 14px;
    color: #666;
    margin-bottom: 0px;
}

.content-taxonomy-list {
    color: #666;
    font-size: 14px;
    text-transform: uppercase;
}

.postdoc-directory img {
    width:200px;
    height:auto;
}

.mobile-page-section-submenu {
    display: none;
}

/* Pages Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .mobile-page-section-submenu {
        display: block;
        margin-bottom: 20px;
        padding-left: 20px;
    }

    .page-template-tpl-topic-page .mobile-page-section-submenu {
        padding-left: 0px;
    }
}

/* ------------ Subpage Sidebar --------------- */

/* Sidebar menu */

.advanced-sidebar-menu {
    padding-left: 0px;
}

.advanced-sidebar-menu ul {
    margin: 0px;
    list-style: none;
	padding: 5px 5px 2px 10px;
}

.advanced-sidebar-menu ul.children {
    margin: 0 0 0 0px;
    font-size:13px;
    list-style: none;
}

.advanced-sidebar-menu .child-sidebar-menu li {
    line-height: 1.3;
    margin-bottom: 10px;
}

.advanced-sidebar-menu ul.children li {
    margin: 5px 0 8px 0;
    line-height: 1.4;
}

.advanced-sidebar-menu ul.parent-sidebar-menu > li > a {
    background-color: #041E42;
    color: white;
    font-size: 18px;
    text-transform: uppercase;
    padding: 5px 5px 2px 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: 500;
    color: #0069B1;
}

.advanced-sidebar-menu li.current_page_item > a {
    color: #041E42;
    font-weight: 500;
}

.dashicons, .dashicons-before:before {
    font-size: 12px;
    line-height: 20px;
}

 /* Sidebar Elements */

 .sidebar-box {
    margin-bottom: 30px;
    font-size: .85em;
    line-height: 1.5em;
 }

.sidebar-blue-box {
    font-size: .85em;
    line-height: 1.5em;
    background-color: #e6e7e8;
    border: 1px #BBBCBC solid;
    padding: 20px;
    margin-bottom: 30px;
}

.sidebar-blue-box .fl-photo-caption-below {
    padding-bottom: 0;
}

.sidebar-blue-box h2 {
    margin-bottom: 10px;
}

.sidebar-item {
    margin-bottom: 30px;
}

.sidebar-blue-box .facetwp-checkbox {
    font-size: 12px;
}

.blue-box-skinny {
    padding: 10px;
}

/* ------------ Content --------------- */

.fl-row-content-wrap {
	padding: 0px;
}

.fl-content-right {
	border: none;
}

h2.widgettitle {
    font-size: 24px;
    margin: 0 0 .25em 0;
}

img.alignleft.size-full.wp-image-53 {
    margin: 5px 5px 0 0;
    width:19px;height:19px;
}

.post-edit-link {
	color: #00A9E0;
	font-size: 14px;
	font-weight: normal;
}

.fl-photo-caption {
    white-space: normal;
	font-size: 12px;
    line-height: 1.5;

}


/* News & Insights */

.news_insight p {
    font-family: 'Cormorant Garamond', serif;
	font-weight:500;
    font-size: 20px;
    color: #000000;
}

/* Default content list */

.fl-module-post-grid .fl-post-feed-post {
    border: none;
}

.fl-module-post-grid  .fl-post-feed-header {
    margin-bottom: 5px;
}

.fl-module-post-grid .fl-post-feed-meta {
    color: #666;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 5px;
}

.side-box h2.fl-post-feed-title {
    font-size: 16px;
}

.side-box {
     background: #e6e7e8;
     border: 1px #bbbcbc solid;
     margin-bottom:2em;
	font-size:.9em;
}

.side-box p {

     margin-bottom:20px;
     line-height:1.5em;
}



.side-box img {
     border:1px solid #666666}

body h2.fl-post-feed-title {
    margin: 0px
}

blockquote {
    padding: 0px 20px;
    margin: 0 0 0px;
    border-left: 2px solid #0069B1;
}

blockquote p {
    font-family: Georgia, serif;
    font-size: 1.3em;
    font-style: italic;
}

blockquote p.attribute {
    font-size: .8em;
    text-align: right;
    font-style: normal;
}

.image-beside-header {
    float: left;
    width: 33%;
    margin-right: 20px;
}

/* Responsive Video containter */

.content-video-container {
    padding:56.25% 0 0 0;
    position:relative
}

.content-video-container iframe {
    position:absolute;top:0;left:0;width:100%;height:100%;
}

/* ------------ Posts --------------- */

.fl-full-width .container {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 1200px;
}

.fl-post-title {
    margin-top: 0;
    margin-bottom: 0;
}

.fl-post-meta.fl-post-meta-top {
    font-size: 14px;
    color: #666;
}

.fl-post-header {
    margin-bottom: 10px;
}

/* Archive pages */

.fl-archive .fl-post {
    border-bottom: 1px dotted #0069B1;
    padding-bottom: 10px;
}

.fl-post {
    margin-bottom: 20px;
}
.post-type-archive .fl-post-image-beside, .archive .fl-post-image-beside {
    width: 100%;
    max-width: 350px;
}
.fl-sidebar .facetwp-search {
    min-width: initial !important;
}
/* ------------ News & Insight Page --------------- */
p.kyo-hero-caption {
    font-size: 11px;
    padding: 5px 0 0 0;
}
.page-news-insights .fl-post {
    margin-bottom: 0;
}

.feature-box-container {
    overflow: hidden;
    position: relative;
}

.feature-box-news a {
    color: white;
}

.feature-box-news a:hover {
    text-decoration: none;
}

.feature-box-news {
    min-height: 581px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 100%;
	position: relative;
	overflow: hidden;
	margin: 0;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	will-change: transform;
}
.feature-box-news:hover {
	-webkit-transform: scale(1.1);
  	-moz-transform: scale(1.1);
  	-o-transform: scale(1.1);
  	-ms-transform: scale(1.1); /* IE 9 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')"; /* IE8 */
   	filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand'); /* IE6 and 7 */
	transform: scale(1.1);
}

.feature-box-news a:last-child:before {
    content: "";
    display: block;
    height: 70%;
    width: 100%;
    position: absolute;
	bottom: 0;
    z-index: 1;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(40%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}
.feature-box-news a:last-child:before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
	bottom: 0;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
}
.feature-box-news:hover a:last-child:before {
	background-color: rgba(0,0,0,.1);
}

.feature-box-text {
    position: absolute;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
    width: 100%;
    color: white;
    padding: 20px;
}

.feature-box-text h2 {
    color: white;
}

.feature-box-text .feature-box-icon {
    color: white;
    position: relative;
}

.feature-secondary-img {
    display: block;
    float: left;
    margin-bottom: 30px;
    margin-right: 10px;
    width: 305px;
    overflow: hidden;
}

.feature-secondary-img img {
    transition: opacity 1.6s ease-in-out, transform .5s ease;
}

.feature-secondary-img:hover img{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.feature-news-secondary .feature-box-icon {
    position: relative;
}

.feature-news-secondary .feature-box-meta {
    padding: 0;
    font-size: 12px;
}

.feature-box-secondary .feature-secondary-text h3 {
    margin-bottom: 10px;
    font-size: 20px;
}

/* WHOI in the News grid */

.news-insight-whoi-in-news-grid .pp-content-post {
    background-color: transparent;
    border-right: solid 1px #041E42;
}

.news-insight-whoi-in-news-grid .pp-content-post:hover {
    background-color: #eeeeee;
}

.news-insight-whoi-in-news-grid .pp-content-post:nth-of-type(3n) {
    border-right: none;
}

.news-insight-whoi-in-news-grid .pp-content-grid-post-image {
    height: 110px;
    padding: 20px;
    padding-bottom: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.news-insight-whoi-in-news-grid .pp-content-grid-post-image img {
    max-height: 110px;
    width: auto;
}

.news-insight-whoi-in-news-grid h3 {
    font-size: 16px;
}

.news-insight-whoi-in-news-grid .pp-content-grid-post-text {
    padding: 20px;
}

.news-insight-whoi-in-news-grid .pp-content-grid-post-meta {
    color: #888;
    font-size: 12px;
}

.fl-node-5ca60565dba26 > .fl-col-content {
    background-color: #0069b1;
}

/* News Isotope grid */

.fl-module-class-facet {
    width: auto;
    float: left;
}

.news-content-grid-filters .facetwp-facet {
    margin-bottom: 20px;
}


.news-content-grid-filters select.form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    height: 38px;
    width: 220px;
    color: white;
    border-radius: 0;
    border-color: #041E42;
    background-color: #0069B1;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 1ex;
    background-origin: content-box;
    background-image: url("data:image/svg+xml;charset=utf-8, \
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'> \
      <polygon points='0,0 60,0 30,40' style='fill:white;'/> \
    </svg>");
}

.news-content-grid-filters select.form-control:focus {
    background-color: #0069B1;
}

.news-content-grid ul.pp-post-filters li {
    color: #041E42;
}

.news-content-grid ul.pp-post-filters li:hover, .fl-node-5ca2569329d8b ul.pp-post-filters li.pp-filter-active {
    background: #0069B1;
}

.news-content-grid .pp-content-post{
    padding: 0;
}

.news-content-grid .pp-content-post.pp-grid-style-5 .pp-content-post-data {
    margin-left: 0;
}

.news-content-grid .feature-box-meta a {
    color: #041E42;
}

.news-content-grid .feature-box-meta a:hover {
    text-decoration: none;
    color: #00A9E0;
}

.news-content-grid .pp-content-post .pp-post-image {
    overflow: hidden;
}

.news-content-grid .pp-content-post img {
    transition: opacity 1.6s ease-in-out, transform .4s ease !important;
}

.news-content-grid .pp-content-post:hover img{
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.fl-node-5ca2569329d8b .pp-content-post {
    background-color: #e6e7e8;
}

.pp-content-post.pp-content-post-grid.col-md-4.clearfix:hover {
    background: transparent;
}

.feature-box-meta {
    padding: 0;
}

.fl-node-5ca2569329d8b .pp-content-post .pp-post-title {
    margin: 0;
}

.fl-node-5ca2569329d8b .pp-content-post:hover {
    background-color: #bbbcbc;
}

.pp-content-post.pp-grid-style-5 .pp-content-post-data {
    width: 100%;
}

.grid-container {
    width: 100%;
    margin-top: 0px;
    padding-top: 50px;
    background-color: #dfebf4;
}

.grid {
    width: 100%;
    max-width: 1200px;
    margin: 0px auto;
}

.grid-item {
    background-color: white;
    transition: all .5s;
}

.grid-item a:hover {
    color: inherit;
    text-decoration: none;
}

.grid-image {
    overflow: hidden;
}

.grid-item img {
    transition: opacity 1.6s ease-in-out, transform .4s ease !important;
}

.grid-item:hover img{
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.grid-item a:last-child:before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
	bottom: 0;
    -webkit-transition: background-color .5s ease;
    -moz-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
}

.grid-item:hover a:last-child:before {
	background-color: rgba(0,0,0,.1);
}

.grid-text-box {
    padding: 10px;
}

@media (max-width: 767px) {
  .grid-sizer,
  .grid-item {
    width: 100%;
  }
  .grid-item--width2 {
    width: 100%;
  }
  .gutter-sizer {
    width: 0%;
  }
  .grid-item {
    margin-bottom: 20px;
  }

}

@media (min-width: 768px) and (max-width: 991px) {
  .grid-sizer,
  .grid-item {
    width: 48.5%;
  }
  .grid-item--width2 {
    width: 100%;
  }
  .gutter-sizer {
    width: 3%;
  }
  .grid-item {
    margin-bottom: 3%;
  }
}

@media (min-width: 992px) {
  .grid-sizer,
  .grid-item {
    width: 31.83333%;
  }
  .grid-item--width2 {
    width: 65.8%;
  }
  .gutter-sizer {
    width: 2.25%;
  }
  .grid-item {
    margin-bottom: 2.25%;
  }
}

/* News & Insight articles */

@media (max-width: 767px) {
  .news_insight .fl-module-rich-text .fl-module-content.fl-node-content{
      margin-left: 20px;
      margin-right: 20px;
  }

}

/* ------------ Topic Pages ---------------  */

.topic-landing-banner .fl-node-5c6199377fcb8 .fl-module-content {margin:20px;}

.topic-page-splash-img img {
    width: 482px;
    max-width: 100%;
}
.sidebar-blue-box-topics .pull-left {
    padding-right: 6px;
}

.sidebar-blue-box-topics h3 {
    font-size: 16px;
}

.related-topic {
    height: 80px;
}

.related-topic img {
    max-width: 80px;
}

.topic-all-link {
    font-size: 13px;
    float: right;
    padding-top: 12px;
}

.after-content-item {
    margin-bottom: 20px;
}

.after-content-item h3 {
    margin-bottom: 0;
}

.after-content-date {
    font-size: 13px;
    color: #666;
    text-transform: uppercase;
}

/* Topics */

.fl-node-5c5dddb42db56 .pp-content-post, /* <--------- Taking out gray boxes - is there a better way? */
.fl-node-5c5ddf34723cb .pp-content-post,
.fl-node-5c5dda71948bc .pp-content-post,
.fl-node-5c5ddfb75434f .pp-content-post,
.fl-node-5c5de0161d99c .pp-content-post,
.fl-node-5c5de0f316f34 .pp-content-post,
.fl-node-5c5de14adc3f2 .pp-content-post,
.fl-node-5c5de1b51fe2e .pp-content-post,
.fl-node-5c5de25dd4d99 .pp-content-post,
.fl-node-5c5de2d2175e4 .pp-content-post,
.fl-node-5c5de34122728 .pp-content-post,
.fl-node-5c5de399c67b4 .pp-content-post {
    background-color: transparent;
    padding: 0px;
}

.fl-node-5c5dddb42db56 .pp-content-post .pp-content-body,
.fl-node-5c5ddf34723cb .pp-content-post .pp-content-body,
.fl-node-5c5dda71948bc .pp-content-post .pp-content-body,
.fl-node-5c5ddfb75434f .pp-content-post .pp-content-body,
.fl-node-5c5de0161d99c .pp-content-post .pp-content-body,
.fl-node-5c5de0f316f34 .pp-content-post .pp-content-body,
.fl-node-5c5de14adc3f2 .pp-content-post .pp-content-body,
.fl-node-5c5de1b51fe2e .pp-content-post .pp-content-body,
.fl-node-5c5de25dd4d99 .pp-content-post .pp-content-body,
.fl-node-5c5de2d2175e4 .pp-content-post .pp-content-body,
.fl-node-5c5de34122728 .pp-content-post .pp-content-body,
.fl-node-5c5de399c67b4 .pp-content-post .pp-content-body
  {
    padding: 0px;
}

/* Topic Parent landing pages */

.topic-landing-child {
    margin-bottom: 20px;
}

.topic-landing-child ul {
    padding-left: 0px;
}

.topic-landing-child li {
    list-style: none;
}

.topic-landing-child li::before {
    content: "\00BB";
    padding-right: 5px;
}

.topic-landing-child-image {
    margin-bottom: 10px;
}

/* Press Room */

.press-room-feed .fl-post-feed-header {
    margin-bottom: 5px;
}

/* Directory landing page */

.directory-login-link {
    position: absolute;
    top: 32px;
    right: 15px;
}

/* News Releases */

.news-release #breadcrumbs {

}

/* Who We Are landing page */

.whoweare-top .fl-slide-content {
    margin: 120px 0 70px 0 !important;
}

.whoweare-top .fl-slide-content-wrap {
    width: 90% !important;;
}

.whoweare-top p {
    font-size: 60px;
}

.post-15 h2 {
     text-transform: uppercase;
     font-size:60px;
     font-weight:700;
}

.whoweare-facts .fl-builder-content a.fl-button {
    color: #041E42 !important;
}

.post-15 .dashicons-video-alt3:before {
    content: "\f236";
    width: 30px !important;
    font-size: 30px !important;
}

.whoweare-leading img {
    border:1px solid #0069B1;
}

.whoweare-leading h2,
.whoweare-leading h3 {
    color: white;
}

.whoweare-learnmore h2 {
    color: white;
}

.whoweare-learnmore h3 a {
    color:#ffffff;
}
.whoweare-learnmore a {
    color:#00A9E0;
}

/* Who We Are Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .post-15 .fl-slide-foreground {
        position: absolute;
        top: 33%;
        width: 100%;
    }

    .post-15 .bx-viewport {
        height: 255px;
    }

    .post-15 .fl-slide .fl-slide-content {
        background: transparent;
    }

    .post-15 .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text * {
        font-size: 32px !important;
    }

    .post-15 h2 {
         font-size:50px;
    }
}

/*  Who We Are Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .post-15 .fl-slide-foreground {
        position: absolute;
        top: 15%;
        width: 100%;
    }

    .post-15 .bx-viewport {
        height: 255px;
    }

    .post-15 .fl-slide .fl-slide-content {
        background: transparent;
    }

    .post-15 .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text * {
        font-size: 20px !important;
    }

    .post-15 h2 {
         font-size:36px;
    }
}
/* Know Your Ocean landing page */

#fl-post-19 h1, #fl-post-19 h2 , #fl-post-19 h3 , #fl-post-19 h4  {font-family:'Old Standard TT', serif !important; letter-spacing:-1px;}

.kyo-top h1 {
    font-size: 100px;
    text-align: center;
    padding-top: 50px;
    line-height: 1;
}

.kyo-top h3 {
    text-align: center;
    font-size: 30px;
}

.post-19 h2 {font-size:48px;}
.post-19 p {font-size: 1.1em;}

.kyo-coastal .fl-row-content-wrap,
.kyo-surface .fl-row-content-wrap,
.kyo-midwater .fl-row-content-wrap,
.kyo-deep .fl-row-content-wrap,
.kyo-spread .fl-row-content-wrap {
    padding-top: 80px;
}

.kyo-midwater {background-color:#041E42;}
.kyo-midwater .fl-row-content-wrap  {padding-bottom:100px;}

.kyo-seafloor .fl-row-content-wrap {padding:100px 0 150px 0;}

.kyo-volcano-img {padding-bottom:100px;}

.kyo-spread .fl-row-content-wrap {padding-bottom:80px;}
.kyo-spread h4 {font-size:40px;}
.kyo-spread h2 {font-size: 100px;}
.kyo-spread h3 {font-size:30px;}

.kyo-spread img {
    height: 80px;
    margin: 1em .2em;
}

/* KYO Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .kyo-top h1 {
        font-size: 60px;
        padding-top: 20px;
    }

    .kyo-top h3 {
        font-size: 24px;
    }

    .post-19 h2 {font-size:40px;}
    .post-19 p {font-size: 1.1em;}

    .kyo-coastal .fl-row-content-wrap,
    .kyo-surface .fl-row-content-wrap,
    .kyo-midwater .fl-row-content-wrap,
    .kyo-deep .fl-row-content-wrap,
    .kyo-spread .fl-row-content-wrap {
        padding-top: 40px;
    }

    .kyo-spread h2 {font-size: 60px;}
    .kyo-spread h4 {font-size:30px;}

    .kyo-spread img {
        height: 60px;
        margin: 1em .2em;
    }
}

/* KYO Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .kyo-top h1 {
        font-size: 40px;
        padding-top: 10px;
    }

    .kyo-top h3 {
        font-size: 22px;
    }

    .post-19 h2 {font-size:36px;}
    .post-19 p {font-size: 1.1em;}

    .kyo-coastal .fl-row-content-wrap,
    .kyo-surface .fl-row-content-wrap,
    .kyo-midwater .fl-row-content-wrap,
    .kyo-deep .fl-row-content-wrap,
    .kyo-spread .fl-row-content-wrap {
        padding-top: 20px;
    }

    .kyo-spread h2 {font-size: 36px;}
    .kyo-spread h4 {font-size:20px;}

    .kyo-spread img {
        height: 30px;
        margin: 1em .2em;
    }
}

/* What We Do landing page */

.whatwedo-top .fl-row-content-wrap {
     padding:100px 0;
}

.whatwedo-top h1 {
     font-weight: 500;
     font-size:48px;
}

.whatwedo-top p {
    font-size: 1.5em;
}

.post-17 h2 {
     text-transform: uppercase;
     font-size: 48px;
     padding-top:60px;
     font-weight:500;
}

.whatwedo-ourwork p {
    font-size: 18px;
}

/* What We Do Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

        .whatwedo-top .fl-row-content-wrap {
             padding:60px 0;
        }
}

/* What We Do Small devices  (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

    .whatwedo-top .fl-row-content-wrap {
         padding:30px 0;
    }

    .whatwedo-top h1 {
         font-size:28px;
    }

    .whatwedo-top p {
        font-size: 1.1em;
    }

    .post-17 h2 {
         font-size: 28px;
         padding-top:30px;
    }

    .whatwedo-ourwork p {
        font-size: 16px;
    }

    .whatwedo-communicate .fl-row-content-wrap {
        background-size: cover;
        background-position: center center;
    }

    .whatwedo-communicate .fl-module-button .fl-module-content {
        margin-top: 0;
    }
}

/* Join Us landing page */

.joinus-top .fl-row-content-wrap {padding:80px 0;}
.joinus-top h1 {font-size:72px;}
.joinus-top p {
    font-size: 24px;
}
.post-21 h2 {font-size:48px;padding-top:50px;}

.joinus-support, .joinus-support p {text-align:center;}

.joinus-support  img {
    width: 50px;
    display: inline-block;
    margin: .5em .75em 0 0;
}

.joinus-support  H3 {font-size:32px;}

.joinus-support #cons_first_name, .joinus-support #cons_last_name {
    width: 12em;
}

.joinus-support #cons_email {
    width: 20em;
}

.joinus-support  input[type=text] {
    display: inline-block;
    border-radius: unset;
    padding: 1.5em;
    cursor: pointer;
    color: #d0ebfd;
    font-size: 1em;
    border: 0px;
    background-color: #0069B1;
    margin-right:1em;
}

.joinus-support  input#cons_email {
    margin-right:0;
}

.joinus-support input#ACTION_SUBMIT_SURVEY_RESPONSE {
    color: #ffffff;
    font-size: 1.1em;
    border-radius: unset;
    border: 0;
    padding: 1em 1.2em;
    margin-top: 2em;
}

.joinus-student a img.alignnone {
     border:1px solid #0069B1;
     margin-bottom:0;
}

.joinus-student h3 {
    font-size: 24px;
    line-height: 1;
}

/* Join Us Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

    .post-21 h2 {
        font-size:46px;
        padding-top:40px;
    }

    .joinus-support #cons_first_name, .joinus-support #cons_last_name {
        width: 70%;
    }

    .joinus-support #cons_email {
        width: 70%;
    }

    .joinus-support  input[type=text] {
        display: inline-block;
        border-radius: unset;
        padding: 1.5em;
        cursor: pointer;
        color: #d0ebfd;
        font-size: 1em;
        border: 0px;
        background-color: #0069B1;
        margin-right:0;
        margin-bottom: 5px;
    }

    .joinus-employment .fl-row-content-wrap {
        padding-bottom: 60px;
    }
}

/* Join Us Small devices  (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

    .joinus-top .fl-row-content-wrap {padding:40px 0;}
    .joinus-top h1 {font-size:40px;}

    .joinus-top p {
        font-size: 20px;
    }

    .post-21 h2 {
        font-size:40px;
        padding-top:30px;
    }

    .joinus-support #cons_first_name, .joinus-support #cons_last_name {
        width: 100%;
    }

    .joinus-support #cons_email {
        width: 100%;
    }

    .joinus-employment a.fl-button {
        line-height: 1.1;
    }

}

/* Landing pages */

.content-box {
     background:#c7d9e6;
     border:1px #aab5bd solid;
     margin-bottom:2em;
}

.content-box h2 {font-size: 44px;}

.content-box p {
     font-size:1.1em;
     line-height:1.5em;
}

.landing-3col h3 { font-size: 26px;}
.landing-3col {margin-bottom:30px;}

.landing-3col .fl-photo-content {
    display: block;}

.landing-3col img {border:1px solid #666666; width:100%}

/*  Visit Us */
 .visit-whoi-intro h2 {
    text-transform: uppercase;
    font-size: 60px;
    padding-top:40px;
    font-weight:700;
}
 .visit-whoi-intro p {
    font-size: 22px;
}

.visit-whoi h4 a {
    font-size: 28px;
}

 .getting-to-whoi h2 {
    text-transform: uppercase;
    font-size: 60px;
    padding-top:40px;
    color: #ffffff;
}

.getting-to-whoi h4 a {
    font-size: 28px;
    color: #00A9E0;
}

.getting-to-whoi  p{
    color: #ffffff;
}

.visit-summer-activities h2 {
    text-transform: uppercase;
    font-size: 60px;
    padding-top:40px;
    color: #ffffff;
}

.visit-summer-activities h4 {
    font-size: 22px;
    color: #00A9E0;
}

.visit-summer-activities h4 a {
    font-size: 22px;
    color: #00A9E0;
}

.visit-summer-activities-kyo h4 a {
    font-size: 21px;
    color: #00A9E0;
}

.visit-summer-activities   p{
    color: #ffffff;
}

.visitor-center h2 {
    text-transform: uppercase;
    font-size: 60px;
    padding-top:40px;
    font-weight:700;
    color: #ffffff;
    text-shadow: 2px 2px #000000;
}

.visitor-center p {
    font-size: 24px;
    color: #ffffff;
    text-shadow: 2px 2px #000000;
 }

.visitor-center p a {
    color: #00A9E0
}

/* Publications */

.publications a img.alignnone {
    margin-bottom: 10px;
}

.publications p {
    font-size:14px;
    line-height:1.4;
}

/* Member Gifts */
.gifts-top h1 {
    font-family: 'Open Sans Condensed',sans-serif;
    font-size: 70px;
    font-weight: 700;
    text-align: center;
    padding-top: .5em;
    text-transform: uppercase;
    color: #041E42;
}

.gifts-top p {
    font-size:20px;
    color: #041E42;
    line-height: 1.6;
    text-align: center;
}

.gifts-ringtone a, .gifts-wallpaper a {
    color: #00A9E0;
}

.gifts-ringtone a:hover, .gifts-wallpaper a:hover {
    color: #ffffff;
}


.gifts-ringtone h2, .gifts-wallpaper h2 {
    font-family: 'Open Sans Condensed',sans-serif;
    font-size: 60px;
    font-weight: 700;
    text-align: center;
    padding-top: .5em;
    text-transform: uppercase;
    color: #ffffff;
}

.gifts-ringtone h3, .gifts-wallpaper h3 {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size:26px;
    color: #ffffff;
    line-height: 1.6;
    text-align: center;
}
.gifts-ringtone h4 {
    font-family: 'Open Sans',sans-serif;
    color: #ffffff;
    font-weight: 400;
    font-size:20px;
}

.gifts-ringtone p, .gifts-wallpaper p {
    font-size:18px;
    color: #ffffff;
    line-height: 1.6;
}

/* hot topics */

.topic-top h1 {
   font-size:60px;
}

.topic-top p {
    font-size:24px;
}

/* Semester at WHOI */

.saw-quote .fl-row-content-wrap, .saw-why .fl-row-content-wrap {
    padding:50px 0;
}

.saw-quote h2 {
    font-weight: 700;
    font-size:54px;
    line-height:1.2;
    color: #000000;
}

.saw-quote p, .saw-quote li, .saw-why p,  .saw-why li{
    font-size: 1.25em;
}

.saw-quote-caption p{
    font-size: .85em;
}


.saw-why h2 {
    font-weight: 700;
    font-size:54px;
    line-height:1.2;
    color: #041E42;
}


.saw-why li:before {
    margin: 15px 0 15px 0;
    padding-right: 10px;
    color: #0069B1;
}

.saw-top .fl-row-content-wrap {
     padding:100px 0;
}

.saw-top h1 {
    font-weight: 700;
    font-size:60px;
    color: #ffffff;
}
.saw-top p {
    font-size: 2em;
    color: #ffffff;
}

/* Labs & Groups alpha menu */

ul.alpha-listing.clearfix.tabs {
    padding-left: 0;
    text-indent: 0;
}

.labs-groups ul li.tab-title {
    display: inline;
    margin-right: .25em;
}

li.tab-title a {
    border: 1px solid #0069B1;
    padding: .2em .3em;
}
li.tab-title a:hover {
    background: #0069B1;
    color:#ffffff;
    text-decoration:none;
}

.labs-groups ul li.tab-title:before {
    content: "";
    padding-right: 0em;
}

/*  BBC Page */

.page-id-35788, .page-id-35788 h2, .page-id-35788 h3   {color:#ffffff}
.page-id-35788 a {color:#00A9E0}

.page-id-35788 .fl-row-content-wrap ul li:before {
    content: "\0BB \020";
    padding-right: .31em;
    color: #ffffff;
}

.bbc-learnmore {
    text-align: center;
}

.bbc-learnmore input[type=text] {
    display: inline-block;
    padding: 1.5em;
    cursor: pointer;
    color: #d0ebfd;
    font-size: .95em;
    background-color: #041E42;
    border: solid 1px #00A9E0;
    margin-right: 1em;
}

.bbc-learnmore input[type=submit] {
    background-color: #00a9e0;
    color:#041E42;
    font-weight:bold;
    padding: .70em;
    cursor: pointer;
    font-size: 1em;
    border: 0px;
   margin-left:.3em;

}

.bbc-learnmore #cons_first_name, .bbc-learnmore #cons_last_name {
    width: 12em;
}

.bbc-learnmore #cons_email {width:20em;}

.bbc-learnmore form {margin:.5em 0 4.5em 0;}

.bbc-learnmore p a img {
    width: 48px;
    height: auto;
    float: left;
    margin: .5em .75em 0em 0;
}

.bbc-learnmore img:last-child {
    float: none;
}

/* Calendar styles */

#tribe-events-pg-template, .tribe-events-pg-template {
     padding: 30px 0 !important;
}

h1.tribe-events-single-event-title {
    font-size:3.0em !important;
}

.events-list .tribe-events-loop, .single-tribe_organizer .tribe-events-loop, .single-tribe_venue .tribe-events-loop, .tribe-events-day .tribe-events-loop {
    max-width: 900px;
    margin: 0 auto;
}

.tribe-events-list-separator-month span {
    background-color: #041E42;
    padding: 1% 7.5%;
    color: #ffffff;
}

.tribe-bar-geoloc-filter, .tribe-events-uses-geolocation .tribe-bar-date-filter, .tribe-events-uses-geolocation .tribe-bar-search-filter, .tribe-events-uses-geolocation .tribe-bar-submit {
    background-color: #ffffff;
}
.tribe-bar-views-inner {
    background: #c7d9e6;
}

#tribe-bar-form .tribe-bar-submit input[type=submit] {
    background: #0069B1;
}

span.tribe-event-date-start, span.tribe-event-date-end {
    font-size:1.5em !important;
}

span.tribe-event-time {
    font-size:1.5em !important;
}

#tribe-events-pg-template .tribe-events-content h2, .tribe-events-after-html h2, .tribe-events-before-html h2 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom:0;
}

/* Search Result styles */

.search-results h1 {
    margin-top: 50px;
}

/* ------------ Visual WHOI --------------- */

/* Landing page and grids */

.visual-whoi {
    background-color: black;
}

.visual-whoi h1 {
    color: white;
    font-size: 44px;
}

.visual-whoi .pp-post-filters-wrapper {
    text-align: right;
    margin-top: -60px;
    margin-bottom: 30px;
}

.visual-whoi .pp-post-filters-wrapper .dropdown {
    display: inline-block;
    text-align: left;
    color: #00A9E0;
    margin-left: 20px;
    font-size: 18px;
}

.visual-whoi .pp-post-filters-wrapper .dropdown .caret {
    margin-left: 40px;
}

.btn-visual-whoi-filter {
    background-color: black;
    border-radius: 0px;
    border: 1px solid #041E42;
    color: #00A9E0;
    font-size: 18px;
}

.btn-visual-whoi-filter:hover,
.btn-visual-whoi-filter:active,
.btn-visual-whoi-filter:focus {
    color: white;
    background-color: #041E42;
    border: 1px solid #041E42;
}

ul.pp-post-filters {
    text-indent: 0;
    padding-left: .5em;
}

ul.pp-post-filters.dropdown-menu li {
    display: block;
}

ul.pp-post-filters li:before {
    content: none;
}

.visual-whoi .pp-content-grid-post {
    padding: 0 0 10px 0;
    background-color: #041E42;
    color: white;
}

    .visual-whoi .pp-content-grid-post h3 a {
        color: #032148;
        font-size: 24px;
    }

.visual-whoi .pp-content-grid-post .pp-content-grid-post-meta {
    color: #00A9E0;
    text-transform: uppercase;
    font-size: 15px;
    padding-bottom: 5px;
}

/* Single Visual WHOI Items */

.single-visual_whoi_item .fl-page-content{
    background-color: black;
    color: white;
    font-size: 18px;
    line-height: 1.3em;
}

.single-visual_whoi_item .fl-content{
    margin-top: 20px;
}

.single-visual_whoi_item h1.fl-post-title {
    color: white;
    font-size: 44px;
}

.single-visual_whoi_item h2,
.single-visual_whoi_item h3,
.single-visual_whoi_item h4 {
    color: #032148;
}

.single-visual_whoi_item a {
    color: #032148;
}

.image-date {
    font-size: 16px;
    text-transform: uppercase;
}

.visual-whoi-topics-list {
    color: #999;
    text-transform: uppercase;
    font-size: 16px;
}

.image-of-day-container {
    margin-bottom: 20px;
}
.image-of-day-container.quote {
    max-width: 610px;
}
.visual-whoi-license-box {
    width: 100%;
    border-top: 1px #0069B1 solid;
    background: #0d2a45;
    margin: 2em 0 0 0;
    padding: 2.5em 0 3.5em 0;
    text-align: center;
}

.visual-whoi-license-box h2 {
    color: #00A9E0;
    font-size: 30px;
    margin-bottom: 10px;
}

/* Slideshow customizations */

.flexslider.visual-whoi-slideshow {
    border: none;
    background-color: black;
    margin-bottom: 0;
}

.flex-caption {
    width: 100%;
    padding: 20px;
    left: 0;
    bottom: 0;
    color: #fff;
}

.flex-caption a {
    color:#00A9E0;
}

.flex-navigation-custom {
    position: absolute;
    z-index: 100;
    top: 40%;
    width: 100%;
}

.flex-navigation-custom a i {
    font-size: 50px;
    color: white;
}

.flex-navigation-custom a.flex-prev {
    position: absolute;
    left: -40px;
}

.flex-navigation-custom a.flex-next {
    position: absolute;
    right: -10px;
}

.flex-custom-controls-container .flex-control-nav {
    position: relative;
    bottom: 0;
}

.fl-builder-content-primary .flex-control-nav {
    display: none;
}

.flex-custom-controls-container .flex-control-paging li a {
    background-color: #8dc7fc;
    opacity: .35;
    width: 16px;
    height: 16px;
}

.flex-custom-controls-container .flex-control-paging li a:hover {
    background-color: #8dc7fc;
    opacity: 1;
}

.flex-custom-controls-container .flex-control-paging li a.flex-active {
    background-color: #8dc7fc;
    opacity: 1;
}

/* Teaser styles */

.media_type_label {
    color: #666;
    text-transform: uppercase;
    font-size: 14px;
}

.media_type_label i {
    padding-right: 5px;
}

/* Embedded multimedia content from shortcode */

.whoi-multimedia-embed {
    position: relative;
}

.whoi-multimedia-embed .flex-navigation-custom a.flex-prev {
    left: 0;
}

.whoi-multimedia-embed .flex-navigation-custom a.flex-next {
    right: 0;
}

.fl-row-content-wrap .whoi-multimedia-embed ul ,
.fl-row-content-wrap .whoi-multimedia-embed ul li {
    padding-left: 0;
    text-indent: 0;
}

.fl-row-content-wrap .whoi-multimedia-embed ul li:before {
    content: none;
}

.whoi-multimedia-embed .flex-custom-controls-container {
    margin-top: 20px;
}

.whoi-multimedia-embed img {
    border: none;
}

/* Visual WHOI  Medium devices (tablets,less than 992px) */
@media (max-width: 991.98px) {
    .single-visual_whoi_item .fl-content-full.container .breadcrumb-trail {
        margin-left: 0;
    }

    .flex-navigation-custom a.flex-prev {
        position: absolute;
        left: 0px;
    }

    .flex-navigation-custom a.flex-next {
        position: absolute;
        right:35px;
    }

    /* Interactives container */
    .intrinsic-container {
        position: relative;
        height: 0;
        overflow: hidden;
        border: 0;
    }

    /* square Aspect Ratio */

    .intrinsic-container-rect {
        padding-bottom: 95%;
    }

    /* square Aspect Ratio */

    .intrinsic-container-square {
        padding-bottom: 85%;
    }

    /* 4x3 Aspect Ratio */

    .intrinsic-container-4x3 {
        padding-bottom: 75%;
    }

    /* 2:1 Aspect Ratio */

    .intrinsic-container-9x6 {
        padding-bottom: 60%;
    }

    /* 2:1 Aspect Ratio */

    .intrinsic-container-2x1 {
        padding-bottom: 50%;
    }

    .intrinsic-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

/* Visual WHOI Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

    .visual-whoi .pp-post-filters-wrapper {
        margin-top: 0;
    }

    .flex-caption {
        font-size: 14px;
    }

    .visual_whoi_item p {
        font-size: 14px;
    }
}

/* ------------ Oceanus --------------- */

/* Oceanus Header */

.oceanus-header-topbar-right {
    text-align: right;
}

.oceanus-header-topbar-right .fl-page-nav-search,
.oceanus-header-topbar-right .fl-page-nav-search a.fa-search {
    position: relative;
}

.oceanus-header-topbar-right .fl-module {
    display: inline-block;
}

.oceanus-whoi-logo img {
    width: 400px;
}

.oceanus-header-logo-row {
   background: #22476e;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top, #22476e 0%, #22476e 65%, #03182b 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#22476e), color-stop(49%,#22476e), color-stop(100%,#03182b));
   background: -webkit-linear-gradient(top, #22476e 0%,#22476e 65%,#03182b 100%);
   background: -o-linear-gradient(top, #22476e 0%,#22476e 65%,#03182b 100%);
   background: -ms-linear-gradient(top, #22476e 0%,#22476e 65%,#03182b 100%);
   background: linear-gradient(top, #22476e 0%,#22476e 65%,#03182b 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22476e', endColorstr='#03182b',GradientType=0 );
}

.oceanus-header-logo-row img {
    width: 700px;
}

svg#Layer_2 {
    width: 500px;
    /* -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.5); */
    /* box-shadow: 0 0 10px 1px rgba(0,0,0,.5); */
    text-shadow: 2px 2px 10px #000000;
}

.oceanus-header-topbar .cls-1 {
    fill: #ffffff;
}

.oceanus-header-nav-row  {
    color: white;
    background: #336291;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #336291 0%, #041E42 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#336291), color-stop(100%,#041E42));
    background: -webkit-linear-gradient(top, #336291 0%,#041E42 100%);
    background: -o-linear-gradient(top, #336291 0%,#041E42 100%);
    background: -ms-linear-gradient(top, #336291 0%,#041E42 100%);
    background: linear-gradient(top, #336291 0%,#041E42 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336291', endColorstr='#041E42',GradientType=0 );
    margin: 0px;
    padding: 0px;
    box-shadow: 0 0px 22px rgba(0,0,0,0.65);
    -webkit-box-shadow: 0 0px 22px rgba(0,0,0,0.65);
    -moz-box-shadow: 0 0px 22px rgba(0,0,0,0.75);
    padding: 0px;
}

.oceanus-header-nav-row .fl-row-content-wrap ul li:before {
    content: none;
}

.oceanus-header-nav-row .fl-row-content-wrap ul {
 padding-left: 0;
 text-indent: 0;
 }

.oceanus-nav-menu ul {
    width: 100%;
}

.oceanus-nav-menu ul li:hover {
    background: #041E42;
}

.oceanus-nav-menu ul li a {
    color: white;
    text-transform: uppercase;
}

.oceanus-nav-menu ul li a:hover {
    color: #00a9e0;
}

.oceanus-nav-menu .fl-menu-mobile-toggle {
    color: white;
    text-transform: uppercase;
}

#menu-oceanus-main-menu ul.sub-menu {
    background: #041E42;
    padding-bottom: 10px;
    max-width: 960px;
}

#menu-oceanus-main-menu li.link-print-issues ul.sub-menu {
    max-width: 840px;
}

#menu-oceanus-main-menu ul.sub-menu a {
    font-size: 12px;
    padding-top: 12px;
    padding-bottom: 0px;
}

#menu-oceanus-main-menu ul.sub-menu > a:hover {
    color: white;
}

#menu-oceanus-main-menu p.menu-item-description {
    line-height: 1.3;
}

#menu-oceanus-main-menu .sub-menu-text {
    margin-top: 10px;
    line-height: 1.3;
}

#menu-oceanus-main-menu .oceanus-latest-issue {
    margin-top: -50px;
    width: 260px;
}

#menu-oceanus-main-menu .oceanus-latest-issue .oceanus-cover img {
    max-width: 150px;
}

#menu-oceanus-main-menu .oceanus-issues-by-vol .oceanus-cover img {
    max-width: 80px;
}

#menu-oceanus-main-menu .oceanus-issues-by-vol {
    margin-top: -20px;
}
#menu-oceanus-main-menu .oceanus-issues-by-vol .oceanus-title,
#menu-oceanus-main-menu .oceanus-issues-by-vol .oceanus-cover-title {
    display: none;
}

#menu-oceanus-main-menu .oceanus-vol-number {
    margin-top: 20px;
}

.oceanus-subscribe-btn {
    float: right;
    padding-top: 4px;
}

.oceanus-page {
    background: #ffffff;
}

.oceanus-page h1,
.oceanus-page h2,
.oceanus-page h3,
.oceanus-page h4,
.oceanus-page h5,
.oceanus-page h6 {
    color: #041E42;
}

.oceanus-page h1 {
    font-size: 36px;
}

.oceanus-page h3 {
    margin: 18px 0 0 0;
}

.oceanus-page hr {
    /* border-top: 1px solid #22476e; */
}

.oceanus-membership {
    background-color: rgba(255, 255, 255, .3);
    border: 2px solid #8DC7F8;
}

/* Oceanus Articles */

/* .oceanus_article-template-tpl-oceanus-article-full-width .container { THIS IS THE FIX ONCE WE HAVE NEW FIXED WIDTH TEMPLATE IN PLACE
    width: 100%;
    max-width: 100%;
}

.oceanus_article-template-tpl-oceanus-article-full-width .fl-content {
    margin: 0px 0;
}*/

.page .fl-post-header, .single-fl-builder-template .fl-post-header {
    display: block;
}
.oceanus-article-header {
    margin: 10px 0 0 0;
}

.oceanus-article-author,
.oceanus-article-date {
    margin-right: 10px;
	font-size:14px;
}



.oceanus-article-topics,
.oceanus-article-tools {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}

.oceanus-sidebar-box {
    padding: 12px;
    background: #f1f1f1;
    box-shadow: 0 2px 8px rgba(0,0,0,0.45);
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.45);
    -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.55);
    margin: 0;
    margin-bottom: 24px;
    overflow: hidden;
}

.oceanus-sidebar-box h3 {
    text-transform: uppercase;
    font-size: 18px;
}

.oceanus-sidebar-box ul {
    padding-left: 0;
}

.oceanus-sidebar-box li {
    padding-left: 16px;
    text-indent: -13px;
    list-style: none;
    font-size: 14px;
    margin: 0 0 5px 0;
}

.oceanus-sidebar-box li:before {
    content: "\00BB";
    padding-right: 5px;
	font-size: .7em;
}

.oceanus-sidebar-box.sidebar-slideshow li {
    padding-left: 0;
    text-indent: 0;
}

.oceanus-sidebar-box.sidebar-slideshow li:before {
    content: none;
}

.sidebar-slideshow .flex-custom-controls-container {
    margin-top: 20px;
}

.oceanus-sidebar-box .sidebar-btn {
    margin-top: 10px;
    text-align: center;
}

#article-main-slideshow .flex-navigation-custom a.flex-prev {
    left: -2px;
}

#article-main-slideshow .flex-navigation-custom a.flex-next {
    right: 28px;
}

.oceanus_article .content-splash-img img {
    display: block;
    width: 100%;
}

/* Oceanus Issue pages */

.oceanus-cover {
    max-width: 350px;
}

.oceanus-btns a {
    margin-right: 10px;
}

.oceanus-item {
    /* padding: 12px;
    background: #c7d9e6;
    box-shadow: 0 2px 8px rgba(0,0,0,0.45);
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.45);
    -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.55);
       font-family: 'fontin_sans_rgregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: 0;
       */
    margin-bottom: 24px;
    overflow: hidden;
}

.oceanus-feature-item {
    padding: 0px;
    width: auto;
    background: #c7d9e6;
    box-shadow: 0 2px 8px rgba(0,0,0,0.45);
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.45);
    -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.55);
    margin: 20px 10px;
    overflow: hidden;

}

.oceanus-feature-item .fl-post-column {
    padding-bottom: 10px;
}

.oceanus-feature-item .fl-post-grid-post {
    background: none;
    border: none;
}

.oceanus-feature-item .fl-post-grid-text {
    padding: 5px 0;
}

.oceanus-feature-item  h2.fl-heading {
    font-size: 20px;
    padding: 5px 0 11px !important;
}



/* Archive pages / Special Series */

.special-series-intro-container {
    margin-bottom: 20px;
}

.oceanus-item.oceanus-archive {
    height: 360px;
}

.oceanus-archive p {
    font-size: 14px;
}

/* ------------ Show/hide --------------- */

.collapseomatic {
    background-image: url('images/plus.png');
    background-repeat: no-repeat;
    padding: 0 0 8px 24px;
    cursor: pointer;
    color: #00A9E0;
    font-size: 1.2em;
    background-position: 0px 3px;
}

.colomat-close {
    background-image: url('images/minus.png');
}

.collapseomatic_excerpt, .collapseomatic_content {
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
}

/* ------------ images in content --------------- */

.wp-caption {
    background: none;
    border: 0;
    max-width: 100%;
    padding: 0px;
    text-align: left;
}

.wp-caption p.wp-caption-text {
    padding: 5px 0 0 0;
}

/* ------------ Search Page ---------- */
body.fl-search-active .st-search-container .st-ui-thumbnail {
    max-width: 240px;
    height: 156px !important;
    margin: 0 20px 0 -70px !important;
    max-height: 156px;
    width: 100% !important;
}

body.fl-search-active .st-search-container .st-ui-type-heading {
    font-size: 18px;
}

body.fl-search-active .st-search-container .st-ui-result {
    float: left;
    width: 47%;
    margin-right: 25px;
}

body.fl-search-active .st-search-container .st-ui-container-footer_bar {
    float: left;
    width: 100%;
}

/* ------------ Footer --------------- */

.fl-page-footer-widgets {
	border-top: none;
	background-color: #01143f;
	color: #5d95bc;
	background-image: url('images/footer-background.jpg');
    background-repeat: no-repeat;
	padding: 35px 0 0 0;
	background-size: cover;
    background-position: top center;
}

.col-sm-7 .fl-page-footer-widgets {
    background-image: none;
    background-color: transparent;
	padding:0;
}

.col-sm-12.footer-learnmore-box {
    font-size: 14px;
}

.col-sm-12.footer-learnmore-box a {
    color:#00A9E0;
}

.fl-page-footer-widgets *, .fl-page-footer-widgets h1, .fl-page-footer-widgets h2, .fl-page-footer-widgets h3, .fl-page-footer-widgets h4, .fl-page-footer-widgets h5, .fl-page-footer-widgets h6 {
	color: #5d95bc;
}
.fl-page-footer-widgets a, .fl-page-footer-widgets a *, .fl-page-footer-widgets a.fa {
	color: #5d95bc;
}
.fl-page-footer-widgets a:hover, .fl-page-footer-widgets a:focus, .fl-page-footer-widgets a:hover *, .fl-page-footer-widgets a:focus *, .fl-page-footer-widgets a.fa:hover, .fl-page-footer-widgets a.fa:focus {
	color: #ffffff;
    text-decoration: none;
}
.fl-page-footer-widgets .navbar-nav > li > a {
	color: #5d95bc;
}
.fl-page-footer-widgets .navbar-nav > li > a:hover, .fl-page-footer-widgets .navbar-nav > li > a:focus {
	color: #ffffff;
}
.fl-page-footer-widgets .navbar-nav > li.current-menu-item > a {
	color: #ffffff;
}

.fl-page-footer-widgets h4 {
    text-transform: uppercase;
    font-size: 16px;
}

.fl-page-footer-widgets ul.menu {
    font-size: 12px;
}

.fl-page-footer-widgets .fl-widget ul li {
    margin-bottom: 4px;
}

.fl-page-footer-widgets-container {
	padding-top: 30px;
}
.fl-page-footer {
	border-top: 1px solid #e6e6e6;
	font-size: 12px;
	border-color: #25578a;
	background-color: #041E42;
	color: #E6E7E8;
}
.fl-page-footer *, .fl-page-footer h1, .fl-page-footer h2, .fl-page-footer h3, .fl-page-footer h4, .fl-page-footer h5, .fl-page-footer h6 {
	color: #E6E7E8;
}
.fl-page-footer a, .fl-page-footer a *, .fl-page-footer a.fa {
	color: #00A9E0;
}
.fl-page-footer a:hover, .fl-page-footer a:focus, .fl-page-footer a:hover *, .fl-page-footer a:focus *, .fl-page-footer a.fa:hover, .fl-page-footer a.fa:focus {
	color: #ffffff;
}
.fl-page-footer .navbar-nav > li > a {
	color: #00A9E0;
}
.fl-page-footer .navbar-nav > li > a:hover, .fl-page-footer .navbar-nav > li > a:focus {
	color: #ffffff;
}
.fl-page-footer .navbar-nav > li.current-menu-item > a {
	color: #ffffff;
}
.fl-page-footer-container {
	padding-top: 20px;
}
.fl-page-footer-text {
	padding-bottom: 20px;
	text-align: center;
}
.fl-page-footer .fl-social-icons {
	text-align: center;
}
.fl-page-footer .fl-social-icons .fl-icon {
	margin: 0 5px 20px 5px;
}
.fl-page-footer-nav {
	float: none;
	text-align: center;
	margin: 0 0 10px;
}
.fl-page-footer-nav > li {
	display: inline-block;
	float: none;
}
.fl-page-footer-nav ul.sub-menu {
	display: none;
}
.fl-page-footer-nav > li > a {
	padding-top: 0;
}
.fl-page-footer-nav > li > a:hover, .fl-page-footer-nav > li > a:focus {
	background: transparent;
}

footer {
    font-size:16px;
    color:#5d95bc;
}

footer a {color:#5d95bc;}

footer.fl-page-footer-wrap {
    background: #041E42;
}

footer svg#Layer_2 {
    fill: #5d95bc;
    max-width: 20%;
    float: left;
    margin-right: 1.2em;
}
.fl-page-footer-wrap .fl-widget .fl-widget-title {
    margin: 0;
    text-transform: uppercase;
    color: #5d95bc;
}

.btn-footer {
    background: #00A9E0;
    border: 1px solid #041E42;
    transition: background-color 300ms ease-out;
    padding: 8px 12px;
    border-radius: 30px;
	width: 90%;
}

a.btn-footer  {color:#ffffff}

.btn-footer:hover {
    background: #041E42;
    border: 1px solid #00A9E0;
}

.btn-footer p {
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 500;
}

a.btn-footer p {
    color: #ffffff;
}

.btn-footer small {display: none;}

.btn-footer:hover p,
.btn-footer:hover small {
    color: #fff;
}

.footer-get-involved {
    float: left;
    width: 33%;
}

#footer-right div {
    margin-bottom: 40px;
}

#footer-email-join img {
    margin-left: 20px;
}

#footer-social img {
    margin-left: 15px;
}

#footer-social .fl-icon {
    font-size: 24px;
    padding-right: 15px;
    margin-top: 0;
}

#footer-social h4 {
    float: left;
    margin-right: 20px;
}


/* ------ Slideshow edits to make Captions display automatically ------ */
.fl-slideshow-container .fl-slideshow-image-img {
    width: 100% !important;
    height: auto !important;
}
.fl-slideshow-light .fl-slideshow-overlay {
    background-image: none;
    background-color: rgba(0,0,0,0.8);
    color: #fff !important;
}
.fl-slideshow-caption {
    display: block !important;
    opacity: 1 !important;
} 

.fl-slideshow-overlay-close {
    display: none;
}

/* ----------------- Mobile Device Media Queries ------------------ */

/* Small devices (landscape phones, less than 1054px) */
@media (max-width: 1054px) {
    .rsContent::after {
    display:none;
    }
    #new-royalslider-1 .rsContent .whatwedo-carousel-text {
        position: relative;
        bottom: 0 !important;
        padding: 20px 20px;
    }
    #new-royalslider-1 {
        max-height: inherit;
    }
        
    }

@media only screen and (max-width: 1090px) {
    #topbar-menu {
        display: block;
        right: 0;
        width: 100%;
        max-width: 100%;
        top: 5px;
        left: 0;
        margin: auto;
    }

    #topbar-menu {
        text-align: left;
        max-width: fit-content;
        margin-left: 55px;
    }

    header .fl-page-header-logo a, header .fl-page-header-logo a img {
        display: block;
        margin: auto;
    }

    #menu-topbar-menu a {
        padding-left: 0;
        padding-top: 0px;
    }
}

    /* Small devices (landscape phones, less than 768px) */
    @media (max-width: 767.98px) {
        #new-royalslider-1 h3 {
            font-size: 18px;
        }
        /* Content */
        .fl-page-content {
            padding: 0 0px;
        }

        .fl-post .fl-post-image-beside,
        .fl-post .fl-post-content-beside {
            padding: 0;
        }

        /* Header */
        .fl-page-bar-container.container {
            width: 100%;
        }

        #menu-topbar-menu a {
            font-size: 11px;
            padding-left: 0;
            padding-right: 10px;
        }

        .fl-page-nav-right .fl-page-nav-search {
            right: 5px;
        }

            .fl-page-nav-right .fl-page-nav-search a.fa-search {
                font-size: 24px;
            }

        .fl-logo-img {
            padding-bottom: 10px;
        }

        .fl-page-nav-search form {
            width: 250px;
        }

        /* Mobile menu */
        /* Main Navigation menu */
        .fl-page-nav-right .fl-page-header-container {
            width: 100%;
        }

        ul#menu-secondary-menu {
            display: none;
        }

        .fl-page-nav-right .fl-page-header-logo {
            padding-bottom: 10px;
        }

        .fl-page-nav .navbar-toggle:hover, .fl-page-nav .navbar-toggle:focus {
            background: #f1f1f1;
            border-top: 1px #ccc solid;
            border-bottom: 1px #ccc solid;
        }

        .fl-page-nav .navbar-toggle * {
            color: #0069B1;
            text-transform: uppercase;
        }

        .fl-page-header-container {
            padding-bottom: 0px;
            padding-top: 25px;
        }

        .fl-page-nav-right .fl-page-header-wrap {
            border-bottom: 0px solid #0069B1;
        }

        .fl-page-nav-col {
            padding: 0;
        }

        /**New Style to move menu to right side on mobile**/
        .fl-page-header .fl-page-header-logo a {
            float: left;
        }

        .fl-page-nav-right .fl-page-nav-search {
            right: 15px;
        }

        #mega-menu-wrap-header .mega-menu-toggle .mega-toggle-block-1::after {
            font-size: 25px !important;
        }

        header.fl-page-header .fl-page-header-logo {
            width: 70%;
            float: left;
            margin-top: 20px;
            padding-left: 25px;
        }

        #topbar-menu {
            text-align: left;
            max-width: fit-content;
            margin-left: 55px;
        }


        .fl-page-header-logo ~ .fl-page-nav-wrap .mega-toggle-label-closed, .fl-page-header-logo ~ .fl-page-nav-wrap .mega-toggle-label-open {
            display: none !important;
            opacity: 0;
            visibility: hidden;
        }

        #topbar-menu ~ .fl-page-nav-search {
            width: 18%;
            height: 18px;
            position: absolute;
        }

            #topbar-menu ~ .fl-page-nav-search .fa.fa-search {
                padding-top: 5px;
                padding-left: 5px;
                position: absolute;
                top: 8px;
                right: 20px;
            }

        #mega-menu-wrap-header {
            position: inherit;
        }

        .fl-page-nav.fl-nav.navbar.navbar-default {
            position: inherit !important;
            margin-top: 36px;
            margin-right: 25px;
        }

        header nav .donate-link .mega-menu-link {
            padding-left: 20px !important;
            margin-left: -15px !important;
        }

        #mega-menu-header {
            position: absolute !important;
            left: -5px !important;
            right: auto !important;
            width: 104% !important;
            z-index: 10;
            top: 140px !important;
            padding: 20px 45px !important;
        }

        .fl-page-header-logo ~ .fl-page-nav-wrap {
            width: auto;
            float: right;
            height: 100%;
            flex: 1;
            position: initial;
        }

        /***End of new header code***/


        .fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav-wrap {
            padding-bottom: 0;
        }

        .fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle * {
            color: #00A9E0;
        }

        .fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle,
        .fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle:hover,
        .fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle:focus {
            background-color: #041E42;
            color: white;
            border-top: 1px #ccc solid;
            color: #00A9E0;
        }

            .fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle:hover {
                color: #faab18;
            }

        .fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav > li > a,
        .fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav > li.current-menu-item > a {
            color: #00A9E0 !important;
            padding: 15px;
        }

        .fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a,
        .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-ancestor > a,
        .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-parent > a,
        .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-item > a,
        .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > a:hover {
            border: none !important;
            font-size: 14px;
            text-transform: uppercase;
            padding: 15px;
        }

        .fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav ul.sub-menu li a {
            color: #00A9E0 !important;
        }

        #mega-menu-wrap-header #mega-menu-header > li.mega-menu-megamenu > ul.mega-sub-menu {
            padding: 0;
        }

        #mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
            padding: 0 0 0 10px;
        }

        #mega-menu-wrap-header #mega-menu-header ul.mega-sub-menu li.heading-link a,
        .mega-sub-menu .menu li {
            font-size: 12px;
        }

        .navbar-white-link {
            display: none;
        }

        /* Full width background blocks */
        .fl-full-width .container {
            padding-left: 10px;
            padding-right: 10px;
            width: 100%;
        }

        /* Feature Box */

        .feature-box-secondary {
            padding-bottom: 18px;
            margin-bottom: 20px;
        }

            .feature-box-secondary h3 {
                margin-bottom: 10px;
            }

        .feature-home-secondary-img,
        .feature-secondary-img {
            margin-right: 0;
            margin-bottom: 15px;
        }

        .feature-secondary-img {
            width: 100%;
        }

        /* News & Insight */
        .news-insight-type-box ul {
            column-count: 2;
        }

        .news-content-grid-filters .facetwp-facet {
            margin-bottom: 0px;
        }

        .news-content-grid-filters .fl-module-class-facet .fl-module-content {
            margin-left: 20px;
        }

        .news-insight-whoi-in-news-container .fl-module-heading .fl-heading {
            text-align: center;
        }

        /* BB Sliders */
        .bx-wrapper .bx-pager {
            display: none;
        }

        /* Footer */

        .fl-page-footer-widgets {
            text-align: center;
        }

        .footer-learnmore-box {
            text-align: left;
        }

        #footer-social .fl-icon-group {
            width: 230px;
            margin: 10px auto;
        }

        #footer-right div {
            margin-bottom: 20px;
        }
    }

    @media only screen and (max-width: 690px) {
        .fl-page-nav-search form {
            top: 4px;
            width: 91vw;
            transition: all ease-in-out .3s;
            right: 2%;
        }
    }
    /* Medium devices (tablets, less than 992px) */
    @media (max-width: 991.98px) {

        /*search page header reduce for small screens*/
        .page-id-28927 .fl-page-content {
            margin-top: 0px;
        }

        /*Search Mobile Styles*/
        .col-md-12.search-results #menu {
            width: 100%;
            float: left;
            text-align: center;
            display: block;
        }

            .col-md-12.search-results #menu .sort_holder {
                float: none;
                margin: auto;
                left: 0;
                right: 0;
                display: block;
                width: auto;
            }

                .col-md-12.search-results #menu .sort_holder .sort {
                    float: none;
                    display: inline-block;
                }

            .col-md-12.search-results #menu #facets {
                float: none;
            }
        /*End of search css*/



        .fl-full-width .container {
            padding-left: 20px;
            padding-right: 20px;
        }

        #new-royalslider-1 h3 {
            font-size: 18px;
        }
        /* Topbar menu */
        #topbar-menu {
            display: block;
            position: relative;
            right: auto;
        }

        #menu-topbar-menu {
            text-align: center;
        }

            #menu-topbar-menu a {
                padding-left: 0;
            }

        .fl-page-nav-right .fl-page-nav-search {
            display: block;
        }

        /* Logo box */
        .fl-page-header-logo {
            margin: 15px 0 15px 0;
        }

        .fl-logo-img {
            position: relative;
            width: 300px;
        }

        /* Main Navigation menu */
        #mega-menu-wrap-header {
            margin-top: 0px;
            width: auto;
        }

            #mega-menu-wrap-header #mega-menu-header {
                text-align: center;
            }

                #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.donate-link {
                    margin-left: 0;
                    background-color: transparent;
                }

                    #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.donate-link > a.mega-menu-link {
                        color: #00a9e0;
                        background-color: transparent;
                    }

            #mega-menu-wrap-header .mega-menu-toggle + #mega-menu-header {
                background-color: #041E42;
            }

            #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link {
                padding: 2px 5px;
            }

            #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
                background-color: #041E42;
            }

            #mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu:first-of-type {
                margin-top: 0px !important;
            }

        .get-involved-col ul.menu li {
            font-size: 14px;
        }

        li.mega-menu-feature-box {
            display: none !important;
        }

        #mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12,
        #mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-12 {
            width: 33%;
        }

        ul.mega-sub-menu img {
            display: none;
        }

        .follow-us-col ul.mega-sub-menu img {
            display: block;
        }

        /* Breadcrumb */
        .fl-content-full.container .breadcrumb-trail {
            margin-left: 20px;
        }

        /* Feature Box */

        .home-page-feature-box .row {
            margin-bottom: 0;
        }

        .feature-box-container {
            margin-bottom: 30px;
        }

        .feature-box-primary {
            margin-bottom: 20px;
        }

        .feature-box-primary-text,
        .feature-box-primary-img {
            width: 100%;
        }

        .feature-box-meta-topic {
            display: block;
        }

        .feature-box-icon {
            position: relative;
            margin-top: 15px;
        }

        .feature-home-secondary-img,
        .feature-secondary-img {
            display: block;
            float: left;
            overflow: hidden;
        }

        /* News & Insights */
        .news-insight-whoi-in-news-container .fl-row-content-wrap {
            border: none;
        }

        .news-insight-whoi-in-news-container .fl-col-small {
            max-width: none;
        }

        .news-insight-whoi-in-news-container .fl-module-heading .fl-heading {
            font-size: 30px;
        }

        .news-insight-whoi-in-news-container h2 br {
            content: ' '
        }

            .news-insight-whoi-in-news-container h2 br:after {
                content: ' '
            }

        .news-insight-whoi-in-news-grid .pp-content-post {
            border-right: none;
            padding-top: 0;
            padding-bottom: 0;
        }

        /* Oceanus */

        #menu-oceanus-main-menu ul.sub-menu,
        #menu-oceanus-main-menu .fl-menu-toggle {
            display: none !important;
        }

        .oceanus-item.oceanus-archive,
        .oceanus-item.oceanus-item-issue {
            height: auto;
        }

        /* Footer */
        .footer-get-involved {
            text-align: center;
            width: 100%;
        }

        #footer-social h4 {
            float: none;
        }
    }

    /* Tablet Specific styles */
    @media (min-width: 768px) and (max-width: 991.98px) {

        /* Content */
        .fl-builder .container.fl-content-full .fl-post-header {
            margin-left: 20px;
        }

        /* Navigation */
        .fl-page-nav {
            height: 45px;
        }

        .fl-page-nav-right .fl-page-nav-search {
            right: 20px;
        }

        .mega-sub-menu .menu li {
            font-size: 14px;
        }

        #mega-menu-wrap-header #mega-menu-header ul.mega-sub-menu li.heading-link a {
            font-size: 14px;
        }

        #mega-menu-header h4 {
            font-size: 16px;
        }

        /* Feature boxes */
        .feature-home-secondary-img {
            margin-right: 10px;
        }

        .feature-home-secondary-img,
        .feature-secondary-img {
            margin-bottom: 30px;
        }

        #menu-topbar-menu a {
            font-size: 14px;
        }

        /* News & Insight */
        .news-insight-whoi-in-news-container .fl-button-wrap {
            text-align: left;
        }

        /* Press Room */
        .fl-post-feed-post.fl-post-feed-image-beside {
            max-width: 100%
        }

        .fl-post-feed-image-beside .fl-post-feed-image {
            width: 33% !important;
            margin-right: 10px;
            float: left;
        }

        /* Footer */
        .fl-page-footer-widgets .col-sm-3 {
            width: 50%;
        }
    }

    /* Large devices (desktops, 992px and up) */
    @media (min-width: 992px) {
        /* Standard heading styles for desktop */
        h1 {
            font-size: 36px;
            line-height: 1;
            letter-spacing: 0px;
        }

        h2 {
            font-size: 20px;
            line-height: 1.4;
            letter-spacing: 0px;
        }

        h3 {
            font-size: 18px;
            line-height: 1.4;
            letter-spacing: 0px;
        }

        h4 {
            font-size: 16px;
            line-height: 1.4;
            letter-spacing: 0px;
        }

        h5 {
            font-size: 14px;
            line-height: 1.4;
            letter-spacing: 0px;
        }

        h6 {
            font-size: 12px;
            line-height: 1.4;
            letter-spacing: 0px;
        }

        /* Equal column utility class */
        .equal {
            display: flex;
            display: -webkit-flex;
            flex-wrap: wrap;
        }

        .fl-page-header-container.container {
            max-height: 115px;
        }

        .fl-page-nav-right .fl-page-nav-wrap a:hover {
            color: white !important;
        }

        /* Change Bootstrap column widths for sidebar template */
        .page-template-tpl-sidebar .fl-page-content .fl-sidebar-left.col-md-3,
        .page-template-tpl-topic-page .fl-page-content .fl-sidebar-left.col-md-3 {
            width: 25%;
        }

        .page-template-tpl-sidebar .fl-page-content .fl-content-right.col-md-9 {
            width: 75%;
        }

        .page-template-tpl-topic-page .fl-content.col-md-6 {
            width: 50%;
        }

        /* News & Insight */
        .news-insight-whoi-in-news-container .fl-module-button {
            margin-top: 60px;
        }
    }

    /* Wide screen (desktops, 1100px and up) */
    @media (min-width: 1100px) {

        .fl-builder.fl-full-width .container.fl-content-full .fl-post-header,
        .fl-builder.fl-full-width .container.fl-content-full .fl-comments {
            width: 1200px;
        }
    }

    /* Extra small devices (portrait phones, less than 576px) */
    @media (max-width: 575.98px) {
        .fl-page-nav-right .fl-page-header-container {
            padding-bottom: 0;
        }


        .home-news-shop > .fl-row-content-wrap {
            padding-top: 0px;
        }

        .home-page-feature-box.container {
            padding: 0px !important;
        }

            .home-page-feature-box.container .feature-box-text h2 {
                font-size: 41px;
                line-height: 1.2;
            }

        #mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12, #mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-12 {
            width: 100%;
        }

        .fl-logo-img {
            position: relative;
            width: 100%;
            max-width: 250px;
        }
    }

@media only screen and (max-width: 490px){
#topbar-menu {
    display: block;
    float: left;
    width: 80% !important;
    position: absolute;
    margin-left: 44px;
    top: 5px;
}
header.fl-page-header .fl-page-header-logo {
    margin-top: 35px;
}

#mega-menu-wrap-header {
    position: inherit;
}
    #mega-menu-wrap-header .mega-menu-toggle .mega-toggle-block-1:after {
        font-size: 33px !important;
    }
.fl-page-nav.fl-nav.navbar.navbar-default {
    position: inherit !important;
    margin-top: 0px;
    float: right;
}
.col-sm-12.fl-page-header-logo-col.fl-page-nav-col {
    display: flex;
    align-items: center;
    width: 100% !important;
    float: left;
    position: relative;
}
#topbar-menu {
    margin-left: 28px;
}

#mega-menu-header {
    position: absolute !important;
    left: -5px !important;
    right: auto !important;
    width: 104% !important;
    z-index: 10;
    top: 120px !important;
    padding: 20px 43px !important;
}
}

    @media (max-width: 420px) {
        .home-page-feature-box.container {
            padding: 0px !important;
        }

            .home-page-feature-box.container .feature-box-text h2 {
                font-size: 39px;
                line-height: 1.1;
            }
        /*Search Mobile Styles*/

        .search-results #facets .st-custom-facets, .search-results #facets .st-dynamic-facets {
            float: left;
            text-align: left;
            margin-bottom: 14px;
            width: 50%;
            align-content: start;
            align-items: start;
            display: block;
            margin-top: 12px;
        }

            .search-results #facets .st-custom-facets h3, .search-results #facets .st-dynamic-facets .facet h3 {
                font-size: 16px;
                padding-bottom: 8px;
            }

            .search-results #facets .st-custom-facets label, .search-results #facets .st-dynamic-facets label {
                margin-bottom: 0px;
                width: auto;
                float: left;
                padding-top: 2px;
            }

            .search-results #facets .st-custom-facets ~ br {
                display: none;
            }

            .search-results #facets .st-custom-facets input, .search-results #facets .st-dynamic-facets input {
                float: left;
            }

        .col-md-12.search-results #menu {
            width: 100%;
            float: left;
            text-align: center;
            display: block;
        }

            .col-md-12.search-results #menu .sort_holder {
                float: none;
                margin: auto;
                left: 0;
                right: 0;
                display: block;
                width: auto;
            }

                .col-md-12.search-results #menu .sort_holder .sort {
                    float: none;
                    display: inline-block;
                }

            .col-md-12.search-results #menu #facets {
                float: none;
            }

        .search-results .search-layout a:first-child {
            width: 100% !important;
            max-height: 45vw;
            margin-bottom: 11px;
        }

        .search-results .search-layout .content-holder {
            width: 100%;
        }

            .search-results .search-layout .content-holder h2 {
                line-height: 1.2;
                font-size: 16px;
                padding-bottom: 5px;
            }

        .search-results .search-layout {
            margin-bottom: 30px;
        }
    }





    /*Search styles*/

    .topbar-cont .st-ui-container-footer_bar.st-position-container {
        float: right;
    }

    .page-id-28927 .fl-page {
        padding-top: 0px !important;
    }

    #menu.col-md-3 label {
        font-size: 12px;
        cursor: pointer;
    }

    #menu.col-md-3 .sort {
        background: #efefef;
        padding: 3px 20px 0px;
        color: #333;
        cursor: pointer;
        margin-bottom: 5px;
        display: block;
        float: left;
        margin-right: 5px;
    }

    #facets {
        float: left;
        margin-top: 14px;
    }

    .content-type .sort label {
        cursor: pointer;
    }

    .search-results .search-layout {
        float: left;
        width: 100%;
        display: block;
        margin-bottom: 30px;
        font-size: 12px;
    }

    .content-holder {
        float: left;
        display: block;
        width: 80%;
    }

    .st-ui-thumbnail-holder {
        float: left;
        display: block;
        max-height: 120px;
        overflow-y: hidden;
    }

    .content-holder span, .content-holder a {
        float: left;
        width: 100%;
        display: block;
    }

    .search-form ~ #menu .st-custom-facets {
        margin-top: 12px;
    }

    .sort_holder {
        display: block;
        width: 100%;
        float: left;
    }

    .search-form label {
        text-align: left;
        float: left;
        padding-right: 10px;
        padding-top: 9px;
    }

    .search-form #st-search-input {
        font-size: 14px;
        max-width: 700px;
        float: left;
        height: auto;
        padding: 10px;
        background-position: right center;
        border-radius: 0px;
        background: none !important;
        width: 100%;
    }

    .search-layout .st-ui-type-detail .excerpt {
        font-size: 12px;
        font-weight: 300;
    }

    .search-layout #topic-type {
        font-size: 12px;
        float: left;
        width: 80%;
    }

    .search-results .search-layout a:first-child {
        float: left;
        width: 18%;
        margin-right: 10px;
        overflow-x: hidden;
    }

    .st-ui-pagination-link.st-ui-pagination-number-link.st-result-pagination-link.active {
        text-decoration: underline;
    }

    .search-form #btnSubmit {
        padding: 20px 20px;
        background-position: center center;
        float: left;
        height: 20px;
        position: relative;
    }

        .search-form #btnSubmit:hover {
            background-color: #0069B1;
            -webkit-transition: background-color 300ms ease-in-out;
            -ms-transition: background-color 300ms ease-in-out;
            transition: background-color 300ms ease-in-out;
        }

    .search-form ~ #results .topbar-cont {
        float: left;
        width: 100%;
        display: block;
        border-bottom: 1px solid #ccc;
        padding-bottom: 4px;
        margin-bottom: 25px;
    }

    .search-form button#btnSubmit svg {
        width: 100%;
        max-width: 18px;
        position: absolute;
        left: 0;
        right: 0;
        top: 9px;
        text-align: center;
        margin: auto;
    }

    .search-form ~ #results #menub {
        float: left;
    }
    /*.search-form ~ #menu.col-md-3 {
    margin-top: 30px;
}*/
    .search-form ~ #results .st-search-summary {
        float: left;
        border-bottom: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .search-form {
        float: none;
        width: 100%;
        max-width: 750px;
        clear: both;
        margin: 0px auto 70px;
        display: flex;
    }

    .search-layout .st-ui-thumbnail {
        float: left;
        width: 100%;
        display: block;
        margin-right: 20px;
    }

    .search-layout .st-ui-type-heading, .search-layout .st-ui-type-detail {
        float: left;
        width: 80%;
    }

    .search-results facets hr {
        margin: 6px auto;
    }

    #results .st-page {
        float: left;
        width: 100%;
        display: none;
    }
    /*.st-dynamic-facets .facet-cont {
    max-height: 300px;
    overflow-y: scroll;
    margin-bottom: 20px;
}*/
    .st-dynamic-facets .facet .clear-selection {
        float: right;
        position: absolute;
        right: 0;
        top: 4px;
        font-size: 12px;
    }

    .st-dynamic-facets .facet {
        position: relative;
    }

        .st-dynamic-facets .facet h3 {
            text-transform: capitalize !important;
        }

    .content-type .sort {
        background: #0069B1;
        color: #fff;
        padding: 10px 25px;
        margin-right: 10px;
        border-radius: 10px 10px 0px 0px;
    }

    #menu.content-type {
        margin-bottom: 30px;
        position: relative;
    }

        #menu.content-type:after {
            content: "";
            display: block;
            width: 100%;
            bottom: -5px;
            background-color: #efefef;
            z-index: 10;
            position: absolute;
            left: -4px;
            height: 1px;
            max-width: 510px;
        }

    .swiftype-widget .autocomplete {
        background-color: #fff;
        padding: 10px 10px;
        width: 100% !important;
        max-width: 750px;
    }

        .swiftype-widget .autocomplete ul {
            margin-left: 0px;
            text-indent: 0px;
            padding-left: 0px;
            list-style: none;
            max-height: 300px;
            overflow-y: scroll;
        }

            .swiftype-widget .autocomplete ul li:hover {
                background-color: #efefef;
            }

            .swiftype-widget .autocomplete ul li {
                padding: 8px 5px 2px;
                cursor: pointer;
            }

    .st-ui-type-heading h2, .st-ui-type-heading {
        font-size: 17px;
        width: 100%;
        float: left;
        display: block;
        max-width: inherit !important;
    }

    #page-type {
        display: none;
    }

        #page-type.visual_whoi_item, #page-type.oceanus_article, #page-type.news_release, #page-type.page, #page-type.obituary {
            display: block;
        }

            #page-type.visual_whoi_item::before {
                content: 'Page type: Multimedia';
                position: relative;
                display: block !important;
            }

            #page-type.oceanus_article::before {
                content: 'Page type: Oceanus Article';
                position: relative;
                display: block !important;
            }

            #page-type.news_release::before {
                content: 'Page type: News Release';
                position: relative;
                display: block !important;
            }

            #page-type.page::before {
                content: 'Page type: Page';
                position: relative;
                display: block !important;
            }

            #page-type.obituary::before {
                content: 'Page type: Obituary';
                position: relative;
                display: block !important;
            }





    .facet-cont.topics input, .facet-cont.topics label, .facet-cont.topics label + br {
        display: none;
    }

    .topics #ocean\%20life, label[for="ocean%20life"], label[for="ocean%20life"] + br,
    .topics #ocean\%20tech, label[for="ocean%20tech"], label[for="ocean%20tech"] + br,
    .topics #climate\%20\%26\%20weather, label[for="climate%20%26%20weather"], label[for="climate%20%26%20weather"] + br,
    .topics #how\%20the\%20ocean\%20works, label[for="how%20the%20ocean%20works"], label[for="how%20the%20ocean%20works"] + br,
    .topics #ocean\%20\%26\%20human\%20lives, label[for="ocean%20%26%20human%20lives"], label[for="ocean%20%26%20human%20lives"] + br,
    .topics #sustainable\%20ocean, label[for="sustainable%20ocean"], label[for="sustainable%20ocean"] + br {
        display: inline-block !important;
    }

    .search-results label {
        font-weight: normal;
    }


    /****---WHOI People Directory page layout Patch (Plugin CSS file is locked by permissions)---*****/
.staff-profile {
    overflow: hidden;
    width: 100%;
    max-width: 1200px;
    margin: 60px auto 40px;
}
.compat-item .label {
    width: 100%;
    background: transparent;
    text-align: left;

}
    .compat-item .label .alignleft {
        text-align: left;
        margin: 5px 0px 0px;
        width: auto;
    }
.rml-folder-edit:hover {
    background-color: transparent;
}
.compat-item .field {
    float: none;
    width: calc(100% - 25px);
    margin: auto;
}
.compat-item tr {
    float: left;
    width: 100%;
}
.media-frame input[type="search"] {
    line-height: 1.154;
    margin-top: 35px;
}
.compat-item .compat-attachment-fields th, .compat-item .compat-attachment-fields td {
    padding-left: 10px;
}