/*
Custom CSS for SDMyers 60th Anniversary website theme
Version: 1.0
Description: Used to establish the look and feel for the custom landing page
Author: Full Spectrum Marketing
Author URL: http://www.fsm.agency
*/

/* VARIABLES */
:root {
    /* Brand Color Palette */
    --Brand-Color-Primary: #b0a67a;
    --Brand-Color-Secondary: #7b2682;
    --Brand-Color-3: #f49a17;
    --Brand-Color-4: #2C2E35;
    --Brand-Color-5: #E79F37;
    /* Default Colors */
    --Default-Black: #262729;
    --Default-White: #F7F4F0;
    /* Typography */
    --Heading-1-Size: clamp(3.875rem, round(2.357rem + 4.857cqi, 0.5rem), 6rem);
    --Heading-2-Size: clamp(2rem, round(1.643rem + 1.143cqi, 0.5rem), 2.5rem);
    --Heading-3-Size: clamp(1.125rem, round(0.857rem + 0.857cqi, 0.5rem), 1.5rem);
    --Heading-4-Size: clamp(1.5rem, round(1.321rem + 0.571cqi, 0.5em), 1.75rem);
    --Heading-5-Size: clamp(1.25rem, round(1.071rem + 0.571cqi, 0.5em), 1.5rem);
    --Heading-6-Size: clamp(1.125rem, round(1.036rem + 0.286cqi, 0.5em), 1.25rem);
    --Body-Size: clamp(0.875rem, round(0.786rem + 0.286cqi, 0.5rem), 1rem);
    --Font-Heading-Sans: 'Roboto', Helvetica, Arial, Lucida, sans-serif;
    --Font-Body: 'Roboto', Helvetica, Arial, Lucida, sans-serif;
    --Line-Height-xs: 1;
    --Line-Height-s: 1.05;
    --Line-Height-m: 1.2;
    --Line-Height-l: 1.5;
    --Line-Height-xl: 2;
    --Font-Weight-Light: 300;
    --Font-Weight-Regular: 400;
    --Font-Weight-Bold: 700;
    --Font-Weight-Extra-Bold: 900;

}


/*  
    Button Styles
*/

/* GLOBAL BUTTON STYLES */
/*Default Button Settings*/
/* #page-container .et_pb_button {
    text-align: center;
    font-style: normal;
    font-weight: var(--Font-Weight-Regular) !important;
    border: none !important;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 25px !important;
    letter-spacing: -1px;
	color: var(--Default-Black) !important;
    transition: ease all .3s !important;
}

#page-container .et_pb_button:hover {
    transition: ease all .3s !important;
    border: none !important;
    color: var(--Default-White) !important;
} */

/*
    BUTTON TEXT IS LIGHT - PRIMARY 
.et_pb_button.fsm-btn-primary 
*/
/*INCLUDES Hero Button ONE*/

/* #page-container .et_pb_button.fsm-btn-primary,
#page-container .et_pb_button.et_pb_button_one {
	border-radius: 2px !important;
    color: var(--Default-Black) !important;
    background-color: var(--Brand-Color-5)!important;
}

#page-container .et_pb_button.fsm-btn-primary:hover,
#page-container .et_pb_button.et_pb_button_one:hover {
	color: var(--Default-White) !important;
    background-color: var(--Brand-Color-Secondary)!important;
}

#page-container .et_pb_button.fsm-btn-primary:focus,
#page-container .et_pb_button.et_pb_button_one:focus {
	box-shadow: 0px 0px 15px 0px ###;
} */

/* secondary button text light - SECONDARY
.et_pb_bg_layout_dark.fsm-btn-secondary */

/*INCLUDES Hero Button TWO*/

/* #page-container .et_pb_button.et_pb_bg_layout_dark.fsm-btn-secondary,
#page-container .et_pb_button.et_pb_button_two {}

#page-container .et_pb_button.et_pb_bg_layout_dark.fsm-btn-secondary:hover,
#page-container .et_pb_button.et_pb_button_two:hover {}

#page-container .et_pb_button.et_pb_bg_layout_dark.fsm-btn-secondary:focus,
#page-container .et_pb_button.et_pb_button_two:focus {
    box-shadow: 0px 0px 15px 0px ###;

} */

