/*   
Theme Name: odesa-theatre-theme
Theme URI: https://ukrteatr.odessa.ua/
Version: 1.0
Author: PaulOats
Author URI: http://www.web-oats.com/
*/

 

/*-------------------------------------------------------------------------*/
/*	1.	Browser Reset + Font Face
/*-------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend{vertical-align:baseline; font-family:inherit; font-weight:inherit; font-style:inherit; font-size:100%; outline:0; padding:0; margin:0; border:0}
*{scroll-behavior: smooth;}

:focus{outline:0}

input[type=submit]{-webkit-appearance:none}

html{text-rendering: optimizeLegibility;max-width:  100%; overflow-x:hidden; overflow-y: auto;}

body{max-width:  100%; background:white; font-family:'Open Sans',sans-serif; color:#676767; position:relative; min-height: 100vh;display: flex;flex-flow: column nowrap; -webkit-overflow-scrolling: touch;}

ol, ul{list-style:none}

input[type=text]::-ms-clear{    display:none}

sup{font-size:10px; vertical-align:super}

sub{font-size:10px; vertical-align:sub}

/*p:empty{display:none}*/
a{text-decoration: none;cursor: pointer;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{    display:block}
.divider{flex: 1;}

.flex{
	display: flex;
}

.justifyBetween{
    justify-content: space-between;
}


.justifyCenter{
    justify-content: center;
}
.alignCenter{
    align-items: center;
}
.flexColumn{
    display: flex;
    flex-flow: column nowrap;
}

.grid{
    display: grid;
}
.col-2{
    grid-template-columns: repeat(2, 1fr);
}
.col-3{
    grid-template-columns: repeat(3, 1fr);
}
.col-4{
    grid-template-columns: repeat(4, 1fr);
}
.content{
    max-width: 1440px;
    margin: 0 auto;
}

header,
footer{
    background-color: #303030;
    padding: 60px 0 80px;
    width: 100%;
}

header{
    padding: 32px 0 20px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 350;
    background-color: #fff;
    transition: background-color .4s;
}
header.scrolled{
    background-color: rgba(255,255,255,.8);
}

p:empty{
    display: none;
}

.border{
    border-bottom: 1px solid #fff;
}
 
@font-face {
	font-family: 'Roboto';
	src: url('fonts/Roboto-Regular.ttf')  format('truetype');
    font-weight: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Roboto';
	src: url('fonts/Roboto-Bold.ttf')  format('truetype');
    font-weight: bold;
	font-display: swap;
}
@font-face {
	font-family: 'RobotoCondensed';
	src: url('fonts/RobotoCondensed-Bold.ttf')  format('truetype');
    font-weight: bold;
	font-display: swap;
}


:root {
    --blue-color: #2D5A87;
    --red-color: #E6434E;
    --orange-color: #F18C21;
    --yellow-color: #FFD83E;
    --green-color: #B5CC36;
    --violet-color: #7F4B94;
    --brown-color: #662914;
}

body{
    line-height: 1.2;
    font-family: 'Roboto';
    font-weight: normal;
}

.img_logo{
    display: block;
    height: auto;
    width: 220px;
}


/* LOADING */
.loading:before{
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #302f31;
    z-index: 500;
/*    transition: all .3s;*/
}

.video__loader video {
    position: fixed;
    top: 50%;
    height: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 501;
}

body.loading{
    max-height: 100vh;
}
body.loading.loaded{
    max-height: unset;
}
body.loading.loaded .video__loader{
    display: none;
}

/*
 .loading_bar{
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 4px;
    background-color: #d12027;
    z-index: 1000;
    transition: all 3.s;
}
*/
/* .loading.loaded .loading_bar, */

.loading.loaded:before{
    width: 0;
    height: 0;
    z-index: -100;
}


section.main_slider{
    width: 100%;
    position: relative;
    padding: 16.5vh 0 0;
    min-height: 83.5vh;
}
section.main_slider_new::before,
section.main_slider::before{
    content: '';
    width: 100%;
    /* height: 500px; */
    height: 62.5vh;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #bbb;
/*     background-image: url(/wp-content/uploads/2021/04/slider_back.svg); */
}

.main_slider__slide .image_wrap,
.main_slider__slide .text_wrap{
    position: absolute;
    /* bottom: 8vh; */
    bottom: 10vh;
    /* left: 168px; */
    left: 11.6vw;
}


.main_slider__slide .image_wrap{
    box-shadow: 1px 2px 5px rgb(0 0 0 / 10%);
}


.main_slider__slide .text_wrap{
    z-index: 20;
    height: 49.875vh;
    color: #fff;
}

.main_slider__slide .text_wrap h2 {
    font-weight: bold;
    font-size: 4.5vw;
    max-width: 31vw;
    line-height: 1;
}
.main_slider__slide .text_wrap p,
.main_slider__slide .text_wrap a.link{
    /* margin: 0 0 22px; */
    margin: 0 0 2.75vh;
}
.main_slider__slide .text_wrap a.link{
    color: #fff;
}

.main_slider__slide .text_wrap p{
    /* font-size: 14px; */
    font-size: .97vw;
    color: #303030;
    max-width: 20vw;
}
.single-show .near__shows a.button,
.main_slider__slide .text_wrap a.button {
    max-width: 180px;
    width: 12.5vw;
    max-height: 52px;
    height: 6.5vh;
    box-shadow: 1px 2px 5px rgb(0 0 0 / 10%);
    font-weight: bold;
    /* font-size: 18px; */
    font-size: 1.25vw;
    line-height: 1.2;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main_slider__slide .image_wrap{
    /* width: 666px; */
    width: 43vw;
    /* width: 702px; */
    max-width: 702px;
    justify-content: flex-end;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.main_slider__slide .image_wrap img {
    display: block;
    max-height: 625px;
    width: auto;
    height: 73vh;
}

.main_slider__slide .image_wrap .dates{
    width: 94px;
    height: 148px;
    background-color: #fff;
    position: absolute;
    bottom: 30px;
    left: 40px;
    text-align: center;
    justify-content: space-between;
}

/* .near__shows .show__date .date,
.near__shows .show__date .month, */
.main_slider__slide .image_wrap .dates .month,
.main_slider__slide .image_wrap .dates .date{
    font-family: 'RobotoCondensed';
    font-weight: bold;
    font-size: 80px;
    text-transform: uppercase;
    margin: 10px auto 0;
}

.main_slider__slide .image_wrap .dates .month:empty,
.main_slider__slide .image_wrap .dates .date:empty{
    display: none;
}

/* .near__shows .show__date .month, */
.main_slider__slide .image_wrap .dates .month{
    font-size: 24px;
    margin: 0 auto 24px;
}

.main_slider__slide .image_wrap h3{
    font-weight: bold;
    /* font-size: 48px; */
    font-size: 2.5vw;
    color: #FFF;
    position: absolute;
    top: 30px;
    left: 40px;
}

.bg-blue{
    background-color: var(--blue-color);
}
.bg-red{
    background-color: var(--red-color);
}

.bg-orange{
    background-color: var(--orange-color);
}

.bg-yellow{
    background-color: var(--yellow-color);
}
.bg-green{
    background-color: var(--green-color);
}
.bg-violet{
    background-color: var(--violet-color);
}
.bg-brown{
    background-color: var(--brown-color);
}

 
/*  ***  */
.cl-blue{
    color: var(--blue-color);
}
.cl-red{
    color: var(--red-color);
}
.cl-orange{
    color: var(--orange-color);
}
.cl-yellow{
    color: var(--yellow-color);
}
.cl-green{
    color: var(--green-color);
}
.cl-violet{
    color: var(--violet-color);
}
.cl-brown{
    color: var(--brown-color);
}

.triangle[data-color="blue"]{
    border-left: 12px solid var(--blue-color);
}
.triangle[data-color="red"]{
    border-left: 12px solid var(--red-color);
}
.triangle[data-color="orange"]{
    border-left: 12px solid var(--orange-color);
}
.triangle[data-color="yellow"]{
    border-left: 12px solid var(--yellow-color);
}
.triangle[data-color="green"]{
    border-left: 12px solid var(--green-color);
}
.triangle[data-color="violet"]{
    border-left: 12px solid var(--violet-color);
}
.triangle[data-color="brown"]{
    border-left: 12px solid var(--brown-color);
}

.main_slider .slick-track{
    min-height: 83.5vh;
}

/* NEW SLIDER */
.main_slider_new .ms-view{
    background-color: transparent;
}
.ms-skin-default .ms-time-bar{
    background: #e10031!important;
}

.slick-prev.slick-arrow{
    display: none !important;
}

.arrow.next-arrow{
    position: absolute;
    top: 47%;
    right: 11.6vw;
    z-index: 100;
    transform: translateY(-50%);
    cursor: pointer;
}

.main_slider__slide.slick-slide {
    min-height: 83vh;
    position: relative;
}

.near__shows .show {
    width: 100%;
    /* height: 268px; */
    height: 34vh;
    position: relative;
    background-size: cover;
    background-position: center;
}
/* .near__shows a{
    margin: 0 0 44px;
} */

.near__shows {
    padding: 98px 0 0;
    column-gap: 32px;
}

.show__inner.flex{
    margin: 28px 0 32px;
}

.near__shows .show__date{
    border: 2px solid #303030;
    box-sizing: border-box;
    padding: 8px 4px;
}

.near__shows .show__date .date,
.near__shows .show__date .month{
    font-family: 'RobotoCondensed';
    font-weight: bold;
    font-size: 22px;
    line-height: 1;
    text-transform: lowercase;
    text-align: center;
    color: #303030;
}

.near__shows .show__date .date{
    font-size: 60px;
    margin: 0 auto 8px;
}

.single-show .near__shows .show__text .special,
.near__shows .show__text .right__part,
.near__shows .show__text h2{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    line-height: 1.2;
    border: 2px solid #303030;    
    color: #303030;
}

.single-show .near__shows .show__text .special, .near__shows .show__text h2 {
    font-size: 24px;
    color: #303030;
    border-left: 2px solid transparent;
    border-right: 0 solid transparent;
    padding: 8px 8px 0;
    margin: 0;
    min-height: 58px;
    width: calc(100% - 18px);
    border-bottom: 0 solid transparent;
}
.single-show .near__shows .show__text .special{
    padding: 8px;
    max-width: unset;
    justify-content: flex-start;
}

.single-show .near__shows .show__text .special h2 {
    border: unset;
    padding: 0;
    font-size: 32px;
    font-weight: bold;
    font-family: 'Roboto';
}

.near__shows .show__text .right__part {
    display: grid;
    grid-template-columns: 60% 40%;
    border: 2px solid transparent;
    padding: 0 8px;
    justify-content: space-between;
    width: calc(100% - 20px);
    border-bottom: 2px solid #303030;
    border-top: 2px solid #303030;
}
.near__shows .show__text .right__part > .flex{
    padding: 8px 0;
}

.near__shows .show__text p {
    font-size: 15px;
    font-weight: normal;
    min-height: 40px;
}

.near__shows .show__text .right__part p.show__text__director {
    font-size: 12px;
    padding: 8px 0 8px 8px;
    border-left: 2px solid #303030;
}






.near__shows .show__text{
    margin: 0 0 0 12px;
    width: 100%;
}
.triangle{
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    margin: 4px 8px 0 0;
}




/* 
.near__shows .show__date{
    width: 94px;
    height: 148px;
    right: unset;
    left: 30px;
}
*/
.afisha_link{
	font-weight: bold;
    font-size: 40px;
    color: #FFF;
    align-items: center;
    justify-content: center;
    background-color: #e10031;
}
section.near{
    position: relative;
}
/* section.near::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
/*     height: 345px; */
	/* height: 35vh; */
    /* background-color: #303030; */
/*     background-image: url(/wp-content/uploads/2021/04/near_back.svg); */
    /* background-position: center; */
    /* background-size: cover; */
/* }  */



/* FOOTER */


footer .flexColumn {
    color: #fff;
    min-height: 158px;
    padding: 0 32px 0 28px;
}

footer .flexColumn.borderRight{
    border-right: 2px solid #fff;
}

footer .flexColumn a,
footer .flexColumn p{
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    color: #FFF;
    margin: 0 0 36px;
    line-height: 1.5;
}
footer .flexColumn p{
    height: 42px;
}
footer .flexColumn p:last-of-type{
    margin: 0;
}

footer .flexColumn a{
    margin: 0;
}    
footer .content.flex{
    margin: 0 auto;
    border: 2px solid #fff;
    border-left: unset;
    border-right: unset;
}
.socials a{
    margin: 18px 26px 0 0;
}
footer a{
    transition: opacity .4s;
}
footer a:hover{
    opacity: .6;
}

.socials img {
    width: auto;
    height: 36px;
    filter: invert(1);
}
footer {
    padding: 48px 0;
}



/* news */
.news {
    margin: 120px auto 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 64px;
}
.news__single {
    margin: 0 0 32px;
    padding: 0 0 32px;
    border-bottom: 1px solid rgba(48,48,48,.4);
}
.news__single .image img{
    width: 200px;
    height: auto;
    display: block;
}
.news__single .text {
    margin: 0 0 0 64px;
}
.news__single{
    transition: opacity .4s;
    text-decoration: unset;
}
.news__single:hover{
    opacity: .7;
}
.news__single .text h2 {
    color: #676767;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.3;
    margin: 0 0 8px;
}
.news__single .text p {
    color: #676767;
    font-size: 14px;
    overflow-wrap: anywhere;
}
.current{
    margin: 0 32px;
}

.current a{
    margin: 0 6px;
}
.current span{
    color: rgba(48,48,48,.4);
    margin: 0 12px;
    font-size: 22px;
}
.pagination a{
    font-size: 22px;
    /* color: #302f31; */
    color: #000;
    opacity: 1;
    transition: opacity .4s;
}
.pagination a:hover{
    opacity: .5;
}
.pagination{
    padding: 16px 0 50px;
}

/* MENU */
.menu-menu-container {
    display: flex;
    align-items: center;
    margin: 0 52px;
}
.menu-menu-container a{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #303030;
    margin: 0 18px;
}

#menu-menu{
    display: flex;
}

.post{
    color: #303030;
    margin: 120px auto 32px;
}
.post h1{
    font-size: 38px;
    line-height: 1.4;
    font-weight: bold;
}

.post__content p,
.post__content{
    margin: 24px 0 0;
    font-size: 18px;
    line-height: 1.5;
}
.post__content .img{
    float: left;
    margin: 0 32px 16px 0;
}
.main_container{
    min-height: calc(100vh - 258px);
}

.page-template-page-repertuar .near__shows .show__date{
    display: none;
}
.page-template-page-repertuar .near__shows .show__text .right__part {
    flex: 1;
}

.page-template-page-repertuar .near__shows .show__text h2 {
    max-width: 214px;
}
.page-template-page-repertuar .near__shows .show__text h2 {
    min-height: 56px;
}


/* SINGLE SHOW */


.single-collective .content.flex.single__show__wrap,
.single-show .content.flex.single__show__wrap{
    color: #303030;
    margin: 120px auto 32px;
    column-gap: 32px;
}

.single-show .content.flex.single__show__wrap div.single__show,
.single-show .content.flex.single__show__wrap div.aside{
    flex: 1;
    display: block;
}

.single-collective .content.flex.single__show__wrap div.aside .sticky,
.single-show .content.flex.single__show__wrap div.aside .sticky{
    position: sticky;
    top: 120px;
}

.single-show .content.flex.single__show__wrap div.aside img{
    width: 100%;
}
.single__show__header{
    min-height: 120px;    
}
.single-collective h1,
.single__show__header h1,
.single__show__header p{
    font-size: 48px;
    font-weight: bold;
    border: 2px solid #303030;
    border-right: 1px solid #303030;
    border-left: transparent;
    padding: 8px 8px 8px 0;
}
.single__show__header p{
    border-left: 1px solid #303030;
    padding: 8px 0 8px 8px;
    border-right: transparent;
    font-size: 22px;
    font-weight: normal;
}
.single__show__content{
    margin: 32px 0 0;
}

.single__show__content.actors__block h2{
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 24px;
}

.single__show__content b,
.single__show__content strong{
    font-weight: bold;
}
.single__show__content p{
    margin: 0 0 8px;
    line-height: 1.4;
}

.single-show .near__shows .show__text .right__part{
    justify-content: center;
}

.gallery{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 32px;
    column-gap: 32px;
    padding: 0 0 32px;
}
.gallery__img__wrap{
    width: 100%;
    height: 200px;
    background-size: 100%;
    background-position: center;
    transition: all .4s;
    cursor: pointer;
}
.single-collective .gallery__img__wrap{
    height: auto;
/* 	width: unset; */
}

.gallery__img__wrap:hover{
    background-size: 110%;
}
.actor__shows{
    border-top: 2px solid #303030;
    padding: 8px 0;
    margin: 18px 0;
}

.actor__shows div.flex a,
.actor__shows div.flex h3{
    font-size: 18px;
    color: #303030;
}
.actor__shows div.flex span{
    margin: 0 16px;
}
.actor__shows h2{
    font-weight: bold;
    font-size: 24px;
    margin: 18px 0 0;
    padding: 0 0 8px;
}

.actor__shows div.flex a{
    text-transform: uppercase;
    font-weight: bold;
    transition: all .4s;
    border-bottom: 2px solid transparent;
}
.actor__shows div.flex a:hover{
    opacity: .8;
    border-bottom: 2px solid #303030;
}

.actor__shows div.flex{
    margin: 16px 0 0;
}
.collect h2 {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    color: #303030;
    padding: 8px 0 0 8px;
    margin: 0 0 32px;
}

.single__show{
	min-width: 600px;
}
.page-template-page-collect .near__shows img{
	height: auto;
	width: 100%;
}

@media screen and (max-width:1500px){
    .content {
        max-width: 1140px;
        padding: 0 32px;
    }
}

@media screen and (max-width:1300px){
	.near__shows.grid.col-3,
    .gallery{
        grid-template-columns: repeat(2, 1fr);
    }
	
}

@media screen and (max-width:800px){
	.single__show{
		min-width: unset;
	}
    .gallery{
        grid-template-columns: repeat(1, 1fr);
        padding: 0 0 32px;
    }
    /* .gallery__img__wrap{
        height: 100px;
    } */

    .single-show .near__shows a.button{
        width: 100%;
        font-size: 14px;
    }
    .single__show__shows.near__shows{
        padding: 0;
    }

    .single-collective .content.flex.single__show__wrap,
    .single-show .content.flex.single__show__wrap {
        flex-flow: column;
        padding: 0 32px;
    }
    .single-collective .content.flex.single__show__wrap div.aside,
    .single-show .content.flex.single__show__wrap div.aside{
        margin: 0 0 32px;
    }

    .single__show__header h1 {
        font-size: 24px;
    }
    .single__show__header p {
        font-size: 16px;
    }

    .main_slider__slide.slick-slide {
        min-height: 70vh;
    }
    .mob-blue{
        color: var(--blue-color) !important;
    }
    .mob-red{
        color: var(--red-color) !important;
    }
    .mob-orange{
        color: var(--orange-color) !important;
    }
    .mob-yellow{
        color: var(--yellow-color) !important;
    }
    .mob-green{
        color: var(--green-color) !important;
    }
    .mob-violet{
        color: var(--violet-color) !important;
    }
    
    .mob-brown{
        color: var(--brown-color) !important;
    }


    .near__shows .show__text p {
        margin: 0 0 0 4px;
        font-size: 14px;
    }

    section.near::before {
        height: 118px;
    }
    .near__shows.grid.col-3 {
        padding: 98px 0 32px;
        grid-template-columns: repeat(1, 1fr);
    }
	.home  .near__shows {
        padding: 98px 0 32px;
    }

    .near__shows a{
        width: calc(100vw - 60px);
    }

    .near__shows .show {
        width: auto;
        height: 25vh;
		min-height: 300px;
    }
    
    /* .near__shows .show__text {
        width: 180px;
    } */
    
    .near__shows .show__text h2 {
        font-size: 22px;
    }
	.home .near__shows .show__text h2 {
    	font-size: 18px;
	}
    .near__shows .show__text .right__part {
        grid-template-columns: 1fr;
    }

    .near__shows .show__text .right__part p.show__text__director {
        font-size: 12px;
        padding: 8px 0 4px;
        margin: 0;
        border-left: 2px solid transparent;
    }

    .near__shows .show__date .date,
    .main_slider__slide .image_wrap .dates .date {
        font-size: 54px;
    }
    .near__shows .show__date .month,
    .main_slider__slide .image_wrap .dates .month {
        font-size: 18px;
    }
    /* .near__shows .show__date,
    .near__shows .show__text {
        bottom: 16px;
        right: 16px;
    }
    .near__shows .show__date{
        right: unset;
        left: 16px;
    } */
    footer .content.flex {
        flex-flow: column wrap;
        border-bottom: unset;
    }
    footer .flexColumn {
        margin: 0 auto 30px 0;
        min-height: unset;
    }
    footer .flexColumn.borderRight {
        border-right: unset;
        border-bottom: 2px solid #fff;
        margin: 0 0 12px;
        padding: 0 32px 12px;
    }
    footer .socials a {
        margin: 18px 26px 0;
    }
    .concert_img,
    .img_logo {
        height: 34px;
        width: auto;
    }
    header, footer {
        width: 100%;
        max-width: calc(100vw - 60px);
    }
    footer {
        padding: 60px 30px 80px;
    }
    header {
        padding: 32px 30px 20px;
    }

    .main_slider__slide .image_wrap {
        width: calc(100vw - 60px);
        left: 30px;
        transform: translateX(0);
        bottom: 0;
    }
    
	.home .main_slider__slide .image_wrap > span{
/*         visibility: hidden; */
    }
	
    .main_slider__slide .image_wrap img {
        max-height: unset;
        width: 100%;
        height: auto;
    }

    .main_slider__slide .image_wrap h3 {
        font-size: 26px;
        top: unset;
        left: 16px;
        bottom: 180px;
    }
    .main_slider__slide .image_wrap .dates {
        bottom: 16px;
        left: 16px;
        width: 78px;
    }
    .main_slider__slide .text_wrap {
        max-height: 148px;
        left: unset;
        bottom: 16px;
        right: 46px;
        background-color: #fff;
        width: 150px;
        height: 148px;
    }
    .arrow.next-arrow {
        top: 50%;
        right: 8px;
    }
    .arrow.next-arrow.slick-arrow img{
        width: 42px;
    }
    .main_slider__slide .text_wrap h2 {
        font-size: 24px;
        max-width: unset;
        margin: 16px 16px 8px;
    }
    .main_slider__slide .text_wrap p {
        display: none;
    }
    .main_slider__slide .text_wrap a.button {
        max-width: unset;
        width: 100%;
        max-height: 52px;
        height: 40px;
        font-size: 14px;
    }
    .video__loader video {
        width: 100%;
    }
    .concert,
    .menu-menu-container{
        display: none;
    }
    .mobile_icon{
        display: block;
        width: 40px;
        height: 32px;
        position: relative;
    }
    .mobile_icon span{
        transition: all .4s;
        border-radius: 20px;
        width: 100%;
        height: 4px;
        background-color: #303030;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .mobile_icon span:last-of-type {
        top: 100%;
        transform:translate(-50%,-100%);
    }
    .mobile_icon span:first-of-type {
        top: 0;
        transform: translate(-50%, 0);
    }
    header .content {
        flex: 1;
        align-items: center;
        padding: 0;
    }
    .mobile_open .mobile_icon span{
        top: 50%;
        transform: translate(-50%,-50%) rotate(45deg)
    }

    .mobile_open .mobile_icon span:nth-child(2){
        opacity: 0;
        width: 0;
        transform: translate(-50%,-50%);
    }

    .mobile_open .mobile_icon span:first-of-type{
        transform: translate(-50%,-50%) rotate(-45deg)
    }

    .mobile_icon,
    .logo{
        z-index: 10;
    }
    .mobile_open .menu-menu-container{
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        margin: 0;
        width: 100%;
        padding: 128px 30px 68px;
        background-color: #fff;
        box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
    }
    .mobile_open .menu-menu-container .menu{
        flex-flow: column;
    }
    .mobile_open .menu-menu-container .menu li{
        margin: 0 0 16px;
    }
    .mobile_open .menu-menu-container a {
        font-size: 28px;
    }
    .news{
        grid-template-columns: 1fr;
    }
    .news__single {
        flex-flow: column;
    }
    .news__single .image img {
        width: 70%;
        margin: 0 auto;
    }
    .news__single .text {
        margin: 16px 32px 0;
    }
	
	.page-template-page-collect .near__shows.col-4{
		grid-template-columns: repeat(1, 1fr);
	}
	.near__shows .show__date{
		justify-content: center;
	}
}