body {font-size:18px;line-height: 1.6;}

h1 {font-size: 48px}
h2 {font-size:36px}
h3 {font-size: 24px}

p {margin:.5em 0}

.box {
  background:#eeeeee;
  padding: 0 10px;
  margin-bottom:40px;
}

/*HUBSPOT Newsletter Styles*/
.hbspt-form {
  width: 100%;
  max-width: 940px;
  margin: auto;
  float: none;
}
.hbspt-form .form-columns-3 {
  width: 82%;
  max-width: inherit;
  float: left;
}
.hbspt-form .hs_submit.hs-submit {
  float: left;
  width: 18%;
}
.hbspt-form .form-columns-3 .hs-form-field {
  float: left;
  width: 33.3%;
  display: block;
  margin-bottom: 12px;
}
.hbspt-form .form-columns-3 .hs-form-field input {
  height: initial;
  background: #fff;
  padding: 12px 9px;
  border-radius: 0px;
  font-size: 16px;
  width: auto;
}
.hbspt-form .hs_submit.hs-submit .hs-button {
  padding: 12px 21px;
  border-radius: 0px;
  background: #041e42;
  border: 0px none;
  width: 100%;
  vertical-align: middle;
  line-height: 18px;
}
.hbspt-form .hs_submit.hs-submit .hs-button:hover {
  background: #333333;
}
footer .hbspt-form .hs_submit.hs-submit .actions {
  margin: 28px 0px 0px 0px;
}
.hbspt-form .hs_submit.hs-submit .actions {
  margin: 32px 0px 0px 0px;
}
.hbspt-form input[type='text'] {
  cursor: text !important;
}
.hbspt-form input {
  font-family: 'Red Hat Display', sans-serif;
}
.hbspt-form .hs-error-msgs {
  font-size: 12px;
  list-style: none !important;
  color: red;
  float: left;
  padding-left: 5px;
}
.verticalForm .hbspt-form .hs_submit.hs-submit .hs-button:hover {
  color: #02829d;
  background: transparent;
  border: 1px solid #02829d;
}
.verticalForm fieldset, .verticalForm form .hs-form-field, .verticalForm form .hs-form-field input {
  width: 97% !important;
  margin: auto;
  float: none !important;
}
.verticalForm form .hs-form-field .hs-error-msgs {
  margin-bottom: 0px;
}
.verticalForm form .hs-form-field > label {
  display: none;
}
.verticalForm .hs_submit.hs-submit {
  width: 90%;
  margin: auto;
  float: none;
}
.verticalForm .hbspt-form .hs_submit.hs-submit .hs-button {
  background: #02829d;
  padding: 18px 10px;
  border-radius: 0px;
  font-size: 18px;
  font-weight: 700;
}
/*HUBSPOT Newsletter Styles FIN*/




#fl-post-5570 table {
            /*border-spacing: 0px;
            table-layout: fixed;*/
             border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
 
}


#fl-post-5570 h3 {
  font-weight:700 !important;
  color:#000000!important;
  margin-top:20px;
}

#fl-post-5570 h4 {
  font-weight:700 !important;
  color:#111111!important;
  }

#fl-post-5570 .gform_legacy_markup_wrapper h3 {
  background: none;
  border: none;
  font-weight: 400;
margin-top:40px !important;
margin-bottom:0 !important
}

#fl-post-5570 .gfield_label.gform-field-label {
margin-top:10px !important;
}

.pp-down-arrow-container {
    z-index: 9999;
}
.fl-module.fl-module-pp-advanced-accordion.fl-node-61424ca9c8e87 h3, .fl-module.fl-module-pp-advanced-accordion.fl-node-61424ca9c8e87 p {
    color: #333 !important;
}
.fl-module.fl-module-rich-text.fl-node-61313847f4175.panel2-cta {
    background-color: #016479;
    border: 1px solid white;
    padding: 66px 0px;
    background-image: url(https://twilightzone.whoi.edu/wp-content/uploads/2021/09/CTA-Image-Background_v2-2.png);
    background-size: auto 100%;
}

.fl-node-61424ca9c8e87 .pp-accordion-item .pp-accordion-button:hover {
    background-color:#63b1be;
    box-shadow: 0px 0px 12px rgb(0 0 0 / 50%);
}
.fl-node-61424ca9c8e87 .pp-accordion-item.pp-accordion-item-active .pp-accordion-button {
    background-color: #02829d;
}
.fl-node-614258bf0b7bf a, .fl-node-614258bf0b7bf a span {
    font-weight: 600 !important;
    text-decoration: underline;
}
.fl-node-61423f6ebab04 .pp-logos-content .pp-logo a {
    align-self: flex-start;
}
.speaker-bios h2, .speaker-bios h1 {
    color: #fff;
}
table.speaker-bios, .speaker-bios tbody, .speaker-bios tr {
    width: 100%;
    float: left;
    position: relative;
    max-width: 1020px;
}
.speaker-bios td:nth-child(1) {
    width: 40%;
    padding-right: 20px;
}
.speaker-bios td:nth-child(2) {
    width: 60%;
}
/*Illuminating Abyss Speakers*/
/*.page-id-4577 .fl-node-61423f6ebab04 .pp-logos-content .logo-image-wrapper {
    height: 280px;
    max-width: 320px;
    overflow: hidden;
    position: relative;
}
.page-id-4577 .fl-node-61423f6ebab04 .pp-logos-content .logo-image {
    height: 100%;
    max-width: initial !important;
    position: absolute;
    width: initial !important;
    display: block;
    margin: auto;
    text-align: center;
    left: -46px;
    right: 0px;
}*/
.fl-col.fl-node-614258b8ac2f8.fl-col-small {
    padding-left: 38px;
}
.fl-module.fl-module-rich-text.fl-node-61313847f4175.panel2-cta {
    background-color: #016479;
    border: 1px solid white;
    padding: 66px 0px;
}
#speakers h3 {
  color: #02829d;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 19px;
  line-height: 22px;
}
#speakers .fl-module-content.fl-node-content {
  margin: 5px;
  text-align: center;
}
#speakers .fl-module-content.fl-node-content p {
  margin: 0px;
  font-size: 16px;
  color: #000;
}
#speakers a:hover {
  text-decoration: none;
}
#speakers .fl-html {
  margin-bottom: 20px;
}