/* secondary button dark 
.fsm-btn-secondary */
/* 
#page-container .et_pb_button.fsm-btn-secondary {}

#page-container .et_pb_button.fsm-btn-secondary:hover {}

#page-container .et_pb_button.fsm-btn-secondary:focus {
    box-shadow: 0px 0px 15px 0px ###;

} */

/* alt button text light 
.et_pb_bg_layout_dark.fsm-btn-alt */
/* 
#page-container .et_pb_button.et_pb_bg_layout_dark.fsm-btn-alt {}

#page-container .et_pb_button.et_pb_bg_layout_dark.fsm-btn-alt:hover {}

#page-container .et_pb_button.et_pb_bg_layout_dark.fsm-btn-alt:focus {

    box-shadow: 0px 0px 15px 0px ###;
} */

/* alt button dark .fsm-btn-alt 
This Button style has a pseudo arrow on Hover*/
/* #page-container .et_pb_button.fsm-btn-alt:after {
    content: '\f054';
    position: absolute;
    font-size: 1em;
    font-weight: var(--Font-Weight-Bold);
    display: block;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 5%;
    transition: opacity .5s, right .5s;
    color: var(--Default-Black) !important;
    font-family: 'Font Awesome 6 Pro' !important;
}

#page-container .et_pb_button.fsm-btn-alt:hover {
    color: var(--Default-Black) !important;
    opacity: 70%;
}

#page-container .et_pb_button.fsm-btn-alt.large:hover {
    padding: 1em 2em !important;
    padding-left: 1.8em !important;
    padding-right: 2.2em !important;
}

#page-container .et_pb_button.fsm-btn-alt:hover:after {
    opacity: 1;
}

#page-container .et_pb_button.fsm-btn-alt.small:hover {
    padding: .7em 1.3em !important;
    padding-left: .5em !important;
    padding-right: 1.5em !important;
} */

/* LARGE BUTTON SIZING */
/* #page-container .et_pb_button.large {
    padding: 1em 2em !important;
    font-size: var(--Body-Size);
} */

/* SMALL BUTTON SIZING */
/* #page-container .et_pb_button.small {
    padding: .7em 1.3em !important;
    font-size: 14px;
} */

/*
universal text links
*/
#main-content a:not(.et_pb_button, .icon, img, .fsm-post-list a, .card, .exclude-style, .et_pb_video_play) {
    border-radius: 4px;
    padding: 2px;
    transition: ease all .2s;
    display: inline;
    overflow: hidden;
    text-decoration: underline;
}

#main-content a:not(.et_pb_button, .icon, img, .fsm-post-list a, .card, .et_pb_video_play):hover {
    border-radius: 3px;
    background-color: rgba(21, 43, 55, .2);
    transition: ease all .2s;
}

/* 
    Font Sizing
*/

body.et_divi_theme h1 {
    font-size: var(--Heading-1-Size);
    font-family: var(--Font-Heading-Sans);
    font-weight: var(--Font-Weight-Bold);
    line-height: 82px;
    /* 85.417% */
    letter-spacing: -2.8px;
}

@media only screen and (max-width:980px) {
    body.et_divi_theme h1 {
        line-height: 60px;
    }
}

body.et_divi_theme h2 {
    font-size: var(--Heading-2-Size);
    font-family: var(--Font-Heading-Sans);
    font-weight: var(--Font-Weight-Bold);
    line-height: var(--Line-Height-s);

}

body.et_divi_theme h3 {
    font-size: var(--Heading-3-Size);
    font-family: var(--Font-Heading-Sans);
    font-weight: var(--Font-Weight-Bold);
    line-height: var(--Line-Height-s);

}

body.et_divi_theme h4 {
    font-size: var(--Heading-4-Size);
    font-family: var(--Font-Heading-Sans);
    font-weight: var(--Font-Weight-Bold);
    line-height: var(--Line-Height-s);

}

body.et_divi_theme h5 {
    font-size: var(--Heading-5-Size);
    font-family: var(--Font-Heading-Sans);
    font-weight: var(--Font-Weight-Bold);
    line-height: var(--Line-Height-s);
}

body.et_divi_theme h6 {
    font-size: var(--Heading-6-Size);
    font-family: var(--Font-Body);
    line-height: var(--Line-Height-s);

}

body,
body p,
body li {
    font-size: var(--Body-Size);
    line-height: 25px;
    /* 125% */
    letter-spacing: 0px;
}

body .small {
    font-size: clamp(0.875rem, round(0.786rem + 0.286cqi, 0.5rem), 1rem);
}

