/**************NEW HOMEPAGE CSS*******************/

@import url("https://use.typekit.net/hsq7unp.css");

body.page-id-554675 {
    overflow-x: hidden;
}
html {
    overflow-x: hidden;
}
.page-id-563604 .fl-page-content header.fl-post-header {
    display: none;
}
.fl-page-nav-search form {
    top: 10px;
    background: transparent;
    border: none;
    padding: 0px;
    width: 600px;
    transition: all ease-in-out .3s;
}
.page-id-554675 .fl-page {
    padding: 0px !important;
    margin-top: 115px;
    position: relative;
}

#heroVideo .fl-bg-video {
    position: relative;
    width: 100%;
    padding-bottom: -webkit-calc(var(--aspect-ratio, .2625) * 100%);
    padding-bottom: calc(var(--aspect-ratio, .2625) * 100%);
}
    /*    #heroVideo .fl-bg-video video {
        height: auto !important;
        top: 0 !important;
        max-height: 100%;
        width: 100% !important;
    }*/
    #heroVideo .fl-bg-video ~ .fl-row-content {
        margin-top: -130px;
        position: absolute;
    }
.page-id-563604 .dharma h2::after {
    height: 6px;
    background-color: #00a9e0;
    content: "";
    width: 70px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}

.page-id-563604 .dharma h2 {
    position: relative;
}

.page.page-id-554675 .b h2:after {
    border-bottom: 6px solid #00A9E0;
    content: '';
    display: block;
    width: 66px;
    position: absolute;
    bottom: 6px;
    left: 0;
}

.recentNewstype {
    font-weight: 400;
}

.page.page-id-554675 .b h2 {
    position: relative;
}

.homepage-hero h1 {
    margin-bottom: 0px;
}

h1 .sup {
    font-size: 20px !important;
    vertical-align: super;
    top: -30px;
    position: relative;
    font-family: 'TideSans','Red Hat Display', 'Helvetica', Arial, Tahoma, sans-serif;
    font-weight: 300;
}

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

.rsContent::after {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 70%);
    z-index: 10;
    height: 70%;
}

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

    .rsUni .rsSlide .rsImg.rsMainSlideImage {
        margin-top: 0px !important;
    }

.fl-module.fl-module-content-slider.fl-node-uqj51gop6t9c .fl-content-slider-wrapper .fl-slide {
    width: 100%;
    max-width: 550px;
    display: block;
}

    .fl-module.fl-module-content-slider.fl-node-uqj51gop6t9c .fl-content-slider-wrapper .fl-slide .fl-slide-content-wrap {
        width: 100%;
        display: block;
        width: 100% !important;
        position: relative;
    }

    .rsUni .rsSlide h3, .fl-module.fl-module-content-slider.fl-node-uqj51gop6t9c .fl-content-slider-wrapper .fl-slide .fl-slide-title {
        font-family: 'dharma-gothic-m', 'Oswald', sans-serif !important;
        font-size: 54px;
        line-height: 1;
        vertical-align: bottom;
        display: inline;
        text-transform: uppercase;
    }
.featuredProjects .fl-slide-text {
    margin-top: 10px;
    float: left;
}
.featuredProjects .fl-slide-foreground .fl-slide-content {
    margin-left: 40px;
}
.featuredProjects .fl-slide-foreground {
    position: absolute;
    bottom: 40px;
}
.fl-module.fl-module-content-slider.fl-node-uqj51gop6t9c .fl-content-slider-wrapper .fl-slide .fl-slide-text p a {
    text-transform: uppercase;
    color: #00A9E0;
}
    .rsUni .rsSlide .rsSBlock p, .fl-module.fl-module-content-slider.fl-node-uqj51gop6t9c .fl-content-slider-wrapper .fl-slide .fl-slide-text p {
        font-size: 16px;
        padding-right: 30px;
    }

.fl-module.fl-module-content-slider.fl-node-uqj51gop6t9c .fl-content-slider-wrapper {
    left: calc(-205px);
}


.page-id-554675 .bx-viewport {
    left: -15% !important;
    width: 120% !important;
}

.page-id-554675 .fl-slide.fl-slide-text-left {
    width: 40% !important;
    max-width: 800px;
}

.page.page-id-554675 .fl-node-xcpmeodq74j1.b h2::after {
    bottom: -12px;
}

.page.page-id-554675 .fl-node-o1gcdw94atji.b h2::after {
    border-color: #fff;
}

.pp-content-post.pp-content-grid-post.pp-grid-custom.post-529333.news_release.type-news_release.status-publish.format-standard.has-post-thumbnail.hentry.department-geology-geophysics.news_insight_type-awards-recognition.news_insight_type-research-highlight.topics-climate-ocean.topics-ocean-life.topics-corals {
}

.recentNewsfeed .pp-equal-height .fl-post-image {
    max-height: 250px;
    overflow: hidden;
}

#recent-news .pp-content-post .fl-post-image {
    position: relative;
    display: flex;
}

    #recent-news .pp-content-post .fl-post-image .fl-post-text {
        position: absolute;
        display:;
        display: block;
        bottom: 20px;
        color: #fff !important;
        left: 25px;
        padding-right: 25px;
        z-index: 5;
    }
.fl-node-2grkif3m0j87 > .fl-module-content {
    margin-top: 0px;
}
.recentNewsfeed .fl-node-x8p6inad4uj9 .pp-post-img.wp-post-image {
    /*width: auto;
    height: 100%;*/
}

.fl-node-hxyi6vt4w5jg > .fl-module-content {
    margin: 20px 20px 10px 0px;
}

.fl-node-8vc71tz3huai > .fl-module-content {
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 15px;
}


/***New recent news section***/
.fl-module.fl-module-rich-text.fl-node-u196x75h30y4 p, .fl-module.fl-module-rich-text.fl-node-jc971bhauqvd p {
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    border-style: dotted;
    border-width: 0;
    background-clip: border-box;
    border-color: #0069b1;
    border-bottom-width: 1px;
    font-size: 14px;
    margin-bottom: 0px;
}

.new.home-page-feature-box.container .feature-box-primary-img {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.new.home-page-feature-box.container .fl-post-text h2 a {
    color: #fff !important;
    /*font-size: 3.5rem;*/
}

.new.home-page-feature-box.container .feature-box-primary-img .feature-box-primary-text.fl-post-text {
    position: absolute;
    width: 100%;
    bottom: 30px;
    padding: 25px;
    z-index: 10;
}
.feature-box-primary .feature-box-icon {
    bottom: 0px;
}

.feature-box-primary-img .fl-post-title {
    font-size: 44px;
}

.new.home-page-feature-box.container .feature-box-primary-img a img {
    width: 100%;
    position: relative;
    -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;
}

.new.home-page-feature-box.container .feature-box-primary-img:hover a img {
    -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);
}

.new.home-page-feature-box.container .feature-box-primary-img .feature-box-primary-text ~ a:before, .new.home-page-feature-box.container .feature-box-secondary .feature-home-secondary-text.fl-post-text ~ a:before {
    content: "";
    background: linear-gradient(5deg, rgba(0, 0, 0,.7) 0%, rgba(0,0,0,0) 60%);
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 2;
    overflow: hidden;
}

.new.home-page-feature-box.container .feature-box-primary-img > a, .new.home-page-feature-box.container .feature-box-secondary .feature-box-primary-img > a {
    position: relative;
    z-index: 5;
    display: block;
}

.new.home-page-feature-box.container .feature-box-primary-img .feature-box-primary-text.fl-post-text .feature-box-meta, .new.home-page-feature-box.container .feature-box-secondary feature-box-primary-text.fl-post-text .feature-box-meta {
    z-index: 10;
    position: relative;
}

