/*
Events - Single CSS
*/

/* General
========================= */
.events-single .site-inner { min-height: 600px; }

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

.hero-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; z-index: 9; }
.hero-title-wrapper { display: flex; flex-direction: column; justify-content: flex-end; position: absolute; left: 0; top: 0; max-width: 600px; padding-left: calc(100vw * 0.02); padding-right: calc(100vw * 0.04); width: 100%; height: 100%; z-index: 10; }
.hero-title { display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px; }
.hero-title span { color: #fff; font-family: 'Mulish', sans-serif; font-size: 3.2rem; font-weight: 600; line-height: 1.2; letter-spacing: .05em; text-transform: uppercase; }

.hero-block { display: block; width: 100%; height: 0; }
.hero-block .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; }

.hero-block.slider:last-of-type .hero-bg { display: none; }
.hero-block.slider .hero-bg.show { display: block; }

/* Event Overview
========================= */
.event-overview { display: flex; flex-direction: column; align-items: center; margin: 0 2em; padding: 2em 0 1em; }
.event-overview-inner { display: flex; flex-direction: column; max-width: 1480px; width: 100%; }

.event-details { display: flex; flex-direction: column; padding: 1.5em 0 .5em; }
.event-details p { color: #1a1a1a; font-family: 'Mulish', sans-serif; font-size: 1.8rem; line-height: 1.6; margin: 0; padding: 0 0 1em; }
.event-details p:last-of-type { padding: 0; }
.event-details p span { font-weight: 800; }

.event-details-source { padding: 0.5em 0; }
.event-details-source .source-title { color: #1a1a1a; font-family: 'Mulish', sans-serif; font-size: 1.7rem; line-height: 1.4; font-weight: 600; padding-right: 0.2em; }
.event-details-source .sources { color: #d87103; font-family: 'Mulish', sans-serif; font-size: 1.7rem; line-height: 1.4; font-weight: 500; padding-right: 0.2em; }
.event-details-read-more { padding: 0.2em 0 0; }
.event-details-read-more a { color: #000; font-family: 'Mulish', sans-serif; font-size: 1.6rem; font-weight: 600; letter-spacing: .05em; text-decoration: underline; text-underline-offset: 0.25em; text-transform: uppercase; }

.single-back-link-wrapper { display: flex; flex-direction: column; padding: 2em 0 0; width: 100%; }
.single-back-link-inner { display: flex; background: transparent; border-color: rgba(173,176,182,0.3); border-width: 1px 0; border-style: solid; position: relative; }
.single-back-link-inner .single-back-link { margin: 0 auto; padding: 0.5em 0; }
.single-back-link-inner .single-back-link .back-to-events { display: flex; align-items: center; }
.single-back-link-inner .single-back-link .back-to-events .icon-th { font-size: 1.7rem; padding-right: 0.5em; padding-top: 0.08em; }
.single-back-link-inner .single-back-link .back-to-events .meta-nav { color: #1a1a1a; font-family: 'Mulish', sans-serif; font-size: 1.8rem; }

/* Video Gallery
========================= */
.vid-gallery { display: flex; flex-direction: column; align-items: center; margin: 0 2em; padding: .5em 0; }
.vid-gallery-inner { display: flex; flex-direction: column; max-width: 1480px; width: 100%; }
.vid-gallery-wrapper { display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; }
.vid-gallery-wrapper.single { padding: 1em 0 4em; }
.vid-gallery-wrapper.multiple { display: grid;grid-template-columns: repeat(2,1fr); gap: 20px; padding: 1em 0 0; }

.vid-section.single { display: block; margin: 0 auto; padding: 0; max-width: 1280px; position: relative; width: 100%; }
.vid-section.single .vid-container { background: #f3f3f3; box-shadow: 0 55px 80px -40px rgba(0, 0, 0, .45); display: block; margin-bottom: 0; padding: 1em; position: relative; width: 100%; z-index: 999; }
.vid-section.single .vid-container .vid-wrapper { margin: 0 auto; padding: 0; max-width: 1480px; }
.vid-section.single .vid-container .vid-wrapper .vidWrap { background: #fff; display: block; width: 100%; overflow: hidden; }

.vid-gallery-wrapper.multiple .vid-wrapper { margin: 0 auto; padding: 0; max-width: 1480px; }
.vid-gallery-wrapper.multiple .vid-wrapper .vidWrap { background: #fff; display: block; width: 100%; overflow: hidden; }

.plyr--video .plyr__control { background: #fec70f; }
.plyr--full-ui.plyr--video .plyr__control:hover { background: #fec70f; }
.plyr--full-ui.plyr--video .plyr__control--overlaid.plyr__control:hover { background: #fec70f; }
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track { color: #fec70f; }
.plyr__controls .plyr__controls__item.plyr__progress__container { margin-left: 1.5em; margin-right: 1.5em; }

/* Gallery
========================= */
.events-gallery-block { margin: 0 2em; padding: 1em 0 5em; }
.events-gallery-inner { display: flex; flex-direction: column; margin: 0 auto; max-width: 1480px; width: 100%; }

.events-gallery { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.events-gallery img { display: grid; grid-column: span 1; margin: 0; width: 100%; transition: none; }

/* Photography Credit
========================= */
.photography-credit { margin: 0; padding: 1em 0 0; }
.photography-credit span { color: #1a1a1a; font-family: 'Mulish', sans-serif; font-size: 1.8rem; font-weight: 600; letter-spacing: .02em; line-height: 1.4; margin: 0; padding: 0; text-transform: uppercase; }
.photography-credit .photog-name { letter-spacing: .05em; font-weight: 800; }

/* Responsive
========================= */

@media only screen and (max-width: 1480px) {
.hero { max-height: 375px; }
.hero-title span { font-size: 3rem; }
.event-overview { padding: 1.5em 0 1em; }
}

@media only screen and (max-width: 1280px) {
.hero { max-height: 350px; }
.hero-title span { font-size: 2.8rem; }
.event-overview { padding: 1em 0 .5em; }
.vid-gallery-wrapper.single { padding: 1em 0 3em; }
.events-gallery-block { padding: 1em 0 4em; }
}

@media only screen and (max-width: 1140px) {
.hero { max-height: 325px; }
.hero-title span { font-size: 2.6rem; }
}

@media only screen and (max-width: 1023px) {
.hero { max-height: 300px; }
.hero-title span { font-size: 2.4rem; }
.event-details { padding: 1em 0 0.5em; }
.single-back-link-wrapper { padding: 1.5em 0 .5em; }
.single-back-link-inner .single-back-link .back-to-events .meta-nav { font-size: 1.7rem; }
.vid-container { padding: 2em; }
.vid-section { padding: 1em 0 0; }
.vid-gallery-wrapper.multiple .vid-container { padding: 0; }
.vid-gallery-wrapper.multiple { grid-template-columns: repeat(1,1fr); gap: 30px; padding: 0.5em 0; }
.events-gallery-block { padding: 1em 0 3em; }
.events-gallery { grid-template-columns: repeat(2,1fr); }
.photography-credit { padding: 0.5em 0 0; }
.photography-credit span { font-size: 1.7rem; }
}

@media only screen and (max-width: 880px) {
.vid-gallery-wrapper.single { padding: 0.5em 0 2.5em; }
.vid-gallery-wrapper.multiple { gap: 25px; }
}

@media only screen and (max-width: 768px) {
.hero-container { padding: 0.8em 2em 0em; }
.hero { max-height: 275px; }
.hero-title span { font-size: 2.2rem; }
.event-overview { padding: .5em 0; }
.single-back-link-wrapper { padding: 1.5em 0 0.5em; }
.vid-section { padding: 0.5em 0 0; }
.vid-container { padding: 1.5em; }
}

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

@media only screen and (max-width: 640px) {
.hero-container { padding: 0.8em 1.5em 0em; }
.hero { max-height: 250px; }
.hero-title span { font-size: 2rem; }
.event-overview { margin: 0 1.5em; }
.event-details p { font-size: 1.7rem; }
.event-details-source { padding: 0.2em 0; }
.event-details-source .source-title { font-size: 1.6rem; }
.event-details-source .sources { font-size: 1.6rem; }
.event-details-read-more a { font-size: 1.5rem; }
.single-back-link-wrapper { padding: 1.5em 0 0em; }
.vid-gallery { margin: 0 1em; }
.vid-gallery-wrapper.single { padding: 0.5em 0 2em; }
.vid-container { box-shadow: none; padding: 0; }
.vid-gallery-wrapper.multiple { gap: 20px; }
.events-gallery-block { margin: 0 1.5em; }
.events-gallery { gap: 25px 0; grid-template-columns: repeat(1,1fr); }
.events-gallery img { margin: 0 auto; max-width: 100%; }
.photography-credit span { font-size: 1.6rem; }
}

@media only screen and (max-width: 580px) {
.single-back-link-inner .single-back-link .back-to-events .icon-th { font-size: 1.6rem; }
.single-back-link-inner .single-back-link .back-to-events .meta-nav { font-size: 1.6rem; }
.vid-gallery-wrapper.multiple { gap: 15px; }
.events-gallery-block { padding: 1em 0 3em; }
}

@media only screen and (max-width: 480px) {
.hero { max-height: 225px; }
.hero-title span { font-size: 1.9rem; }
.event-details p { font-size: 1.6rem; }
.event-details-source .source-title { font-size: 1.5rem; }
.event-details-source .sources { font-size: 1.5rem; }
.event-details-read-more a { font-size: 1.4rem; }
.events-gallery-block { padding: 0.5em 0 2.5em; }
.photography-credit span { font-size: 1.5rem; }
}