/* @link https://utopia.fyi/clamp/calculator?a=320,1280,1—100&p=foobar */
/* @link https://utopia.fyi/space/calculator?c=320,10,1.2,1280,16,1.25,5,2,&s=0.5,1.5|2|3|4|6|8,s-l&g=s,l,xl,12 */

/* Fonts */
@font-face {
    font-family:'GT America';
    src:url('https://cdn-static.bizzabo.com/fonts/gt-america-standard-light.woff2') format('woff2');
    font-weight:300;
    font-style:normal;
}
@font-face {
    font-family:'GT America';
    src:url('https://cdn-static.bizzabo.com/fonts/gt-america-standard-light-italic.woff2') format('woff2');
    font-weight:300;
    font-style:italic;
}
@font-face {
    font-family:'GT America';
    src:url('https://cdn-static.bizzabo.com/fonts/gt-america-standard-regular.woff2') format('woff2');
    font-weight:400;
    font-style:normal;
}
@font-face {
    font-family:'GT America';
    src:url('https://cdn-static.bizzabo.com/fonts/gt-america-standard-regular-italic.woff2') format('woff2');
    font-weight:400;
    font-style:italic;
}
@font-face {
    font-family:'GT America';
    src:url('https://cdn-static.bizzabo.com/fonts/gt-america-standard-medium.woff2') format('woff2');
    font-weight:500;
    font-style:normal;
}
@font-face {
    font-family:'GT America';
    src:url('https://cdn-static.bizzabo.com/fonts/gt-america-standard-medium-italic.woff2') format('woff2');
    font-weight:500;
    font-style:italic;
}
@font-face {
    font-family:'GT America';
    src:url('https://cdn-static.bizzabo.com/fonts/gt-america-standard-bold.woff2') format('woff2');
    font-weight:700;
    font-style:normal;
}
@font-face {
    font-family:'GT America';
    src:url('https://cdn-static.bizzabo.com/fonts/gt-america-standard-bold-italic.woff2') format('woff2');
    font-weight:700;
    font-style:italic;
}
@font-face {
    font-family:'HW Cigars';
    src:url('https://cdn-static.bizzabo.com/fonts/hw-cigars-slim.woff2') format('woff2');
    font-weight:200;
    font-style:normal;
}
@font-face {
    font-family:'HW Cigars';
    src:url('https://cdn-static.bizzabo.com/fonts/hw-cigars-light.woff2') format('woff2');
    font-weight:300;
    font-style:normal;
}
@font-face {
    font-family:'HW Cigars';
    src:url('https://cdn-static.bizzabo.com/fonts/hw-cigars-regular.woff2') format('woff2');
    font-weight:400;
    font-style:normal;
}
@font-face {
    font-family:'HW Cigars';
    src:url('https://cdn-static.bizzabo.com/fonts/hw-cigars-medium.woff2') format('woff2');
    font-weight:500;
    font-style:normal;
}

/* Root variables */
:root {
    --clr-midnight:#0D1846;
    --clr-sky:#4CA3FF;
    --clr-white:#FFF;
    --clr-cloud:#F8FAFC;
    --clr-dark:#0A0A32;

    --radius-md:18px;

    --wght-light:300;
    --wght-normal:400;
    --wght-medium:500;

    --space-xs: clamp(5px, 4px + 0.3125vw, 8px);
    --space-s: clamp(10px, 8px + 0.625vw, 16px);
    --space-m: clamp(15px, 12px + 0.9375vw, 24px);
    --space-l: clamp(20px, 16px + 1.25vw, 32px);
    --space-xl: clamp(30px, 24px + 1.875vw, 48px);
    --space-2xl: clamp(40px, 32px + 2.5vw, 64px);
    --space-3xl: clamp(60px, 48px + 3.75vw, 96px);
    --space-4xl: clamp(80px, 64px + 5vw, 128px);
}

/* Basic typography */
html {
    scroll-behavior: smooth;
}
html, 
body, 
section {
    background-color: var(--clr-midnight);
    font-family: "GT America", sans-serif;
    font-size:16px;
    line-height:1.4;
    font-weight:var(--wght-light);
    color:var(--clr-white);
}
p {
    font-size:1rem;
    margin:0;
}
video {
    max-width:100%;
    width:100%;
}
.h1 {
    font-family: "HW Cigars", serif;
    font-size:clamp(48px, 41.3333px + 2.0833vw, 68px);
    line-height:1.1;
    font-weight:var(--wght-light);
    margin:0;
}
.h2 {
    font-family: "HW Cigars", serif;
    font-size:clamp(38px, 36.6667px + 0.4167vw, 42px);
    line-height:1.1;
    font-weight:var(--wght-normal);
    margin:0;
}
.h3 {
    font-family: "HW Cigars", serif;
    font-size:clamp(26px, 25.3333px + 0.2083vw, 28px);
    line-height:1.1;
    font-weight:var(--wght-medium);    
    margin:0;
}
.eyebrow {
    font-size: 1rem;
    font-weight:var(--wght-medium);
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: .1em;
}
.radius {
    border-radius: var(--radius-md);
}
.shadow {
    box-shadow: 0px 5px 20px -3px rgba(0, 0, 0, 0.5);
}
a.btn {
    display:inline-block;
    border-radius: 100px;
    background-color: var(--clr-sky);
    color:var(--clr-midnight);
    padding:12px 20px;
    margin:0;
    text-decoration: none;
    font-size:14px;
    font-weight: var(--wght-normal);
    line-height:1;
    transition: all 0.2s ease-in-out;
}
a.btn:hover,
a.btn:active,
a.btn:focus {
    background-color: var(--clr-cloud);
}
.line-left {
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0.5),
        rgba(255, 255, 255, 0)
    );
}
.line-left.sky {
    opacity:0.5;
    background: linear-gradient(
        to right,
        var(--clr-sky),
        rgba(255, 255, 255, 0)
    );
}
.line-center {
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0.5),
        rgba(255, 255, 255, 0)
    );
}

