/* node head */



div.node-type{display: table; margin: 0 auto; margin-bottom: 14px; padding: 0 12px; border: 2px solid #ce0000; border-radius: 4px; font-size: 1.2rem; font-weight: 500; line-height: 1.4em; letter-spacing: 0.02em; color: #ce0000; text-transform: uppercase;}
div.node-type.live{padding: 0 0.6em 0 2.0em; background: #ce0000 url(svg/live-w.svg) left 0.6em center / 1.0em auto no-repeat; color: #fff;}
div.node-head{grid-column: 2 / 20; text-align: center;}
div.node-head>*:first-child{margin-top: 0 !important;}
div.node-head>*:last-child{margin-bottom: 0 !important;}
div.node-head h1{font-family: 'Merriweather', serif; font-size: 3.0em; font-weight: 400;}
div.node-head p.teaser{max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 1.6em;}
div.node-meta{margin-bottom: 30px;}
div.node-meta a{color: #ce0000; font-weight: 600; text-decoration: none;}
div.node-meta a:hover{text-decoration: underline;}
div.node-meta ul{display: table; margin: 0 auto;}
div.node-meta ul>li{position: relative; display: inline-block; margin: 4px;}
div.node-meta ul>li.duration{font-style: italic;}
div.node-meta ul>li:not(:first-child){padding-left: 20px;}
div.node-meta ul>li:not(:first-child):before{position: absolute; top: 50%; left: 4px; content: ''; display: block; width: 4px; height: 4px; background: #333; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
div.node-card{grid-column: 1 / 21;}
div.node-card-name{grid-column: 2 / 20;}
div.node-embed-media{grid-column: 2 / 20;}
div.tags{display: table; margin: 0 auto;}
div.tags div{display: inline;}
div.tags div a{display: inline-block; float: left; margin: 4px; padding: 4px 8px; background: #ffcd00; border-radius: 3px; font-size: 0.8em; line-height: 1.0em; font-weight: 600; text-transform: uppercase; color: #111 !important; text-decoration: none;}
@media (min-width: 990px){
div.node-head{grid-column: 4 / 18;}
div.widescreen-0 div.node-card{grid-column: 3 / 19;}
div.widescreen-0 div.node-card-name{grid-column: 3 / 19;}
div.widescreen-1 div.node-card-media{margin: 0 -5vw;}
div.widescreen-1 div.node-card-media>div{width: 100%; aspect-ratio: 16/7; overflow: hidden;}
div.widescreen-1 div.node-card-media img{width: 100%; height: 100%; object-fit: cover;}
div.node-embed-media{grid-column: 3 / 19;}
div.node-embed-media.smaller{grid-column: 4 / 18;}
}



/* node head banner */



div.banner{position: relative; aspect-ratio: 2/3; background: #000;}
div.banner:before{z-index: 3; position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 100%);}
div.banner div.back{z-index: 2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;}
div.banner div.back img{width: 100%; height: 100%; object-fit: cover;}
div.banner div.data{z-index: 4; position: relative; display: -webkit-flex; display: flex; -webkit-align-items: flex-end; align-items: flex-end; width: 100%; min-height: 100%; padding: 140px 0 100px 0; color: #fff;}
div.banner div.data div.node-type{margin-left: 0;}
div.banner div.data h2{opacity: 0.7;}
div.banner div.data-caption{z-index: 6; position: absolute; top: 16px; right: 16px; padding: 0.2em 0.8em; border-radius: 2px; background: #000; font-size: 12px; color: #fff; opacity: 0.6;}
@media (min-width: 740px){
div.banner{aspect-ratio: 8/6;}
}
@media (min-width: 990px){
div.banner{aspect-ratio: 8/3;}
}
@media (max-width: 640px){
div.banner div.data-caption{font-size: 10px;}
}



/* node head banner submenu */



div.banner div.menu-series{z-index: 4; position: relative;}
div.banner div.menu-series:before{z-index: 4; position: absolute; top: 0; right: 0; content: ''; display: block; width: 5vw; height: 100%; background: linear-gradient(90deg,rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); pointer-events: none;}
div.banner div.menu-series>div{z-index: 2; position: relative; overflow: auto; -ms-overflow-style: none; scrollbar-width: none;}
div.banner div.menu-series>div>div{padding: 0 5vw; min-width: fit-content;}
div.banner div.menu-series>div>div>div{max-width: 1296px; margin: 0 auto; white-space: nowrap;}
div.banner div.menu-series ul{overflow: hidden; white-space: nowrap; color: #fff;}
div.banner div.menu-series ul>li{display: inline-block; padding: 18px 0; margin-right: 30px; font-size: 1.2em; cursor: pointer; -webkit-transition: opacity 120ms ease; transition: opacity 120ms ease;}
div.banner div.menu-series ul>li:last-child{margin-right: 0;}
div.banner div.menu-series ul>li.inactive{pointer-events: none; opacity: 0.5;}
div.banner div.menu-series ul>li.active span.label{text-decoration: underline;}
div.banner div.menu-series ul>li:not(.active):hover{opacity: 0.8;}
div.banner div.menu-series ul>li span.label{font-weight: 500;}
div.banner div.menu-series ul>li span.count{margin-left: 8px; opacity: 0.8;}
div.data-series>div{display: none;}
div.data-series>div.active{display: block;}



/* node misc */



article.node.node-recommend h2{display: none;}
div.node-card-preview{max-width: 400px; aspect-ratio: 16/9; margin-top: 40px; background: #eee; border-radius: 8px; overflow: hidden;}
div.node-card-preview-caption{padding-top: 16px; font-size: 0.9em; color: #666;}
div.node-icon-preview{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; max-width: 120px; aspect-ratio: 1/1; margin-top: 40px; padding: 30px; background: #000; border-radius: 50%;}



/* instagram */



div.insta-follow{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; width: fit-content; margin-bottom: 60px; background: #ffcd00; border-radius: 6px;}
div.insta-follow>div{padding: 16px 24px;}
div.insta-follow div.icon{width: 120px; aspect-ratio: 3/1; background: url(svg/insta.svg) left center / contain no-repeat;}
div.insta-follow div.user{font-size: 1.1em; font-weight: 600;}
div.insta-follow a.button{padding: 10px 30px; background: #2176e4; border-radius: 3px; font-weight: 600; color: #fff; text-decoration: none;}
div.insta-follow a.button:hover{background: #1b63c1;}



/* crew */



div.crew-contact{-webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: nowrap; flex-wrap: nowrap;}
div.crew-contact>div.crew-contact-card{width: 100px; aspect-ratio: 1/1; background: #efefee; border-radius: 50%; overflow: hidden;}
div.crew-contact>div.crew-contact-data{-webkit-flex: 1; flex: 1; padding-left: 16px;}
div.crew-contact>div.crew-contact-data span{display: block;}



/* author */



div.author-container{margin: -10px; overflow: hidden; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
div.author{display: block; margin: 10px 16px;}
div.author>a{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; text-decoration: none; text-align: left;}
div.author>a.active-0{pointer-events: none;}
div.author>a div.author-card{width: 60px; aspect-ratio: 1/1;}
div.author>a div.author-card>div{background: #efefee; border-radius: 50%; overflow: hidden;}
div.author>a div.author-name{padding-left: 12px;}
div.author>a div.author-name span{display: block;}
div.author>a div.author-name span.name{font-size: 1.0em; line-height: 1.4em; font-weight: 600;}
div.author>a div.author-name span.role{font-size: 0.8em; font-style: italic;}



/* node ck content */



@media (min-width: 990px){
article.node-video div.ck div.grid-column,article.node-podcast div.ck div.grid-column,article.node-article div.ck div.grid-column,article.node-event div.ck div.grid-column,article.node-publication div.ck div.grid-column{grid-column: 6 / 16;}
}



/* more in series */



div.series-summary{margin-top: 30px; background: #ffe680; border-radius: 18px;}
div.series-summary-name{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 40px 30px; background: #ffcd00; border-radius: 18px; color: #262626;}
div.series-summary-name>div:nth-child(1){width: 120px;}
div.series-summary-name>div:nth-child(2){-webkit-flex: 1; flex: 1; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;}
div.series-summary-name>div:nth-child(2)>div{padding-left: 30px;}
div.series-summary-name>div:nth-child(2)>div:nth-child(1){-webkit-flex: 1; flex: 1;}
div.series-summary-name img{border-radius: 10%; -webkit-transform: rotate(4deg); transform: rotate(4deg);}
div.series-summary-name a.series-more{display: table; padding: 0.5em 2.4em 0.5em 0.8em; background: #000 url(svg/arrow-uu.svg) right 0.8em center / auto 0.8em no-repeat; border-radius: 2px; text-transform: uppercase; font-weight: 600; color: #ffcd00; text-decoration: none;}
div.series-summary-data{padding: 30px 0;}
div.series-summary span.series-name{display: block; font-size: 2.0em; line-height: 1.2em; font-weight: 300;}
div.series-summary span.series-head{display: block; max-width: 600px; margin-top: 12px; font-family: 'Merriweather', serif; font-size: 1.0em; line-height: 1.6em;}
div.series-summary div.swiper{padding: 0 30px !important;}
div.series-summary div.swiper-slide{width: 40%; min-width: 360px;}
div.series-summary div.swiper article>a{display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap;}
div.series-summary div.swiper article>a div.card{width: 44%; -webkit-flex: 0 0 auto; flex: 0 0 auto; margin: 0 20px 0 0;}
@media (max-width: 990px){
div.series-summary-name{padding: 30px 20px;}
div.series-summary-name>div:nth-child(1){width: 80px;}
div.series-summary-name>div:nth-child(2)>div{padding-left: 20px;}
div.series-summary div.swiper{margin: 0; padding: 0 20px !important;}
}
@media (max-width: 640px){
div.series-summary-name>div:nth-child(2){display: block;}
div.series-summary-name>div:nth-child(2)>div{display: block;}
div.series-summary-name>div:nth-child(2)>div:nth-child(1){padding-bottom: 20px;}
div.series-summary-data{padding: 20px 0;}
div.series-summary div.swiper-slide{width: 90%; min-width: 0;}
}



/* event */



div.event-container{display: grid;}
div.event-container-flow{display: contents;}
div.event-section-card{order: 1; z-index: 4; position: relative; margin-bottom: 32px;}
div.event-section-head{order: 2;}
div.event-section-rsvp{order: 3; margin-bottom: 32px;}
div.event-section-info{order: 4; z-index: 2; position: relative; padding: 0 30px; background: #ffcd00; border-radius: 12px; color: #262626;}
div.event-section-body{order: 5;}
div.event-container div.tags{margin-left: -4px; margin-bottom: 10px;}
div.event-card{position: relative; aspect-ratio: 3/2; background: #eee; border-radius: 12px; overflow: hidden;}
div.event-card img{z-index: 2; position: relative; border-top-left-radius: 14px;}
div.event-card-date{z-index: 4; position: absolute; top: 0; left: 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; min-width: 4.0em; min-height: 3.0em; margin: 0 24px 0 0; padding: 0.4em 0.6em; background: #ffcd00; overflow: hidden; font-size: 2.6em; line-height: 1.0em; color: #262626; text-transform: uppercase;}
div.event-card-date span{display: block;}
div.event-card-date span.m{font-weight: 600;}
div.event-rsvp{display: table; -webkit-user-select: none; user-select: none;}
div.event-rsvp>div{display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; background: #eee; border-radius: 8px; overflow: hidden;}
div.event-rsvp>div>div,div.event-rsvp>div>a{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;}
div.event-rsvp>div>div{padding: 0.6em 1.0em; font-size: 1.6em;}
div.event-rsvp>div>a{padding: 0.8em 1.6em 0.8em 2.6em; background: #ce0000 url(svg/ticket-w.svg) 1.0em center / 1.0em auto no-repeat; font-size: 1.1em; font-weight: 500; color: #fff; text-decoration: none; -webkit-transition: background-color 120ms ease; transition: background-color 120ms ease;}
div.event-rsvp>div>a.sold,div.event-rsvp>div>a.canceled{padding: 1.0em 1.6em; background-image: none; background-color: #111 !important; pointer-events: none;}
div.event-rsvp>div>a.sold_list,div.event-rsvp>div>a.livestream{background-color: #111 !important;}
div.event-rsvp>div>a:hover{background-color: #9b0000;}
div.event-rsvp-notice{padding-top: 10px; font-size: 0.9em; font-style: italic; color: #666;}
div.event-has-passed{padding: 8px 16px; background: #ffe680; border-radius: 4px; font-size: 0.9em; font-style: italic;}
div.event-info{display: table; width: 100%; margin: 20px 0;}
div.event-info div.detail{display: table-row;}
div.event-info div.detail>div{display: table-cell; padding: 6px 0;}
div.event-info div.detail>div:nth-child(1){width: 34%; padding-right: 1.4em; font-weight: 700;}
div.event-info div.detail>div:nth-child(2){width: 66%;}
div.event-info div.detail>div div{display: inline;}
div.event-link{padding: 20px 0; border-top: 1px solid rgba(0,0,0,0.2); overflow: hidden;}
div.event-link a{display: inline-block; float: left; margin: 4px 8px 4px 0; padding: 0.6em 1.0em 0.6em 2.6em; border-radius: 100px; background-color: #fff; background-position: 1.2em center; background-size: 0.8em auto; background-repeat: no-repeat; font-weight: 500; color: #111; text-decoration: none; -webkit-transition: background-color 120ms ease; transition: background-color 120ms ease;}
div.event-link a:hover{background-color: #eee;}
div.event-link a.link-1{background-image: url(svg/calendar-w.svg); background-color: #000; color: #fff;}
div.event-link a.link-2{background-image: url(svg/livestream.svg);}
div.event-link a.link-3{background-image: url(svg/link-out.svg);}
div.event-link a.link-1:hover{background-color: #222;}
@media (max-width:1280px){
div.event-section-info{padding-left: 20px; padding-right: 20px;}
}
@media (min-width: 990px){
div.event-container{grid-template-columns: 40% 1fr; column-gap: 6vw; row-gap: 32px;}
div.event-container-flow{display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column;}
div.event-section-card{margin: 0;}
div.event-section-rsvp{margin: 0;}
div.event-section-info{margin-top: -24px; padding-top: 24px;}
}



/* speaker */



div.speaker-side,div.speaker-view{grid-column: 2 / 20;}
div.speaker-side{margin-bottom: 40px; border-bottom: 1px solid #ccc;}
div.speaker-side a.uu-profile{display: table; padding: 0.5em 2.4em 0.5em 0.8em; background: #ffcd00 url(svg/arrow.svg) right 0.8em center / auto 0.8em no-repeat; border-radius: 2px; text-transform: uppercase; font-weight: 600; color: #262626; text-decoration: none;}
div.speaker-side div.speaker-card{max-width: 200px; aspect-ratio: 1/1; margin: 40px 0; background: #eee; border-radius: 50%; overflow: hidden;}
div.speaker-view div.tags{margin-left: -4px; margin-bottom: 10px;}
div.speaker-view>*:first-child{margin-top: 0;}
@media (min-width: 990px){
div.speaker-side{grid-column: 2 / 8; margin-bottom: 0; padding-right: 20px; border-bottom: none; border-right: 1px solid #ccc;}
div.speaker-view{grid-column: 9 / 20;}
}



/* article */



a.copyright{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; text-decoration: none; color: #3b3b3b;}
a.copyright div.icon{width: 46px; aspect-ratio: 1/1; margin-right: 10px; background: #ffcd00 url(svg/copyright.svg) center center / 50% auto no-repeat; border-radius: 50%;}
a.copyright div.name{-webkit-flex: 1; flex: 1; font-size: 0.9em;}
a.copyright div span{display: block;}
a.pdf-button{display: table; padding: 1.4em 2.0em 1.4em 4.0em; background: #ffcd00 url(svg/pdf.svg) left 1.0em center / 2.0em auto no-repeat; border-radius: 6px; font-size: 1.2em; font-weight: 600; text-decoration: none;}
a.pdf-button:hover{text-decoration: underline;}
div.view_photo>div{grid-column: 2 / 20;}
@media (min-width: 990px){
div.view_photo>div{grid-column: 6 / 16;}
div.view_photo.widescreen-1>div{grid-column: 3 / 19;}
section.main>div>main div.view_photo>div{grid-column: 1 / 21 !important;}
}



/* user */



form.user-login-form,form.user-pass,form.user-pass-reset{margin: 80px auto; padding: 0 5vw; max-width: 800px;}
form.user-login-form label,form.user-pass label,form.user-pass-reset label{display: block; padding-bottom: 10px; font-weight: 500;}
form.user-login-form input[type=text],form.user-login-form input[type=password],form.user-pass input[type=text]{display: block; width: 100%; margin: 0 0 24px 0; padding: 12px; background: #e0e0e0; border: none; border-radius: 4px; outline: none; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #3b3b3b;}
form.user-login-form input[type=text]:focus,form.user-login-form input[type=password]:focus,form.user-pass input[type=text]:focus{background: #ccc;}
form.user-login-form input[type=submit],form.user-login-form input[type=button],form.user-pass input[type=submit],form.user-pass input[type=button],form.user-pass-reset input[type=submit],form.user-pass-reset input[type=button]{display: table; margin: 0 0 24px 0;  padding: 0.6em 2.4em 0.6em 0.8em; background: #ffcd00 url(svg/arrow.svg) right 0.8em center / auto 0.8em no-repeat; border: none; border-radius: 2px; outline: none; text-transform: uppercase; font-family: 'Open sans', sans-serif; font-size: 1.0em; font-weight: 600; color: #262626; cursor: pointer;}
form.user-login-form div.form-item--error-message,form.user-pass div.form-item--error-message,form.user-pass-reset div.form-item--error-message{margin: 0 0 24px 0; padding: 6px 12px; background: #ffeca2; border-radius: 2px; font-size: 0.9em;}
article.new{margin: 30px 0;}
article.new>a{display: block; text-decoration: none;}
article.new>a span{display: block;}
article.new>a span.name{font-weight: 600; color: #ce0000;}
article.new>a span.type{font-style: italic;}
article.new>a span.path{font-size: 0.9em; color: #666;}
article.new>a:hover span.name{text-decoration: underline;}
@media (min-width: 990px){
div.user-dashboard{display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap;}
div.user-dashboard>div{width: 50%;}
div.user-dashboard>div:nth-child(1){border-right: 1px solid #ccc;}
div.user-dashboard>div:nth-child(1){padding: 0 30px 0 0;}
div.user-dashboard>div:nth-child(2){padding: 0 0 0 30px;}
}