/*Blog Font Sizes*/
.post-template-default {
    h1 {
        &.entry-title {
            font-size: clamp(1.75rem, round(1.125rem + 2cqi, 0.5em), 2.625rem) !important;
        }
    }

    h2 {
        font-size: clamp(1.5rem, round(0.875rem + 2cqi, 0.5em), 2.375rem) !important;
    }

    h3 {
        font-size: clamp(1.25rem, round(0.75rem + 2cqi, 0.5em), 2.125rem) !important;
    }

    h4 {
        font-size: clamp(1.125rem, round(0.625rem + 2cqi, 0.5em), 1.875rem) !important;
    }

    h5 {
        font-size: clamp(1rem, round(0.5rem + 2cqi, 0.5em), 1.625rem) !important;
    }

    h6 {
        font-size: clamp(0.875rem, round(0.375rem + 2cqi, 0.5em), 1.375rem) !important;
    }
}

/*CUSTOM FONT STYLES*/


/*END FONT STYLE*/


div#page-container {
    overflow: hidden;
}

/*
MENU STYLES
*/
#logo {
    max-height: 150% !important;
    position: absolute;
    top: -20px;
    z-index: 9;
}

@media only screen and (max-width:980px) {
    #logo {
        max-height: 100% !important;
        top: 0;
    }

    #page-container #main-header {
        top: 50px !important;
    }
}

/*IF MENU HAS last-child CTA BUTTON 
- Style LI element as button*/

ul#mega-menu-primary-menu li:last-child a:not(ul.mega-sub-menu li a) {
    background-color: #f9a11d !important;
    padding: 10px 15px !important;
    margin: 0 !important;
    line-height: 20px !important;
    border-radius: 2px !important;
    color: #212121 !important;
}

div#main-header .flex {
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
}

div#main-header #menu {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

/* IF MENU is transpareant and links can't be seen
- Add page ID here */
body.page-id-77

/*Contact Us*/
    {
    #page-container {
        #top-header {
            background-color: #82c0d0 !important;
            z-index: 2;
        }
    }

    header#main-header {
        background-color: #82c0d0 !important;
        z-index: 2;
        padding-bottom: 10px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
}

/*Hover Styles*/

.mega-menu li a {
    color: var(--Default-Black) !important;
    transition: ease all 0.3s !important;
}

.mega-menu li a:hover {
    opacity: .8 !important;
}

/*Active Styles*/

.mega-current-menu-item a.mega-menu-link {
    text-decoration: underline 2px inherit !important;
    text-underline-offset: 8px !important;
}

/* MOBILE STYLES */
@media only screen and (max-width:980px) {
    .mega-menu li a {
        color: var(--Default-White) !important;
    }

    #mega-menu-wrap-primary-menu .mega-menu-toggle {
        background: transparent;
    }

    div#mega-toggle-block-0 {
        background: var(--Default-White) !important;
        border: 2px solid #6a8790;
        border-radius: 5px;
    }
}

/*END MENU*/

/* GLOBAL FORM STYLES */
.gform_wrapper.gravity-theme .gform_validation_errors>h2 {
    font-weight: var(--Font-Weight-Bold) !important;
}

.gform_wrapper.gravity-theme .gform_validation_errors {
    padding: 1em 1em 1em 3em !important;
}

.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
    font-size: 14px !important;
    border-radius: 5px !important;
    padding: .5em .5em .5em 40px !important;
}

.gform_wrapper.gravity-theme .validation_message {
    position: relative;
}

.gform_wrapper.gravity-theme .validation_message::before {
    position: absolute;
    font-family: 'Font Awesome 6 Pro';
    font-weight: var(--Font-Weight-Extra-Bold);
    color: #c02b0a;
    font-size: 20px;
    content: '\f057';
    margin-left: -28px;
}

/* CUSTOM FORM STYLES */
/* END FORM STYLES */

/*START PAGE ORGANIZATION*/
/*
HOMEPAGE
*/
/*HERO Styles*/

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

    .et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_one {
        margin-right: 0;
    }
}

body.et_pb_pagebuilder_layout #page-container div#home-hero .et_pb_fullwidth_header {
    padding-top: 0 !important;
}

.flex {
    display: flex;
}

.grid {
    display: grid;
}

.topic-row .slick-slide {
    padding: 1vh;
}

/* Slick Defaults */
.slick-slide {
    margin-bottom: 0 !important;
}

