@import url('https://www.whoi.edu/wp-content/themes/whoi-bb-blue-main/fonts/custom-fonts.css');

.mobileOnly {
    display: none !important;
}



/* =========================================
   Header Menu
   ========================================= */
.fl-node-sqyez38ackmh .fl-photo.fl-photo-align-left {
    float: left;
    width: 100%;
    max-width: 240px;
}
    .fl-node-sqyez38ackmh .fl-photo.fl-photo-align-left.cc-logo {
        float: left;
        width: 100%;
        max-width: 340px;
        margin-top: -11px;
    }

.current-menu-item .pp-menu-toggle:before {
    color: #fff;
    border-color: #fff;
}
.fl-module.fl-module-html.fl-html.fl-node-sqyez38ackmh {
    float: left;
    position: absolute;
    left: 0;
}
.fl-node-fni9okghymr5 {
    width: 30%;
}

.fl-module.fl-module-html.fl-html.fl-node-sqyez38ackmh {
    margin-left: 0px;
    margin-right: 0px;
}


h1, .dharma h1 {
    font-weight: 500;
}

#homepage-slider {
    max-width: 1800px;
    margin: auto;
    margin-left: auto;
    margin-left: 125px;
}
.fl-node-7d3pfonikyaw video {
    position: absolute;
    width: 100% !important;
    height: auto !important;
}
#menu-item-623315 {
    display: none;
}
.joinCampaignMenu .pp-has-submenu-container > a {
    color: #fff;
    text-align: center;
    background-color: #18C5BF;
    border-radius: 50px;
    padding: 12px 25px 12px 25px !important;
}

.joinCampaignMenu.menu-item {
    padding-left: 25px;
}

.contentSliderBottomnav .fl-slide-mobile-photo {
    display: none !important;
}

.joinCampaignMenu .menu-item-text {
    color: #fff;
}
body .joinCampaignMenu.menu-item, body .joinCampaignMenu.menu-item:hover, .joinCampaignMenu.menu-item.menu-hover {
    background-color: transparent !important;
}


.fl-node-rimvz6odywtk .menu > li.current-menu-item:not(.joinCampaignMenu) > .pp-has-submenu-container > a {
    background-color: transparent !important;
}

.joinCampaignMenu .pp-has-submenu-container > a .pp-menu-toggle:before {
    color: #fff !important;
    border-color: #fff !important;
}

.joinCampaignMenu.menu-item .sub-menu {
    text-align: center !important;
    background-color: #18C5BF;
    color: #fff !important;
    margin-left: 25px;
    margin-top: -20px;
    z-index: 5;
    width: calc(269px - 25px) !important;
    top: 0;
    padding-top: 35px !important;
}

.joinCampaignMenu.menu-item .pp-has-submenu-container {
    position: relative;
    z-index: 20;
}

.joinCampaignMenu.menu-item .sub-menu .menu-item-text {
    color: #fff;
}

/*.joinCampaignMenu.menu-item .sub-menu li a::before {
    content: "";
    width: 100%;
    border-top: 1px solid #333;
    height: 2px;
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
}*/

.fl-node-rimvz6odywtk .menu > li.current-menu-item:not(.joinCampaignMenu) > .pp-has-submenu-container > a {
    background-color: transparent;
}
/***Smallify***/
.fl-node-cpou7gta4wm0 .fl-callout-photo {
    transform: scale(0.8);
}

.fl-node-qin8xzfu4j9l .pp-testimonial .pp-testimonials-content p {
    font-size: 22px;
}

/*.hidden {  display:none; }*/

.fl-rich-text {
    font-size: 16px;
}