.new.home-page-feature-box.container .feature-box-primary-img .feature-box-primary-text.fl-post-text .feature-box-icon a, .new.home-page-feature-box.container .feature-box-primary-img .feature-box-primary-text.fl-post-text .feature-box-icon a img {
    position: relative;
    width: auto;
}

#recent-news.noGrid.flexBox .new.home-page-feature-box.container .row {
    margin-left: 0;
    margin-right: 0;
    padding: 0px;
    padding-right: 0px;
    min-height: 226px;
}
    #recent-news.noGrid.flexBox .new.home-page-feature-box.container .row.equal.col-md-6 {
        width: calc(50% - 11px);
    }

#recent-news .recentNewsright .fl-module.fl-module-rich-text p {
    display: block;
    border-style: dotted;
    border-width: 0;
    border-bottom-width: 0px;
    background-clip: border-box;
    border-color: #0069b1;
    border-bottom-width: 1px;
    padding-bottom: 5px;
}
#recent-news.noGrid.flexBox .new.home-page-feature-box.container .feature-box-primary.equal {
    margin: 0px auto;
}
#recent-news.noGrid.flexBox .new.home-page-feature-box.container .row.equal.col-md-6 {
    width: calc(50% - 11px);
}
#recent-news.noGrid.flexBox .new.home-page-feature-box.container .feature-box-secondary .feature-home-secondary-text.fl-post-text ~ a img {
    max-width: initial;
}
#recent-news.noGrid.flexBox .new.home-page-feature-box.container .row.equal.col-md-6:nth-child(2) {
    padding-right: 0px;
    margin-right: 20px;
}
.new.home-page-feature-box.container .row.equal.col-md-6 {
    position: relative;
    margin-top: 10px;
    min-height: 250px;
    float: left;
    /*width: 50.5%;
    margin-right: 0px;
    padding-right: 0px;*/
}

   /* .new.home-page-feature-box.container .row.equal.col-md-6:nth-child(2) {
        margin-right: 20px;
    }*/

.new.home-page-feature-box.container .feature-box-secondary {
    position: relative;
    display: block;
    width: 100%;
}

/***Mod to Adjust the Featured stories height based on the text content in the Sidbar, but not for BB***/

body:not(.fl-builder-edit) .fl-col-group.fl-node-zbgl0jtmp4sr {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100%;
    height: 100%;
}

body:not(.fl-builder-edit) .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed {
    grid-area: 1/1/2/9;
    width: 100% !important;
    float: left;
    height: 100%;
    min-height: 700px;
    max-height: 800px;
}

body:not(.fl-builder-edit) .fl-col.fl-node-ipkxa1rd5c4w.fl-col-small {
    grid-area: 1/9/2/13;
    width: 100%;
}

body:not(.fl-builder-edit) .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed .new.home-page-feature-box.container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 100%;
}

    body:not(.fl-builder-edit) .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed .new.home-page-feature-box.container .row:nth-child(1) {
        grid-area: 1/1/4/3;
        height: calc(100% - 10px);
    }

    body:not(.fl-builder-edit) .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed .new.home-page-feature-box.container .row.equal.col-md-6:nth-child(2) {
        grid-area: 4/1/6/2;
        padding-right: 10px;
    }

    body:not(.fl-builder-edit) .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed .new.home-page-feature-box.container .row.equal.col-md-6:nth-child(3) {
        grid-area: 4/2/6/3;
        padding-left: 10px;
        padding-right: 0px;
    }

    body:not(.fl-builder-edit) .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed .new.home-page-feature-box.container .row.equal.col-md-6 {
        width: 100%;
        height: 100%;
        margin-right: 0px;
        margin-left: 0px;
        padding-left: 0px;
    }

body:not(.fl-builder-edit) .fl-module.fl-module-html.fl-node-c5otxsr93k6w {
    float: left;
    height: 100%;
    display: flex;
    flex-direction: column;
}

body:not(.fl-builder-edit) .recentNewsfeed .fl-module-content.fl-node-content {
    margin-bottom: 0px;
    height: 100%;
}

body:not(.fl-builder-edit) .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed > .fl-col-content.fl-node-content {
    height: 100%;
}

body:not(.fl-builder-edit) .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed .fl-html {
    height: 100%;
}

body:not(.fl-builder-edit) .new.home-page-feature-box.container .feature-box-primary.equal {
    height: 100%;
}

body:not(.fl-builder-edit) .new.home-page-feature-box.container .feature-box-primary-img > a, body:not(.fl-builder-edit) .new.home-page-feature-box.container .feature-box-primary-img > a img {
    height: auto;
    width: 100%;
    max-width: initial;
}

body:not(.fl-builder-edit) .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed .new.home-page-feature-box.container .row.equal.col-md-6 .feature-box-secondary {
    width: 100%;
}

.new.home-page-feature-box.container .feature-home-secondary-text.fl-post-text {
    /*position: absolute;
    bottom: 3px;*/
    z-index: 10;
    margin-left: 0px;
    padding-right: 10px;
    margin-top: 15px;
}

.new.home-page-feature-box.container .row.equal.col-md-6 .feature-box-secondary.col-md-6 {
    padding: 0px;
}

.new.home-page-feature-box.container .feature-home-secondary-text.fl-post-text {
    /*position: absolute;
    bottom: 20px;*/
    z-index: 10;
}

    .new.home-page-feature-box.container .feature-home-secondary-text.fl-post-text, .new.home-page-feature-box.container .feature-home-secondary-text.fl-post-text h3, .new.home-page-feature-box.container .feature-home-secondary-text.fl-post-text a, .new.home-page-feature-box.container .feature-home-secondary-text.fl-post-text span {
        color: #041E42;
    }
.new.home-page-feature-box.container .feature-box-primary-text p {
    margin-bottom: 5px;
}
        .new.home-page-feature-box.container .feature-home-secondary-text.fl-post-text .fl-post-title {
            margin-bottom: 35px;
            font-size: 24px;
            margin-top: 2px;
        }

        .new.home-page-feature-box.container .feature-home-secondary-text.fl-post-text .feature-box-icon {
            position: absolute;
            bottom: 0;
            padding: 10px 0px;
            color: #fff;
        }
#recent-news.noGrid .secondFeatureimg {
    max-height: 220px;
    overflow: hidden;
}
body:not(.fl-builder-edit) .new.home-page-feature-box.container .feature-box-primary-img > a {
    max-height: 468px;
    overflow: hidden;
}
#recent-news.noGrid .secondFeatureimg, #recent-news.noGrid .secondFeatureimg img {
    width: 100%;
    display: block;
    -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;
}

    #recent-news.noGrid .secondFeatureimg, #recent-news.noGrid .secondFeatureimg:hover img {
        -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);
    }

.new.home-page-feature-box.container .feature-box-secondary .feature-home-secondary-text.fl-post-text ~ a {
    margin-bottom: 30px;
    width: 100%;
    display: block;
    /*! position: relative; */
    /*! height: 100%; */
}

    .new.home-page-feature-box.container .feature-box-secondary .feature-home-secondary-text.fl-post-text ~ a img {
        width: 100%;
        height: auto;
        display: block;
        position: absolute;
        max-width: fit-content;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
    }
.feature-box-secondary {
    overflow: hidden;
}

.new.home-page-feature-box.container .feature-box-secondary .feature-home-secondary-img {
    width: 100%;
    display: block;
    float: left;
}

.new.home-page-feature-box.container .feature-box-meta-type a {
    color: #fff;
}


/**************/


#recent-news .pp-content-post .fl-post-image .fl-post-text h2 a {
    color: #fff !important;
    font-size: 3.5rem;
}

#recent-news .pp-content-post .fl-post-image::before {
    content: "";
    background: linear-gradient(0deg, rgba(0, 0, 0,.6) 60%, rgba(0,0,0,0) 100%);
    display: block;
    position: absolute;
    width: 100%;
    height: 70%;
    bottom: 0;
    left: 0;
    z-index: 2;
}