.slick-arrow {
    font-size: 20px !important;
    transition: all .5s ease;
}

.slick-arrow:hover {
    cursor: pointer;
    transition: all .5s ease;
    scale: 1.1 !important;
}

i.slick-arrow:active {
    transition: all .5s ease;
    scale: 1.1 !important;
}

.button-container .slick-arrow:first-child {
    margin-right: 5px;
}

.button-container .slick-arrow:last-child {
    margin-left: 5px;
}

.left {
    text-align: left;
    align-items: flex-start;
}

.right {
    text-align: right;
    align-items: flex-end;

}

/*END*/



/*FOOTER*/
#subfooter a {
    text-decoration: underline;
    color: #fff;
}

/*RESUSABLE*/

.side-by-side {
    display: flex;
    justify-content: center;
    margin-top: 3vh;

    a:first-child {
        margin-right: 1vh !important;

    }
}

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

    .side-by-side {
        display: flex;
        flex-direction: column;
    }

    .side-by-side a:first-child {
        margin-right: 0 !important;
        margin-bottom: 1vh !important;
    }
}

/*REUSABLES*/
.grid {
    display: grid;
}

.flex {
    display: flex;
}

.align-center {
    flex-wrap: wrap;
    align-content: center;
}

/*Landing Page*/

.et_pb_subheading {
    font-size: 20px;
    font-weight: var(--Font-Weight-Bold);
    padding: 15px 0;
}

body.et_divi_theme .large h2 {
    font-size: clamp(3rem, round(0.857rem + 6.857cqi, 0.5rem), 6rem) !important;
    font-family: var(--Font-Heading-Sans) !important;
    font-weight: var(--Font-Weight-Bold) !important;
    line-height: var(--Line-Height-xs) !important;
}

.pseudo-offset {
    position: relative;
    padding-left: 95px;

}

.pseudo-offset::before {
    position: absolute;
    display: block;
    content: '';
    width: 75px;
    height: 3px;
    background: #000;
    top: 10px;
    left: 0;
}

.pseudo-offset.vertical::before {
    background: #fff;
    width: 3px;
    height: 100px;
    top: -40%;
    left: 75px;
}

.et_pb_video {
    aspect-ratio: 16 / 9;
}

body.et_divi_theme .large h3 {
    font-size: var(--Heading-2-Size) !important;
    font-family: var(--Font-Heading-Sans) !important;
    font-weight: var(--Font-Weight-Bold) !important;
    line-height: var(--Line-Height-xs) !important;
}

.micro-cta span.et_pb_image_wrap {
    position: relative;
    width: fit-content !important;
}

.micro-cta .et_pb_blurb_container {
    padding-left: 30px !important;
}

.micro-cta span.et_pb_image_wrap::after {
    position: absolute;
    content: '';
    width: 150%;
    height: 150%;
    background-color: #7B2682;
    border-radius: 300px;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.micro-cta {
    transition: ease all 0.3s;
}

.micro-cta:hover {
    cursor: pointer;
}

.micro-cta:hover .pseudo-link,
.et_pb_blurb:hover .pseudo-link {
    text-decoration: none;
}

.lift-hover {
    transition: ease all 0.3s;

}

.lift-hover:hover {
    transform: translateY(-10px);
    transition: ease all 0.3s;
    cursor: pointer;

}

.pseudo-link {
    text-decoration: underline;
}

.pseudo-link:hover {
    text-decoration: none;
}

div#lower-anchor.micro-cta i {
    color: var(--Brand-Color-Secondary);
    font-size: 35px;
}

.float-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: flex-end;
}

div.et_pb_section.footer-top {
    background-size: inherit !important;
}

div#thank-you {
    position: relative;
}

.float-right {
    position: absolute;
    bottom: -5%;
    right: -2%;
}

div#today-beyond {
    position: relative;
}

div#today-beyond::before {
    position: absolute;
    content: '';
    width: 80%;
    height: 60%;
    background: var(--Brand-Color-Secondary);
    right: 0;
    bottom: 0;
}

.parallax .flex {
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 20px;

    .et_pb_module {
        margin-bottom: 0 !important;
        width: 100%;
        display: flex;
        min-height: auto;
    }

    span.et_pb_image_wrap {
        width: 100%;
        display: flex;
    }

    span.et_pb_image_wrap img {
        width: 100%;
        max-height: 420px;
        object-fit: cover;
        object-position: center;
    }
}