/*#speakers .fl-photo .fl-photo-img.size-medium {
  max-width: 150px;
}*/
#speakers .fl-module.fl-module-html {
  height: 0px;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
}
#speakers .fl-col-group.fl-node-6140e0c88fa4a {
  visibility: hidden;
  opacity: 0;
  height: 0px;
  overflow: hidden;
}
.page-id-4577 .pp-modal-wrap .pp-modal .pp-modal-body {
    padding: 4% 6% 6%;
}
.page-id-4577 .pp-modal-wrap .pp-modal .pp-modal-body .pp-modal-content-inner {
    font-size: 16px;
    /*columns: 2;*/
}
.page-id-4577 .pp-modal-wrap .pp-modal .pp-modal-header{ padding: 10px 20px;}
.fl-col-group.fl-node-6140dbf7ef64e, .fl-node-6140dd9fb7642 {
  margin: 40px 20px;
}
#speakers .fl-col-group .fl-col-small {
    padding-left: 10px;
    padding-right: 10px;
}
#speakers .fl-col-group .fl-col-small .fl-module-rich-text .fl-module-content.fl-node-content {
    margin: 0px 20px;
}
/*End*/

@media screen
and (-webkit-min-device-pixel-ratio: 2) 
and (min-resolution: 192dpi) { 
  body article#fl-post-4401 {
    overflow-x: hidden;
}
.post-4401 .fl-post-content.clearfix {
    overflow: hidden;
}
.fl-node-612fc2be8b12e > .fl-module-content {
    margin-top: 4%;
    margin-bottom: 2%;
}
/*  .fl-col.fl-node-612fc2be8b249 .fl-col-content {
    transform: scale(1.2);
    margin-left: 9%;
}
.fl-node-612fc2be8b249 .fl-col-content.fl-node-content {
    margin-bottom: 40px;
}
    .fl-row-content .fl-col-group .fl-node-612fb4eb62132 > .fl-node-content {
    transform: scale(1.2);
    margin-left: 9%;
}
.fl-node-612fc2be8b12e > .fl-module-content {
    margin-top: 1%;
    margin-bottom: 3%;
}*/
.fl-module.fl-module-rich-text.fl-node-612fbd2437400 .fl-rich-text p, .fl-module.fl-module-rich-text.fl-node-612fbd2437400 .fl-rich-text ul li, .fl-module.fl-module-rich-text.fl-node-612fbd2437400 .fl-rich-text span {
    font-size: calc(14px + .2vw) !important;
}
}

@media screen
and (-webkit-min-device-pixel-ratio: 2) 
and (min-resolution: 192dpi)
and (max-width: 1640px) { 
  .fl-node-612fc2be8b12e > .fl-module-content {
    margin-top: 5%;
    margin-bottom: 1%;
}
  .hero-salp {
    top: 10vw !important;}
}

@media screen
and (-webkit-min-device-pixel-ratio: 2) 
and (min-resolution: 192dpi)
and (max-width: 1450px) { 
  .hero-salp {
    top: 14vw !important;
   
  }
    
}

@media screen
and (-webkit-min-device-pixel-ratio: 2) 
and (min-resolution: 192dpi)
and (max-width: 1000px) { 
  article#fl-post-4401 .fl-row-bg-video.fl-node-612fb4eb62130 .fl-row-content-wrap {
    padding: 85px 0px 120px;
}
}