.fl-module.fl-module-rich-text.fl-rich-text.fl-node-s2vbqcud461r {
    max-width: 900px;
    text-align: center;
    margin: 20px auto 40px;
}
/****Button Bounce****/
.fl-button {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.fl-slide.fl-slide-text-left .fl-button .fl-button-text, .fl-slide.fl-slide-text-left a.fl-button, .fl-slide.fl-slide-text-left .fl-button .fl-button-text span {
    color: #1BD6D0;
    top: 1px;
    position: relative;
}

.fl-button .fl-button-icon-after {
    display: inline-block;
    /* ensure transform applies correctly */
}

.fl-button:hover .fl-button-icon-after {
    animation: bounceBall 0.7s cubic-bezier(.25,.1,.25,1) forwards;
}

@keyframes bounceBall {
    0% {
        transform: translateX(0);
    }

    30% {
        transform: translateX(12px);
    }
    /* max right */
    50% {
        transform: translateX(0);
    }
    /* fall back */
    70% {
        transform: translateX(6px);
    }
    /* first bounce */
    85% {
        transform: translateX(0);
    }
    /* settle */
    95% {
        transform: translateX(3px);
    }
    /* second bounce */
    100% {
        transform: translateX(0);
    }
    /* final reset */
}

.pp-menu-nav ul {
    text-indent: 0;
}

.pp-modal-content-inner .dharma, .pp-modal-content-inner h2.dharma, .pp-modal-content-inner .dharma h2, .pp-modal-content-inner .dharma {
    font-size: 100px;
}

.fl-slide.fl-slide-text-left .fl-button {
    background: transparent !important;
    border: none !important;
    padding-left: 0px !important;
    ;
}

    .fl-slide.fl-slide-text-left .fl-button .fl-button-text {
        color: #1BD6D0;
    }

    .fl-slide.fl-slide-text-left .fl-button i {
        color: #1BD6D0 !important;
    }


.fl-button.giveNow.yellow {
    background: #FFD100 !important;
    border: none !important;
    border-radius: 50px !important;
    color: #041E42 !important;
    padding: 15px 30px !important;
    margin-top: 15px;
}

    .fl-button.giveNow.yellow span {
        color: #041E42;
    }

.fl-module.fl-module-box.fl-node-zoywt3jrb6xd {
    padding: 10px;
}

    .fl-module.fl-module-box.fl-node-zoywt3jrb6xd .fl-module.fl-module-html.fl-html.fl-node-odbwvph3lzrf {
        margin: auto;
    }

.fl-module.fl-module-box.fl-node-exjapm5s1q7u {
    background: #041E42;
    color: #fff;
}

    .fl-module.fl-module-box.fl-node-exjapm5s1q7u h3 {
        color: #fff;
    }

.img-slideins .fl-photo-content {
    float: left;
    max-width: 546px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.img-slideins {
    position: relative;
    height: 100%;
    margin: 0px;
}

body .fl-page-content h2.tidesans {
    font-family: 'TideSans','Red Hat Display', 'Helvetica', Arial, Tahoma, sans-serif;
    font-size: 45px;
    line-height: 1.2;
}

.fl-photo-content.fl-photo-img-png-1 {
    right: 550px;
}

.fl-photo-content.fl-photo-img-png-3 {
    right: -100px;
    left: inherit;
}

.fl-photo-content.fl-photo-img-png-2 {
    right: 240px;
}

.fl-node-15vx7soh8l0u,
.fl-node-odce5pnsvfhm,
.fl-node-ncafm7zli62k,
.fl-node-y4fl05e9kpq3 {
    overflow: hidden;
}

.page-id-585961 .fl-module.fl-module-html.fl-html.img-slideins .fl-photo-content,
.page-id-585967 .fl-module.fl-module-html.fl-html.img-slideins .fl-photo-content,
.page-id-585969 .fl-module.fl-module-html.fl-html.img-slideins .fl-photo-content,
.page-id-585971 .fl-module.fl-module-html.fl-html.img-slideins .fl-photo-content {
    max-width: 450px;
}

.page-id-585961 .fl-module.fl-module-html.fl-html.img-slideins {
    transform: translateY(-25%);
}

.page-id-585967 .fl-module.fl-module-html.fl-html.img-slideins {
    transform: translateY(-35%);
}

.page-id-585969 .fl-module.fl-module-html.fl-html.img-slideins {
    transform: translateY(-75%);
}

.page-id-585971 .fl-module.fl-module-html.fl-html.img-slideins {
    transform: translateY(-35%);
}

.page-id-585961 .fl-module.fl-module-html.fl-html.img-slideins,
.page-id-585967 .fl-module.fl-module-html.fl-html.img-slideins,
.page-id-585969 .fl-module.fl-module-html.fl-html.img-slideins,
.page-id-585971 .fl-module.fl-module-html.fl-html.img-slideins {
    right: -25%;
}

    .page-id-585961 .fl-module.fl-module-html.fl-html.img-slideins .fl-photo-content.fl-photo-img-png-1,
    .page-id-585967 .fl-module.fl-module-html.fl-html.img-slideins .fl-photo-content.fl-photo-img-png-1,
    .page-id-585969 .fl-module.fl-module-html.fl-html.img-slideins .fl-photo-content.fl-photo-img-png-1,
    .page-id-585971 .fl-module.fl-module-html.fl-html.img-slideins .fl-photo-content.fl-photo-img-png-1 {
        right: 440px;
    }

    .page-id-585961 .fl-module.fl-module-html.fl-html.img-slideins .fl-photo-content.fl-photo-img-png-2,
    .page-id-585967 .fl-module.fl-module-html.fl-html.img-slideins .fl-photo-content.fl-photo-img-png-2,
    .page-id-585969 .fl-module.fl-module-html.fl-html.img-slideins .fl-photo-content.fl-photo-img-png-2,
    .page-id-585971 .fl-module.fl-module-html.fl-html.img-slideins .fl-photo-content.fl-photo-img-png-2 {
        right: 180px;
    }





.priorityMotion1 {
    left: 0px;
    position: absolute;
    top: -25px;
}

.priorityMotion2 {
    right: -25px;
    position: absolute;
    top: 0;
}

.priorityMotion3 {
    left: 130px;
    position: absolute;
    font-size: 100px !important;
    bottom: 0;
}

.priorityMotion4 {
    position: absolute;
    right: 25px;
    font-size: 190px !important;
    bottom: -80px;
}

.priorityMotion1, .priorityMotion2, .priorityMotion3, .priorityMotion4 {
    font-size: 118px;
    font-family: 'dharma-gothic-e', 'Oswald', sans-serif;
    opacity: .2;
    color: #00A9E0 !important;
}

svg.fl-symbol {
    font-size: 13px !important;
    height: 7px !important;
}


.pp-content-post-carousel .owl-nav button.owl-next {
    right: 20px !important;
}

.pp-content-post-carousel .owl-nav button {
    color: #00b6bf;
}
#hero .dharma {
    text-shadow: 0px 0px 15px rgba(0,0,0,0.7);
}

.fl-module.fl-module-rich-text.fl-rich-text.fl-node-kaqlnjbc0oi1 p {
    text-shadow: 0px 0px 15px rgba(0,0,0,0.7);
}

/***HOMEPAGE****/
.fl-slider-labels {
    display: flex;
    gap: 2rem;
    bottom: 20px;
    flex-wrap: wrap;
    position: absolute;
    max-width: 1400px;
    margin: auto;
    left: 0;
    right: 0;
    justify-content: start;
}

.fl-slider-label {
    background: none !important;
    border: none;
    cursor: pointer;
    font: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: #fff;
    opacity: 1;
    transition: opacity 0.3s, border-bottom 0.3s;
    font-size: 16px;
    text-align: left;
    line-height: 1.5;
    text-transform: inherit;
    font-weight: 500;
    border: none !important;
    position: relative;
}

.fl-node-92bh0jde3wfs .fl-slider-label {
    width: calc(25% - 32px);
}



    .fl-node-92bh0jde3wfs .fl-slider-label:not(.fl-slider-label:nth-child(4))::after {
        width: 3px;
        height: 100%;
        background-color: #18C5BF;
        position: absolute;
        right: 0;
        display: block;
        content: "";
        top: 0;
    }

.page-id-585961 .contentSliderBottomnav .fl-slider-label,
.page-id-585969 .contentSliderBottomnav .fl-slider-label {
    width: calc(20% - 32px);
}

.page-id-585967 .contentSliderBottomnav .fl-slider-label,
.page-id-585971 .contentSliderBottomnav .fl-slider-label {
    width: calc(25% - 32px);
}
.page-id-585967 .contentSliderBottomnav .fl-slider-labels,
.page-id-585971 .contentSliderBottomnav .fl-slider-labels {
    
    max-width: 1400px;
}
    .page-id-585967 .contentSliderBottomnav .fl-slider-label:not(.fl-slider-label:nth-child(3))::after,
    .page-id-585971 .contentSliderBottomnav .fl-slider-label:not(.fl-slider-label:nth-child(3))::after {
        width: 3px;
        height: 100%;
        background-color: #18C5BF;
        position: absolute;
        right: 0;
        display: block;
        content: "";
        top: 0;
    }

.page-id-585961 .contentSliderBottomnav .fl-slider-label:not(.fl-slider-label:nth-child(5))::after,
.page-id-585969 .contentSliderBottomnav .fl-slider-label:not(.fl-slider-label:nth-child(5))::after {
    width: 3px;
    height: 100%;
    background-color: #18C5BF;
    position: absolute;
    right: 0;
    display: block;
    content: "";
    top: 0;
}

.fl-slider-label.active {
    opacity: 1;
    color: #18C5BF;
    background: none;
}

.fl-module.fl-module-content-slider.fl-node-czkh8vop2xl6 .fl-content-slider {
    position: relative;
}


.fl-col.fl-node-i0e23ymuz41t.fl-col-bg-color {
    margin-right: -320px;
}

.fl-module.fl-module-content-slider.contentSliderBottomnav .fl-slide-bg-photo:before {
    background: #000000;
    background: -webkit-linear-gradient(90deg,rgba(0, 0, 0, 0.4) 37%, rgba(0, 0, 0, 0) 74%);
    background: -moz-linear-gradient(90deg,rgba(0, 0, 0, 0.4) 37%, rgba(0, 0, 0, 0) 74%);
    background: linear-gradient(90deg,rgba(0, 0, 0, 0.4) 37%, rgba(0, 0, 0, 0) 74%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#000000", GradientType=1 );
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fl-module.fl-module-content-slider.contentSliderBottomnav .fl-slide-bg-photo:after {
    background: #000000;
    background: -webkit-linear-gradient(360deg,rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 55%);
    background: -moz-linear-gradient(360deg,rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 55%);
    background: linear-gradient(360deg,rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 55%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#000000", GradientType=0 );
}

#lrgSliderIntro {
    position: absolute;
    top: 70px;
    z-index: 10;
    max-width: 1400px;
    margin: auto;
    width: 100%;
    float: none;
    display: block;
    left: 0;
    right: 0;
}

.contentSliderBottomnav .fl-slide-foreground {
    height: 100%;
    align-content: center;
    width: 100%;
}

.contentSliderBottomnav .fl-slide {
    display: flex;
    align-content: center;
    align-items: center;
}

.contentSliderBottomnav .fl-slide-foreground h2.fl-slide-title {
    font-size: 52px;
    line-height: 1.2;
    font-weight: 500;
    text-shadow: 0px 0px 5px rgba(0,0,8,0.4);
}

.fl-page-content p {
    line-height: 1.5;
    font-size: 16px;
}

.contentSliderBottomnav .fl-slide-foreground .fl-slide-text {
    font-size: 16px;
}



.fl-node-qin8xzfu4j9l .pp-testimonials .layout-3 .pp-testimonials-image {
    width: 24%;
}


#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-flyout.mega-joinCampaignMenu ul.mega-sub-menu li a::before {
    content: "";
    width: 100%;
    border-top: 1px solid #333;
    height: 2px;
    position: absolute;
    top: -22px;
    left: 0;
    right: 0;
}





.fl-row-content-wrap .pp-accordion-item ul {
    padding-left: 2em;
}



body {
    color: #000000;
    font-family: 'TideSans','Red Hat Display', 'Helvetica', Arial, Tahoma, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.55;
}

#hero .pp-down-arrow-container .pp-down-arrow:before {
    content: "Join the Campaign for Our Ocean Planet.";
    /*! position: absolute; */
    width: 100%;
    font-size: 16px;
    color: #fff !important;
    display: block;
    text-align: center;
    top: 0px;
    padding-bottom: 15px;
}

.mega-menu-item.mega-toggle-on .mega-menu-link {
    color: #041E42 !important;
}

.hiddenNav {
    display: none !important;
}

#st-2 {
    display: none !important;
}