#recent-news .pp-content-post .fl-post-image .type {
    font-weight: 400;
}

#recent-news .fl-col-group.fl-node-jesln12t6hvo .pp-content-post .fl-post-image .fl-post-title a {
    font-size: 2.5rem !important;
    line-height: 1.2;
}

#recent-news .fl-col-group.fl-node-jesln12t6hvo .pp-content-post .fl-post-image > .fl-post-text ~ a {
    max-height: 285px;
}

#our-work .fl-photo-content.fl-photo-img-png {
    height: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
}

#explore-with-us .fl-module.fl-module-rich-text.fl-node-5lbn0mgudqp8 {
    width: 65%;
}

.rsUni.rsHor .rsArrowLeft .rsArrowIcn {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    left: 50px;
}

.rsUni.rsHor .rsArrowRight .rsArrowIcn {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    right: 500px;
}

.rsUni.rsHor .rsArrow .rsArrowIcn {
    border: solid white;
    border-width: 0px 3px 3px 0;
    display: inline-block;
    padding: 3px;
    background: none;
    width: 40px;
    height: 40px;
}


#know-your-ocean .fl-module-pp-hover-cards {
    margin-bottom: 100px;
}

#know-your-ocean .pp-hover-card-container {
    max-height: 250px;
    overflow: visible;
    margin-bottom: 0px;
    position: relative;
}

    #know-your-ocean .pp-hover-card-container:after {
        position: absolute;
        bottom: -40px;
        text-align: center;
        font-size: 17px;
        font-weight: 500;
        left: 0;
        right: 0;
        float: none;
        margin: auto;
        font-family: 'TideSans','Red Hat Display', 'Helvetica', Arial, Tahoma, sans-serif;
        color: #0069B1;
        pointer-events: none !important;
        cursor: pointer;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
        width: 100%;
    }

    #know-your-ocean .pp-hover-card-container:hover:after {
        bottom: 0px !important;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
        opacity: 0;
    }

    #know-your-ocean .pp-hover-card-container:hover .pp-hover-card {
        background: rgba(4, 30, 66, 0.9);
    }

    #know-your-ocean .pp-hover-card-container.hover-card-0::after {
        content: "OCEANUS MAGAZINE";
    }

    #know-your-ocean .pp-hover-card-container.hover-card-1::after {
        content: "OCEAN TOPICS";
    }

    #know-your-ocean .pp-hover-card-container.hover-card-2::after {
        content: "DID YOU KNOW";
    }

    #know-your-ocean .pp-hover-card-container.hover-card-3::after {
        content: "VISUAL WHOI";
    }

    #know-your-ocean .pp-hover-card-container .pp-hover-card {
        overflow: hidden;
    }

    #know-your-ocean .pp-hover-card-container .pp-hover-card-description, #know-your-ocean .pp-hover-card-container .pp-hover-card-description a {
        color: #fff;
        line-height: 1.6;
    }
        #know-your-ocean .pp-hover-card-container .pp-hover-card-description p:first-child {
            font-size: 16px;
        }
.align-bottom {
    display: flex;
}

    .align-bottom .fl-col-content {
        margin-top: auto;
    }

.fl-node-hk6cumospye3.align-bottom .fl-module-content.fl-node-content {
    margin: 0px 0px 30px 0px;
}

.fl-node-1tv0ksirzlab {
    display: flex;
}

#new-royalslider-2 .whatwedo-carousel-text h3 a {
    font-weight: normal;
}

#new-royalslider-2 .whatwedo-carousel-text {
    position: absolute;
    bottom: 0 !important;
    width: 100% !important;
    height: fit-content;
    float: none;
    margin: 0px auto 0px !important;
    padding: 30px;
    z-index: 20;
    top: initial !important;
}

#new-royalslider-2 .rsContent {
    position: relative;
}
.fl-module.fl-module-rich-text.fl-node-58dbnivrogaz a {
    text-decoration: underline;
}
/*.underline::before {
  background: #00A9E0;
  content: "";
  bottom: 0px;
  width: 66px;
  height: 4px;
  position: absolute;
  left: 20px;
}
.underline {
  position: relative;
  padding-bottom: 5px;
}*/
#new-royalslider-2 .rsVisibleNearbyWrap {
    width: 100% !important;
}

.rsContent::after {
    bottom: 0;
    position: absolute;
}

#new-royalslider-2 .rsSlide .rsImg {
    height: 100% !important;
    width: auto !important;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    float: none;
    margin: auto;
}
.feature-box-primary.equal {
    border: none;
}
#featuredImageSlider {
    overflow-x: hidden;
    position: relative;
}

.rsOverflow {
    cursor: grab;
    height: 360px;
    overflow: visible !important;
    display: block;
    position: initial !important;
}

.royalSlider {
    max-width: 450px;
    /*width: 400px*/
    margin: 0px auto;
    position: initial !important;
}

/*MODS FOR FEATURED IMAGE SLIDER*/


/*END NEW HOME*/
@media only screen and (min-width: 1800px) {
    .royalSlider {
        max-width: 650px;
    }
    #new-royalslider-2 .rsSlide .rsImg {
        height: auto !important;
        width: 100% !important;
    }
    }