@media screen
and (-webkit-min-device-pixel-ratio: 2)
and (min-resolution: 192dpi)
and (max-width: 780px) { 
  .hero-salp {
    top: 58vw !important;
}
.fl-node-61324b53b35fe.illuminating-vid .fl-module-content.fl-node-content {
    margin-top: 20px;
}
  .fl-col.fl-node-612fc2be8b249 .fl-col-content {
    transform: scale(1.2);
    margin-left: 0% !important;
}
 .fl-row-content .fl-col-group .fl-node-612fb4eb62132 > .fl-node-content {
    transform: scale(1.2);
    margin-left: 0% !important;
}
    
.fl-builder-content .fl-node-612fc2be8b12e .fl-rich-text, .fl-builder-content .fl-node-612fc2be8b12e .fl-rich-text * {
    font-size: calc(14px + .8vw) !important;
    letter-spacing: 2px;
    text-align: center;
    padding-bottom: 10px;
    line-height: 4.8vw;
}

}
@media screen
and (-webkit-min-device-pixel-ratio: 2)
and (min-resolution: 192dpi)
and (max-width: 560px) { 
  
  .fl-node-61324b53b35fe.illuminating-vid .fl-module-content.fl-node-content {
    margin-top: 40px;
}
article#fl-post-4401 .fl-row-bg-video.fl-node-612fb4eb62130 .fl-row-content-wrap {
    padding: 50px 0px 120px;
}
}

@media (max-width: 767.98px) {
#home-banner-navrow-mobile {
    display: none;
}

}

.page-id-4401 #otz_header header .fl-page-bar .fl-page-bar-container.container, .page-id-4577 #otz_header header .fl-page-bar .fl-page-bar-container.container {
    max-width: 85vw;
    width: 100%;
}
body.page-id-4401 {
    overflow-x: hidden;
}
/*Vertical migration
.fl-row.fl-row-full-width.fl-row-bg-video.fl-node-612fb4eb62130 {
    overflow: hidden;
}*/
.hero-salp {
    position: absolute;
    right: -9vw;
    width: 100%;
    max-width: 650px !important;
    height: 100% !important;
    display: block;
    z-index: 10;
    top: 33px;
}
.fl-col.fl-node-612fb4eb62132 {
    z-index: 99;
}
.page-id-4533 .fl-page-header-wrap, .page-id-4577 .fl-page-header-wrap {
    display: none !important;
}
 
footer .order-sm-3 ul {
    padding-top: 21px;
}
.footer-social.mid {
    width: 100%;
    float: left;
    margin: auto;
    display: block;
}
footer .order-sm-4 li::before {
    content: "";
    border-left: 2px solid #02829D;
    left: -6px;
    position: relative;
}
footer .order-sm-4 li {
    padding: 0px 0px 10px;
    font-size: 13px;
}

.footer-social .fl-icon-group {
    display: block;
    float: none;
    width: auto;
    margin: auto;
    text-align: center;
    max-width: 170px;
}
.footer-social .fl-icon {
    text-align: center;
    margin: auto;
        margin-left: auto;
    display: block;
    width: auto;
    float: left;
    margin-left: 9px;
}
.page-id-4401 .footer-widget-join, .page-id-4577 .footer-widget-join {
    display: none;
}

.illuminate .fl-module-content.fl-node-content {
    margin: 0px;
}
.fly-out-holder .more-info-toggle {
    color: #01aec1 !important;
}
.fly-out-holder .more-info-toggle span {
    font-size: 14px;
    line-height: 13px;
}
.illuminate lottie-player {
    margin-left: -6%;
    margin-top: -2%;
}
.fl-module.fl-module-html.fl-node-613123ba5fc8d.illuminate {
    max-height: 137px;
    overflow: hidden;
}
.page-id-4401 header .fl-page-header-wrap {
    display: none !important;
    overflow: hidden !important;
    visibility: hidden !important;
    display: none !important;
}
.btn-glow a.fl-button {
    box-shadow: 0px 0px 20px #FFD100 !important;
}

.btn-glow a.fl-button:hover, .btn-glow a.fl-button:active {
    box-shadow: 0px 0px 50px #FFD100 !important;
    background-color:#FFD100;
}
.fl-node-612fb4eb62135 h2 {
    margin-top: 0px;
}
.fl-slideshow-overlay.fl-slideshow-caption {
    display: none;
}
.fl-slideshow-caption-content {
    display: none;
}

.fl-slideshow-light .fl-slideshow-caption .fl-slideshow-overlay-close, .fl-slideshow-light .fl-slideshow-overlay-close, .fl-slideshow-light .fl-slideshow-social .fl-slideshow-overlay-close {
    display: none;
}

.mejs-overlay-button {
  display: none;
}
.illuminating-vid #video-4401-1_html5 {
  height: 250px;
  max-height: 130px;
  overflow: hidden;
}
.fl-module.fl-module-video.fl-node-61319797becd3.illuminating-vid {
    height: 140px;
    overflow: hidden;
    margin-left: -60px;
    width: 110%;
}
.illuminating-vid .mejs-layers {
  max-height: 130px;
}
.mejs-overlay.mejs-layer.mejs-overlay-play {
  display: none;
}
.mejs-mediaelement {
  height: auto !important;
}
.illuminating-vid #mep_0 .mejs-inner {
  height: auto !important;
}
#mep_0 {
  height: auto !important;
}
.illuminating-vid .wp-video {
  height: auto !important;
}
.illuminating .fl-heading-text {
    /*text-shadow: 0 0 10px rgba(255,255,255,0.4), 0 0 6px rgba(255,255,255,0.4), 0 0 16px rgba(255,255,255,0.4), 0 0 15px #4ec6de, 0 0 32px #4ec6de, 0 0 82px #4ec6de, 0 0 92px #4ec6de, 0 0 141px #4ec6de;*/
    animation: pulsate 0.3s ease-in-out infinite alternate;
}