.impactGoalsblocks {
    margin: auto;
    float: left;
}

.fl-row-content-wrap.fl-theme-builder-header-shrink-row-bottom.fl-theme-builder-header-shrink-row-top #ccLogo {
    width: 12%;
    margin-top: 14px;
}

.fl-theme-builder-header-shrink-row-bottom .fl-col.fl-node-xjblqftcrzng {
    margin-top: 14px;
}

header > .fl-row {
    -webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.15);
}

html, body {
    overflow-x: hidden;
}

.fl-module.fl-module-rich-text.fl-node-3t4pg96ofq52.listIcon.CC-CTA {
    max-width: 900px;
    margin: auto;
}


h1, h1.dharma {
    text-transform: uppercase;
    font-family: 'dharma-gothic-e', 'Oswald', sans-serif;
    font-size: 100px;
}

.fl-page-content h2.fl-heading, h2.fl-heading, .dharma, h2.dharma, .dharma h2, .dharma {
    font-size: 90px;
    font-weight: 500;
    line-height: 0.9;
    text-transform: uppercase;
    font-family: 'dharma-gothic-e', 'Oswald', sans-serif;
}

.fl-module.fl-module-heading.fl-heading.fl-heading-text.tidesans {
    text-transform: initial;
}

.underline h2.fl-heading:after, .underline h2::after, .underline h1.fl-heading:after, .underline h1::after {
    border-bottom: 7px solid #28bdcf;
    content: "";
    width: 100%;
    max-width: 150px;
    margin: auto;
    text-align: center;
    height: 10px;
    display: block;
    position: relative;
    padding-top: 20px;
}

.underline.left h2.fl-heading::after {
    float: left;
    clear: both;
}

.pp-animated-headlines .pp-headline-plain-text {
    float: left;
    width: 100%;
}

.underline.left h2.fl-heading {
    float: left;
}

.fl-page-content h3 {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.2;
}

.fl-page-content h4 {
    font-size: 21px;
    font-weight: 400;
}

.fl-page-content h5 {
}

.fl-page-content p {
    font-size 15px;
    line-height: 1.5;
}

.fl-page-content a {
    color: #18C5BF;
}

.fl-module-button.style2 .fl-button, .fl-module-button.style2 .fl-button span {
    color: #18C5BF !important;
    background-color: transparent !important;
    border: none !important;
    padding-left: 0px;
}