@media only screen and (max-width: 1700px) {
    #new-royalslider-2 .rsSlide .rsImg {
        height: 100% !important;
        width: auto !important;
    }
}
@media only screen and (max-width: 1400px) {
    .rsUni .rsSlide h3 {
        line-height: 1.1;
    }
}
@media only screen and (max-width: 1280px) {
    #recent-news.noGrid.flexBox .new.home-page-feature-box.container .feature-box-secondary .feature-home-secondary-text.fl-post-text ~ a img {
        max-width: initial;
        height: auto;
        width: 100%;
    }
    body:not(.fl-builder-edit) #recent-news.noGrid.flexBox .new.home-page-feature-box.container .row.col-md-6 .feature-home-secondary-img .feature-home-secondary-text.fl-post-text {
        grid-area: 2/1/3/2;
        position: relative;
        margin-left: 1px;
        height: fit-content;
    }
    #recent-news.noGrid.flexBox .new.home-page-feature-box.container .feature-home-secondary-text.fl-post-text, .new.home-page-feature-box.container .feature-home-secondary-text.fl-post-text h3, .new.home-page-feature-box.container .feature-home-secondary-text.fl-post-text a, .new.home-page-feature-box.container .feature-home-secondary-text.fl-post-text span {
        color: #041E42;
    }
    #recent-news.noGrid.flexBox .new.home-page-feature-box.container .feature-box-secondary .feature-home-secondary-text.fl-post-text ~ a {
        grid-area: 1/1/2/2;
        position: relative;
    }
    body:not(.fl-builder-edit) #recent-news.noGrid.flexBox .new.home-page-feature-box.container .row.col-md-6 .feature-home-secondary-img {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 2fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        background-color: transparent;
    }
}

    @media only screen and (max-width: 1220px) {
        

        header .fl-page-header-container.container {
            padding: 0px 20px;
            position: relative;
        }

            header .fl-page-header-container.container .col-sm-12.fl-page-header-logo-col.fl-page-nav-col {
                position: relative;
            }

        article .fl-post-content .fl-row-full-width .fl-row-content {
            padding-left: 40px;
            padding-right: 40px;
        }

        .fl-node-t0iecn5vp4b9 > .fl-module-content {
            margin-right: 10%;
            margin-left: 10%;
        }

        #featured-projects-loop .fl-row-content {
            padding-left: 0px;
            padding-right: 0px;
        }
    }

    @media only screen and (max-width: 1190px) {
        .recentNewsfeed .pp-equal-height .fl-post-image {
            max-height: 220px;
            overflow: hidden;
        }

        #know-your-ocean .pp-hover-card-container .pp-hover-card-description, #know-your-ocean .pp-hover-card-container .pp-hover-card-description a {
            color: #fff;
            line-height: 1.4;
        }

            #know-your-ocean .pp-hover-card-container .pp-hover-card-description a {
                margin-bottom: 6px;
                float: left;
                width: 100%;
            }

        #heroVideo .fl-bg-video ~ .fl-row-content {
            margin-top: -75px;
            position: absolute;
        }

        .fl-node-guxvd0lfyhb6 > .fl-row-content-wrap::after {
            background-image: linear-gradient(0deg, #041e42 20%, rgba(4,30,66,0) 100%);
        }

        .fl-node-6cgojuf5qwxa .pp-content-post.pp-content-grid-post {
            padding: 5px 0px;
        }
    }

    @media only screen and (max-width: 1090px) {
        /*search page header reduce for small screens*/
        .page-id-28927 .fl-page-content {
            margin-top: 0px;
        }
        .fl-node-1uv079cxa8pz {
            width: 50%;
        }
        .fl-node-0mw2ctv5ajxh, .fl-node-msq6b9pjayle {
            width: 25%;
        }
        .fl-col.fl-node-75w4ro1czeu0.fl-col-small, .fl-col.fl-node-75w4ro1czeu0.fl-col-small h3 {
            width: 100%;
            text-align: center;
        }

            .fl-col.fl-node-75w4ro1czeu0.fl-col-small .fl-module.fl-module-pp-social-icons.fl-node-ja5mngv9i4cw .pp-social-icons {
                margin: auto;
                width: auto;
                display: block;
                text-align: center;
                float: none;
            }
        /*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*/
        body:not(.fl-builder-edit) .new.home-page-feature-box.container .feature-box-primary.equal {
            height: 100%;
            margin-left: 0px;
            margin-right: 0px;
        }

        body:not(.fl-builder-edit) .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed .new.home-page-feature-box.container {
            padding-left: 0px;
            padding-right: 0px;
        }

            body:not(.fl-builder-edit) .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed .new.home-page-feature-box.container .row:nth-child(1) {
                margin-left: 0px;
                margin-right: 0px;
            }

        body footer .footerLegal p, body footer .footerLegal p :not(b, strong) {
            text-align: center;
            margin: auto;
        }

        .fl-node-0qv8cg4kt6e3 .pp-hover-card-container.hover-card-2 .pp-hover-card-inner {
            padding-top: 20px;
            padding-right: 10px;
            padding-bottom: 20px;
            padding-left: 10px;
        }

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

        #new-royalslider-1 h3 {
            font-size: 18px;
        }
        /* Topbar menu */
        #topbar-menu {
            display: block;
            right: 0;
            width: 100%;
            max-width: 100%;
            top: 5px;
            left: 0;
            margin: auto;
        }

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

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

        .fl-page-nav-right .fl-page-nav-search {
            display: block;
            width: 100%;
            max-width: 50px;
            float: right;
            clear: right;
            height: 50px;
        }

        /* Logo box */
        header.fl-page-header .fl-page-header-logo {
            margin: 35px auto 15px;
            text-align: center;
        }

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

        .fl-page-header-container.container {
            max-height: inherit;
        }

        /* 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;
        }

        .recentNewsfeed .pp-equal-height .fl-post-image {
            max-height: 220px;
            overflow: hidden;
        }

        #new-royalslider-2 .rsContent::after {
            display: block;
            background-image: none;
            background: -moz-linear-gradient(top, rgba(0,0,0,.1) 50%, rgba(0, 0, 0,.7) 100%);
            background: -webkit-linear-gradient(top, rgba(0,0,0,.1) 50%,rgba(0, 0, 0,.7) 100%);
            background: linear-gradient(to bottom, rgba(0,0,0,.1) 0%,rgba(0, 0, 0,.7) 100%);
            height: 100%;
        }

        #new-royalslider-2 h3 {
            line-height: 1.1;
        }

        .new.home-page-feature-box.container .feature-box-primary-img > a img {
            height: 100%;
            width: auto !important;
            max-width: inherit;
        }

        .rsUni .rsSlide h3 {
            font-size: 62px;
        }
    }


    @media only screen and (max-width: 992px) {
        body:not(.fl-builder-edit) .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed {
            max-height: 750px;
            margin-bottom: 40px;
        }

        body:not(.fl-builder-edit) .fl-col-group.fl-node-zbgl0jtmp4sr {
            grid-template-columns: 1fr;
            grid-template-rows: inherit;
        }

        .fl-col.fl-node-7wf8id25ej1n.recentNewsfeed {
            width: 100%;
            position: relative;
            float: left;
        }
        #recent-news.noGrid .secondFeatureimg {
            max-height: 23vw;
            overflow: hidden;
        }
        body:not(.fl-builder-edit) .new.home-page-feature-box.container .feature-box-primary.equal {
            height: 100%;
            overflow-y: hidden;
            position: relative;
        }

        .new.home-page-feature-box.container .feature-box-primary-img {
            position: initial;
        }

        body:not(.fl-builder-edit) .fl-module.fl-module-html.fl-node-c5otxsr93k6w {
            float: inherit;
        }

        .new.home-page-feature-box.container .feature-box-primary-img > a img {
            height: auto;
            width: 100% !important;
            max-width: 100%;
        }

        body:not(.fl-builder-edit) .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed {
            grid-area: 1/1/2/2;
        }

        body:not(.fl-builder-edit) .fl-col.fl-node-ipkxa1rd5c4w.fl-col-small {
            grid-area: 2/1/2/2;
        }

        #recent-news.fl-node-hn9qmce08u43 .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed, #recent-news.fl-node-hn9qmce08u43 .fl-col.fl-node-ipkxa1rd5c4w.fl-col-small {
            float: left;
            width: 100%;
        }

        .new.home-page-feature-box.container .row.equal.col-md-6 {
            width: calc(50% - 10px);
            margin-left: 0px;
            padding-left: 0px;
        }

        .new.home-page-feature-box.container .feature-box-primary.equal {
            margin-left: 0px;
            margin-right: 0px;
            margin-bottom: 10px;
        }

        .new.home-page-feature-box.container .feature-box-primary.equal {
            margin-left: 0px;
            margin-right: 0px;
        }

        .new.home-page-feature-box.container {
            padding-left: 0px;
            padding-right: 0px;
        }

        #recent-news.noGrid .recentNewsfeed {
            width: 100%;
        }
        #recent-news.noGrid.flexBox .new.home-page-feature-box.container .row.equal.col-md-6 {
            margin-top: 20px;
        }
        #recent-news.noGrid.flexBox > .fl-row-content-wrap {
            padding-bottom: 10px;
        }
        #recent-news.fl-node-hn9qmce08u43 .fl-node-ipkxa1rd5c4w .fl-col-content.fl-node-content {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: max-content;
            grid-column-gap: 0px;
            grid-row-gap: 0px;
            align-content: start;
        }
        #recent-news.noGrid.flexBox .fl-col.fl-node-pvlmia2jhesd.fl-col-small {
            width: 100%;
        }

            #recent-news.fl-node-hn9qmce08u43 .fl-node-ipkxa1rd5c4w .fl-col-content.fl-node-content .fl-module:nth-child(n+1) {
                grid-area: 1 / 1 / 2 / 2;
            }

            #recent-news.fl-node-hn9qmce08u43 .fl-node-ipkxa1rd5c4w .fl-col-content.fl-node-content .fl-module:nth-child(n+2) {
                grid-area: 2 / 1 / 3 / 2;
            }

            #recent-news.fl-node-hn9qmce08u43 .fl-node-ipkxa1rd5c4w .fl-col-content.fl-node-content .fl-module:nth-child(n+3) {
                grid-area: 1 / 2 / 2 / 3;
            }

            #recent-news.fl-node-hn9qmce08u43 .fl-node-ipkxa1rd5c4w .fl-col-content.fl-node-content .fl-module:nth-child(n+4) {
                grid-area: 2 / 2 / 3 / 3;
            }

            #recent-news.fl-node-hn9qmce08u43 .fl-node-ipkxa1rd5c4w .fl-col-content.fl-node-content .fl-module:nth-child(n+5) {
                grid-area: 1 / 3 / 2 / 4;
            }

            #recent-news.fl-node-hn9qmce08u43 .fl-node-ipkxa1rd5c4w .fl-col-content.fl-node-content .fl-module:nth-child(n+6) {
                grid-area: 2 / 3 / 3 / 4;
            }

            #recent-news.fl-node-hn9qmce08u43 .fl-node-ipkxa1rd5c4w .fl-col-content.fl-node-content .fl-module {
                align-self: start;
                height: auto;
            }


            #recent-news.fl-node-hn9qmce08u43 .fl-node-ipkxa1rd5c4w .fl-col-content.fl-node-content .fl-module {
                line-height: 1.2;
            }

                #recent-news.fl-node-hn9qmce08u43 .fl-node-ipkxa1rd5c4w .fl-col-content.fl-node-content .fl-module .pp-content-post {
                    /*! /*! float: left; */ */ width: 100%;
                    line-height: 1.4;
                    display: block;
                    float: left;
                    margin-bottom: 10px;
                }

        .fl-node-c5otxsr93k6w > .fl-module-content {
            margin-left: 0px;
            margin-right: 0px;
        }

        .new.home-page-feature-box.container .row {
            width: 100%;
            float: left;
            position: relative;
            margin-left: auto;
            margin-right: auto;
        }

        .new.home-page-feature-box.container .feature-box-secondary {
            float: left;
            display: block;
            height: 100%;
            min-height: 250px;
        }

        #heroVideo .fl-bg-video {
            position: relative;
            width: 100%;
            padding-bottom: -webkit-calc(var(--aspect-ratio, .3625) * 100%);
            padding-bottom: calc(var(--aspect-ratio, .3625) * 100%);
        }

            #heroVideo .fl-bg-video video {
                height: 100% !important;
                top: 0 !important;
                max-height: 100%;
                /*! width: auto !important; */
                right: 0 !important;
                left: 0 !important;
                margin: auto;
            }

        .fl-module.fl-module-rich-text.fl-node-u196x75h30y4 p, .fl-module.fl-module-rich-text.fl-node-jc971bhauqvd p {
            margin-bottom: 10px;
        }

        #our-work .fl-col-group .fl-col.fl-col-small {
            width: 100%;
        }

        #our-work .fl-module.fl-module-photo {
            float: left;
            width: 15%;
        }

        #our-work .fl-col-group.fl-node-x503e2ywdpot .fl-module-heading, #our-work .fl-col-group.fl-node-x503e2ywdpot .fl-module-heading {
            width: 85%;
            float: left;
            text-align: left;
        }

            #our-work .fl-col-group.fl-node-x503e2ywdpot .fl-module-heading .fl-module-content.fl-node-content {
                margin-left: 0px;
            }

        #our-work .fl-node-owv5cusrdknf .fl-module-heading, #our-work .fl-node-owv5cusrdknf .fl-module-rich-text, #our-work .fl-node-owv5cusrdknf .fl-module-icon {
            float: left;
            width: 70%;
        }

        .page-id-554675 .fl-page {
            padding: 0px !important;
            margin-top: 0;
            position: relative;
        }

        .mobile-page-section-submenu {
            display: block;
            margin-bottom: 0px;
            padding-left: 20px;
        }

        article .fl-post-content .fl-row-full-width .fl-row-content {
            padding-left: 40px;
            padding-right: 40px;
        }

        body #recent-news .fl-col-group .pp-content-post h2.fl-post-title, body #recent-news .fl-col-group .pp-content-post h2.fl-post-title a {
            font-size: 20px !important;
        }

        #recent-news .fl-col-group.fl-node-jesln12t6hvo .pp-content-post .fl-post-image .fl-post-title a {
            font-size: 20px !important;
            line-height: 1.1 !important;
        }

        .recentNewsfeed .pp-equal-height .fl-post-image {
            max-height: 230px;
            overflow: hidden;
            min-height: 230px;
        }

        .fl-node-6cgojuf5qwxa .fl-post-text .fl-post-title a {
            font-size: 13px !important;
            line-height: 1.1 !important;
        }

        .fl-node-6cgojuf5qwxa .pp-content-post.pp-content-grid-post {
            padding: 5px 0px;
        }

        .royalSlider h3 {
            font-size: 6.5vw !important;
            line-height: 1 !important;
            margin-top: 10px !important;
            float: left;
            width: 100%;
            margin-bottom: 4px;
        }

            .royalSlider h3 ~ p {
                font-size: 14px !important;
            }

        article .fl-post-content #featured-projects-loop .fl-row-content {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .fl-node-nqgyvjdke2zf {
            width: 30%;
        }

        .fl-col.fl-node-rh0w9tdonmx8 {
            width: 40%;
        }

        .fl-node-hk6cumospye3 {
            width: 70%;
        }

        .fl-node-4etjpzb5w01q {
            width: 60%;
        }

        .fl-node-wsyq7rfvha46 > .fl-module-content {
            margin-top: 14px;
        }

        #know-your-ocean .pp-hover-card-container {
            max-height: 250px;
            overflow: visible;
            margin-bottom: 60px;
            position: relative;
        }

        .recentNewsfeed .pp-equal-height .fl-post-image img {
            width: 100%;
            position: absolute;
            z-index: -1;
            min-height: 100%;
            left: 0;
            right: 0 !important;
            margin: 0px;
            text-align: center;
            max-width: initial;
            height: auto;
            padding: 0px;
        }

        #our-work .fl-col-group.fl-node-owv5cusrdknf:before, #our-work .fl-col-group.fl-node-owv5cusrdknf:after {
            display: none;
        }

        #recent-news .fl-node-hxyi6vt4w5jg .pp-content-post-grid > .pp-content-grid-post .fl-post-image {
            min-height: 400px;
        }

            #recent-news .fl-node-hxyi6vt4w5jg .pp-content-post-grid > .pp-content-grid-post .fl-post-image .pp-post-img.wp-post-image {
                height: 100%;
                width: auto;
                position: absolute;
                z-index: 1;
            }

        #our-work .fl-col-group.fl-node-owv5cusrdknf {
            display: grid;
            overflow: hidden;
            grid-template-columns: repeat(2, 1fr);
            grid-auto-rows: 1fr;
            grid-column-gap: 5px;
            grid-row-gap: 5px;
        }

        #our-work .fl-photo-content.fl-photo-img-png {
            height: 90px;
            max-width: 100px;
            text-align: center;
            margin: auto;
            display: block;
        }

        .rsUni.rsHor .rsArrowRight .rsArrowIcn {
            left: inherit !important;
            right: 20px;
        }

        .fl-node-xcpmeodq74j1 h2 br {
            display: none;
        }

        .fl-node-axs6tz1jpfdw > .fl-module-content {
            margin-right: 10%;
            margin-left: 10%;
        }
    }

    @media only screen and (max-width: 804px) {
        .new.home-page-feature-box.container .row.equal.col-md-6 {
            width: calc(50% - 10px);
            margin-left: 0px;
            padding-left: 0px;
        }
    }

    @media only screen and (max-width: 780px) {
        .fl-page-nav-right .fl-page-nav-wrap {
            margin-left: 0;
            margin-right: 0;
        }
        #know-your-ocean .fl-module-pp-hover-cards {
            margin-bottom: 30px;
        }

        .fl-col-small:not(.fl-col-small-full-width) {
            max-width: inherit;
        }

        .fl-col.fl-node-4d0uahzfp97y {
            float: left;
        }

        .fl-builder-content .fl-module.dharma h2 {
            font-size: 66px;
        }

        .fl-builder-content .fl-module.dharma .fl-module-content.fl-node-content {
            margin: 0px;
        }

        .fl-col.fl-node-7fnu43bo05hq.fl-col-small {
            float: right;
            clear: none;
        }
        /* .homepage-hero.fl-row-bg-video .fl-bg-video video {
        width: 200% !important;
        height: auto !important;
        left: -50% !important;
    }*/
        footer .fl-col.fl-node-0mw2ctv5ajxh.fl-col-small > .fl-col-content, footer .fl-col.fl-node-msq6b9pjayle.fl-col-small > .fl-col-content {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-auto-rows: max-content;
            grid-column-gap: 0px;
            grid-row-gap: 0px;
            align-items: start;
        }


        footer .fl-col.fl-node-0mw2ctv5ajxh.fl-col-small .fl-module:nth-child(n+1) {
            grid-area: 1 / 1 / 2 / 2;
        }

        footer .fl-col.fl-node-0mw2ctv5ajxh.fl-col-small .fl-module:nth-child(n+2) {
            grid-area: 2 / 1 / 3 / 2;
        }

        footer .fl-col.fl-node-0mw2ctv5ajxh.fl-col-small .fl-module:nth-child(n+3) {
            grid-area: 1 / 2 / 2 / 3;
        }

        footer .fl-col.fl-node-0mw2ctv5ajxh.fl-col-small .fl-module:nth-child(n+4) {
            grid-area: 2 / 2 / 3 / 3;
        }

        footer .fl-col.fl-node-msq6b9pjayle.fl-col-small .fl-module:nth-child(n+1) {
            grid-area: 1 / 1 / 2 / 2;
        }

        footer .fl-col.fl-node-msq6b9pjayle.fl-col-small .fl-module:nth-child(n+2) {
            grid-area: 2 / 1 / 3 / 2;
        }

        footer .fl-col.fl-node-msq6b9pjayle.fl-col-small .fl-module:nth-child(n+3) {
            grid-area: 1 / 2 / 2 / 3;
        }

        footer .fl-col.fl-node-msq6b9pjayle.fl-col-small .fl-module:nth-child(n+4) {
            grid-area: 2 / 2 / 3 / 3;
        }



        footer .fl-col.fl-node-0mw2ctv5ajxh.fl-col-small .fl-module, footer .fl-col.fl-node-msq6b9pjayle.fl-col-small .fl-module {
            align-self: start;
            /* height: auto;*/
        }

        .fl-builder-content .fl-node-6qrnjbkpdvws .fl-rich-text, .fl-builder-content .fl-node-6qrnjbkpdvws .fl-rich-text :not(b, strong) {
            font-size: 8rem;
        }

        .fl-builder-content .fl-node-r3gfipdxycj9 .fl-rich-text, .fl-builder-content .fl-node-r3gfipdxycj9 .fl-rich-text :not(b, strong) {
            font-size: 7rem;
        }

        .fl-node-1uszqea6w7op.fl-row-custom-height > .fl-row-content-wrap {
            min-height: 50vh;
        }

        .recentNewsfeed .fl-col-group .fl-col:last-child {
            margin-right: 0px !important;
        }

        .recentNewsfeed .fl-col-group .fl-col {
            max-width: 48%;
            clear: none !important;
            float: left;
            width: 50% !important;
            margin-right: 20px;
        }
        /*.homepage-hero h1 {
        font-size: 12vw !important;
    }*/
        #our-work .fl-module.fl-module-photo {
            float: left;
            width: 15%;
        }

        #our-work .fl-node-owv5cusrdknf .fl-module-heading, #our-work .fl-node-owv5cusrdknf .fl-module-rich-text, #our-work .fl-node-owv5cusrdknf .fl-module-icon {
            float: left;
            width: 75%;
        }

        #our-work .fl-node-owv5cusrdknf .fl-module-icon {
            display: none;
        }

        #our-work .fl-node-owv5cusrdknf .fl-col .fl-module .fl-module-content {
            margin-left: 0px;
        }

        .fl-builder-content-554675 h2 {
            font-size: 78px !important;
        }

        #recent-news .fl-col.fl-node-8we6hqv9rk0f, .fl-col.fl-node-p08wao5frtnh.fl-col-small {
            width: 50% !important;
            float: left;
            display: flex !important;
            clear: none;
        }

        #know-your-ocean .pp-hover-card-container {
            width: 48%;
            clear: none;
            margin-right: 20px;
        }

            #know-your-ocean .pp-hover-card-container:nth-child(2), #know-your-ocean .pp-hover-card-container:nth-child(4) {
                margin-right: 0px !important;
            }
    }

    @media only screen and (max-width: 767.98px) {
        .fl-col-group.fl-node-ptg3hdeq01ci.fl-col-group-equal-height.fl-col-group-align-center {
            display: flex;
        }
        .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;
        }

        body:not(.fl-builder-edit) .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed {
            max-height: initial;
            margin-bottom: 40px;
            min-height: initial;
            height: fit-content;
        }

        .fl-node-ipkxa1rd5c4w .fl-module > .fl-module-content.fl-node-content {
            margin-left: 0px;
        }

        .royalSlider h3 {
            font-size: 70px !important;
        }
    }

    @media only screen and (max-width: 690px) {
        .fl-page-nav-search form {
            top: 4px;
            width: 91vw;
            transition: all ease-in-out .3s;
            right: 2%;
        }
        #heroVideo .fl-bg-video ~ .fl-row-content {
            margin-top: -100px;
            position: absolute;
        }

        .new.home-page-feature-box.container .row {
            height: fit-content !important;
        }

        #know-your-ocean .pp-hover-card-container::after {
            text-align: center;
            margin: auto;
            width:100%;
        }

        .new.home-page-feature-box.container .row > .feature-box-primary.equal {
            margin-bottom: 0px;
        }

        .new.home-page-feature-box.container .row.equal.col-md-6 {
            margin-top: 0px;
        }

        .new.home-page-feature-box.container .feature-box-secondary, .new.home-page-feature-box.container .feature-home-secondary-img {
            height: fit-content;
            margin-bottom: 0px;
            padding-bottom: 0px;
        }

            .new.home-page-feature-box.container .feature-box-secondary .feature-home-secondary-text.fl-post-text ~ a img {
                width: 100%;
                height: auto;
                position: relative;
            }

        body article .new.home-page-feature-box.container h2.fl-post-title {
            font-size: 30px;
            line-height: 1.2;
        }

        body:not(.fl-builder-edit) .recentNewsfeed .new.home-page-feature-box.container .row.col-md-6 .feature-home-secondary-img {
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: 2fr;
            grid-column-gap: 0px;
            grid-row-gap: 0px;
            background-color: #041E42;
        }

            body:not(.fl-builder-edit) .recentNewsfeed .new.home-page-feature-box.container .row.col-md-6 .feature-home-secondary-img .feature-home-secondary-text.fl-post-text {
                grid-area: 2/1/3/2;
                position: relative;
                margin-left: 15px;
                height: fit-content;
            }

        .fl-col-group.fl-node-6gfrpjahqi8n {
            padding-left: 20px;
            padding-right: 20px;
        }

        .new.home-page-feature-box.container .feature-box-secondary .feature-home-secondary-text.fl-post-text ~ a {
            grid-area: 1/1/2/2;
            position: relative;
        }

        body article .new.home-page-feature-box.container .row.equal.col-md-6 h3 {
            font-size: 18px;
        }

        /*.new.home-page-feature-box.container .feature-home-secondary-text.fl-post-text, .new.home-page-feature-box.container .feature-home-secondary-text.fl-post-text h3, .new.home-page-feature-box.container .feature-home-secondary-text.fl-post-text a, .new.home-page-feature-box.container .feature-home-secondary-text.fl-post-text span {
            color: #ffffff;
        }*/

        #featured-projects .fl-bg-video:before {
            background-color: rgba(4,30,66,.7);
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            display: block;
            content: "";
            z-index: 1;
        }

        .new.home-page-feature-box.container .row.equal.col-md-6 {
            height: auto;
            min-height: 100%;
        }

            .new.home-page-feature-box.container .row.equal.col-md-6 .fl-post-title {
                margin-bottom: 0px;
            }

        .new.home-page-feature-box.container .feature-home-secondary-text.fl-post-text .feature-box-icon {
            position: relative;
            margin-top: 0px;
        }

        #featured-projects .fl-row-content.fl-row-fixed-width.fl-node-content {
            z-index: 5;
        }

        body:not(.fl-builder-edit) .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed .new.home-page-feature-box.container {
            grid-template-rows: 3fr;
        }

        #heroVideo .fl-bg-video {
            position: relative;
            width: 100%;
            padding-bottom: -webkit-calc(var(--aspect-ratio, .4625) * 100%);
            padding-bottom: calc(var(--aspect-ratio, .4625) * 100%);
        }

        .new.home-page-feature-box.container .row.equal.col-md-6 {
            margin-top: 20px;
        }

        body:not(.fl-builder-edit) .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed {
            max-height: initial;
            margin-bottom: 20px;
            min-height: initial;
            height: fit-content;
            border-bottom: 1px solid #0CB7BD;
        }

        .homepage-hero h1 {
            margin-bottom: 0px;
            font-size: 7rem !important;
        }

        .fl-module.fl-module-rich-text.fl-node-u196x75h30y4 p, .fl-module.fl-module-rich-text.fl-node-jc971bhauqvd p {
            padding-top: 5px;
            padding-bottom: 5px;
            margin-bottom: 10px;
        }

        #featured-projects .fl-bg-video video {
            top: 0 !important;
        }

        #our-work .fl-col-group.fl-node-owv5cusrdknf {
            grid-template-columns: repeat(1, 1fr);
        }

        .rsContent::after {
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 70%);
            display: none;
        }

        #recent-news.fl-node-hn9qmce08u43 .fl-node-ipkxa1rd5c4w .fl-col-content.fl-node-content {
            display: block;
            grid-template-columns: inherit;
            grid-auto-rows: max-content; /* OR min-content*/
            grid-column-gap: 0px;
            grid-row-gap: 0px;
        }


            #recent-news.fl-node-hn9qmce08u43 .fl-node-ipkxa1rd5c4w .fl-col-content.fl-node-content .fl-module {
                grid-area: inherit;
                float: left;
                width: 100%;
            }

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

        .fl-node-xcpmeodq74j1 h2 br {
            display: none;
        }

        .homepage-hero.fl-row-bg-video .fl-bg-video video {
            /*width: initial !important;
        height: 100% !important;
        left: -50% !important;*/
        }

        .fl-node-1uszqea6w7op.fl-row-custom-height > .fl-row-content-wrap {
            min-height: 50vh;
        }

        .fl-node-axs6tz1jpfdw > .fl-module-content {
            margin-right: 5%;
            margin-left: 5%;
        }

        article h2 {
            font-size: 70px;
        }

        body article .new.home-page-feature-box.container h2.fl-post-title a {
            font-size: 30px;
            line-height: 1.2;
        }

        body article .new.home-page-feature-box.container .row.equal.col-md-6 h3 {
            font-size: 23px;
        }

        .fl-col.fl-node-p08wao5frtnh.fl-col-small {
            margin-top: 30px;
        }

        #recent-news .fl-col.fl-node-8we6hqv9rk0f, .fl-col.fl-node-p08wao5frtnh.fl-col-small {
            width: 50% !important;
            float: left;
            display: flex !important;
            clear: none;
        }

        .recentNewsfeed .pp-equal-height .fl-post-image {
            max-height: 220px;
            overflow: hidden;
            min-height: 220px;
        }

        .fl-node-jesln12t6hvo .fl-node-8vc71tz3huai .fl-module-content.fl-node-content {
            margin-top: 0px;
        }

        .recentNewsfeed .fl-col-group .fl-col:last-child .fl-module-content.fl-node-content {
            margin: 0px !important;
        }

        .recentNewsfeed .fl-module-content {
            margin: 20px 0px 20px;
        }

        #our-work .fl-module.fl-module-photo {
            float: left;
            width: 15%;
            margin-right: 20px;
        }

        #our-work .fl-col-group.fl-node-x503e2ywdpot .fl-module-heading, #our-work .fl-col-group.fl-node-x503e2ywdpot .fl-module-rich-text {
            width: calc(85% - 20px);
            float: left;
            text-align: left;
        }

        #our-work .fl-node-owv5cusrdknf .fl-module-heading, #our-work .fl-node-owv5cusrdknf .fl-module-rich-text, #our-work .fl-node-owv5cusrdknf .fl-module-icon {
            float: left;
            width: 75%;
        }

        #our-work .fl-node-owv5cusrdknf .fl-module-icon {
            display: none;
        }

        #our-work .fl-node-owv5cusrdknf .fl-col .fl-module .fl-module-content {
            margin-left: 0px;
        }

        article .fl-post-content .fl-row-full-width .fl-row-content .fl-col-group .fl-col .fl-col-content .fl-module-content {
            margin-left: 0px;
            margin-right: 0px;
        }

        body:not(.fl-builder-edit) .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed .new.home-page-feature-box.container {
            grid-template-columns: 1fr;
        }

            body:not(.fl-builder-edit) .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed .new.home-page-feature-box.container .row.equal.col-md-6:nth-child(2) {
                grid-area: 2/1/3/2;
            }

            body:not(.fl-builder-edit) .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed .new.home-page-feature-box.container .row.equal.col-md-6:nth-child(3) {
                grid-area: 3/1/4/2;
            }

            body:not(.fl-builder-edit) .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed .new.home-page-feature-box.container .row:nth-child(1) {
                grid-area: 1/1/2/2;
            }

        .new.home-page-feature-box.container .feature-box-primary-img .feature-box-primary-text.fl-post-text {
            position: relative;
            bottom: 0;
            grid-area: 2/1/3/2;
            background-color: #041E42;
        }

        .new.home-page-feature-box.container .feature-box-primary-img {
            grid-template-columns: 1fr;
            grid-template-rows: 2fr;
            display: grid;
        }

            .new.home-page-feature-box.container .feature-box-primary-img > a {
                grid-area: 1/1/2/2;
            }
    }