.fl-module.fl-module-html.fl-node-6131a8a39083d.fly-out-holder {
  position: relative;
}
.fl-node-6131a8a39083d.fly-out-holder .fly-out-link {
  color: #01aec1;
}
.fl-node-6131a8a39083d.fly-out-holder .fly-out-link span {
  font-size: 15px;
}
.fl-node-6131a8a39083d.fly-out-holder:hover .fly-out {
  position: absolute;
  left: 16%;
  top: -16px;
  background: rgba(0,0,0,0.8);
  padding: 20px;
  font-size: 15px;
  width: 50%;
  height: inherit;
}
.fly-out h3 {
  font-size: 21px;
  margin-bottom: 2px;
}
.fly-out {
  overflow: hidden;
  width: 0px;
  height: 0px;
  transition: height 0.1s ease-in-out;
  float: left;
  position: absolute;
  left: 16%;
  top: -16px;
}
.shimmer h1 {
    text-shadow: 0 0 30px rgb(85, 196, 220), 0 0 80px rgb(85, 196, 220);
    -webkit-text-stroke: 2px rgba(85,196,220,0.5);
}
.shimmer h1 .fl-heading-text  {
    font-weight: 400;
    animation-iteration-count: 1;
}

/*Shimmer key*/
.shimmer h1 .fl-heading-text {
  text-align: center;
  color: rgba(255,255,255,0.1);
  background: -webkit-gradient(linear, left top, right top, from(#56c4dd), to(#56c4dd), color-stop(0.5, #fff));
  background: -moz-gradient(linear, left top, right top, from(56c4dd), to(#56c4dd), color-stop(0.5, #fff));
  background: gradient(linear, left top, right top, from(#56c4dd), to(#56c4dd), color-stop(0.5, #fff));
  -webkit-background-size: 125px 100%;
  -moz-background-size: 125px 100%;
  background-size: 125px 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-animation-name: shimmer;
  -moz-animation-name: shimmer;
  animation-name: shimmer;
  -webkit-animation-duration: 5s;
  -moz-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #56c4dd;
}
@-moz-keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}
@-webkit-keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}
@-o-keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}
@keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}

@keyframes pulsate {
  100% {
    /* Larger blur radius */
    text-shadow:
      0 0 4px rgba(255,255,255,0.4),
      0 0 11px rgba(255,255,255,0.4),
      0 0 19px rgba(255,255,255,0.4),
      0 0 40px #4ec6de,
      0 0 80px #4ec6de,
      0 0 90px #4ec6de,
      0 0 100px #4ec6de,
      0 0 150px #4ec6de;
  }
 0% {
    /* A slightly smaller blur radius */
    text-shadow:
      0 0 4px rgba(255,255,255,0.4),
      0 0 10px rgba(255,255,255,0.4),
      0 0 18px rgba(255,255,255,0.4),
      0 0 38px #4ec6de,
      0 0 73px #4ec6de,
      0 0 80px #4ec6de,
      0 0 94px #4ec6de,
      0 0 140px #4ec6de;
  }
}

/* Campaign page */
.kiw-still {display:none;}
.kiw-banner img.fl-photo-img.wp-image-3964.size-large {width: 300px;}
.kiw-banner h3 {font-size: 20px !important;max-width: 300px;margin: 0 auto;}

}

/* Campaign page */
.kiw-still {display:none;}
.kiw-banner img.fl-photo-img.wp-image-3964.size-large {width: 300px;}
.artechouse h3 {margin: 0 auto;}

}

.pp-album-content {
    padding-top: 3em !important;
    padding-bottom: 7.5em !important;}
    
    
.pp-content-ticker-item.swiper-slide.swiper-slide-active {
    width: 100% !important;
}

.kiw-still {
    background-image: url(https://twilightzone.whoi.edu/wp-content/uploads/2021/05/5_AtollaJellyfish.gif);
    background-size: auto 100%;
    background-repeat:no-repeat;
    width: 400px;
    height: 333px;
    animation: MoveUpDown 1s linear infinite;
    -webkit-animation: MoveUpDown 1s linear infinite;
    -moz-animation: MoveUpDown 1s linear infinite;
    position: absolute;
    right: 0px;
    top: 30%;
	  animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    z-index:999999;
    
}


@keyframes MoveUpDown {
  0%, 70% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-35px);
  }
}

@-webkit-keyframes MoveUpDown {
  0%, 70% {
    transform: translateY(0);
  }
  50% {f
    transform: translateY(-35px);
  }
}
@-moz-keyframes MoveUpDown {
  0%, 70% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-35px);
  }
}