.fl-module-button.style1 .fl-button, .fl-module-button.style1 .fl-button span {
    background-color: #18C5BF !important;
    color: #fff;
    border-radius: 50px;
    border-color: transparent;
    padding: 10px 15px;
}

#fl-post-584797 .fl-slide-text, #fl-post-584797 .fl-slide-text p {
    line-height: 1.5;
    font-size: 15px;
}

#fl-post-584797 .fl-content-slider-wrapper .fl-slide-title {
    font-size: 36px;
    font-weight: 500;
}

#hbspt-form-bf2bfa13-077f-4ed9-8e19-bc6c527337fb.hbspt-form .hs-form.stacked.hs-custom-style label {
    color: #fff;
}

#hbspt-form-45331577-71b6-4ed1-adaa-4a7d14e8b818 {
    margin-top: 20px;
}

#hbspt-form-bf2bfa13-077f-4ed9-8e19-bc6c527337fb.hbspt-form .hs-form.stacked.hs-custom-style .hs-button.primary.large {
    border-radius: 50px;
    font-size: 16px;
    height: 45px;
    float: right;
}

#hbspt-form-bf2bfa13-077f-4ed9-8e19-bc6c527337fb.hbspt-form .hs-form.stacked.hs-custom-style .actions {
    height: 90px;
    margin-top: 0px !important;
    padding-top: 0px;
}

#hbspt-form-bf2bfa13-077f-4ed9-8e19-bc6c527337fb.hbspt-form .hs-form.stacked.hs-custom-style .input input {
    padding: 12px 20px !important;
    height: 40px;
}

.fl-node-d2o01856rlnm a {
    color: #fff;
    background: #00A9E0;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    float: left;
    display: inline-block;
}

    .fl-node-d2o01856rlnm a img {
        filter: brightness(0) invert(1) brightness(100);
        float: none;
        text-align: center;
        margin: auto;
        display: block;
        padding-top: 13px;
    }

/***Header Menu***/


div#hero {
    overflow: hidden;
}

#hero .fl-node-rdb7uma9h4oi:before {
    content: "";
    display: block;
    position: absolute;
    background-image: url('https://www-dev-worker-01.whoi.edu/wp-content/uploads/2025/02/Group-1104.png');
    width: 300px;
    height: 200px;
    left: -215px;
    z-index: 20;
    background-repeat: no-repeat;
    top: 0px;
}

#hero {
    position: relative;
}

/*.fl-node-t5en3d0laruq:before {
    content: "";
    display: block;
    position: absolute;
    background-image: url('https://www-dev-worker-01.whoi.edu/wp-content/uploads/2025/02/Group-1111.png');
    width: 451px;
    height: 223px;
    right: -120px;
    z-index: 20;
    background-repeat: no-repeat;
    top: -180px;
}*/

#hero {
    position: relative;
}

.fl-row.fl-row-full-width.fl-node-t5en3d0laruq {
    position: relative;
}

#mega-menu-584853-0 ul.mega-sub-menu li:not(li:last-child) {
    display: none !important;
}

li#mega-menu-584853-0-3 {
    float: right !important;
    !i;
    !;
    display: block;
    width: 100% !important;
    !i;
    !;
    max-width: 450px !important;
    !i;
    !;
}

#ccLogo, .fl-col.fl-node-xjblqftcrzng.fl-col-small {
    position: relative;
    z-index: 20;
}

#menu-ocean-capital-campaign .menu-item.menu-hover:not(.joinCampaignMenu.menu-hover) {
    background-color: #F2F7FB !important;
}

#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-GivingOpportunities > a.mega-menu-link {
    background-color: #0069B1 !important;
    color: #fff !important;
    border-radius: 50px !important;
    z-index: 10;
}

    #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-GivingOpportunities > a.mega-menu-link .mega-menu-title, #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 li.mega-GivingOpportunities > a.mega-menu-link > span.mega-indicator {
        color: #fff !important;
    }

#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-GivingOpportunities > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget a {
    color: #fff;
}

#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-GivingOpportunities > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title,
#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-GivingOpportunities > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title:hover {
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
    margin-bottom: 18px;
}

#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-GivingOpportunities > ul.mega-sub-menu {
    z-index: 999;
    border-radius: 0;
    background: #0069B1;
    border: 0;
    padding: 0px 0px 0px 0px;
    position: absolute;
    width: 120vw;
    max-width: none;
    left: calc(-55vw);
    right: 0;
    top: -50px;
    z-index: 9;
    padding-top: 100px;
    padding-bottom: 50px;
}

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

#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-GivingOpportunities > ul.mega-sub-menu #mega-menu-584853-0-0 {
    width: 35%;
}

#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-GivingOpportunities > ul.mega-sub-menu .textwidget a {
    color: #fff;
}

#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-GivingOpportunities > ul.mega-sub-menu #mega-menu-584853-0-1,
#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-GivingOpportunities > ul.mega-sub-menu #mega-menu-584853-0-3 {
    width: 20%;
}

#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-GivingOpportunities > ul.mega-sub-menu #mega-menu-584853-0-2 {
    width: 24.5%;
}

.GivingOpportunities > .fl-has-submenu-container, .GivingOpportunities > .fl-has-submenu-container a {
    background-color: #0069B1 !important;
    color: #fff !important;
    border-radius: 50px;
}

.page-id-584789 .fl-page-content .col-md-12 .fl-post-header {
    display: none;
}

header .mega-menu-item .mega-menu-title {
    font-weight: 400 !important;
}

.fl-post-grid-post h2.fl-post-title {
    font-size: 23px;
    font-weight: 500;
    line-height: 1.2;
}

.fl-post-grid-post .fl-post-excerpt, .fl-post-grid-post .fl-post-excerpt p {
    font-size: 14px;
    line-height: 1.5;
}

#menu-ocean-capital-campaign .sub-menu {
    width: max-content;
    padding-top: 20px;
    padding-bottom: 20px;
    text-indent: 0;
}

.fl-node-3b1g64znv0lf .bx-viewport {
    min-height: 430px;
}

#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-item > a.mega-menu-link .mega-menu-title {
    font-size: 15px;
    text-transform: none;
    font-weight: 500 !important;
    color: #041E42;
}

#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    color: #041E42;
}

