/*** GENERAL EASING ***/
.creative-eased, .creative-eased .list-item, .creative-eased a {
    transition: all linear 0.1s;
}

/*** BOLD ***/
strong {
    font-family: 'Helvetica Now Text Bold'!important;
    font-weight: regular;
}

/*** MEDIUM ***/
.onward-medium {
    font-family: 'Helvetica Now Display Medium'!important;
}

/*** COUNTDOWN ***/
.sf.countdown .text, .sf.countdown .value {
    clear: none!important;
}

/*** COVER ANIMATION ***/
.onward-video video {
    width: 52%;
    margin-top:14.5rem;
}

/*** SCROLL-TRIGGERED ANIMATIONS ***/
body:not(.finetune) .creative-fade {
    opacity: 0;
}
 
body:not(.finetune) .scrolled.creative-fade {
    animation: fadeIn .7s ease-in-out both;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

body:not(.finetune) .maven-header,
body:not(.finetune) .maven-nav {
    transition: all 0.4s ease;
}

body:not(.finetune).is-scrolled .maven-header {
    background-color: rgb(201, 188, 165)!important; 
}

/* Hide the dark logo by default */
body:not(.finetune) .maven-dark-green-logo {
    display: none!important;
}

body:not(.finetune).is-scrolled .maven-logo {
    display: none!important;
}

body:not(.finetune).is-scrolled .maven-dark-green-logo {
    display: block!important;
}

/*** MARQUEE ***/
body:not(.finetune) .creative-marquee {
    display: flex !important; 
    width: 100% !important;
}

body:not(.finetune) .marquee-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; 
    width: max-content !important; 
    white-space: nowrap;
    flex-shrink: 0;
    animation: scroll 20s linear infinite;
    animation-play-state: paused; 
}

body:not(.finetune) .marquee-slide {
    flex-shrink: 0 !important;
    display: block !important;
}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.creative-marquee:hover .marquee-inner {
    animation-play-state: paused !important;
    cursor: pointer;
}

/*** SPEAKERS ***/
.maven-speaker {
    border-radius: 2rem 2rem 2rem 0;
}

body:not(.finetune) .maven-speaker-info {
    border-top-right-radius: 1.5rem!important;
}

body:not(.finetune) .maven-speaker-info::before,
body:not(.finetune) .maven-speaker-info::after {
    content: "";
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-size: 100% 100%;
}

body:not(.finetune) .maven-speaker-info::before {
    top: -1.5rem;
    left: 0;
    background: radial-gradient(circle at top right, transparent 1.5rem, rgb(201, 188, 165) 0); 
}

body:not(.finetune) .maven-speaker-info::after {
    bottom: 0;
    right: -1.5rem;
    background: radial-gradient(circle at top right, transparent 1.5rem, rgb(201, 188, 165) 0);
}

/*** ACCORDIONS ***/
.plus-minus p:before, 
.creative-accordion, 
.creative-accordion .accordion-toggle p {
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
    cursor: pointer;
}
.creative-accordion:hover .accordion-toggle p {
    color: rgb(168, 240, 97)!important;
}
.plus-minus p:before {
    content:'\002B';
    display: block;
}
.rotated .plus-minus p:before {
    transform: rotate(180deg);
    content:'\2212';
}
.sr-only {  
    position: absolute;  
    width: 1px;  
    height: 1px;  
    padding: 0;  
    margin: -1px;  
    overflow: hidden;  
    clip: rect(0, 0, 0, 0);  
    border: 0;  
}

/*** FORM CUSTOMIZATIONS ***/
.FormView__container {
    border-radius: 15px!important;
    background-color: rgba(216, 204, 184, 0.7)!important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    width: 100%!important;
    min-width: 36rem!important;
}

.SuiCheckbox__field {
    background-color: #ffffff;
    border-radius: 3px;
}

.SuiModal--overlay-dark {
    background-color: rgba(0, 0, 0, 0)!important;
}

/*** MEDIA QUERIES ***/
@media screen and (max-width: 1200px) {
    body:not(.finetune) .custom-onward-headings { font-size: 1.25rem!important; }
    body:not(.finetune) .maven-left-image { bottom: -2%; }
}

@media screen and (max-width: 800px) {
    .maven-nav { background-color: #FFFFFF!important; }
    body:not(.finetune).is-scrolled .maven-nav { background-color: rgb(201, 188, 165)!important; }
    .FormView__container { min-width: 100%!important; }
    .FormView__FormContentView { padding: 2rem!important; }
}

@media screen and (max-width: 667px) {
    .maven-speaker { border-radius: 1rem 1rem 1rem 0; }
    body:not(.finetune) .maven-speaker-info { border-top-right-radius: 1rem!important; }
    body:not(.finetune) .maven-speaker-info::before,
    body:not(.finetune) .maven-speaker-info::after { width: 1rem; height: 1rem; }
    body:not(.finetune) .maven-speaker-info::before { top: -1rem; background: radial-gradient(circle at top right, transparent 1rem, rgb(201, 188, 165) 0); }
    body:not(.finetune) .maven-speaker-info::after { right: -1rem; background: radial-gradient(circle at top right, transparent 1rem, rgb(201, 188, 165) 0); }
    .onward-video video { width: calc(100% - 2rem); margin-top: 16.5rem; }
}

@media (prefers-reduced-motion: reduce) { 
    .plus-minus p:before, 
    .creative-accordion, 
    .creative-accordion .accordion-toggle p {
        -webkit-transition: none;
        transition: none; 
    }
}