.get-involved a.btn {text-transform:uppercase;color:#fff;border:1px solid #fff;padding:10px;margin:10px 0 0 0}
.get-involved a.btn:hover {color:#00A9E0;border:1px solid #00A9E0;}

.get-involved .pp-infobox-image img {
    height: 150px;
    width: 100%;
    max-width: 100%;
    object-fit: cover;
}

#involved-social {
  margin-top:20px;
  text-align:center;

}

#involved-social img {
    width: auto;
    height:28px;
    padding-right: 0px;
    margin-top: 0;
    margin-bottom:50px;

}

.pp-infobox-title-wrapper {
    display: none;
}

h3.pp-infobox-title-prefix {
    font-weight: bold;
    font-size: 22px;
}

.pp-hover-card-title h3 {
    color: #ffffff;
    font-size: 36px;
    text-shadow: 0 0 6px #303030;
    letter-spacing: 1px;
}

.people a {
    border-bottom: 1px dotted #438da2;
}

.fl-page-bar-row .text-left img {
    max-width: 380px;
    padding-left: 5px;
}

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

.fl-page-nav-collapse {
    padding: 8px 0 0 0;
}

.fl-page-header-wrap {
     background-color: rgba(11,18,35, 0.7);
}

.fl-page-nav-right .fl-page-header-container {
    padding-bottom: 0px;
}

.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > a {
    border: none;
}

.fl-page-header-logo a {
    border: none;
}

.fl-page-nav ul.sub-menu {
    background-color: #000000;
    border-top: 3px solid #54c7df;
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
}

.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 {
    color: #54c7df;
}


/* ------------ Photos and slideshows ------------ */

.fl-slideshow-caption {
    display: block !important;
    opacity: 1 !important;
}

.fl-photo-caption {
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: inherit;
}


/* ------------ Join the Effort pages  ------------ */

.informed input[type=text] {
    width: 28%;
    display: inline;
    border-radius: 0;
    font-size: 1em;
	margin-right:.5em;
	height: 42px;
}

.informed input[type=submit] {
    background: #031c33;
    color: #56c5dd;
    font-size: 1em;
    border: 1px solid #56c5dd;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
	height: 42px;
}

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

.crp_related {
    margin-top: 20px;
    border-top: 1px solid #999999;
    padding-top: 20px;
}

.widget_widget_crp h2.widgettitle {
      font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px 0;}


.crp_related_widget ul,
.crp_related ul {
    margin: 0;
    padding: 0 !important;
    text-indent: 0;
}
.crp_related_widget li, 
.crp_related li {
    display: inline-block;
    float: left;
    width: 220px;
    height: 200px;
    overflow: hidden;
    margin: 0 30px 30px 0;
    padding: 0;
}

span.crp_title {
    display: block;
    width: 210px;
    font-size: .9em;
    text-align: center;
    font-weight: bold;
    line-height: 1.2em;
    padding: .5em 0;
}
img.crp_thumb.crp_featured, img.crp_thumb.crp_first {
    object-fit: cover;
    width: 300px;
    min-height: 100px;
    height: 100px;
}

/*on pages*/
.related-module li {
    display: block;
    float: left;
    width: 33%;
    height: 200px;

}

.related-module img{
    margin: .3em .75em .25em 0;
    object-fit: cover;
    width: 200px;
    min-height: 100px;
    height: 100px;
}

.related-module span.rpwwt-post-title {
    font-size: .9em;
    display: block;
    width: 200px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}

/* ------------ Public Awareness  ------------ */

.awareness .fl-col.fl-col-small {
    background: #eef8fb;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
    width:28% !important;
    margin:0 10px;
}


.awareness img {height:150px;width:150px;}

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

.home-message h1 {font-size: 36px;}
.home-message h2 {font-size: 22px;}

.home-message .fl-module-content-slider .bx-wrapper {
    margin: 0 auto 0px;
}

.home-message .pp-down-arrow-wrap {
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
    background-color: #54c7df;
    background-color: rgba(84, 199, 223, .6);
}

.fl-col.fl-node-5e5ec4c4dc7ec {
    border-right: 1px dotted #02829d;
}

.intro-news h2 {
    margin: -.5em 0 .25em 0;
}

.home-latestnews {
    position: relative;
    padding: 0;
    margin: 0;
}

.home-latestnews p {
    margin: 0;
    background: #438da2;
    width: 200px;
    padding: 5px;
    color: #ffffff;
    line-height: 1;
    bottom: -10px;
    margin-bottom: -20px;
    position: relative;
    z-index: 999999;
    font-size: 14px;
}

.homepage-news .fl-post-feed-image {
    margin-bottom: 5px !important;
}

.home-explore .fl-col-content.fl-node-content.ui-sortable {
    margin: 20px 5px;
}

.explore-1col .fl-module-content,
.explore-2col .fl-module-content{
    background-color: #02829d;
}

.explore-1col h3, .explore-2col h3 {
    text-align: center;
    margin: .5em 0;
}

.explore-1col p, .explore-2col p {
    margin: 0;
}

.explore-2col img {
    max-height: 200px;
}

/* -------------- Recent posts ------------------ */