@media only screen and (max-width: 640px) {

}
    @media only screen and (max-width: 580px) {
        #heroVideo .fl-bg-video {
            z-index: 5;
        }
        .fl-node-guxvd0lfyhb6 > .fl-row-content-wrap::after {
            background-image: none;
        }
        #heroVideo .fl-bg-video::after {
            background-image: linear-gradient(0deg, #041e42 0%, rgba(4,30,66,0) 50%);
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 0;
            top: 0;
        }
        .fl-node-guxvd0lfyhb6 > .fl-row-content-wrap::after {
            background: #041e42 !important;
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 1;
        }
            #recent-news.noGrid .secondFeatureimg {
            max-height: 45vw;
            overflow: hidden;
        }
        .fl-col.fl-node-pvlmia2jhesd.fl-col-small, #recent-news.noGrid.flexBox .new.home-page-feature-box.container .row.equal.col-md-6:nth-child(2) {
            margin-top: 20px;
        }

        #heroVideo h1 .sup {
            display: none;
        }
        #explore-with-us .fl-row-content {
            padding-top: 40px;
        }
        #heroVideo .fl-bg-video ~ .fl-row-content {
            margin-top: -25px;
            z-index: 5;
            position: absolute;
        }

        #recent-news.noGrid.flexBox .new.home-page-feature-box.container .row.equal.col-md-6 {
            width: calc(100%);
        }

        body:not(.fl-builder-edit) .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed .new.home-page-feature-box.container {
            grid-template-columns: 1fr;
        }

        body article .new.home-page-feature-box.container h2.fl-post-title a {
            font-size: 27px;
            line-height: 1.2;
        }

        body article .new.home-page-feature-box.container .row.equal.col-md-6 h3 {
            font-size: 25px;
        }

        body article .new.home-page-feature-box.container p {
            font-size: 14px;
        }

        body article .new.home-page-feature-box.container .feature-box-icon {
            bottom: 5px;
        }

        .new.home-page-feature-box.container .feature-box-primary-img .feature-box-primary-text.fl-post-text {
            bottom: 0px;
        }

        body article .new.home-page-feature-box.container .row.equal.col-md-6 h3 {
            font-size: 25px;
            padding-bottom: 10px;
        }

        .recentNewsfeed .fl-node-x8p6inad4uj9 .pp-post-img.wp-post-image {
            width: 100%;
            height: auto;
        }

        #recent-news .fl-node-hxyi6vt4w5jg .fl-post-excerpt {
            display: none;
        }

        .recentNewsfeed .fl-col-group .fl-col {
            max-width: 100%;
            clear: none !important;
            float: left;
            width: 100% !important;
            margin-right: 0px;
        }

        #know-your-ocean .pp-hover-card-container {
            width: 100%;
            clear: none;
            margin-right: 0px;
        }
    }

    @media only screen and (max-width: 490px) {
        .royalSlider h3 {
            line-height: .9 !important;
        }
        #recent-news.noGrid.flexBox .fl-col-group.fl-node-ptg3hdeq01ci .fl-col {
            width: auto;
            float: left;
            clear: none;
        }
            #recent-news.noGrid.flexBox .fl-col-group.fl-node-ptg3hdeq01ci .fl-col.fl-node-1ck9zral7h8w {
                float: right;
            }
        .new.home-page-feature-box.container .feature-box-primary-img .feature-box-primary-text ~ a::before, .new.home-page-feature-box.container .feature-box-secondary .feature-home-secondary-text.fl-post-text ~ a::before {
            content: none;
        }
        .royalSlider {
            max-width: 100%;
            width: 100%;
            margin: 0px auto;
            position: initial !important;
        }

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

        .rsUni.rsHor .rsArrowRight {
            right: 10px;
        }

        #new-royalslider-2 h3 a {
            font-size: 14vw;
        }

        #explore-with-us .fl-row-content {
            padding-top: 40px;
        }

        .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed {
            width: 100%;
            max-width: 100%;
        }

        .new.home-page-feature-box.container .feature-box-primary-img .feature-box-primary-text ~ a {
            min-height: fit-content;
            max-height: fit-content;
        }

        body:not(.fl-builder-edit) .new.home-page-feature-box.container .feature-box-primary-img > a img {
            bottom: 0;
            height: auto;
            width: 100%;
            max-width: fit-content;
        }

        body article .new.home-page-feature-box.container p {
            font-size: 12px;
        }

        body article .new.home-page-feature-box.container .feature-box-icon {
            bottom: 5px;
        }

        .new.home-page-feature-box.container .feature-box-primary-img .feature-box-primary-text.fl-post-text {
            bottom: 0px;
        }

        body article .new.home-page-feature-box.container .row.equal.col-md-6 h3 {
            font-size: 5vw;
            padding-bottom: 10px;
            margin-top: 2px;
            padding-bottom: 2px;
        }


        body article .new.home-page-feature-box.container h2.fl-post-title a {
            font-size: 5vw;
        }

        #recent-news .fl-col.fl-node-p08wao5frtnh.fl-col-small {
            display: none !important;
        }

        body article .new.home-page-feature-box.container p {
            font-size: 12px;
        }

        .new.home-page-feature-box.container .row.equal.col-md-6 {
            width: 100%;
        }



        footer .fl-col.fl-node-1uv079cxa8pz.fl-col-small div,
        footer .fl-col.fl-node-1uv079cxa8pz.fl-col-small p,
        footer .fl-col.fl-node-1uv079cxa8pz.fl-col-small div,
        footer .fl-col.fl-node-1uv079cxa8pz.fl-col-small h3,
        footer .fl-col.fl-node-75w4ro1czeu0.fl-col-small div,
        footer .fl-col.fl-node-75w4ro1czeu0.fl-col-small span,
        footer .fl-col.fl-node-75w4ro1czeu0.fl-col-small div h3 {
            text-align: center !important;
        }

        #recent-news .fl-col.fl-node-8we6hqv9rk0f {
            width: 100% !important;
        }

        #our-work .fl-module.fl-module-photo {
            float: left;
            width: 14%;
            margin-right: 10px;
        }

            #our-work .fl-module.fl-module-photo .fl-photo-img {
                vertical-align: top;
                position: absolute;
                top: 0;
                left: 0;
                width: 95%;
            }

        /****HEADER CENTER- NEW MENU***/
        .fl-page-header-logo {
            width: 70%;
            float: left;
            margin-top: 40px;
            padding-left: 5%;
        }

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

            #topbar-menu ~ .fl-page-nav-search .fa.fa-search {
                padding-top: 6px;
                padding-left: 5px;
                font-size: 20px;
            }

        .fl-page-header-logo ~ .fl-page-nav-wrap {
            width: 25%;
            float: left;
            height: 100%;
            flex: 1;
            margin-top: 20px !important;
        }

            .fl-page-header-logo ~ .fl-page-nav-wrap .mega-toggle-label-closed {
                display: none;
            }

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

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

        .col-sm-12.fl-page-header-logo-col.fl-page-nav-col {
            display: flex;
            align-items: center;
            width: 100% !important;
            float: left;
            position: relative;
        }

        body:not(.fl-builder-edit) .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed .new.home-page-feature-box.container .row.equal.col-md-6:nth-child(2) {
            padding-right: 0px;
            grid-area: 2/1/2/2;
        }

        body:not(.fl-builder-edit) .fl-col.fl-node-2f09rjwik6pd.recentNewsfeed .new.home-page-feature-box.container .row.equal.col-md-6:nth-child(3) {
            grid-area: 3/1/3/2;
            padding-left: 0px;
        }

        body:not(.fl-builder-edit) .recentNewsfeed .new.home-page-feature-box.container .row.col-md-6 .feature-home-secondary-img .feature-home-secondary-text.fl-post-text {
            margin-left: 22px;
        }

        #recent-news .fl-button {
            padding-left: 15px;
            padding-right: 15px;
            margin-top: 7px;
        }

        #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;
        }

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

        #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;
        }
        #topbar-menu {
            margin-left: 28px;
        }
    }


    @media only screen and (max-width: 382px) {
        #heroVideo .fl-row-content.fl-row-fixed-width.fl-node-content {
            padding-left: 20px;
            padding-right: 20px;
        }
        footer .pp-social-icon {
            margin-right: 6px;
            margin-left: 6px;
        }
        #heroVideo.homepage-hero h1 {
            font-size: 19vw !important;
        }

        #heroVideo .fl-bg-video {
            position: relative;
            width: 100%;
            padding-bottom: -webkit-calc(var(--aspect-ratio, .6625) * 100%);
            padding-bottom: calc(var(--aspect-ratio, .6625) * 100%);
        }
    }