/* Bizzabo overrides */
.db-ce-heading p,
.attendees-faces-holder .speaker-name,
.attendees-faces-holder .speaker-title,
.attendees-faces-holder .speaker-company {
    font-family: "GT America", sans-serif !important;
}
.db-ce-heading h2.atom-main {
    font-family: "HW Cigars", serif;
    font-size:clamp(38px, 36.6667px + 0.4167vw, 42px);
    line-height:1.1;
    font-weight:var(--wght-normal);
}
.attendees-faces h2.atom-main {
    font-family: "HW Cigars", serif;
    font-size:clamp(26px, 25.3333px + 0.2083vw, 28px);
    line-height:1.1;
    font-weight:var(--wght-medium);    
}
p.event-description {
    font-size:1rem;
}

/* Sections and db-containers */
section {
    padding-block:var(--space-3xl);
    padding-inline:var(--space-l);
    margin-inline:-15px;
}
#section-6922875 {
    /* Tickets on the HP */
    padding-bottom:var(--space-3xl);
}
.db-container {
    max-width:1380px;
    width:100%;
    margin-inline:auto;
    padding-inline: 0;
    color:var(--clr-white);
}
@media (min-width: 992px) {
    section {
        padding-block:var(--space-4xl);
    }
    #section-6922875 {
        /* Tickets on the HP */
        padding-bottom:var(--space-4xl);
    }
}

/* Section: Hero */
section.hero {
    background-color:var(--clr-sky);
    background-image:url('https://s3.amazonaws.com/bizzabo.users.files/207429/796345/33134123/reeded-bg.webp');
    background-position:left center;
    background-size:cover;
    background-repeat: no-repeat;
    padding-block:var(--space-2xl);
}
section.hero .db-container {
    background-color: var(--clr-midnight);
    padding-block: var(--space-2xl);
    padding-inline: var(--space-l);
}
section.hero .left {
    display:flex;
    flex-direction:column;
    align-items: flex-start;
    gap:var(--space-l);
}
section.hero .right {
    display:none;
}
@media (min-width: 992px) {
    section.hero {
        padding-block:var(--space-4xl);
    }
    section.hero .db-container {
        padding-block: var(--space-3xl);
        padding-inline: var(--space-2xl);
    }
    section.hero .cols {
        display:flex;
        flex-direction: row;
        gap:var(--space-2xl);
    }
    section.hero .left,
    section.hero .right {
        flex: 1 1 0;
    }
    section.hero .left .date,
    section.hero .left video {
        display:none;
    }
    section.hero .left .desc {
        padding-block:var(--space-xs);
    }
    section.hero .right {
        display:flex;
        flex-direction:column;
        align-items: flex-end;
        justify-content: center;
        gap:var(--space-m);
    }
}

/* Section: Why */
section.why {
    background-color: var(--clr-dark);
}
section.why .cols {
    display:flex;
    flex-direction: column;
    gap:var(--space-2xl);
}
section.why .left,
section.why .right {
    display:flex;
    flex-direction:column;
    align-items: flex-start;
    gap:var(--space-xl);
}
section.why .right {
    gap:var(--space-m);
}
section.why .left img {
    display:none;
}
section.why .line-left {
    margin-block:var(--space-xs);
}
@media (min-width: 992px) {
    section.why .cols {
        flex-direction: row;
        gap:var(--space-3xl);
    }
    section.why .left,
    section.why .right {
        flex: 1 1 0;
    }
    section.why .left img {
        display:block;
    }
}

/* Section: Agenda */
section.agenda {
    background-color: var(--clr-dark);
}
section.agenda h2 {
    text-align: center;
    margin-bottom:var(--space-xl);
}
section.agenda .boxes {
    display:flex;
    flex-direction: column;
    gap:var(--space-l);
}
section.agenda .boxes .box {
    display:flex;
    flex-direction:column;
    align-items: flex-start;
    gap:var(--space-m);
    padding-block: var(--space-xl);
    padding-inline: var(--space-l);
    background-color: var(--clr-cloud);
}
section.agenda .boxes .box svg {
    height:50px;
    margin-bottom:-10px;
}
section.agenda .boxes .box p, 
section.agenda .boxes .box h3 {
    color:var(--clr-midnight);
}
section.agenda .boxes .box p.date {
    color:var(--clr-sky);
    font-weight: var(--wght-medium);
}
section.agenda .boxes .box .line-left {
    margin-block:var(--space-xs);
}
@media (min-width: 992px) {
    section.agenda .boxes {
        flex-direction: row;
    }    
    section.agenda .boxes .box {
        flex: 1 1 0;
        padding-block: var(--space-2xl);
        padding-inline: var(--space-2xl);
    }
}

