/*
Events CSS
*/

/* General
========================= */
.events .site-inner { padding: 1em 2em; width: 100%; min-height: 800px; }

/* Events Week Hero
========================= */
.hero-container { display: flex; justify-content: center; width: 100%; padding: 1em 2em 0em; }
.hero { display: block;background-color: #fff; position: relative; width: 100%; height: 600px; max-height: 100%; overflow: hidden; z-index: 999; }
.hero-block { display: block; width: 100%; }

.hero-block-slide.slick-slide { height: 600px; }

.hero-block-slide.slick-slide .hero-bg { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; overflow: hidden; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); }
.hero-block-slide.slick-slide.slick-active .hero-bg { transform: scale(1); }

.slider { visibility: hidden; }
.slider.slick-initialized { visibility: visible; }

/* Upcoming Events
========================= */
.upcoming-events-overview { display: flex; flex-direction: column; align-items: center; margin: 0; padding: 3em 0 1em; }
.upcoming-events-inner { display: flex; flex-direction: column; max-width: 1480px; width: 100%; }
.upcoming-events-title { display: flex; flex-direction: column; align-items: center; margin: 0; padding: 0.5em 0; }
.upcoming-events-title span { color: #1a1a1a; font-family: 'Roboto Slab', serif; font-size: 3.4rem; font-weight: 600; line-height: 1.2; letter-spacing: .08em; text-transform: uppercase; }

.upcoming-events-overview iframe { width: 100%; height: 800px; margin: 3em 0 0; }

.upcoming-events { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 auto; padding: 0; width: 100%; position: relative; }

.upcoming-events .column { display: flex; flex-direction: column; margin: 0; padding: 1em 0 0.5em; width: calc(1/2*100% - (1 - 1/2)*27px); position: relative; }
.column.event-1 { flex-direction: row; padding: 2em 0 1em; width: 100%; }
.column.event-1 .upcoming-events-tmb { width: 60%; }
.column.event-1 .upcoming-events-details .upcoming-events-overview-details { display: flex; flex-direction: column; margin: 0; padding: 3em 0 1em; }
.column.event-1 .upcoming-events-details .upcoming-events-overview-details p { color: #333; font-family: 'Mulish', sans-serif; font-size: 2rem; line-height: 1.4; margin: 0 0 .8em; }
.column.event-1 .upcoming-events-details .upcoming-events-overview-details p:last-of-type { margin: 0; }
.column.event-2, .column.event-4  { margin-right: 1.5em; }

.upcoming-events-tmb { max-width: 100%; width: 100%; position: relative; }
.upcoming-events-tmb-overlay { display: none; background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .3) 100%); position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.upcoming-events-tmb img { width: 100%; height: 100%; object-fit: cover; }

.upcoming-events-details { background: #f4f4f4; display: flex; flex-direction: column; align-items: center; padding: 2em 3em; width: 100%; height: 100%; }
.column.event-1 .upcoming-events-details { justify-content: center; min-height: 100%; padding: 5em 3em; width: 40%; }

.upcoming-events-date-title { display: flex; flex-direction: column; align-items: center; }
.upcoming-events-date-title span { color: #3d3d3d; font-family: 'Mulish', sans-serif; font-size: 1.9rem; font-weight: 800; line-height: 1.4; text-align: center; }
.upcoming-events-date-title.additional { padding: 1em 0 0; }
.column.event-1 .upcoming-events-date-title span,  .column.event-1 .upcoming-events-date-title.additional { font-size: 2.4rem; }

.upcoming-events-overview p { color: #333; font-family: 'Mulish', sans-serif; font-size: 1.8rem; margin: 0; }

.more-info { padding-top: .25em; }
.more-info a { color: #000; font-family: 'Mulish', sans-serif; font-size: 1.5rem; font-weight: 400; letter-spacing: .05em; text-decoration: underline; text-underline-offset:.25em; text-transform: uppercase; }

/*Event Space Tour
========================= */
.event-space-tour { display: flex; flex-direction: column; margin: 0; padding: 3em 0 2em; width: 100%; }
.event-space-tour-inner { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 auto; max-width: 1480px; width: 100%; }
.event-space-tour-feat-img { background-color: #fff; display: block; max-width: 100%; min-height: 1px; overflow: hidden; width: 50%; order: 2; }
.event-space-tour-feat-img a { display: block; position: relative; width: 100%; height: 100%; }
.event-space-tour-feat-bg { height: 100%; width: 100%; object-fit: cover; }
.event-space-tour-overview { background: #f4f4f4; display: flex; flex-direction: column; justify-content: center; padding: 8em 4em; width: 50%; min-height: 100%; order: 1; }
.event-space-tour-overview-title { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 100%; }
.event-space-tour-subtitle { color: #3d3d3d; font-family: 'Mulish', sans-serif; font-size: 1.8rem; font-weight: 600; letter-spacing: .08em; line-height: 1.4; margin: 0; padding: 0; }
.event-space-tour-title { color: #1a1a1a; font-family: 'Roboto Slab', serif; font-size: 2.6rem; font-weight: 600; line-height: 1.2; letter-spacing: .05em; text-transform: uppercase; }
.event-space-tour-overview .event-space-tour-details { display: flex; flex-direction: column; padding: 2em 0 0; }
.event-space-tour-overview .event-space-tour-details p { color: #3d3d3d; font-family: 'Mulish', sans-serif; font-size: 1.8rem; font-weight: 600; line-height: 1.6; margin: 0; padding: 0 0 0.5em; }
.event-space-tour-overview .event-space-tour-details p:last-of-type { padding: 0; }
.play-button { background: rgba(255, 255, 255, .5); position: absolute; left: 0; right: 0; top: 50%; text-align: center; cursor: pointer; transform: translate(0, -50%); width: 65px; height: 65px; border-radius: 50%; border: 3px solid #000; margin-left: auto; margin-right: auto; }
.play-button .icon-play { font-size: 3.8rem; color: #000; position: absolute; left: 6px; right: 0; top: 50%; transform: translate(0, -50%); line-height: 1.6; }

/* Sample Sales Banner
========================= */
.sample-sales-cta { clear: both; padding: 1em 0 3.5em; position: relative; width: 100%; }
.sample-sales-cta-inner { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; align-items: center; margin: 0 auto; padding: 4em 2em; max-width: 1480px; width: 100%; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; }
.sample-sales-cta-overlay { background-color: rgba(44, 46, 61, 0.45); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }

div:not(.sample-sales-cta-info-block) + .sample-sales-cta-info-block { display: grid; grid-column: span 1; margin-left: auto; margin-right: auto; transition: none; max-width: 430px; z-index: 9; }
.sample-sales-cta-info-block:last-of-type { display: grid; grid-column: span 1; margin: 0 auto; transition: none; max-width: 475px; z-index: 9; }

.sample-sales-cta-info-block span { color: #fff; font-family: 'Roboto Slab', serif; font-size: 5.2rem; font-weight: 400; line-height: 1.4em; margin: 0; text-align: center; text-transform: uppercase; }
div:not(.sample-sales-cta-info-block) + .sample-sales-cta-info-block span { font-weight: 600; letter-spacing: .05em; line-height: 1em; }
.sample-sales-cta-info-block:last-of-type span { font-family: 'Mulish', sans-serif; font-size: 2.2rem; line-height: 1.4; text-transform: none; }
.sample-sales-cta-info-block a { background-color: transparent; border: 1px solid #fff; color: #fff; font-family: 'Mulish', sans-serif; font-size: 1.4rem; font-weight: 600; height: auto; margin: 1.25em auto 0; padding: .4em .8em; text-decoration: none; text-align: center; text-shadow: 1px 2px 8px #000; text-transform: uppercase; transition: all 0.2s ease 0s; }

/* Events
========================= */
.events-listing-overview { display: flex; flex-direction: column; align-items: center; margin: 0; padding: 2em 0 1em; }
.events-listing-inner { display: flex; flex-direction: column; max-width: 1480px; width: 100%; }
.events-listing-title { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; margin: 0; padding: 0; }
.events-listing-title span { color: #1a1a1a; font-family: 'Roboto Slab', serif; font-size: 3.4rem; font-weight: 600; line-height: 1.2; letter-spacing: .08em; text-transform: uppercase; }
.events-listing-title a { border: 1px solid #1a1a1a; color: #1a1a1a; display: flex; align-items: center; font-family: 'Mulish', sans-serif; font-size: 1.3rem; font-weight: 800; height: 30px; line-height: 1.2; padding: 8px; text-transform: uppercase; }

.events-listing { display: grid; grid-template-columns: repeat(2,1fr); gap: 27px; padding: 1.5em 0 2em; }
.events-listing .column { display: grid; position: relative; }
.events-listing .column a { display: grid; }
.events-overlay { background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 25%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .3) 75%, rgba(0, 0, 0, .8) 100%); position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.events-details { display: flex; flex-direction: column; justify-content: flex-end; position: absolute; left: 0; top: 0; max-width: 475px; padding-left: calc(100vw * 0.02); padding-right: calc(100vw * 0.04); width: 100%; height: 100%; z-index: 99; }
.events-title { display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px; }
.events-title span { color: #fff; font-family: 'Mulish', sans-serif; font-size: 2.4rem; font-weight: 600; line-height: 1.2; letter-spacing: .05em; text-transform: uppercase; }
.events-thumb { display: grid; grid-column: span 1; margin: 0; width: 100%; transition: none; }

/* Responsive
--------------------------------------------- */
@media only screen and (min-width: 1980px) {
.hero { height: 700px; }
.hero-block-slide.slick-slide { height: 700px; }
}

@media only screen and (min-width: 2500px) {
.hero { height: 750px; }
.hero-block-slide.slick-slide { height: 750px; }
}

@media only screen and (max-width: 1480px) {
.hero,.hero-block-slide.slick-slide { max-height: calc(100vw * 0.38852); }
.upcoming-events-overview { padding: 2.5em 0 1em; }
.upcoming-events-title span { font-size: 3.2rem; }
.column.event-1 { flex-direction: row; width: 100%; }
.column.event-1 .upcoming-events-tmb { width: 55%; }
.column.event-1 .upcoming-events-date-title span, .column.event-1 .upcoming-events-date-title.additional { font-size: 2.3rem; }
.column.event-1 .upcoming-events-details { width: 45%; }
.column.event-1 .upcoming-events-details .upcoming-events-overview-details { padding: 2.5em 0 1em; }
.column.event-1 .upcoming-events-details .upcoming-events-overview-details p { font-size: 1.9rem; }
.events-listing-overview { padding: 1.5em 0 1em; }
.events-listing-title span { font-size: 3.2rem; }
.sample-sales-cta { padding: 1em 0 3em; }
div:not(.sample-sales-cta-info-block) + .sample-sales-cta-info-block { max-width: 400px; }
div:not(.sample-sales-cta-info-block) + .sample-sales-cta-info-block span { font-size: 4.8rem; }
}

@media only screen and (max-width: 1280px) {
.hero,.hero-block-slide.slick-slide { max-height: calc(100vw * 0.39063); }
.upcoming-events-overview { padding: 2em 0 1em; }
.upcoming-events-title span { font-size: 3rem; }
.column.event-1 { padding: 1.5em 0 1em; }
.column.event-1 .upcoming-events-tmb { width: 50%; }
.column.event-1 .upcoming-events-date-title span, .column.event-1 .upcoming-events-date-title.additional { font-size: 2.2rem; }
.column.event-1 .upcoming-events-details { padding: 4em 2em; width: 50%; }
.column.event-1 .upcoming-events-details .upcoming-events-overview-details { padding: 2em 0 1em; }
.column.event-1 .upcoming-events-details .upcoming-events-overview-details p { font-size: 1.8rem; }
.upcoming-events-details { padding: 2em 2.5em; }
.event-space-tour { padding: 2.5em 0 2em; }
.event-space-tour-title { font-size: 2.3rem; }
.event-space-tour-overview { padding: 6em 3em; }
.events-listing-overview { padding: 1em 0; }
.events-listing-title span { font-size: 3rem; }
.events-listing { padding: 1em 0 1.5em; }
.events-title span { font-size: 2.2rem; }
.sample-sales-cta { padding: 1em 0 2.5em; }
.sample-sales-cta-inner { padding: 3.5em 2em; }
div:not(.sample-sales-cta-info-block) + .sample-sales-cta-info-block { margin-left: 20px; max-width: 380px; }
div:not(.sample-sales-cta-info-block) + .sample-sales-cta-info-block span { font-size: 4.6rem; }
.sample-sales-cta-info-block:last-of-type { max-width: 450px; }
.sample-sales-cta-info-block:last-of-type span { font-size: 2.1rem; }
}

@media only screen and (max-width: 1140px) {
.upcoming-events-overview { padding: 1.5em 0 .5em; }
.upcoming-events-title span { font-size: 2.8rem; }
.column.event-1 .upcoming-events-details .upcoming-events-overview-details { padding: 1.5em 0 .5em; }
.upcoming-events-details { padding: 2em; }
.column.event-1 { padding: 1em 0; }
.event-space-tour { padding: 2em 0 1.5em; }
.event-space-tour-overview { padding: 4em 3em; }
.events-listing-title span { font-size: 2.8rem; }
.events-listing { padding: 1em 0; }
.sample-sales-cta { padding: 1em 0 2em; }
.sample-sales-cta-inner { padding: 3em 2em; }
div:not(.sample-sales-cta-info-block) + .sample-sales-cta-info-block { margin-left: 15px; max-width: 365px; }
div:not(.sample-sales-cta-info-block) + .sample-sales-cta-info-block span { font-size: 4.4rem; }
.sample-sales-cta-info-block:last-of-type { max-width: 425px; }
}

@media only screen and (max-width: 1080px) {
div:not(.sample-sales-cta-info-block) + .sample-sales-cta-info-block { margin-left: 10px; max-width: 350px; }
div:not(.sample-sales-cta-info-block) + .sample-sales-cta-info-block span { font-size: 4.2rem; }
.sample-sales-cta-info-block:last-of-type { max-width: 415px; }
}

@media only screen and (max-width: 1023px) {
.events .site-inner { padding: 0.5em 2em 1em; }
.hero,.hero-block-slide.slick-slide { max-height: calc(100vw * 0.39101); }
.hero-block-slide.slick-slide:nth-of-type(1) .hero-bg { background-position: 65% 50%; }
.hero-block-slide.slick-slide:nth-of-type(2) .hero-bg { background-position: 25% 50%; }
.hero-block-slide.slick-slide:nth-of-type(3) .hero-bg { background-position: 25% 50%; }
.hero-block-slide.slick-slide:nth-of-type(4) .hero-bg { background-position: 60% 50%; }
.upcoming-events-title span { font-size: 2.6rem; }
.column.event-1 { flex-direction: column; }
.column.event-1 .upcoming-events-details { min-height: auto; padding: 3em 2em; width: 100%; }
.column.event-1 .upcoming-events-tmb { width: 100%; }
.column.event-2, .column.event-3, .column.event-4, .column.event-5 { margin-right: 0; width: 100%; }
.upcoming-events-details { padding: 2em 1.5em; }
.event-space-tour { flex-direction: column; padding: 1.5em 0; }
.event-space-tour-feat-img { width: 100%; order: 1; }
.event-space-tour-feat-bg { height: calc(100vw * 0.39101); }
.event-space-tour-overview { padding: 3em 2em; width: 100%; order: 2; }
.event-space-tour-overview .event-space-tour-details { padding: 1.5em 0; }
.event-space-tour-title { font-size: 2.2rem; }
.events-listing-title span { font-size: 2.6rem; }
.events-listing { grid-template-columns: repeat(1,1fr); }
.events-listing .column { max-height: 400px; overflow: hidden; }
.events-title span { font-size: 2.1rem; }
.events-listing-title a { font-size: 1.2rem; height: 25px; }
.sample-sales-cta { padding: .5em 0 1.5em; }
.sample-sales-cta-inner { grid-template-columns: 40% 58%; gap: 15px; padding: 2em 1em; }
div:not(.sample-sales-cta-info-block) + .sample-sales-cta-info-block { margin-left: auto; max-width: 325px; }
div:not(.sample-sales-cta-info-block) + .sample-sales-cta-info-block span { font-size: 4rem; }
.sample-sales-cta-info-block:last-of-type span { font-size: 2rem; }
}

@media only screen and (max-width: 920px) {
.column.event-1 .upcoming-events-details { padding: 2.5em 2em;}
.upcoming-events .column { padding: 1.5em 0 0.5em; width: 100%; }
}

@media only screen and (max-width: 880px) {
.hero,.hero-block-slide.slick-slide { max-height: calc(100vw * 0.39773); }
.upcoming-events-overview { padding: 1.5em 0 0.5em; }
.column.event-1 .upcoming-events-details .upcoming-events-overview-details { padding: 1.5em 0 0.5em; }
.event-space-tour { padding: 1.5em 0 1em; }
.event-space-tour-feat-bg { height: calc(100vw * 0.39773); }
.events-listing { padding: 1em 0 2em; }
.sample-sales-cta-inner { grid-template-columns: 35% 64%; gap: 10px; }
div:not(.sample-sales-cta-info-block) + .sample-sales-cta-info-block { max-width: 300px; }
div:not(.sample-sales-cta-info-block) + .sample-sales-cta-info-block span { font-size: 3.8rem; }
.sample-sales-cta-info-block:last-of-type span { font-size: 1.9rem; }
}

@media only screen and (max-width: 768px) {
.hero-container { padding: 0.8em 1.5em 0em; }
.hero,.hero-block-slide.slick-slide { max-height: calc(100vw * 0.39064); }
.events .site-inner { padding: 0.5em 1.5em 1em; }
.upcoming-events .column { padding: .5em 0; }
.upcoming-events-title span { font-size: 2.4rem; }
.upcoming-events-overview iframe { margin: 2.5em 0 0; }
.column.event-1 .upcoming-events-details { padding: 2em 1.5em; }
.column.event-1 .upcoming-events-date-title span, .column.event-1 .upcoming-events-date-title.additional { font-size: 2.1rem; }
.event-space-tour { padding: 1em 0; }
.event-space-tour-feat-bg { height: calc(100vw * 0.39064); }
.event-space-tour-overview { padding: 2em 1.5em; }
.event-space-tour-overview .event-space-tour-details { padding: 1em 0 0; }
.events-listing { padding: 1em 0 .5em; }
.events-listing-title span { font-size: 2.4rem; }
.events-title span { font-size: 2rem; }
.sample-sales-cta { padding: .5em 0 1em; }
.sample-sales-cta-inner { grid-template-columns: 30% 69%; padding: 1.5em 1em; }
div:not(.sample-sales-cta-info-block) + .sample-sales-cta-info-block { max-width: 165px; }
div:not(.sample-sales-cta-info-block) + .sample-sales-cta-info-block span { font-size: 3.6rem; }
}

@media only screen and (max-width: 719px) {
.sample-sales-cta-inner { grid-template-columns: repeat(1, 1fr); padding: 2em 1.5em; }
div:not(.sample-sales-cta-info-block) + .sample-sales-cta-info-block { margin-left: auto; max-width: 100%; }
div:not(.sample-sales-cta-info-block) + .sample-sales-cta-info-block span { font-size: 3.2rem; }
.sample-sales-cta-info-block:last-of-type { max-width: 100%; }
}

@media only screen and (max-width: 640px) {
.events .site-inner { padding: .5em 1.5em; }
.hero,.hero-block-slide.slick-slide { max-height: calc(100vw * 0.4297); }
.hero-block-slide.slick-slide:nth-of-type(3) .hero-bg { background-position: 45% 50%; }
.upcoming-events-overview { padding: 1em 0 0.5em; }
.upcoming-events-title span { font-size: 2.2rem; }
.column.event-1 .upcoming-events-details .upcoming-events-overview-details { padding: 1em 0 0.5em; }
.upcoming-events-overview iframe { margin: 2em 0 0; }
.column.event-1 .upcoming-events-date-title span, .column.event-1 .upcoming-events-date-title.additional { font-size: 2rem; }
.event-space-tour { padding: .8em 0; }
.event-space-tour-feat-bg { height: calc(100vw * 0.4297); }
.event-space-tour-overview { padding: 1.5em; }
.event-space-tour-overview .event-space-tour-details p { font-size: 1.7rem; }
.event-space-tour-title { font-size: 2.1rem; }
.play-button { width: 60px; height: 60px; }
.play-button .icon-play { font-size: 3.2rem; left: 8px; line-height: 1.4; }
.events-listing-overview { padding: 1em 0 .5em; }
.events-listing-title span { font-size: 2.2rem; }
.events-listing { gap: 22px; }
.events-listing .column { max-height: 300px; }
.events-title span { font-size: 1.9rem; }
.sample-sales-cta-inner { padding: 2em 1em; }
div:not(.sample-sales-cta-info-block) + .sample-sales-cta-info-block span { font-size: 3rem; }
.sample-sales-cta-info-block:last-of-type span { font-size: 1.8rem; }
}

@media only screen and (max-width: 580px) {
div:not(.sample-sales-cta-info-block) + .sample-sales-cta-info-block span { font-size: 2.8rem; }
}

@media only screen and (max-width: 520px) {
.column.event-1 .upcoming-events-date-title span, .column.event-1 .upcoming-events-date-title.additional { font-size: 1.9rem; }
.column.event-1 .upcoming-events-details .upcoming-events-overview-details p { font-size: 1.7rem; }
.upcoming-events-overview p { font-size: 1.7rem; }
}

@media only screen and (max-width: 480px) {
.hero,.hero-block-slide.slick-slide { max-height: calc(100vw * 0.46874999); }
.upcoming-events-overview { padding: .5em 0; }
.upcoming-events-title span { font-size: 2rem; }
.column.event-1 .upcoming-events-details .upcoming-events-overview-details { padding: .5em 0; }
.upcoming-events-overview iframe { margin: 1.5em 0 0; }
.upcoming-events .column { padding: .5em 0 0; }
.column.event-1 .upcoming-events-date-title span, .column.event-1 .upcoming-events-date-title.additional { font-size: 1.8rem; }
.upcoming-events-details { padding: 1.5em; }
.upcoming-events-date-title span { font-size: 1.8rem; }
.event-space-tour-feat-bg { height: calc(100vw * 0.46874999); }
.event-space-tour-title { font-size: 2rem; }
.event-space-tour-subtitle { font-size: 1.7rem; }
.event-space-tour-overview { padding: 1.5em 1em; }
.events-listing-overview { padding: 0.8em 0 .5em; }
.events-listing-title span { font-size: 2rem; }
.events-title span { font-size: 1.8rem; }
.more-info a { font-size: 1.4rem; }
.sample-sales-cta-inner { grid-template-columns: repeat(1, 1fr); padding: 1.5em 1em; }
div:not(.sample-sales-cta-info-block) + .sample-sales-cta-info-block span { font-size: 2.6rem; }
.sample-sales-cta-info-block:last-of-type span { font-size: 1.7rem; }
.sample-sales-cta-info-block a { font-size: 1.3rem; margin: 1em auto 0; }
}

@media only screen and (max-width: 420px) {
.hero,.hero-block-slide.slick-slide { max-height: calc(100vw * 0.4762); }
.event-space-tour-feat-bg { height: calc(100vw * 0.4762); }
div:not(.sample-sales-cta-info-block) + .sample-sales-cta-info-block span { font-size: 2.4rem; }
.sample-sales-cta-info-block:last-of-type span { font-size: 1.6rem; }
}