.recent-posts-widget-with-thumbnails h2.widgettitle {
    font-size: 24px;
    font-weight: bold;
}

span.rpwwt-post-title {
    font-size: 1.1em;
}


/* ------------ Explore main page ---------------- */

.explore-main .fl-photo-content {overflow:hidden;}

.explore-main .fl-photo-content img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	border:1px solid #02829d;
	max-height:350px;
}
.explore-main .fl-photo-content:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.explore-main .fl-module.fl-module-rich-text {
    margin-top: -10px;
}

.explore-main .fl-module-content.fl-node-content {
    background: #02829d;

}
.explore-main a {color: #ffffff}
.explore-main a:hover {color: #54c7df}



/* --------------- Mission Pages ----------------- */

.mission-page h3 {
    color: #333333;
    font-size: 30px;
    text-transform: uppercase;
}

.mission-text p {font-size:18px;line-height:30px;}

.mission-page thead {display:none;}

.mission-page td:first-child {
    text-transform: uppercase;
    font-weight: bold !important;
    white-space: nowrap;
}

.mission-page .tablesaw td {
    line-height: 1.5em;
}

.mission-page tr.pp-table-row.even td, .mission-page tr.pp-table-row.odd td {
    border-top: 2px solid #438da2;
    border-right:0; border-left:0;
}

.mission-page tr.pp-table-row.even tr:last-child {
    border-bottom: 2px solid #438da2;
}

.mission-page table.tablesaw {
    border-bottom: 2px solid #438da2;
}

.mission-page .pp-table-content tbody {
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

/* -------------- Sidebar on articles --------------- */
.sidebar{
background: #f1f1f1;
border:1px solid #cccccc; 
margin: 20px 0 40px 0;
font-size: .9em;

}

/* -------------- Creature Feature --------------- */

.creature-page h3 {
    color: #333333;
    font-size: 30px;
    border-bottom: 1px #333333 solid;
    text-transform: uppercase;
}

.creature-page p {font-size:18px;line-height:30px;}

/* -------------- Table --------------- */

table thead {display:none;}

table td:first-child {
    text-transform: uppercase;
    font-weight: bold !important;
    white-space: nowrap;
}

table .tablesaw td {
    line-height: 1.5em;
}

table tr.pp-table-row.even td, table  tr.pp-table-row.odd td {
    border-top: 2px solid #000000;
}

tr.pp-table-row.odd td {background: #f1f1f1}

table  tr.pp-table-row.even tr:last-child {
    border-bottom: 2px solid #000000;
}

table.tablesaw {
    border-bottom: 2px solid #000000;
}

 /* -------------- Logbook sidebar --------------- */

h2.fl-post-feed-title,
h4.fl-widget-title {
    font-size: 24px;
}

h1.fl-post-title {
    font-size: 36px;
}

.fl-module-sidebar a.button {
    background: #438da2;
    color: #ffffff;
    padding: 10px;
    font-size: .9em;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 8px;
}

.fl-widget .fl-widget-title {
    margin-bottom: 5px;
}

li.cat-item.cat-item-4 {  /* -- Hide OTZ in the News -- */
    display: none;
}

.fl-node-5acd2086af315 .fl-post-grid-text {
    padding: 15px;
    background: #f1f1f1;
}

.logbook-sidebar, .fl-module-sidebar {
    background: #e4f7fb;
    padding: 0px;
    border: 1px solid #02829d;
    margin-bottom: 40px;
}

.fl-sidebar.fl-sidebar-right {
    /*background: #e4f7fb;*/
    border-left: 1px dotted #02829d;
    padding: 20px;
    width: 28%;
    margin-top: 70px !important;
    font-size:.9em;
}

.fl-sidebar.fl-sidebar-right span.post-date {
    display: block;
    font-size: .9em;
    color: #666;
}


.logbook-sidebar li, .fl-module-sidebar li, .fl-sidebar.fl-sidebar-right li {margin-bottom:12px}

.logbook-sidebar p {
font-size: 14px;
}

.logbook-sidebar p a {
font-size: 16px;
}

.logbook-sidebar .btn {
  border: 1px solid #02829d;
    border-radius: unset;
    background-color: #ffffff;
  
}

.logbook-sidebar .btn:hover {
  background-color: #02829d;
  
}

.logbook-sidebar h2 {font-size:24px;}

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

.logbook-sidebar span.rpwwt-post-title {
    font-size: .9em;
    line-height: 1 !important;
}

.logbook-sidebar .rpwwt-post-date {
    font-size: .8em;
    color: #666666;
}

.logbook-sidebar .rpwwt-post-excerpt {
    font-size: .8em;
    color: #666666;
    font-style: italic;
}

.fl-sidebar.fl-sidebar-right .rpwwt-widget ul li a {
    font-size: .85em;
}

.fl-sidebar.fl-sidebar-right .rpwwt-post-date {
    font-size: .8em;
}

.fl-sidebar.fl-sidebar-right .rpwwt-post-excerpt{
    font-size: .8em;
    font-style: italic;
}

.fl-sidebar.fl-sidebar-right #text-2 p a {
    padding: .5em;
    letter-spacing: 1px;
}

#menu-logbook-categories li {
    border: 1px solid #438da2;
    margin: 5px 10px 0 0;
    font-size: .9em;
}

#menu-logbook-categories li a {
    padding:8px;
}

.button {padding:.5em}

ul.pp-post-filters li:hover, ul.pp-post-filters li:focus, ul.pp-post-filters li.pp-filter-active {
    color: #FFFFFF !important;
    background: #222222;
}

ul.pp-post-filters li {
    border-color: #438da2;
    border: 1px solid #438da2;
}

/* --------------- Meet the Team ----------------- */

.team {background:#02829d; text-align: center;}
.team h3 {font-size:20px}
.team h3, .team p, .team h3 a, .team p a {color:#ffffff; margin:0;padding:0}


.team .fl-module-rich-text {padding:0 0 1.5em 0;font-size:13px}

.team .odd {
	background:#333;
}

.team .figure {overflow:hidden;display:block}

.team .figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.team .figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

@media (max-width: 1130px) {
  .team h3 {font-size:16px}
  .team .fl-module-rich-text {font-size:12px}
}


@media (max-width: 768px) {

.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, .fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {
    background: #02829d; font-family: 'Raleway', sans-serif;

}

.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {
    background: #02829d;
    color: #ffffff;
}

.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav>li>a {
    color: #ffffff;
}

/*
.fl-page-header-wrap {
    background:#031c33;
    background-color: rgba(11,18,35, .9);
}
*/
.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle * {
    color: #FFFFFF;
}

.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav-wrap,
.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse {
    padding-bottom: 0;
}
.fl-page-nav-right .fl-page-header-container {
    padding: 15px 0 0 0;
}

.creature-page p {
    font-size: 16px;
    line-height: 26px;
}

.informed form {
        width: 90%;
        margin: 20px auto;
    }

.informed input[type=text] {
        width: 100%;
        border-radius: 0;
        font-size: 1em;
        margin-bottom: 5px;
        height: 42px;
    }

}

/* ------------  EXTENDED FOOTER. ----------------- */

.footer-widget-join {
    background-size: cover;
}
div#footer-social {
    margin-bottom: 45px;
}


#join-us {
    display: block;
}

#join-us p a {color:#ffffff;border-bottom:1px dotted #ffffff}


@media screen and (min-width: 320px) and (max-width: 480px) {   
.btn-signup2 {
width:100%
}

.fl-page-bar-row .text-left img {
    max-width: 100%;
    padding-left: 5px;
}
}


/* ------------OLD - look to see if we still need these----------------- */


.bullets li {
font-size: 18px;
}




.fl-post-meta.fl-post-meta-top {
display:none;
}

body .fl-post-feed-meta {
display:none;
}

.fl-content-left {
    border-right: 1px solid #e6e6e6;
   border-right: none !important;
    padding-right:60px;
   padding-top:40px;
}




.subscribe button, .subscribe input[type=button], .subscribe input[type=submit] {
    background: #031c33 !important;
    color: #ffffff !important;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 12px;
    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: 4px;
}

.subscribe-by-email button, .subscribe-by-email input[type=button], .subscribe-by-email input[type=submit] {
    background: #031c33 !important;
    color: #ffffff !important;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 12px;
    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: 4px;
}

.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%;
}

