@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');

/* please add to main whoi stylesheet */
.news_insight li {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
    font-size: 20px;
    color: #000000;
}


.fl-module-pp-hover-cards-2 h3, .fl-module-pp-hover-cards-2 h4 {
    color: #fff;
    text-shadow: 2px 2px 6px rgba(4,30,66,0.6);
}

.fl-module-pp-hover-cards-2 h3 {font-size:16px;}
.fl-module-pp-hover-cards-2 h4 {font-family: 'TideSans-300LilKahuna';font-size:14px;text-transform:uppercase;}
    

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

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

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

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

}

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

}

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

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

}

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

}

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

    font-weight: normal;
    font-style: normal;

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}
body {font-family: 'TideSans-300LilKahuna'; font-weight:300;}

#fl-post-225039 ol {
    padding-left:18px;
}

#fl-post-225039 ol li {
    margin-bottom: 10px;
    padding-left:0px;
}

/* styles for posts on Peter de Menocal's page */
.page-id-11336 .news_insight p {
    font-family: 'TideSans-300LilKahuna'; 
    font-weight:300;
    /*font-family: 'Cormorant Garamond',serif;
    font-weight: 500;*/
    font-size: 15px;
    color: #000;
}

.page-id-11336 .oceanus_article p {
    font-family: 'TideSans-300LilKahuna'; 
    font-weight:300;
    /*font-family: 'Cormorant Garamond',serif;
    font-weight: 500;*/
    font-size: 15px;
    color: #000;
}

.page-id-11336 .pp-content-post-meta {
  padding-bottom:0;
}

.fl-node-5fca7f851523c .pp-content-post .pp-post-title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size:16px;
    line-height:1.4;
    font-weight:500;
} 

.fl-node-5fca7f851523c .pp-content-post {
    margin-bottom:0;
}

/* News & Insights native wordpress caption styles */
.wp-caption p.wp-caption-text {
    font-size: 12px;
    line-height: 1.5;
    font-family: 'TideSans-300LilKahuna'; 
    font-weight:300;
    margin: 0;
    padding: 5px;
}

/* homepage image borders */
.feature-secondary-img {
 border: 1px solid #dcdcdc; 
}

 
/*table on pressure test facility page */
.tablepress-id-14 .column-1 {
  width: 60px;
}

.tablepress-id-18 .column-1 {
  width: 75px;
}

/* WHOI Giving */