span.badge {
    display: block;
    padding: 4px 8px;
    margin-bottom: 10px;
    color: #1E1E1E;
    font-family: var(--Font-Heading-Sans) !important;
    font-size: 14px;
    width: fit-content;
    background: #fff;
    border-radius: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 1.4px;
}

span.badge i {
    color: #266882;

}

.decade .et_pb_row:not(.nav-bar) {
    display: flex;
    flex-wrap: wrap;
}

.nav-bar h2 {
    font-size: 22px !important;
    transition: ease all .3s;
    text-decoration: underline;
    padding: 0 !important;
    margin: 0 !important;
    line-height: normal;
}

.nav-bar h2:hover {
    text-decoration: none;
    transform: translateY(-5px);
    transition: ease all .3s;

}

header.et-l--header {
    position: relative;
    z-index: 3;
}

#et-main-area {
    position: relative;
    z-index: 2;
}

.sticky-background-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;

  /* --- Background behavior --- */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* --- SMOOTH TRANSITION --- */
  transition: background-image 0.7s ease-in-out;

  /* --- Safari Performance Fix --- */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

#timeline {
  position: relative;
  z-index: 2;
}

.decade .et_pb_row:not(.nav-bar) h2 {
    font-size: clamp(2rem, round(1.643rem + 1.143cqi, 0.1rem), 3.125rem) !important;
}

.decade {
    h2 {
        color: rgba(255, 255, 255, 0.75);
    }

    .et_pb_blurb h3 {
        color: var(--Brand-Color-Secondary);
    }

    .et_pb_blurb.world h3 {
        color: #266882;
    }

    .et_pb_row .et_pb_blurb::before {
        position: absolute;
        content: '';
        width: 50px;
        height: 50px;
        left: -35px;
        background-image: url('/wp-content/uploads/2025/09/SDMyers-Logo-bug.svg');
        background-position: center;
        background-size: cover;
        border-radius: 50%;
        z-index: 9999;
    }

    .et_pb_row .et_pb_blurb.world::before {
        background-image: url('/wp-content/uploads/2025/09/World-Event.svg');
    }

    .et_pb_row .et_pb_column:last-child {
        position: relative;
    }

    .et_pb_row:not(.nav-bar) .et_pb_column:last-child::after {
        position: absolute;
        content: '';
        height: 120%;
        width: 2px;
        left: 0;
        top: 0;
        background-color: #fff;
    }

    .anchor-row h2 {
        position: relative;
    }

    /*.anchor-row h2::before{
		position: absolute;
        content: '';
        width: 40px;
        height: 40px;
        right: -80px;
        background-color: rgba(255, 255, 255, 0.75);
        background-position: center;
        background-repeat: none;
        background-size: cover;
        border-radius: 50%;
	}*/



}

.image-row {
    position: relative;
}


.image-row i.fa-solid {
    position: absolute !important;
    color: var(--Brand-Color-Secondary) !important;
    font-size: 25px !important;
    z-index: 9;
    top: 50%;
}

.image-row i.fa-solid.fa-circle-chevron-right.slick-arrow {
    right: -5%;
}

.image-row i.fa-solid.fa-circle-chevron-left.slick-arrow {
    left: -5%;
}

.image-row.slick-initialized.slick-slider {
    padding-top: 20px;
}

.image-slider {
    padding-top: 10px;
}

.image-row img {
    width: inherit;
}


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

    .float-right {
        position: unset;
        bottom: unset;
        right: unset;
    }
}