/*Vertical Migration Mobile*/

.mobile-text {
		display:none;
    text-align: center;
    text-transform: uppercase;
    font-size: calc(24px + 4vw);
    line-height: 11vw;
    text-shadow: 0 0 10px #7ee5f2, 0 0 6px #7ee5f2, 0 0 16px #7ee5f2, 0 0 15px #4ec6de, 0 0 32px #4ec6de, 0 0 82px #4ec6de, 0 0 92px #4ec6de, 0 0 141px #4ec6de;
    animation: pulsate 0.3s ease-in-out infinite alternate;
    padding-bottom: 13px;
    color: #eaf9f9 !important;
}

@media only screen and (max-width: 1600px) {
  .fl-node-5e5e5de6982b7 .fl-slide .fl-slide-content-wrap {
  width: 50%;
}
}

@media only screen and (max-width: 1450px) {
  .hero-salp {
    max-width: 40vw !important;
    
  }
  .illuminating-vid #intro-text {
  width: 94% !important;
  max-width: calc(950px + 80vw);
}
.fl-node-61324b53b35fe.illuminating-vid .fl-module-content.fl-node-content {
    margin-right: 50px;
}
}

@media only screen and (max-width: 1300px) {
  .fl-node-5e5e5de6982b7 .fl-slide .fl-slide-content-wrap {
  width: 80%;
  text-align: center;
  margin: auto;
  float: none;
}
.fl-node-5e5e5de6982b7 .fl-slide-content-wrap .fl-slide-cta-button {
  margin: auto;
  float: none;
  text-align: center;
  display: inline-block;
}
}
@media only screen and (max-width: 1070px) {
  .hero-salp {
   top: 10vw !important;
    
  }
	
.illuminating-vid #intro-text {
  width: 100% !important;
  max-width: calc(950px + 80vw);
}
body .fl-builder-content .fl-node-612fc1ffdb3a4.sub-script h2 {
  font-size: calc(20px + .8vw);
  font-weight: 900;
  line-height: 20px;
}
.fl-module.fl-module-rich-text.fl-node-612fbd2437400 .fl-module-content p span, .fl-module.fl-module-rich-text.fl-node-612fbd2437400 .fl-module-content p, .fl-module.fl-module-rich-text.fl-node-612fbd2437400 .fl-module-content ul, .fl-module.fl-module-rich-text.fl-node-612fbd2437400 .fl-module-content ul li span {
  font-size: calc(14px + 0.2vw) !important;
  line-height: calc(18px + .8vw) !important;
}
.fl-module-rich-text.fl-node-612fbd2437400 .fl-module-content.fl-node-content {
  margin-right: 30%;
}
#fl-post-4401 .fl-node-612fb4eb62130 .fl-bg-video video {
  bottom: inherit;
  height:  100vw !important;
  right: 0px;
  top: 36px !important;
}
}
@media only screen and (max-width: 1000px) {
  .hero-salp {
   top: 30vw !important;
    right: -10vw;
  }
}
@media (max-width: 780px) {
  
  .hero-salp {
   top: 34vw !important;
    
  }
  
  .fl-node-61324b53b35fe.illuminating-vid .fl-module-content.fl-node-content {
    margin-right: 0px !important;
}
 #fl-post-4401 .fl-node-612fb4eb62130 .fl-bg-video video {
    bottom: 0px !important;
    height: 100vw !important;
    right: 0px;
}
}