.post-178016 body, .post-178016  h1, .post-178016   h2, .post-178016  h3, .post-178016  h4, .post-178016  p {font-family: 'TideSans', sans-serif;}
.post-178016 .fl-post-title {display:none}
.post-178016 .fl-post-header {display:none}
.giving-home-1 h3 {font-family: 'TideSans', sans-serif;text-align:center;font-weight:500;color:#ffffff;font-size:34px;text-shadow:5px 5px 15px #000000}
.giving-home-1 h1 {font-family: 'TideSans', sans-serif;text-align:center;font-weight:700;color:#ffffff;font-size:54px;line-height:1.3;text-shadow:5px 5px 15px #000000}
.giving-home-1 p {font-family: 'TideSans', sans-serif;text-align:center;font-weight:300;color:#ffffff;font-size:18px;letter-spacing:.15em}



.giving-footer .sm p {font-family: 'TideSans', sans-serif;text-align:center}
.giving-footer h3 {font-family: 'TideSans', sans-serif;font-weight:300;font-size:20px;margin-bottom: .5em;letter-spacing: .2em}
.giving-footer .sm img {
    display: inline-block;
    margin: .5em 1.8em 2em 0;
}



/*.giving-footer .box p{text-align:left;}*/

/* World Oceans Day - Together for Science */


.post-165119 .pp-photo-caption.pp-photo-caption-hover {
    font-size: 24px;
    line-height: 32px;
    padding: 1em;
}

.post-165119 .fl-page-header .announcement-bar {display:none !important}

@media (max-width: 767px) {

.post-165119 .fl-module.fl-module-rich-text.fl-node-5ed4f6ec84096 {font-size:20px !important;}
.post-165119 h2 { font-size: 30px !important;}
}

/* hide give button on Ocean Encounters page */

.page-id-151133 #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.donate-link {
    display: none;
}

/* for oceanus homepage */

.oceanus-toc {color:#ffffff;}
.oceanus-toc a {color:#ffffff;}

/* background oceanus membership box */
.fl-node-5e919bbba7214 > .fl-col-content {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, .3);
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    border: 2px solid #8DC7F8;
}

.fl-node-5e919bbba7214> .fl-col-content  a {color: #ffffff;}

/* background oceanus membership box */
.fl-node-5e945b354cafe > .fl-col-content {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, .3);
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    border: 2px solid #8DC7F8;
}

.fl-node-5e945b354cafe> .fl-col-content  a {color: #ffffff;}

.side-box-ocean-encounters {
    background-color: #c7d9e6;
    border: 1px #aab5bd solid;
    margin: 0 20px;
}
.side-box-ocean-encounters h3 a {
    background: #27668f;
    color: #ffffff;
    padding: .2em .75em;
}

/* for lectures page */
.side-box-lectures {
    background: #e6e7e8;
    border: 1px #bbbcbc d solid;
    margin-bottom: 16em;
    margin-bottom: 250px;
    position: fixed;
   top:334px;
   width:20%;
  max-width:290px;
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){
    .side-box-lectures {
    background: #c7d9e6;
    border: 1px solid #aab5bd;
    position: fixed;
   top:334px;
   width:20%;
  max-width:290px;
}
}

.covid-19 h2 {
background:#173656 !important;
color:#ffffff !important;
padding: 4px 10px;
margin:20px 0 10px;
}

.covid-19 li {
    margin-top: .5em;
}

.fl-row-content-wrap .covid-19 ul {
    list-style: none;
    margin-left: 0;
    padding-left: 2em;
    text-indent: -.8em;
}
.covid-19 ul li:before {
  content:"\2022";
  padding-right: .3em;
  color: #173656;
font-weight:700;
}


.covid-19 ul li > ul li:before {
    content: "\2022";
    color: #173656;
    font-weight: normal;
}

/* Oceans of Change article */
.postid-132004 header.fl-post-header,
div#breadcrumbs {
    display: none;
}

.postid-132004 h3 {
    font-size: 36px;
    line-height: 1.3;
}

blockquote.right {
    padding: 0px 20px 0 0;
    margin: 0 0 0px;
    border-right: 2px solid #27668f;
    border-left: 0;
}

/* OTZ popup sign up button styles */
.btn-signup2 {
    font-size: 16px;
    line-height: 1.2px;
    text-decoration: none;
    border: 1px solid #ffffff;
    text-align: center;
    padding: 24px 30px;
    color: #ffffff !important;
    margin-top: 20px;
      background:#0069b1;
    transition: background-color .3s ease-out;
    float: left;
width:80%;
}

.btn-signup2:hover {
background: #041e42;
}


/* styles for Best of 2019 page */
.best-of, .best-of h1,  .best-of h2, .best-of h3  {color:#ffffff;}
.best-of a {color:#ffffff !important}
.best-of h1 {color:#031c33;}
.best-of h2{
font-size:34px;
color:#ffffff ;
background:#031c33;
padding:8px 0px 8px 20px ;
max-width:580px;
margin-bottom:0;
}
.learn-more h3{
color: #ffffff
}

.best-of-graphic {
background:#173656;
padding:30px 0px 27px;
margin-top:20px;
}

.side-box li {
margin-bottom:8px;
}

/* Best of 2020 */
.post-225039 header.fl-post-header {display:none}

.best-of-2020, .best-of-2020 h1,  .best-of-2020 h2, .best-of-2020 h3  {color:#ffffff;}
.best-of-2020 a {color:#ffffff !important}
.best-of-2020 h2{
font-size:34px;
color:#ffffff ;
/*background:#031c33;*/
padding:8px 0px 8px 0px!important;
max-width:580px;
margin-bottom:0;
}

.best-of-2020 h3 a:hover {
  text-decoration:underline;
}
.best-of-2020 hr {
  border-top: 8px solid #00a9e0; max-width: 20%; text-align: left; margin: 0 0 20px 0;
}


/* styles for google form on Sea Level Rise page */
div#gform_wrapper_1 {
margin:0 !important;
}

.gform_wrapper .top_label div.ginput_container {
    margin-top: 0px;
margin-bottom:20px;
}

body .gform_wrapper ul li.gfield {
    margin-top: 0px;
    padding-top: 0;
}

.gform_wrapper .gform_heading {
    width: 100%;
    margin-bottom: 0  !important;
}

.gform_wrapper span.gform_description {
margin-bottom: 0px;
}

.gform_wrapper .top_label div.ginput_container {
     margin-top: 0px !important;
}

.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
    font-weight: 400;
   /* font-size: inherit;*/
font-size:14px;
}

/*removes the caption from gallery in Chris Linder Profile */
.fl-node-5dd5676728f7d .fl-photo-caption.fl-photo-caption-below {
    display: none;
}

@media (max-width: 767px){
h2 {font-size: 24px;}
}


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

	.schedule{
		width:100%;
		border-collapse:collapse;
	}
	.schedule td{
		padding:7px; border:#173656 1px solid;
	}
	/* provide some minimal visual accommodation for IE8 and below */
	.schedule tr{
		background: transparent;
	}
	/*  Define the background color for all the ODD background rows  */
	.schedule tr:nth-child(odd){
		background: transparent;
	}
	/*  Define the background color for all the EVEN background rows  */
	.schedule tr:nth-child(even){
		background: #ffffff;
	}





.wod p{
line-height:1.6;
text-shadow: 2px 2px #000000;
}
.wod p a{
color: #8dc7f0;
}
.wod p a:hover{
color: #eeeeee;
text-decoration:none
}

.wod h1{
font-size:72px;
text-shadow: 2px 2px #000000;
}

.wod h2, .get-involved h2 {
font-size:50px;
text-shadow: 2px 2px #000000;
}
.wod-boxes h3{
font-size:28px;
line-height:1.3
}
.wod-boxes h3 a{
color: #8dc7f0;
color:#bcdef6;
}

.wod-boxes h3 a:hover{
color: #ffffff;
}

h1 { line-height: 1.2;}

#tribe-events-pg-template .tribe-events-content h3, .tribe-events-after-html h3, .tribe-events-before-html h3 {
    font-size: 24px;
    line-height: 1.8;
}

p#caption-attachment-39619 {
font-size:16px;
line-height:1.7;
margin:0 0 10px;
}

.btn-donate {
  background: #04e7f7;
  background: #03c8d7;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
  font-family:'Open Sans', sans serif;
  font-weight:400;
  color: #ffffff;
  font-size: 22px;
  padding: 8px 16px 8px 16px;
  text-decoration: none;
  text-align: center;
  margin: auto;
  letter-spacing:.05em;
}

 .btn-donate:hover {
  background: #ffffff;
  color: #000000;
  text-decoration: none;
}

.tablepress tfoot th, .tablepress thead th {
    background: #27668f;
    color: #ffffff;
}

table tr:nth-of-type(even) {
    background: none;
}

.tablepress tbody td, .tablepress tfoot th {
    border: 1px solid #c7d9e6;
}

/* hide top image  */

.postid-47856 .content-splash-img,
.postid-78229 .content-splash-img,
.postid-73492 .content-splash-img,
.postid-92622 .content-splash-img,
.postid-95735 .content-splash-img,
.postid-110674 .content-splash-img,
.postid-118536 .content-splash-img,
.postid-121002 .content-splash-img,
.postid-125396 .content-splash-img,
.postid-26073 .content-splash-img,
.postid-148028 .content-splash-img,
.postid-151531 .content-splash-img,
.page-id-153300 .content-splash-img,
.postid-161718 .content-splash-img,
.postid-218787  .content-splash-img,
.postid-250257  .content-splash-img
 {display:none}

.postid-118536 hr {display: none;}

/* styles for news & insights story Spock vs the volcano */
.postid-124135 hr {display: block; height: 4px; width: 90px; border: 0; border-top: 4px solid #215a7e; margin: 30px auto; padding: 0;opacity:.7}
.postid-124135 .fl-slide-title, .fl-slide-text h1 {line-height:1.2}
.news_insight-template-default .postid-124135 header.fl-post-header {display: none;}
.postid-124135 nav.breadcrumb-trail.breadcrumbs {display: none;}
.postid-124135 .fl-node-5e1f27ce656d8 .fl-slide-0 .fl-slide-content {background: rgba(3,28,51,0.4);padding: 1.2em;}

/* styles for news & insights story Natural Polluntants in Fish */
.news_insight-template-default .postid-159163 header.fl-post-header {display: none;}

.post-18020 .content-splash-img {display:none}
.post-147934 fl-post-header  {display:none}
.news_insight-template-default .post-153222 header.fl-post-header {display:none }
.post-153222  h1 .fl-post-title {display:none }
/* removes title and space - the many lives of plastic */
.news_insight-template-default .post-165946 header.fl-post-header {display:none}
.fl-node-5ee3672c6aff6 .fl-slide-0 .fl-slide-title, .fl-node-5ee3672c6aff6 .fl-slide-0 .fl-slide-text {
    text-shadow: 5px 5px 10px rgba(0,0,0,0.9);
margin-bottom:0 !important;
}


/* icebergs  */
.news_insight-template-default .post-224706 header.fl-post-header {display:none}


/* removes title and space - A checkup for the oceans reveals threats to human health  */
.news_insight-template-default .post-221267 header.fl-post-header {display:none}


/* removes title and space - unicorns of the arctic */
.news_insight-template-default .post-219511 header.fl-post-header {display:none}


/* removes title and space - maxwell - celebrating an oceanographer */
.news_insight-template-default .post-174727 header.fl-post-header {display:none}

/* removes title and space - are we alone */
.news_insight-template-default .post-172663 header.fl-post-header {display:none}

/* removes title and space - on high seas */
.news_insight-template-default .post-174330 header.fl-post-header {display:none}

/* removes title and space - to sail, not drift */
.news_insight-template-default .post-174403 header.fl-post-header {display:none}

/* removes title and space - looking into the future */
.news_insight-template-default .post-174471 header.fl-post-header {display:none}

/* removes title and space - Sea Ahead */
.news_insight-template-default .post-171857 header.fl-post-header {display:none}

/* removes title and space - Forecasting atmospheric blocking */
.news_insight-template-default .post-199990 header.fl-post-header {display:none}

/* removes title and space - kelp */
.news_insight-template-default .post-185190 header.fl-post-header {display:none}

/* removes title and space - dust collectors */
.news_insight-template-default .post-200722 header.fl-post-header {display:none}

/* removes title and space - nasa funds */
.news_insight-template-default .post-206577 header.fl-post-header {display:none}

/* removes title and space - nasa funds */
.news_insight-template-default .post-214521 header.fl-post-header {display:none}

/* removes title and space - unchartered waters */
.news_insight-template-default .post-170404 header.fl-post-header {display:none}

/* removes title and space - are natural toxins in fish harmful */
.news_insight-template-default .post-159163 header.fl-post-header {display:none}


/* removes title and space - data mules */
.news_insight-template-default .post-205475 header.fl-post-header {display:none}
.datamule .fl-col-content.fl-node-content {padding: 0;}

/* remove top image from Oceanus story: Eavesdropping on Shrimp’s Snap Chat */
.postid-24856 .content-splash-img {display:none}

/* removes title and space - oceanus - sea change */
.post-208248 header.fl-post-header {display:none;}
.post-208248 #breadcrumbs {display:none;}

@media (max-width: 767px){

.fl-builder .container.fl-content-full .fl-post-header {padding-top: 20px;}
h2 {font-size: 24px !important;}

}


/* birds on homepage */

.bird {
    background-image: url(http://www.iamramraj.com/demo/Flying_birds_CSS_animation_examples/bird-cells.svg);
    background-size: auto 100%;
    width: 88px;
    height: 125px;
    will-change: background-position;
    -webkit-animation-name: fly-cycle;
    animation-name: fly-cycle;
    -webkit-animation-timing-function: steps(10);
    animation-timing-function: steps(10);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.bird--one {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.bird--two {
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-delay: -0.75s;
    animation-delay: -0.75s;
}
.bird--three {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s;
}
.bird--four {
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.bird-container {
    position: absolute;
    left: -7.5vw;
    -webkit-transform: scale(0);
    transform: scale(0);
    will-change: transform;
    -webkit-animation-name: fly-right-one;
    animation-name: fly-right-one;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
}
.bird-container--one {
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}
.bird-container--two {
    -webkit-animation-duration: 16s;
    animation-duration: 16s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.bird-container--three {
    -webkit-animation-duration: 14.6s;
    animation-duration: 14.6s;
    -webkit-animation-delay: 9.5s;
    animation-delay: 9.5s;
}
.bird-container--four {
    -webkit-animation-duration: 16s;
    animation-duration: 16s;
    -webkit-animation-delay: 10.25s;
    animation-delay: 10.25s;
}
 @-webkit-keyframes fly-cycle {
 100% {
 background-position: -900px 0;
}
}
 @keyframes fly-cycle {
 100% {
 background-position: -900px 0;
}
}
@-webkit-keyframes fly-right-one {
 0% {
 left: -10%;
 -webkit-transform: scale(0.3);
 transform: scale(0.3);
}
 10% {
 left: 10%;
 -webkit-transform: translateY(2vh) scale(0.4);
 transform: translateY(2vh) scale(0.4);
}
 20% {
 left: 30%;
 -webkit-transform: translateY(0vh) scale(0.5);
 transform: translateY(0vh) scale(0.5);
}
 30% {
 left: 50%;
 -webkit-transform: translateY(4vh) scale(0.6);
 transform: translateY(4vh) scale(0.6);
}
 40% {
 left: 70%;
 -webkit-transform: translateY(2vh) scale(0.6);
 transform: translateY(2vh) scale(0.6);
}
 50% {
 left: 90%;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
 60% {
 left: 110%;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
 100% {
 left: 110%;
 opacity: 1;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
}
@keyframes fly-right-one {
 0% {
 left: -10%;
 -webkit-transform: scale(0.3);
 transform: scale(0.3);
}
 10% {
 left: 10%;
 -webkit-transform: translateY(2vh) scale(0.4);
 transform: translateY(2vh) scale(0.4);
}
 20% {
 left: 30%;
 -webkit-transform: translateY(0vh) scale(0.5);
 transform: translateY(0vh) scale(0.5);
}
 30% {
 left: 50%;
 -webkit-transform: translateY(4vh) scale(0.6);
 transform: translateY(4vh) scale(0.6);
}
 40% {
 left: 70%;
 -webkit-transform: translateY(2vh) scale(0.6);
 transform: translateY(2vh) scale(0.6);
}
 50% {
 left: 90%;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
 60% {
 left: 110%;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
 100% {
 left: 110%;
 opacity: 1;
 -webkit-transform: translateY(0vh) scale(0.6);
 transform: translateY(0vh) scale(0.6);
}
}
@-webkit-keyframes fly-right-two {
 0% {
 left: -10%;
 opacity: 1;
 -webkit-transform: translateY(-2vh) scale(0.5);
 transform: translateY(-2vh) scale(0.5);
}
 10% {
 left: 10%;
 -webkit-transform: translateY(0vh) scale(0.4);
 transform: translateY(0vh) scale(0.4);
}
 20% {
 left: 30%;
 -webkit-transform: translateY(-4vh) scale(0.6);
 transform: translateY(-4vh) scale(0.6);
}
 30% {
 left: 50%;
 -webkit-transform: translateY(1vh) scale(0.45);
 transform: translateY(1vh) scale(0.45);
}
 40% {
 left: 70%;
 -webkit-transform: translateY(-2.5vh) scale(0.5);
 transform: translateY(-2.5vh) scale(0.5);
}
 50% {
 left: 90%;
 -webkit-transform: translateY(0vh) scale(0.45);
 transform: translateY(0vh) scale(0.45);
}
 51% {
 left: 110%;
 -webkit-transform: translateY(0vh) scale(0.45);
 transform: translateY(0vh) scale(0.45);
}
 100% {
 left: 110%;
 -webkit-transform: translateY(0vh) scale(0.45);
 transform: translateY(0vh) scale(0.45);
}
}
@keyframes fly-right-two {
 0% {
 left: -10%;
 opacity: 1;
 -webkit-transform: translateY(-2vh) scale(0.5);
 transform: translateY(-2vh) scale(0.5);
}
 10% {
 left: 10%;
 -webkit-transform: translateY(0vh) scale(0.4);
 transform: translateY(0vh) scale(0.4);
}
 20% {
 left: 30%;
 -webkit-transform: translateY(-4vh) scale(0.6);
 transform: translateY(-4vh) scale(0.6);
}
 30% {
 left: 50%;
 -webkit-transform: translateY(1vh) scale(0.45);
 transform: translateY(1vh) scale(0.45);
}
 40% {
 left: 70%;
 -webkit-transform: translateY(-2.5vh) scale(0.5);
 transform: translateY(-2.5vh) scale(0.5);
}
 50% {
 left: 90%;
 -webkit-transform: translateY(0vh) scale(0.45);
 transform: translateY(0vh) scale(0.45);
}
 51% {
 left: 110%;
 -webkit-transform: translateY(0vh) scale(0.45);
 transform: translateY(0vh) scale(0.45);
}
 100% {
 left: 110%;
 -webkit-transform: translateY(0vh) scale(0.45);
 transform: translateY(0vh) scale(0.45);
}
}
/*Override the default z-index of 9999 for the GPDR message.  Need to keep it on top for mobile.*/
#cookie-law-info-bar {
	z-index: 99999;
}
@media (max-width:767px) {
  #cookie-law-info-bar span {
	  font-size: 12px;
  }
}

/* used in photo contest winners page */
.heading-bar h2 {
background: #041e42;
color: #041e42;
background: #c7d9e6;
border: 1px #aab5bd solid;

padding:8px 12px;
font-size:36px;
}

/* used for MPC research highlights WHOI in the News */
.whoi_in_the_news p {
font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
    font-size: 20px;
    color: #000000;
}