/*LP MOBILE*/
@media only screen and (max-width:980px) {

    div#today-beyond::before {
        width: 90%;
        height: 70%;
    }

    .micro-cta .et_pb_blurb_container {
        padding-left: 0px !important;
    }

    #timeline .nav-bar .et_pb_column {
        margin-bottom: 0;
    }

    /* 	#timeline .nav-bar {
	display: grid;
    grid-template-columns: auto auto;
	} */


    .decade {
        .et_pb_column {
            width: 100% !important;
            min-width: 100% !important;
        }

        .et_pb_row .et_pb_blurb,
        .mobile-yr {

            margin-left: 7px;
            padding-left: 30px !important;
        }

        .et_pb_row .et_pb_blurb::before {
            display: none;
        }


        .mobile-yr::before {
            position: absolute;
            content: '';
            width: clamp(2rem, round(1.643rem + 1.143cqi, 0.1rem), 3.125rem);
            height: clamp(2rem, round(1.643rem + 1.143cqi, 0.1rem), 3.125rem);
            left: -15px;
            background-image: url('/wp-content/uploads/2025/09/SDMyers-Logo-bug.svg');
            background-position: center;
            background-size: cover;
            border-radius: 50%;
            z-index: 9999;
        }

        .mobile-yr.world::before {
            background-image: url('/wp-content/uploads/2025/09/World-Event.svg') !important;
        }

        .mobile-yr::after {
            position: absolute;
            content: '';
            height: 200vh;
            width: 2px;
            left: 0px;
            top: 0;
            background-color: #fff;
        }

        .et_pb_row:not(.nav-bar) .et_pb_column:last-child::after {
            display: none;
        }
    }

    decade .et_pb_row:not(.nav-bar) {
        min-height: 60vh !important;
    }

    .pseudo-offset {
        padding-left: 0;
    }

    .pseudo-offset::before {
        top: -15px;
    }

    .pseudo-offset.vertical {
        padding-left: 95px;
    }

    .pseudo-offset.vertical::before {
        top: 0;
    }

    .image-row i.fa-solid {
        color: var(--Brand-Color-Secondary);
        font-size: 25px !important;
        top: 0%;
        margin-top: 10px;
    }

    .image-row i.fa-solid.fa-circle-chevron-right.slick-arrow {
        left: 35px;
    }

    .image-row i.fa-solid.fa-circle-chevron-left.slick-arrow {
        left: 0;
    }

    .image-row.slick-initialized.slick-slider {
        padding-top: 35px !important;
    }


}

@media only screen and (max-width:767px) {
    div#lp-hero {
        background-position: 0% 100%;
    }

    div#today-beyond::before {
        width: 100%;
        height: 80%;
    }

}


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

    /* Hide all decade links inside the nav-bar row except the toggle */
    .nav-bar .et_pb_text:not(:first-child) {
        display: none;
        max-height: 0;
        opacity: 0;
        /* Initially hidden */
        overflow: hidden;
        transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
        /* Smooth transition */
    }

    /* Show the decade links when nav-bar has the .show class */
    .nav-bar.show .et_pb_text:not(:first-child) {
        display: block;
        max-height: 500px;
        opacity: 1;
        /* Fade in */
        margin-top: 0.5rem;
        transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
        /* Smooth transition */
    }

    .mobile.nav-bar .toggle-decade-links {
        margin-bottom: 0 !important;
        padding: 0 !important;
        display: flex;
        justify-content: center;
        padding-bottom: 0px !important;
    }

    /* 	.anchor-row .et_pb_column:first-of-type {
    display: none;
	} */
    i.fa-solid.fa-chevron-down {
        color: #7B2682 !important;
    }

    .decade .et_pb_row:not(.nav-bar) {
        min-height: 50vh;
        display: flex;
        flex-wrap: wrap;
    }

    div.et_pb_section.et_pb_section_7 {
        padding-bottom: 30vh;
    }

    body[data-scroll-step="1671"] .et_pb_column_93 {
        transform: none !important;
        transition: none !important;
    }

    div#timeline {
        padding-top: 20px;
    }

/*     #page-container .timeline-head.stick .et_pb_row {
        width: 100% !important;
        max-width: 100% !important;
    } */

    .et_pb_row.mobile.nav-bar.et_pb_sticky_module.et_pb_sticky.et_pb_sticky--top {
        top: 20px !important;
    }

    #page-container #care .et_pb_row {
        width: 100%;
        max-width: 100%;
    }

    #care {
        padding-left: 15px;
        padding-right: 15px;
    }

    .today-beyond-slider-row i.fa-solid.fa-circle-chevron-left.slick-arrow {
        position: absolute;
        left: 5px;
        top: 3px;
        color: #fff !important;
        font-size: 25px !important;
    }

    .today-beyond-slider-row i.fa-solid.fa-circle-chevron-right.slick-arrow {
        position: absolute;
        left: 40px;
        bottom: 3px;
        color: #fff !important;
        font-size: 25px !important;
    }

    div#today-beyond {
        padding-top: 20px;
    }

}


@media screen and (max-width: 767px) {
    .decade {

        /*     .et_pb_row:not(.nav-bar) .et_pb_column:last-child::after {
        left: 7.5%;
    } */
        .et_pb_row:not(.nav-bar) .et_pb_module.et_pb_text {
            z-index: 2;
        }
    }
}