@media only screen and (max-width: 690px) {
  
  .hero-salp {
   top: 40vw !important;
    
  }
	#fl-post-4401 .fl-node-612fb4eb62130 .fl-bg-video video {
    bottom: 0px;
    height: 85vw !important;
    right: 0px;
    top: 20vw !important;
    left: -613px !important;
}
.page-id-4401 .fl-page-header.fl-page-header-primary a {
    margin: auto;
    text-align: center;
    float: none;
    display: block;
}
.illuminating-vid {
    margin-left: 0px;
}
.illuminating-vid .fl-module-content.fl-node-content {
    margin: 0px;
}
.fl-builder-content .fl-node-612fc2be8b12e .fl-rich-text, .fl-builder-content .fl-node-612fc2be8b12e .fl-rich-text * {
    font-size: calc(14px + 1vw) !important;
    letter-spacing: 2px;
    text-align: center;
}
body .fl-builder-content .fl-node-612fc1ffdb3a4.sub-script h2 {
    font-size: calc(20px + 0.5vw);
    font-weight: 900;
    line-height: 20px;
    word-break: normal;
    text-align: center;
}
#fl-post-4401 .fl-node-612fb4eb62130 .fl-bg-video video {
    bottom: 0px !important;
    height: 85vw !important;
    right: 0px;
    top: 50vw !important;
    left: -613px !important;
}
.fl-builder-content .fl-node-612fb4eb62135 .fl-rich-text, .fl-builder-content .fl-node-612fb4eb62135 .fl-rich-text * {
    font-size: calc(16px + .5vw);
    text-align: center;
}
.fl-node-612fb4eb6213b.btn-glow .fl-button-wrap.fl-button-width-auto.fl-button-left, .fl-node-6131a8a39083d.fly-out-holder .fl-html .flyout {
    margin: auto;
    float: none;
    display: block;
    text-align: center;
    width: 100%;
}
}

 @media only screen and (max-width: 480px) {
   .hero-salp {
   display:none; !important;
    
  }
  .fl-node-5c5b2a207bb29 .fl-row-content-wrap {
  min-height: 70vh !important;
  max-height: 70vh;
}
   .fl-node-612fc2be8b1ac .fl-col.fl-node-612fc2be8b249 {
    margin-top: 30px;
    margin-bottom: 12px;
}
	 .mobile-text {
		display:block !important;
		opacity:inherit !important;}
	 body .fl-builder-content .fl-node-612fc1ffdb3a4.sub-script h2 {
    font-size: calc(24px + 0.5vw);
    font-weight: 900;
    line-height: 30px;
    word-break: normal;
    text-align: center;
}
.illuminating-vid #intro-text {
    display: none;
}
#fl-post-4401 .fl-node-612fb4eb62130 .fl-bg-video::before {
    background-position: bottom right !important;
    background-size: 150% auto !important;
    content: "";
    background-image: url("https://twilightzone.whoi.edu/wp-content/uploads/2021/09/vertical-migration-placeholder.jpg");
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -92px;
    background-repeat: no-repeat;
    right: 0;
    opacity: .8;
}
#fl-post-4401 .fl-node-612fb4eb62130 .fl-bg-video video {
    background: none !important;
    display: none;
}
.fl-module-rich-text.fl-node-612fbd2437400 .fl-module-content.fl-node-content {
    margin-right: 20px;
}
#fl-post-4401 .fl-node-612fb4eb62130 .fl-bg-video video source {
    display: none;
}
 }