#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-item {
    margin-right: 0px;
}

    #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-item > a.mega-menu-link {
        padding: 11px 20px 11px 20px;
        line-height: 20px;
        height: inherit;
    }

    #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-item:hover > a.mega-menu-link {
        background: #F2F7FB;
    }

#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-flyout ul.mega-sub-menu {
    width: max-content;
    padding: 15px 30px 30px;
    background: #F2F7FB;
}

    #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        background: #F2F7FB;
        font-size: 15px;
        font-weight: 400 !important;
        color: #041E42;
        padding-left: 0px;
        padding-right: 0px;
    }

    #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:hover a.mega-menu-link {
        background: #F2F7FB;
        color: #041E42;
    }

.mega-joinCampaignMenu.joinCampaignMenu > .mega-menu-link {
    background-color: #18C5BF !important;
    border-radius: 50px !important;
    position: relative;
    z-index: 10;
}

    .mega-joinCampaignMenu.joinCampaignMenu > .mega-menu-link .mega-description-group span, .mega-joinCampaignMenu.joinCampaignMenu > .mega-menu-link .mega-indicator {
        color: #fff !important;
    }

#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-flyout.mega-joinCampaignMenu ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-flyout.mega-joinCampaignMenu ul.mega-sub-menu li .mega-menu-link {
    background-color: #18C5BF !important;
    color: #fff !important;
    text-align: center;
}

#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-flyout.mega-joinCampaignMenu ul.mega-sub-menu {
    z-index: 5;
    width: 100%;
    text-align: center;
    top: -50px;
    padding-top: 140px;
    transition: all 0.1s ease-in-out;
}

.CapitalCampaignCTA.Bottom .listIcon.CC-CTA p:hover a:after {
    transform: translate(10px, 0px);
}