.thank-you-footer {
    position: relative;
    z-index: 1;
}

.thank-you-footer:before {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/2025/03/60graphic.png);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.3;
    pointer-events: none;
    z-index: -1;
    inset: 0px;
    background-position: left 3% bottom 0px;
}

/* SDM Custom CSS */
.ba_image_carousel {
    padding: 0 3%;
    max-width: 100%;
}

.ba_image_carousel>.et_pb_module_inner {
    max-width: 550px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    word-wrap: break-word;
    width: 100%;
}

.ba_image_carousel .et_pb_module_inner .dtq-carousel .slick-track {
    padding: 0px;
}

.ba_image_carousel .et_pb_module_inner .dtq-carousel .slick-arrow {
    height: 40px;
    width: 40px;
    color: #333333;
    background: rgba(244, 244, 245, 0.69);
    border-radius: 5px 5px 5px 5px;
    font-size: 0px !important;
}

.ba_image_carousel .et_pb_module_inner .dtq-carousel .slick-next {
    right: -50px
}

.ba_image_carousel .et_pb_module_inner .dtq-carousel .slick-prev {
    left: 35px;
    background: transparent;
}

.ba_image_carousel .et_pb_module_inner .dtq-carousel .slick-arrow.slick-prev:before {
    font-size: 0px;
}

.ba_image_carousel .et_pb_module_inner .dtq-carousel .slick-arrow:before {
    padding-top: 1px;
}

@media only screen and (max-width:980px) {
    .et_pb_column .et_pb_module.ba_image_carousel {
        margin-left: 7px;
        padding-left: 30px !important;
    }

    .et_pb_gutters2 .et_pb_column_1_3 {
        width: 29%;
    }

    #timeline .et_pb_row:nth-child(n+3)>.et-last-child>div:first-child {
        margin-bottom: 20px;
    }

    #timeline .et_pb_row:nth-child(n+3) {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}

@media only screen and (max-width:500px) {
    .ba_image_carousel .et_pb_module_inner .dtq-carousel .slick-arrow {
        height: 25px;
        width: 25px;
    }

    .ba_image_carousel .et_pb_module_inner .dtq-carousel .slick-next {
        right: 20px
    }

    .ba_image_carousel .et_pb_module_inner .dtq-carousel .slick-arrow:before {
        font-size: 15px;
    }

    #lp-header .sdm-logo {
        max-width: 200px;
    }
}

body #timeline .nav-bar h2 {
    font-size: 16px !important;
    text-decoration: none;
}

.et_pb_gutters2 .et_pb_column_1_3,
.et_pb_gutters2.et_pb_row .et_pb_column_1_3 {
    width: 29.3333%;
}

.et_pb_blurb_description a {
    color: #7b2682;
    font-weight: bold;
}

.lift-hover .et_pb_blurb_content {
    display: flex;
    align-items: center;
}

.lift-hover .et_pb_main_blurb_image {
    margin-bottom: 0px;
}

.lift-hover .pseudo-link {
    text-decoration: none;
}

#timeline .et_pb_row:nth-child(n+3)>.et_pb_column {
    padding-right: 5%;
}

.et_pb_row.et_pb_row_57.parallax.today-beyond-slider-row {
    display: flex;
}

i.fa-solid.fa-circle-chevron-left.slick-arrow {
    margin-right: 30px;
}

.today-beyond-slider-row i.fa-solid.fa-circle-chevron-left.slick-arrow,
.today-beyond-slider-row i.fa-solid.fa-circle-chevron-right.slick-arrow {
    font-size: 30px !important;
    position: unset !important;
}

.et_pb_column.et_pb_column_4_4.et_pb_column_107.flex.today-beyond-column.et_pb_css_mix_blend_mode_passthrough.et-last-child.slick-initialized.slick-slider {
    width: 0px !important;
}

#ctas .micro-cta>.et_pb_blurb_content {
    gap: 25px;
}

/* Styles for Custom Sticky Navigation */
.nav-bar-placeholder {
  display: none;
}

.is-sticky {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100% !important;
  max-width: 100% !important;
  z-index: 9999;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.mobile.nav-bar.is-sticky {
    top: 20px !important;
}

#page-container .mobile.nav-bar.et_pb_sticky {
    padding: 15px 0px !important;
}