


/* root */



@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');



/* core */



*{-webkit-box-sizing: border-box; box-sizing: border-box; scrollbar-width: thin; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
*.visually-hidden{display: none;}
html{margin: 0; padding: 0;}
body{margin: 0; padding: 0; background: #f6f6f6; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.4em; color: #3b3b3b;}
a{color: #262626;}
img{display: block; max-width: 100%; height: auto;}
ul{margin: 0; padding: 0; list-style: none;}
ol{margin: 0; padding: 0;}
div.page-wrapper{max-width: 1600px; margin: 0 auto; background: #fff; overflow: hidden;}
@media (max-width:1280px){
body{font-size: 15px;}
}
@media (max-width: 990px){
body{font-size: 14px;}
}
@media (max-width: 760px){
body{font-size: 13px;}
}



/* font use */



h1{margin: 0; margin-bottom: 40px; font-size: 3.0em; line-height: 1.2em; font-weight: 500; letter-spacing: -0.02em;}
h2,article.node-article div.ck h1{margin: 0; margin-bottom: 30px; font-size: 2.2em; line-height: 1.2em; font-weight: 300; letter-spacing: 0em;}
h3{margin: 0; margin-bottom: 20px; font-size: 1.6em; line-height: 1.3em; font-weight: 600; letter-spacing: 0em;}
h4{margin: 0; margin-bottom: 20px; font-size: 1.2em; line-height: 1.4em; font-weight: 700; letter-spacing: 0em; text-transform: uppercase;}
h1 em,h2 em{font-weight: 300;}
h1.cap:first-letter{text-transform: uppercase;}
div.grid header h1{font-size: 2.6em; font-weight: 400;}
div.grid-column>*:last-child{margin-bottom: 0 !important;}
div.grid-column>*:first-child{margin-top: 0 !important;}
p,div.ck ol>li,div.ck ul>li{margin-top: 1.2em; margin-bottom: 1.2em; font-family: 'Merriweather', serif; font-size: 1.125em; line-height: 1.88em;}
p.teaser{margin-top: 1.6em; margin-bottom: 1.6em; font-family: 'Open Sans', sans-serif; font-size: 1.4em; line-height: 1.36em; font-weight: 300;}
p.info-bar{display: table; padding: 0.6em 1.0em; background: #ffcd00; border-radius: 6px; font-family: 'Open Sans', sans-serif; font-size: 1.1em; line-height: 1.4em;}
p.info-bar strong{font-weight: 600;}
p.info-bar a{color: #262626 !important;}
p.info-bar a:after{content: ''; display: inline-block; width: 0.8em; aspect-ratio: 1/1; margin-left: 8px; background: url(svg/arrow.svg) center center / contain no-repeat; vertical-align: middle;}
div.ck p,div.ck ol,div.ck ul{max-width: 840px;}
div.ck p a,div.ck ol a,div.ck ul a{color: #3b3b3b; text-decoration: underline;}
div.ck p a:hover{color: #787878;}
div.ck blockquote{margin: 1.2em 0; padding-left: 1.2em; border-left: 3px solid #ffcd00;}
div.ck blockquote p{font-style: italic;}
div.ck.ck-embed iframe{width: 100% !important; height: auto !important; aspect-ratio: 16/9 !important;}
div.ck ul{list-style-position: inside; list-style-type: disc;}
div.ck ol{list-style-position: inside;}
@media (max-width: 990px){
}



/* aside main */



@media (min-width: 990px){
section.main{background-image: linear-gradient(90deg, #efefee 25%, #fff 0);}
section.main>div{display: grid; grid-template-columns: repeat(20, 1fr); width: 100%; max-width: 1440px; margin: 0 auto;}
section.main>div>aside{grid-column: 2 / 6; background: #efefee; padding-right: 20px;}
section.main>div>main{grid-column: 7 / 20;}
section.main>div>main div.grid-column{grid-column: 1 / 21;}
}



/* aside menu */



aside nav{display: grid; grid-template-columns: repeat(20, 1fr); margin: 60px 0;}
aside nav ul.menu>li>a{display: block; text-decoration: none;}
aside nav ul.menu>li>a:hover{text-decoration: underline;}
aside nav ul.menu>li>a.is-active,aside nav ul.menu>li.menu-item--active-trail>a{font-weight: 600;}
aside nav>ul.menu{grid-column: 2 / 20; padding: 20px; background: #efefee;}
aside nav>ul.menu>li>a{padding: 0 6px 6px 0;}
aside nav>ul.menu>li>ul{padding-bottom: 6px;}
aside nav>ul.menu>li>ul>li>a{padding: 3px 6px 3px 16px; background: url(svg/breadcrumb.svg) left center / 5px auto no-repeat; font-size: 1.0em;}
@media (min-width: 990px){
aside nav{display: block;}
aside nav>ul.menu{display: block; padding: 0;}
aside nav>ul.menu>li>ul>li>a{font-size: 0.875em;}
}



/* head bar */



a.uu-brand{display: block; height: 60px; aspect-ratio: 10/3; background: url(svg/uu.svg) left center / contain no-repeat;}
form.search-bar{position: relative; margin-right: 30px;}
form.search-bar input[type=text]{z-index: 2; position: relative; width: 300px; margin: 0; padding: 12px; padding-right: 54px; background: #e0e0e0; border: none; border-radius: 4px; outline: none; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #3b3b3b;}
form.search-bar input[type=submit]{z-index: 4; position: absolute; top: 0; right: 0; height: 100%; aspect-ratio: 1/1; background: #e0e0e0 url(svg/search.svg) center center / 40% auto no-repeat; border: none; border-radius: 4px; outline: none; cursor: pointer; text-indent: -1000em;}
div.head-bar{padding: 16px 0;}
div.head-bar-flex{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between;}
div.head-bar-flex>div{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;}
div.head-bar a.en-button{display: inline-block; padding: 10px 0; font-size: 14px; text-decoration: none;}
div.head-bar a.en-button:hover{text-decoration: underline;}
@media (max-width: 990px){
a.uu-brand{height: 40px;}
form.search-bar{margin-right: 20px;}
form.search-bar input[type=text]{display: none;}
form.search-bar input[type=submit]{position: static; height: 36px; background-color: #000; background-image: url(svg/search-w.svg);}
div.head-bar{padding: 0;}
div.head-bar-flex{height: 60px; padding-left: 72px;}
div.head-bar div.grid-column{grid-column: 1 / 20;}
div.head-bar a.en-button{text-transform: uppercase;}
div.head-bar a.en-button span{display: none;}
}



/* breadcrumb bar */



#block-uu-breadcrumb{border-top: 1px solid #efefee;}
#block-uu-breadcrumb>nav{display: grid; grid-template-columns: repeat(20, 1fr); width: 100%; max-width: 1440px; margin: 0 auto;}
#block-uu-breadcrumb>nav>ol{grid-column: 2 / 20; padding: 12px 0; overflow: hidden;}
#block-uu-breadcrumb>nav>ol>li{display: block; float: left; font-size: 12px; line-height: 1.2em;}
#block-uu-breadcrumb>nav>ol>li:not(:last-child){padding-right: 38px; background: url(svg/breadcrumb.svg) right 15px center / 5px auto no-repeat;}
#block-uu-breadcrumb>nav>ol>li>a{text-decoration: none;}
#block-uu-breadcrumb>nav>ol>li>a:hover{text-decoration: underline;}
@media (max-width: 990px){
#block-uu-breadcrumb{display: none;}
}



/* name bar */



div.name-bar{padding: 18px 0; background: #ffcd00;}
div.name-bar a{display: table; font-size: 2.4em; line-height: 1.0em; font-weight: 300; text-decoration: none;}



/* menu bar */



div.menu-bar{background: #000;}
div.menu-bar-menu{z-index: 10; position: relative;}
div.menu-bar-menu>ul{font-size: 0; -webkit-user-select: none; user-select: none;}
div.menu-bar-menu>ul>li{position: relative; display: inline-block;}
div.menu-bar-menu>ul>li>a{display: block; padding: 16px 12px; font-size: 1.0rem; color: #fff; text-decoration: none;}
div.menu-bar-menu>ul>li>a:hover{color: #ffcd00;}
div.menu-bar-menu>ul>li.menu-item--active-trail>a{font-weight: 600; color: #ffcd00;}
div.menu-bar-menu>ul>li.menu-item--expanded:hover>a{background: #fff; color: #000;}
div.menu-bar-menu>ul>li.menu-item--expanded:hover>a:hover{background: #e0e0e0;}
div.menu-bar-menu>ul>li.menu-item--expanded:hover>ul{display: block;}
div.menu-bar-menu>ul>li>ul{position: absolute; top: 100%; left: 0; display: none;}
div.menu-bar-menu>ul>li>ul ul{display: none;}
div.menu-bar-menu>ul>li>ul>li{display: block; min-width: 260px; background: #fff;}
div.menu-bar-menu>ul>li>ul>li>a{display: block; padding: 8px 10px; font-size: 1.0rem; color: #3b3b3b; text-decoration: none;}
div.menu-bar-menu>ul>li>ul>li>a:hover{background: #e0e0e0;}
div.menu-bar-menu>ul>li>ul>li>a.is-active{font-weight: 600;}
div.menu-bar-menu>ul>li:nth-child(1){margin-left: -10px;}
div.menu-bar-menu>ul>li:nth-child(1)>a{z-index: 2; position: relative; width: 38px; padding: 0; background: url(svg/home-w.svg) center center / 18px auto no-repeat; text-indent: -1000em;}
div.menu-bar-menu>ul>li:nth-child(1):before{z-index: 4; position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; background: url(svg/home.svg) center center / 18px auto no-repeat; opacity: 0; pointer-events: none;}
div.menu-bar-menu>ul>li:nth-child(1):hover:before,div.menu-bar-menu>ul>li:nth-child(1).menu-item--active-trail:before{opacity: 1;}
@media (max-width: 990px){
div.menu-bar{display: none;}
}



/* menu nav button */



div.menu-nav-button{z-index: 400; position: fixed; top: 0; left: 0; display: none; width: 60px; aspect-ratio: 1/1; background: #efefee; touch-action: manipulation; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; cursor: pointer;}
div.menu-nav-button>div{position: relative; width: 100%; height: 100%;}
div.menu-nav-button>div>div{position: absolute; top: 50%; left: 20%; width: 60%; height: 2px; margin-top: -1px; background: #262626; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-transition: transform 200ms ease; transition: transform 200ms ease;}
div.menu-nav-button>div>div:nth-child(2){-webkit-transform: translateY(-6px); transform: translateY(-6px);}
body.menu-nav div.menu-nav-button>div>div{-webkit-transform: rotate(45deg); transform: rotate(45deg);}
body.menu-nav div.menu-nav-button>div>div:nth-child(2){-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
body.gin--horizontal-toolbar div.menu-nav-button{top: var(--gin-toolbar-y-offset);}
@media (max-width: 990px){
div.menu-nav-button{display: block;}
}



/* menu nav */



div.menu-nav{z-index: 300; position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; pointer-events: none;}
div.menu-nav:before{z-index: 2; position: fixed; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100vh; background: #ffcd00; opacity: 0; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease;}
div.menu-nav>div{z-index: 4; position: relative; opacity: 0; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; overscroll-behavior: contain; -ms-overflow-style: none; scrollbar-width: none;}
div.menu-nav-flex{min-height: 100%; padding: 80px 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
div.menu-nav-flex a.uu-brand{margin: 0 auto 10px auto; background-position: center center; pointer-events: none;}
div.menu-nav-flex a.uu-brand-name{display: table; margin: 0 auto; font-size: 1.8em; line-height: 1.2em; font-weight: 300; text-align: center; text-decoration: none;}
div.menu-nav-flex ul.menu-media>li>a{width: 32px;}
div.menu-nav-flex ul.menu{margin: 20px 0;}
div.menu-nav-flex ul.menu>li>a{display: block; font-size: 2.2em; line-height: 1.3em; font-weight: 400; text-decoration: none; text-align: center;}
div.menu-nav-flex ul.menu>li>a.is-active,div.menu-nav-flex ul.menu>li.menu-item--active-trail>a{font-weight: 500; text-decoration: underline;}
div.menu-nav-flex ul.menu ul{display: none;}
body.menu-nav div.menu-nav{pointer-events: all;}
body.menu-nav div.menu-nav:before{opacity: 1;}
body.menu-nav div.menu-nav>div{opacity: 1;}
body.gin--horizontal-toolbar div.menu-nav{padding-top: var(--gin-toolbar-y-offset);}
@media (max-width: 990px){
div.menu-nav{display: block;}
}



/* user bar */



div.user-bar{background: #ffeca2;}
#block-uu-local-tasks ul{overflow: hidden;}
#block-uu-local-tasks ul>li{display: inline-block; float: left;}
#block-uu-local-tasks ul>li:nth-child(1){margin-left: -10px;}
#block-uu-local-tasks ul>li>a{display: block; padding: 8px 10px; font-size: 0.96em; font-style: italic; text-decoration: none; color: #262626;}
#block-uu-local-tasks ul>li>a.is-active{font-weight: 600;}
#block-uu-local-tasks ul>li>a:not(.is-active):hover{text-decoration: underline;}
div[data-drupal-messages]{padding: 8px 0; font-size: 0.96em;}
div[data-drupal-messages] a{color: #262626; text-decoration: underline;}



/* subscribe bar */



div.subscribe-bar{padding: 60px 0; background: #ffcd00; color: #262626;}
div.subscribe-bar div.subscribe{display: table;}
div.subscribe-bar div.subscribe>div{display: table-cell; vertical-align: middle;}
div.subscribe-bar div.subscribe>div.column-1{padding: 0 40px 0 0;}
div.subscribe-bar div.subscribe>div.column-2{padding: 0 0 0 40px; border-left: 1px solid #222;}
div.subscribe-bar div.subscribe p,div.subscribe-bar div.subscribe h1{margin: 0;}
div.subscribe-bar div.subscribe p{margin-top: 0.6rem;}
div.subscribe-bar div.subscribe a{position: relative; 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: 4px; text-transform: uppercase; font-size: 1.2em; font-weight: 600; color: #ffcd00; text-decoration: none;}
@media (max-width: 990px){
div.subscribe-bar div.subscribe,div.subscribe-bar div.subscribe>div{display: block;}
div.subscribe-bar div.subscribe>div.column-1{padding: 0 0 20px 0;}
div.subscribe-bar div.subscribe>div.column-2{padding: 0; border: none;}
}



/* bottom bar */



ul.menu-media{overflow: hidden; margin: -4px;}
ul.menu-media>li{display: inline-block; float: left; margin: 4px; -webkit-user-select: none; user-select: none;}
ul.menu-media>li>a{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 46px; aspect-ratio: 1/1; background: #262626; border-radius: 50%; -webkit-transition: border-color 120ms ease; transition: border-color 120ms ease;}
ul.menu-media>li>a>img{max-width: 54%;}
div.bottom-bar{padding: 60px 0; background: #262626; color: #aeaeae;}
div.bottom-bar-flex{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.bottom-bar-flex>div{display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
div.bottom-bar-flex>div>ul.menu{padding-right: 80px;}
div.bottom-bar-flex>div>ul.menu>li>a{display: block; margin: 16px 0; font-size: 1.6em; line-height: 1.2em; font-weight: 300; color: #fff; text-decoration: none;}
div.bottom-bar-flex>div>ul.menu>li ul>li>a{display: block; padding: 6px 0; font-weight: 400; color: #aeaeae; text-decoration: none;}
div.bottom-bar-flex>div>ul.menu>li ul>li>a:hover{color: #fff;}
div.bottom-bar ul.menu-media>li>a{border: 2px solid #666;}
div.bottom-bar ul.menu-media>li>a:hover{border-color: #ffcd00;}
@media (max-width: 990px){
div.bottom-bar-flex{display: block;}
div.bottom-bar ul.menu-media{margin-top: 40px;}
}



/* read more */



div.read-more{margin-top: 36px; border-top: 1px solid #ccc;}
div.read-more>div{padding-top: 12px;}
div.read-more a{position: relative; display: table; padding: 0.5em 3.4em 0.5em 1.0em; background: #ffcd00; border-radius: 2px; overflow: hidden; text-transform: uppercase; text-decoration: none; font-weight: 600;}
div.read-more a:after{position: absolute; top: 0; right: 0; content: ''; display: block; height: 100%; aspect-ratio: 1/1; background: url(svg/arrow.svg) center center / 22% auto no-repeat;}
div.read-more a:hover:after{background-image: url(svg/arrow-uu.svg); background-color: #000;}
div.read-more div.load-more{position: relative; display: table; margin: 0 auto; padding: 0.5em 3.4em 0.5em 1.0em; background: #ffcd00; border-radius: 2px; overflow: hidden; touch-action: manipulation; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; cursor: pointer; text-transform: uppercase; text-decoration: none; font-weight: 600;}
div.read-more div.load-more:after{position: absolute; top: 0; right: 0; content: ''; display: block; height: 100%; aspect-ratio: 1/1; background: url(svg/arrow.svg) center center / 22% auto no-repeat; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
div.read-more div.load-more:hover:after{background-image: url(svg/arrow-uu.svg); background-color: #000;}
div.read-more div.load-more>div.spin{position: absolute; top: 0; right: 0; content: ''; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 100%; aspect-ratio: 1/1; opacity: 0;}
div.read-more div.load-more>div.spin>div{width: 50%; height: 50%; border: 3px solid transparent; border-top-color: rgba(0,0,0,0.5); border-bottom-color: rgba(0,0,0,0.5); border-radius: 50%; -webkit-animation: rotate 0.8s infinite ease; animation: rotate 0.8s infinite ease; -webkit-animation-play-state: paused; animation-play-state: paused;}
div.load-lock div.read-more div.load-more{pointer-events: none;}
div.load-lock div.read-more div.load-more:after{display: none;}
div.load-lock div.read-more div.load-more>div.spin{opacity: 1;}
div.load-lock div.read-more div.load-more>div.spin>div{-webkit-animation-play-state: running; animation-play-state: running;}
@-webkit-keyframes rotate{
100%{-webkit-transform: rotate(360deg);}
}
@keyframes rotate{
100%{transform: rotate(360deg);}
}



/* domain menu */



ul.domain-menu{margin-bottom: 50px; overflow: hidden;}
ul.domain-menu>li{display: inline-block; float: left; margin: 0 8px 8px 0; padding: 6px 14px; border: 1px solid #ccc; border-radius: 6px; touch-action: manipulation; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; cursor: pointer; font-size: 0.9em; line-height: 1.0em; font-weight: 500; text-transform: uppercase; color: #111; -webkit-transition: background 120ms ease, border-color 120ms ease; transition: background 120ms ease, border-color 120ms ease;}
ul.domain-menu>li.on,ul.domain-menu>li:hover{background: #ffcd00; border-color: #ffcd00;}
div.domain-view.on #date{display: none;}
div.domain-view:not(.on) #data{display: none;}
div.domain-view div.spin{display: none; width: 40px; height: 40px; border: 3px solid transparent; border-top-color: rgba(0,0,0,0.5); border-bottom-color: rgba(0,0,0,0.5); border-radius: 50%; -webkit-animation: rotate 0.8s infinite ease; animation: rotate 0.8s infinite ease;}
div.domain-view div.none{display: none;}
div.domain-view div.none.on{display: block;}
div.load-lock ul.domain-menu{pointer-events: none;}
div.load-lock.domain-view div.spin{display: block;}



/* pager */



nav.pager{margin-top: 36px;}
nav.pager ul{overflow: hidden; margin-bottom: -8px;}
li.pager__item{display: inline-block; float: left; width: 42px; height: 42px; margin: 0 8px 8px 0; background: #eee;}
li.pager__item:hover{background: #ffcd00;}
li.pager__item--first,li.pager__item--last,li.pager__item--next,li.pager__item--previous{background: #000; text-indent: -1000em;}
li.pager__item--first:hover,li.pager__item--last:hover,li.pager__item--next:hover,li.pager__item--previous:hover{background: #3b3b3b;}
li.pager__item>a{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 100%; text-decoration: none;}
li.pager__item.is-active>a{font-weight: 700;}
li.pager__item--first>a,li.pager__item--last>a{background: url(svg/arrow-next-w.svg) center center / auto 40% no-repeat;}
li.pager__item--next>a,li.pager__item--previous>a{background: url(svg/arrow-w.svg) center center / auto 40% no-repeat;}
li.pager__item--first>a,li.pager__item--previous>a{-webkit-transform: scale(-1); transform: scale(-1);}



/* archive */



div.archive-view{grid-column: 2 / 20; margin-top: 60px;}
div.archive-menu{grid-column: 2 / 20; margin-top: 60px; padding: 20px; background: #efefee;}
div.archive-menu ul>li>a{display: block; text-decoration: none; font-size: 1.0em;}
div.archive-menu ul>li>a span.count{display: inline-block; padding: 3px 7px; background: #eee; border-radius: 2px; font-size: 0.9em; line-height: 1.0em; font-style: italic; color: #444;}
div.archive-menu ul>li>a span.label{padding-right: 8px;}
div.archive-menu ul>li>a:hover span.label{text-decoration: underline;}
div.archive-menu ul>li.on>a span.label{font-weight: 600;}
div.archive-menu>ul>li>a{padding: 3px 6px 3px 16px; background: url(svg/breadcrumb.svg) left center / 5px auto no-repeat;}
div.archive-menu>ul>li>ul{display: none; border-left: 1px solid #ccc;}
div.archive-menu>ul>li>ul>li:first-child{margin-top: 10px;}
div.archive-menu>ul>li>ul>li:last-child{margin-bottom: 10px;}
div.archive-menu>ul>li>ul>li>a{padding: 3px 6px 3px 16px;}
div.archive-menu>ul>li.on>ul{display: block;}
div.archive-menu>ul>li.on>a span.count{background: #222; color: #eee;}
@media (min-width: 990px){
div.archive-view{grid-column: 7 / 20;}
div.archive-menu{grid-column: 2 / 6; padding: 0; background: none; border-right: 1px solid #ccc;}
div.archive-menu ul>li>a{font-size: 0.875em;}
}



/* search */



div.search-menu{grid-column: 2 / 20; margin-top: 60px; padding: 20px; background: #efefee;}
div.search-view{grid-column: 2 / 20; margin-top: 60px;}
div.search-view form{display: table;}
div.search-menu ul>li{padding: 3px 6px 3px 16px; background: url(svg/breadcrumb.svg) left center / 5px auto no-repeat; cursor: pointer;}
div.search-menu ul>li span.label{padding-right: 8px;}
div.search-menu ul>li span.count{display: inline-block; padding: 3px 7px; background: #eee; border-radius: 2px; font-size: 0.9em; line-height: 1.0em; font-style: italic; color: #444;}
div.search-menu ul>li.on span.label{font-weight: 600;}
div.search-menu ul>li.on span.count{background: #222; color: #eee;}
div.search-menu ul>li:hover span.label{text-decoration: underline;}
article.search{margin: 30px 0 0 0;}
article.search.hide{display: none;}
article.search>a{display: block; text-decoration: none;}
article.search>a span{display: block;}
article.search>a span.name{font-weight: 600; color: #ce0000;}
article.search>a span.type{margin-bottom: 4px; font-style: italic;}
article.search>a span.mark{margin-bottom: 4px;}
article.search>a span.path{font-size: 0.9em; color: #666;}
article.search>a:hover span.name{text-decoration: underline;}
@media (min-width: 990px){
div.search-menu{grid-column: 2 / 6; padding: 0; background: none; border-right: 1px solid #ccc;}
div.search-view{grid-column: 7 / 20;}
div.search-menu ul>li{font-size: 0.875em;}
}



/* calendar */



div.calendar-menu{grid-column: 2 / 20;}
div.calendar-menu span.event-filter-name{font-weight: 600;}
div.calendar-menu ul.event-filter{margin: 6px 0 20px 0;}
div.calendar-menu ul.event-filter>li{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 3px 0; touch-action: manipulation; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; cursor: pointer;}
div.calendar-menu ul.event-filter>li:before{content: ''; display: inline-block; width: 1.4em; aspect-ratio: 1/1; margin-right: 0.8em; border: 2px solid #222; border-radius: 3px;}
div.calendar-menu ul.event-filter>li:hover{text-decoration: underline;}
div.calendar-menu ul.event-filter>li.on:before{background: #222 url(svg/tick-w.svg) center center / 60% auto no-repeat;}
div.calendar-menu-wrap{margin-bottom: 40px;}
div.calendar-menu-wrap div.head{padding: 8px 12px; background: #ffcd00; border-radius: 2px; overflow: hidden; text-align: center; cursor: pointer; -webkit-user-select: none; user-select: none;}
div.calendar-menu-wrap div.head span{font-weight: 600; text-transform: uppercase; text-decoration: none;}
div.calendar-menu-wrap div.data,div.calendar-menu-wrap div.data h2{display: none;}
div.calendar-menu-wrap div.data{padding-top: 20px;}
div.calendar-menu-wrap.active div.data{display: block;}
div.calendar-view{grid-column: 2 / 20;}
div.calendar-view div.none{display: none;}
div.calendar-view div.none.on{display: block;}
@media (min-width: 990px){
div.calendar-menu{grid-column: 2 / 6; padding-right: 20px; border-right: 1px solid #ccc;}
div.calendar-menu ul.event-filter>li{font-size: 0.875em;}
div.calendar-menu-wrap div.head{display: none;}
div.calendar-menu-wrap div.data,div.calendar-menu-wrap div.data h2{display: block;}
div.calendar-menu-wrap div.data{padding: 0;}
div.calendar-view{grid-column: 7 / 20;}
}



/* video */



div.video-embed{width: 100%; aspect-ratio: 16/9; background: #000; border-radius: 16px; overflow: hidden;}
div.video-embed iframe{width: 100% !important; height: 100% !important; border: none;}
div.caption{padding: 10px 0 0 0; font-size: 0.9em; line-height: 1.4em; color: #666;}
div.caption a{color: inherit; text-decoration: underline;}



/* live bar */



div.live-bar{padding: 24px 0; background: #000; -webkit-user-select: none; user-select: none;}
div.live-bar a{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; text-decoration: none;}
div.live-bar a div.live-bar-card{width: 80px; aspect-ratio: 1/1; background: #3b3b3b; border-radius: 5px; overflow: hidden;}
div.live-bar a div.live-bar-card img{width: 100%; height: 100%; object-fit: cover;}
div.live-bar a div.live-bar-core{padding: 0 0 0 18px; color: #fff;}
div.live-bar a div.live-bar-core h2{margin: 0 0 8px 0; font-size: 1.5em; line-height: 1.2em; font-weight: 400;}
div.live-bar a div.live-bar-core h2:before{content: ''; display: inline-block; width: 0.5em; aspect-ratio: 1/1; margin: 0 0.2em 0.12em 0; background: #ff2000; border-radius: 50%; vertical-align: middle; -webkit-animation: rec 1s infinite; animation: rec 1s infinite;}
div.live-bar a div.live-bar-core h2>em{font-weight: 300; color: #aaa;}
div.live-bar a div.live-bar-core span.name{display: block; font-size: 1.1em; line-height: 1.4em;}
@keyframes rec{
0%{background: #ff2000;} 50%{background: #990000;} 100%{background: #ff2000;}
}
@media (min-width: 990px){
div.live-bar{padding: 30px 0;}
div.live-bar a div.live-bar-card{width: 180px; aspect-ratio: 3/2;}
div.live-bar a div.live-bar-core{padding: 0 0 0 32px;}
div.live-bar a div.live-bar-core h2{font-size: 2.2em; line-height: 1.2em;}
div.live-bar a div.live-bar-core span.name{font-size: 1.2em;}
}



/* platform menu */



ul.platform-menu{margin: -8px; overflow: hidden;}
ul.platform-menu>li{display: inline-block; float: left; margin: 8px; background: #ffcd00; border-radius: 100px; font-family: 'Open Sans', sans-serif; font-size: 1.1em; line-height: 1.4em; font-weight: 400;}
ul.platform-menu>li>a{position: relative; display: block; padding: 1.0em 3.0em 1.0em 3.6em; background-repeat: no-repeat; background-position: left 1.0em center; background-size: 2.0em auto; text-decoration: none;}
ul.platform-menu>li>a:before{position: absolute; top: 0; right: 0; content: ''; display: block; height: 100%; aspect-ratio: 1 / 1; background: url(svg/arrow.svg) center center / 14% auto no-repeat; pointer-events: none;}
ul.platform-menu>li>a strong{font-weight: 600;}
ul.platform-menu>li.type0>a{background-image: url(svg/podcast-type0.svg);}
ul.platform-menu>li.type1>a{background-image: url(svg/podcast-type1.svg);}
ul.platform-menu>li.type2>a{background-image: url(svg/podcast-type2.svg);}
ul.platform-menu>li.type3>a{background-image: url(svg/podcast-type3.svg);}
ul.platform-menu>li.type4>a{background-image: url(svg/podcast-type4.svg);}
ul.platform-menu>li.type5>a{background-image: url(svg/podcast-type5.svg);}
ul.platform-menu>li>a:hover{text-decoration: underline;}
ul.platform-menu.smaller{margin: -6px;}
ul.platform-menu.smaller>li{margin: 6px; font-size: 1.0em;}
div.node-embed-media ul.platform-menu{display: table; margin-top: 16px; margin-left: auto; margin-right: auto;}
div.node-embed-media ul.platform-menu>li{background: #eee;}
@media (max-width: 640px){
ul.platform-menu.smaller>li{font-size: 0.9em;}
}