.CapitalCampaignCTA.Bottom .listIcon.CC-CTA a:after {
    content: "";
    background-image: url(https://www-dev-worker-01.whoi.edu/wp-content/uploads/2025/01/CapitalCampaign-AccentMark-one-sm.svg);
    width: 20px;
    height: 35px;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 300ms ease-out;
    display: inline-block;
    margin-left: 15px;
    top: 10px;
    position: relative;
}

.CapitalCampaignCTA.Bottom .listIcon.CC-CTA p {
    margin-bottom: 17px;
}

.CapitalCampaignCTA.Bottom .listIcon.CC-CTA p, .CapitalCampaignCTA.Bottom .listIcon.CC-CTA a {
    float: left;
    width: 100%;
    position: relative;
}




.fl-module-button.style2 .fl-button .fl-button-icon.fl-button-icon-after.fas.fa-angle-right {
    background-image: url(https://www-dev-worker-01.whoi.edu/wp-content/uploads/2025/01/CapitalCampaign-AccentMark-one-sm.svg);
    width: 13px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 300ms ease-out;
}

.fl-module-button.style2 .fl-button:hover .fl-button-icon.fl-button-icon-after.fas.fa-angle-right {
    transform: translate(10px, 0px);
}

.fl-module-button.style2 .fl-button .fl-button-icon.fl-button-icon-after.fas.fa-angle-right:before {
    content: "";
}

/**Hero Style***/
.heroAccentHolder {
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    margin-left: -150px;
    width: calc(100% + 150px);
}

    .heroAccentHolder .heroAccent {
        background-image: url(https://www-dev-worker-01.whoi.edu/wp-content/uploads/2025/01/CapitalCampaign-AccentMark-one-largest.svg);
        height: 100%;
        min-height: 790px;
        width: 1400px;
        background-position: left center;
        background-repeat: no-repeat;
        float: left;
        background-size: 100% auto;
        opacity: 0;
        -webkit-mask-image: url(https://www-dev-worker-01.whoi.edu/wp-content/uploads/2025/01/CapitalCampaign-AccentMark-one-largest.svg);
        -webkit-mask-position: left center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: cover;
        mask-image: url(https://www-dev-worker-01.whoi.edu/wp-content/uploads/2025/01/CapitalCampaign-AccentMark-one-largest.svg);
        mask-position: left center;
        mask-repeat: no-repeat;
        mask-size: cover;
        position: relative;
        z-index: 10;
        overflow: hidden;
    }

        .heroAccentHolder .heroAccent video {
            position: absolute;
            height: 100%;
            object-fit: cover;
            /*mask: url(#mask);
            -webkit-mask: url(#mask);*/
        }

        .heroAccentHolder .heroAccent svg.vid-mask mask#mask {
            width: auto;
            height: 100%;
            position: absolute;
        }

        .heroAccentHolder .heroAccent svg.vid-mask {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            transform-origin: center;
            transform: scaleX(1);
        }



.facetwp-bb-module .facetwp-facet-title {
    font-size: 28px;
    margin-bottom: 20px;
}

.facetwp-bb-module .facetwp-checkbox {
    margin-bottom: 6px;
}

    .facetwp-bb-module .facetwp-checkbox .facetwp-expand {
        padding-left: 15px;
    }
/*Hero slide Style*/

/*.heroAccentHolder .heroAccent:not(:first-child) {
    margin-left: -580px;
}
        .heroAccentHolder .heroAccent.one:hover ~ .heroAccent.two {
            right: -20%;
        }

        .heroAccentHolder .heroAccent.one:hover ~ .heroAccent.three {
            right: -15%;
        }

        .heroAccentHolder .heroAccent.one:hover ~ .heroAccent.four {
            right: -10%;
        }

    .heroAccentHolder .heroAccent {
        transition: right 0.5s ease;
    }
    

        .heroAccentHolder .heroAccent.two:hover {
            right: 7%;
        }

            .heroAccentHolder .heroAccent.two:hover ~ .heroAccent.three {
                right: -15%;
            }

            .heroAccentHolder .heroAccent.two:hover ~ .heroAccent.four {
                right: -10%;
            }

        .heroAccentHolder .heroAccent.three:hover {
            right: 7%;
        }

            .heroAccentHolder .heroAccent.three:hover ~ .heroAccent.four {
                right: -10%;
            }

        .heroAccentHolder .heroAccent.four:hover {
            right: 7%;
        }

    */

.fl-node-ysj2aqu0lbxp .fullwidth {
    width: 100%;
    position: absolute;
}

.footerAccentHolder {
    height: 100%;
    position: absolute;
    top: -60px;
    left: -18vw;
    z-index: 1;
}
/*.CapitalCampaignCTA.Bottom:after {
    background-image: url('https://www-dev-worker-01.whoi.edu/wp-content/uploads/2025/01/CapitalCampaign-AccentMark-one-sm.svg');
    height: 100%;
    min-height: 600px;
    width: 310px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-mask-image: url(https://www-dev-worker-01.whoi.edu/wp-content/uploads/2025/01/CapitalCampaign-AccentMark-one-sm.svg);
    -webkit-mask-position: left center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-image: url(https://www-dev-worker-01.whoi.edu/wp-content/uploads/2025/01/CapitalCampaign-AccentMark-one-sm.svg);
    mask-position: left center;
    mask-repeat: no-repeat;
    mask-size: cover;
    content: "";
    position: absolute;
    right: 0px;
    top: 0;
}*/

.CapitalCampaignCTA.Bottom {
    position: relative;
}

.footerAccentHolder .footerAccent {
    background-image: url('https://www-dev-worker-01.whoi.edu/wp-content/uploads/2025/01/CapitalCampaign-AccentMark-one-sm.svg');
    height: 100%;
    min-height: 600px;
    width: 310px;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    background-size: 100% auto;
    -webkit-mask-image: url(https://www-dev-worker-01.whoi.edu/wp-content/uploads/2025/01/CapitalCampaign-AccentMark-one-sm.svg);
    -webkit-mask-position: left center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-image: url(https://www-dev-worker-01.whoi.edu/wp-content/uploads/2025/01/CapitalCampaign-AccentMark-one-sm.svg);
    mask-position: left center;
    mask-repeat: no-repeat;
    mask-size: cover;
}



.footerAccent:after {
    background-size: auto 100%;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
}

.footerAccent.one:after {
    background-image: url('https://www-dev-worker-01.whoi.edu/wp-content/uploads/2024/09/Campaign-for-Our-Ocean-Planet-Story-Collection-May-2024.jpg');
    background-position: center center;
}

.footerAccent.two:after {
    background-image: url('https://www-dev-worker-01.whoi.edu/wp-content/uploads/2024/10/Coral2.jpg');
    background-position: -240px center;
}

.footerAccent.three:after {
    background-image: url('https://www-dev-worker-01.whoi.edu/wp-content/uploads/2024/09/A99yobxw_8bxr2e_me4-scaled.jpg');
    background-position: -516px center;
}

.footerAccent.four:after {
    background-image: url('https://www-dev-worker-01.whoi.edu/wp-content/uploads/2024/09/A91iajqy0_8bxr2g_me4-scaled.jpg');
    background-position: -200px center;
}


.footerAccentHolder .footerAccent:not(:first-child) {
    margin-left: -125px;
}

footer {
    z-index: 10;
    position: relative;
}

.fl-col-group.fl-node-yuedm2jnfqas {
    bottom: -85px;
    position: absolute;
    z-index: 999;
    max-width: 570px;
    left: 0;
    right: 0;
    margin: auto;
}

.fl-col-group.fl-node-by2g30vmx8oj {
    max-width: 1200px;
    margin: auto;
}

.fl-col-group.fl-node-wmq5jr91n0vg {
    margin-left: -150px;
    width: calc(100vw + 300px);
}

/***Content Blocks****/
.fl-theme-builder-header-capital-campaign-header .fl-page-content .fl-post-header {
    display: none;
}

.impactStories .fl-post-carousel.fl-post-carousel-grid .bx-wrapper {
    right: -118px;
}

#homepage-slider .pp-content-posts-inner {
    right: -120px;
}


    #homepage-slider .pp-content-posts-inner:before {
        content: "";
        background: #fff;
        width: 100%;
        max-width: 450px;
        position: absolute;
        right: 0;
        z-index: 10;
        height: 100%;
        background: linear-gradient(to right, #F2F7FB00 0%,#F2F7FB 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

.impactStories .fl-module-post-carousel .bx-wrapper:before {
    content: "";
    background: #fff;
    width: 100%;
    max-width: 450px;
    position: absolute;
    right: 0;
    z-index: 10;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.impactStories .fl-post-carousel.fl-post-carousel-grid .fl-post-carousel-navigation {
    position: absolute;
    z-index: 20;
}

.fl-node-qin8xzfu4j9l .pp-testimonial .pp-testimonials-content::before {
    content: '\201c';
    position: absolute;
    top: -88px;
    left: -10px;
    font-size: 30rem;
    color: #44444412;
    z-index: 1;
    height: 107px;
    width: 138px;
    display: block;
    text-align: left;
}
/* #testimonials .pp-testimonials-content:after {
    border-bottom: 2px solid #18C5BF;
    padding: 0px 0px;
    margin-bottom: 20px;
    content: "";
    display: block;
    position: relative;
    float: left;
    width: 100%;
    max-width: 50%;
    clear: both;
    margin: 0 auto 20px;
    right: 0;
}
*/
.pp-testimonials-wrap .owl-theme .owl-dots .owl-dot span {
    border: 1px solid #707070;
}

.fl-post-carousel-post {
    border: 0px;
}

.fl-node-euan371pz0vc .fl-mosaicflow-col .fl-photo {
    border-radius: 50%;
    overflow: hidden;
    display: block;
    max-width: 280px;
    max-height: 280px;
}

.fl-post-slider-wrapper .fl-post-slider-feed-content {
    float: left;
    clear: both;
    width: 100%;
    padding-right: 5%;
}

.fl-post-slider-wrapper .fl-post-slider-feed-more {
    margin-top: 15px;
    float: left;
    clear: both;
    width: 100%;
}

.news_insight p, .fl-post-grid p {
    font-family: inherit !important;
    font-weight: inherit !important;
    font-size: inherit !important;
    color: inherit !important;
}

.fl-node-9mwu02scd3ol .fl-mosaicflow-item {
    border-radius: 50%;
    overflow: hidden;
    max-width: 236px;
    max-height: 236px;
}
/*
.fl-module-content .fl-photo {
    border-radius: 10px;
    overflow: hidden;
}
.roundCorners {
    border-radius: 10px;
    overflow: hidden;
}
.fl-post-grid-post .fl-post-image, .fl-post-slider-wrapper .fl-photo-img-jpg, .fl-post-slider-wrapper .fl-photo-img-jpeg, .fl-post-slider-wrapper .fl-photo-img-png, .fl-video.fl-embed-video .wp-video-shortcode, .impactGoalsblocks .fl-photo-content.fl-photo-img-jpg, .fl-post-feed-post .fl-post-image, .fl-photo-content.fl-photo-img-png, .fl-post-carousel-image .fl-photo-content.fl-photo-img-jpg {
    border-radius: 10px;
    overflow: hidden;
}*/

.fl-node-92c8smp4xgnt .fl-post-column:nth-child(3n + 1) {
    clear: none !important;
}


/* Keep the header logos side by side */
.fl-node-fni9okghymr5 {
    min-width: 623px; /* Prevents shrinking below 623px */
    flex-shrink: 0; /* Don't allow it to shrink */
    display: flex;
    align-items: center;
    gap: 10px; /* Small gap between logos */
}

    /* Ensure logos sit horizontally */
    .fl-node-fni9okghymr5 .fl-col-content {
        display: flex;
        flex-wrap: nowrap; /* Prevent stacking */
        align-items: center;
    }

/* Menu container setup */
.fl-node-rl0pmyua2hv9 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 1 1 auto; /* Let it grow, but not wrap the logos */
    min-width: 0;
}

/* Prevent menu wrapping */
.pp-advanced-menu-horizontal ul.menu {
    display: flex;
    flex-wrap: nowrap; /* Force all menu items on one line */
    justify-content: flex-end;
    align-items: center;
}

    /* Handle potential overflow gracefully */
    .pp-advanced-menu-horizontal ul.menu > li {
        white-space: nowrap; /* Prevent text wrapping inside menu items */
    }

/* Optional: slightly reduce menu font size for tighter fit */
@media (max-width: 1200px) {
    .pp-advanced-menu-horizontal ul.menu > li > a {
        font-size: 0.95em;
    }
}




/* =========================================
   RESPONSIVE BREAKPOINTS
   ========================================= */
@media (max-width: 1550px) {
    .joinCampaignMenu.menu-item .sub-menu {
        width: calc(244px - 0px) !important;
    }
    .fl-module.fl-module-html.fl-html.fl-node-sqyez38ackmh {
        float: inherit;
        position: relative;
        left: 0;
    }
    .fl-module.fl-module-html.fl-html.fl-node-sqyez38ackmh {
        margin: auto;
    }

    .fl-node-fni9okghymr5 {
        width: 100% !important;
    }

    .fl-node-rl0pmyua2hv9 {
        width: 100% !important;
    }

    .fl-module.fl-module-pp-advanced-menu.fl-node-rimvz6odywtk {
        margin: 15px auto 0px;
    }

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

/* Large Devices (tablets / landscape phones) */
@media (max-width: 1450px) {
    #lrgSliderIntro {
        left: 50px;
    }

    .joinCampaignMenu.menu-item .sub-menu {
        width: calc(244px - 10px) !important;
    }
    .fl-module.fl-module-html.fl-html.fl-node-sqyez38ackmh {
        margin: auto;
    }
    .fl-node-fni9okghymr5 {
        width: 100%;
    }
    .fl-node-rl0pmyua2hv9 {
        width: 100%;
    }
    .fl-module.fl-module-pp-advanced-menu.fl-node-rimvz6odywtk {
        margin: 15px auto 0px;
    }
    .fl-node-qpo1bdzic57a .fl-row-content-wrap {
        padding-bottom: 0px;
    }

}


/* Large Devices (tablets / landscape phones) */
@media (max-width: 1240px) {
    .fl-col.fl-node-i0e23ymuz41t.fl-col-bg-color.fl-visible-desktop.fl-visible-large {
        display: none;
    }

    .fl-node-your74azpkfb h2, .fl-node-your74azpkfb .fl-module p {
        text-align: center !important;
    }

    .fl-node-your74azpkfb h2 {
        margin-bottom: 0px;
    }


    body .contentSliderBottomnav.fl-module-content-slider .fl-slide .fl-slide-title {
        font-size: 50px !important;
        line-height: 1 !important;
        text-align: left;
    }

    .fl-node-1c9w4nzpoq5k .fl-slide-mobile-photo {
        display: none;
    }
    .fl-node-1c9w4nzpoq5k fl-content-slider .fl-slide-bg-photo {
        background-image: inherit;
        position: absolute;
    }
    /* ==============================
       SLIDER / CAROUSEL
       ============================== */
    .fl-node-92bh0jde3wfs .fl-slide .fl-slide-content-wrap {
        width: 75% !important;
    }

    #lrgSliderIntro {
        top: 30px;
        left: 0;
        right: 0;
        margin: auto;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        margin-left: 120px;
        margin-right: 40px;
    }

    .contentSliderBottomnav .fl-slide-content {
        background-color: transparent !important;
    }

    .contentSliderBottomnav .fl-content-slider .fl-slide-bg-photo {
        position: absolute !important;
        background-size: auto 100%;
        height: 100%;
    }

    body .contentSliderBottomnav.fl-module-content-slider .fl-slide .fl-slide-title {
        font-size: 50px !important;
        line-height: 1 !important;
        text-align: left;
    }

    body .contentSliderBottomnav .fl-slide-foreground h2.fl-slide-title ~ .fl-slide-text {
        font-size: 14px !important;
        line-height: 20px !important;
    }

        body .contentSliderBottomnav .fl-slide-foreground h2.fl-slide-title ~ .fl-slide-text > p {
            margin-bottom: 10px !important;
            text-align: left;
        }

    .contentSliderBottomnav.fl-module-content-slider .fl-slide .fl-slide-content {
        padding: 100px 60px 30px;
    }

    .fl-slider-labels {
        display: none;
    }
}

/* Large Devices (tablets / landscape phones) */
@media (max-width: 1024px) {
    .grid-2 {
        grid-template-columns: 1fr 1fr;
    }

    .grid-3 {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .hide-tablet {
        display: none;
    }
    .fl-page-content .mobile-page-section-submenu {
        margin-bottom: 0px;
    }
    .fl-row-bg-video.fl-node-7d3pfonikyaw .fl-bg-video video {
        height: 100% !important;
        width: auto !important;
    }
    #hero span.dharma {
        line-height: .7;
        margin: 15px 0px;
        display: block;
    }
    .fl-col-group.fl-node-85o2avcu1sq4.fl-col-group-equal-height.fl-col-group-align-center {
        margin: 40px 0px;
    }
}
/* Medium Devices (large phones / small tablets) */
@media (max-width: 768px) {
    .fl-builder-content .fl-node-1c9w4nzpoq5k .fl-slide-3 .fl-slide-content {
        background-color: transparent;
    }
    .fl-node-sqyez38ackmh .fl-photo.fl-photo-align-left.cc-logo {
        max-width: 350px;
        margin-top: 8px;
    }
    .fl-node-qpo1bdzic57a > .fl-row-content-wrap {
        padding-bottom: 20px;
    }
    #testimonials .pp-testimonials .pp-testimonials-image {
        width: 60% !important;
    }
    /* ==============================
       MENU & NAVIGATION
       ============================== */
    #menu-item-585993 {
        display: none;
    }

    .mobileOnlyjoin {
        display: block !important;
    }

    .mobileOnly {
        display: block !important;
        top: 60px;
        position: relative;
        background: #18C5BF !important;
        border-radius: 50px;
        text-align: center;
    }

    .joinCampaignMenu.menu-item {
        padding-left: 0px;
    }

    .joinCampaignMenu .pp-menu-toggle,
    .joinCampaignMenu sub-menu {
        display: none !important;
    }

    .pp-has-submenu-container {
        text-align: left;
    }

    .joinCampaignMenu .pp-has-submenu-container > a {
        color: #fff !important;
        text-align: left;
        background-color: transparent !important;
        padding: 10px 34px 10px 10px !important;
        border-radius: 0px !important;
    }

    .joinCampaignMenu.menu-item .sub-menu {
        text-align: left !important;
        background-color: #18C5BF;
        color: #fff !important;
        margin: 0;
        z-index: 5;
        width: calc(269px - 25px) !important;
        top: 0;
        padding: 0 0 0 8px;
    }

    .fl-node-rimvz6odywtk .pp-advanced-menu .sub-menu {
        background-color: transparent;
        text-align: left;
        margin-bottom: 20px;
        padding-left: 18px;
    }

}




/* =========================================================
   SMALL DEVICES (phones, max-width: 480px)
   ========================================================= */
@media (max-width: 480px) {

    /* ==============================
       GENERAL TYPOGRAPHY
       ============================== */
    h1, .dharma h1 {
        font-weight: 500;
        font-size: 17vw;
        line-height: 0.9 !important;
    }

    h2, .dharma h2, h2 span {
        font-size: 14vw !important;
        line-height: .9 !important;
    }

    h3 {
        font-size: 27px !important;
    }

    /* Special headline variant */
    #hero h1.dharma, #hero h1.dharma span {
        font-size: 92px !important;
        line-height: 0.9 !important;
        padding-top: 20px;
    }
    .fl-button {
        font-size: 14px;
    }

    .fl-builder-content .fl-rich-text :not(b, strong), b, strong {
        font-size: 15px;
    }


    /* Priority motion text */
    .priorityMotion1,
    .priorityMotion2,
    .priorityMotion3,
    .priorityMotion4 {
        font-size: 74px;
        opacity: 0.05;
        line-height: 0.8;
    }

    .priorityMotion1 {
        top: 0px;
    }

    .priorityMotion2 {
        top: 70px;
    }

    .priorityMotion3 {
        font-size: 57px !important;
        bottom: 100px;
    }

    .priorityMotion4 {
        font-size: 75px !important;
        bottom: 4px;
    }

    
    /* ==============================
       HERO & TITLE ELEMENTS
       ============================== */
    .fl-node-dlckney9m2zs span {
        font-size: 9vw !important;
        font-weight: normal !important;
        margin-left: 0px !important;
        text-transform: none;
        word-wrap: break-word;
    }

        .fl-node-dlckney9m2zs span:first-child {
            font-size: 15vw !important;
        }

    .impactStoriesHeader .fl-module-content {
        margin-left: 20px;
    }

    /* ==============================
       CONTENT SECTIONS
       ============================== */

    #homepage-slider {
        margin-left: 0;
        max-width: inherit;
    }

    .fl-node-96ivcnbsd4tj.fl-row-custom-height > .fl-row-content-wrap {
        min-height: 200px;
    }

    .fl-node-nsm075abpjri.fl-row-custom-height > .fl-row-content-wrap,
    .fl-builder-content .fl-node-4v89nx0cwy1u > .fl-col-content {
        min-height: 85vh !important;
    }

    .fl-module.fl-module-box.fl-node-a4f8cp7kl3n1 .fl-module.fl-module-box {
        margin: 0px 20px;
        padding: 30px 10px;
    }

    #impact-stories .fl-module.fl-module-button {
        margin: 10px 20px;
    }

    #impact-stories .fl-button {
        float: left;
        padding: 15px 20px;
    }

    #impact-stories .fl-post-grid ul {
        padding-left: 0px;
    }

    /* ==============================
       SLIDER / CAROUSEL
       ============================== */
    #testimonials .pp-testimonials .pp-testimonials-image {
        width: 60% !important;
    }

    .contentSliderBottomnav .fl-slide-content {
        background-color: transparent !important;
    }

    .contentSliderBottomnav .fl-content-slider .fl-slide-bg-photo {
        position: absolute !important;
        background-size: auto 100%;
        height: 100%;
    }

    body .contentSliderBottomnav.fl-module-content-slider .fl-slide .fl-slide-title {
        font-size: 40px !important;
        line-height: 1 !important;
        text-align: left;
    }

    body .contentSliderBottomnav .fl-slide-foreground h2.fl-slide-title ~ .fl-slide-text {
        font-size: 14px !important;
        line-height: 20px !important;
    }

        body .contentSliderBottomnav .fl-slide-foreground h2.fl-slide-title ~ .fl-slide-text > p {
            margin-bottom: 10px !important;
            text-align: left;
        }

    .contentSliderBottomnav.fl-module-content-slider .fl-slide .fl-slide-content {
        padding: 100px 60px 30px;
    }

    .fl-slider-labels {
        display: none;
    }

    /* ==============================
       POSITIONING / LAYOUT ADJUSTMENTS
       ============================== */
    .impactStorybtn .fl-button {
        float: left;
    }
    #lrgSliderIntro {
        top: 30px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: left;
        margin-left: 60px;
        margin-right: 40px;
    }
}