/* Section: Register */
section.register  {
    padding-bottom:var(--space-s);
}
section.register .db-container {
    max-width:900px;
    display:flex;
    flex-direction: column;
    align-items: center;
    gap:var(--space-l);
    text-align: center;
}
section.register .line-center {
    margin-top:var(--space-xs);
}

/* Section: Highlights */
section.highlights {
    background-color: var(--clr-dark);
}
section.highlights h2 {
    text-align: center;
    margin-bottom:var(--space-xl);
}
section.highlights .slides {
    margin-inline:calc(-1 * var(--space-l));
}
section.highlights .swiper-wrapper {
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    --swiper-wrapper-transition-timing-function: linear;
}
section.highlights .swiper-slide {
    display:inline-flex;
    width:auto;
    height:200px;
}
@media (min-width: 992px) {
    section.highlights .swiper-slide {
        height:350px;
    }
}

/* Section: Location */
section.location {
    padding-block:var(--space-2xl);
}
section.location .db-container {
    background-color: var(--clr-sky);
    padding-block: var(--space-2xl);
    padding-inline: var(--space-l);
}
section.location .left {
    display:flex;
    flex-direction:column;
    align-items: flex-start;
    gap:var(--space-l);
}
section.location .left p.address {
    font-weight: var(--wght-medium);
}
section.location .left svg {
    height:80px;
    margin-top:auto;
}
section.location .right {
    display:none;
}
@media (min-width: 992px) {
    section.location {
        padding-block:var(--space-4xl);
    }
    section.location .db-container {
        padding-block: var(--space-3xl);
        padding-inline: var(--space-2xl);
    }
    section.location .cols {
        display:flex;
        flex-direction: row;
        gap:var(--space-2xl);
    }
    section.location .left,
    section.location .right {
        flex: 1 1 0;
    }
    section.location .left img {
        display:none;
    }
    section.location .left svg {
        height:100px;
    }
    section.location .right {
        display:flex;
        flex-direction:column;
        align-items: flex-end;
        justify-content: center;
    }
}

/* Section: FAQ */
section.faq {
    background-color: var(--clr-dark);
}
section.faq h2 {
    text-align: center;
    margin-bottom:var(--space-xl);
}
section.faq .faqs {
    display:flex;
    flex-direction: column;
    gap:var(--space-l);
}
section.faq summary {
    display:block;
    position:relative;
    cursor:pointer;
    padding-right:40px;
}
section.faq summary .h3 {
    font-weight: var(--wght-normal);
    font-size:clamp(22px, 20px + 0.625vw, 28px);
    line-height:1.4;
}
section.faq details:open summary {
    padding-bottom:var(--space-m);
}
section.faq details summary::after {
    display:block;
    content:" ";
    width:32px;
    height:32px;
    position:absolute;
    top:0;
    right:0;
    z-index: 1;
    background-image:url('data:image/svg+xml,<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="37" height="37" rx="18.5" stroke="%234CA3FF"/><path d="M20.5714 9.57143C20.5714 8.70223 19.8692 8 19 8C18.1308 8 17.4286 8.70223 17.4286 9.57143V17.4286H9.57143C8.70223 17.4286 8 18.1308 8 19C8 19.8692 8.70223 20.5714 9.57143 20.5714H17.4286V28.4286C17.4286 29.2978 18.1308 30 19 30C19.8692 30 20.5714 29.2978 20.5714 28.4286V20.5714H28.4286C29.2978 20.5714 30 19.8692 30 19C30 18.1308 29.2978 17.4286 28.4286 17.4286H20.5714V9.57143Z" fill="%234CA3FF"/></svg>');
    background-size:contain;
    background-repeat: no-repeat;
    transition:all 0.1s ease-in-out;
}
section.faq details:open summary::after {
    background-image:url('data:image/svg+xml,<svg width="38" height="37" viewBox="0 0 38 37" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="37" height="36" rx="18" stroke="%234CA3FF"/><path d="M8 18.5C8 17.6703 8.70223 17 9.57143 17H28.4286C29.2978 17 30 17.6703 30 18.5C30 19.3297 29.2978 20 28.4286 20H9.57143C8.70223 20 8 19.3297 8 18.5Z" fill="%234CA3FF"/></svg>');
}
@media (min-width: 992px) {
    section.faq summary {
        padding-right:45px;
    }
    section.faq summary .h3 {
        font-weight: var(--wght-medium);
        line-height:1.1;
    }
    section.faq details summary::after {
        width:35px;
        height:35px;
    }
}