/*!
Theme Name: Todo eventos tu feria
Theme URI: https://www.todoeventostuferia.com/
Author: BrnStudio
Author URI: brn.studio@gmail.com
Description: Feria, Fiesta, Juegos, Mecánicos, Juegos Mecánicos, Rueda, Rueda de Chicago, Rueda de la Fortuna, Comida, Típica, Eventos, Eventos personalizados, Canoa, Dragón, Carrusel, Trenesito, Boliche, Inflables, Poporopos, Churros, Convivios, Eventos infantiles, Eventos para niños, Eventos para adultos, Eventos para adolescentes. 
Version: 2.0
Text Domain: todoeventos
Tags: Website personalizado,  Fondo personalizado, Logotipo personalizado, Menú personalizado, Imágenes destacadas, Comentarios, Responsive.

*/

:root {
    --background-boxes: #F7F7F7;
    --background-box-menu: #248CB2;
    --background-aqua: #A5DCD8;
    --background-recent: #ffefd9;
    --background-recent-box: #fffcf7;
    --background-children-comment: #F5F5F5;

    --white: #fff;
    --blue: #175B6D;
    --blue-light: #3498D8;
    --blue-dark: #0E363F;
    --blockquotes: #3597DA;
    --blockquotes-dark: #1b6885;
    --grey: #6D6D6D;
    --grey-dark: #D8D8D8;
    --orange: #FC6624;
    --orange-selected: #F58340;
    --ribbon: #F2050C;
    
    --w100: 100%;
    --h100: 100%;

    --toggle-menu: #30a0d0;
    --toggle-menu-list: #31b0de;
}

*{
    padding: 0;
    margin: 0;
    font-family: 'Oswald', sans-serif;
}
*, *:before, *:after, html{
    box-sizing: border-box;
}
header, main, article{
    position: relative;
}
img{
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}
h2, h3, h4, h5, h6{
    color: var(--blue);
    display: block;
}
a{
    text-decoration: none;
    color: var(--white);
}
input{
    border: none;
    height: 40px;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    font-size: 1rem;
    background: var(--background-boxes);
}
textarea{
    height: 100px;
    border: none;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    font-size: 1rem;
    background: var(--background-boxes);
}
figure{
    display: inherit;
    margin-block-start: inherit;
    margin-block-end: inherit;
    margin-inline-start: inherit;
    margin-inline-end: inherit;
}

/****** GENERALS *****/

#loader {
    background: rgba(23,91,109,0.8);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
#loader h2{
    color: var(--white);
}
.mobile-logo{
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 99;
    right: 0;
    text-align: right;
    padding-right: 15px;
}
.mobile-logo img{
    width: 40%;
    padding-bottom: 45px;
}
.container{
    display: grid;
    max-width: 1200px;
    margin: auto;
    position: relative;
}
.container-rack2{
    grid-template-columns: repeat(2, 50%);
}
.container-rack3{
    grid-template-columns: repeat(3, 33.3333333%);
}
.container-rack4{
    grid-template-columns: repeat(4, 25%);
}
.container-rack5{
    grid-template-columns: repeat(5, 20%);
}
.container-aside-right{
    grid-template-columns: 70% 30%;
}
.container-aside-left{
    grid-template-columns: 30% 70;
}
.read-more{
    background: var(--orange);
    color: var(--white);
    border-radius: 5px;
    margin: 20px 0;
    width: 15%;
    text-align: center;
    font-size: 1.1rem;
}
.sidebar-content{
    padding: 20px;
    background: var(--background-boxes);
    margin-bottom: 25px;
}
.sidebar-content li{
    list-style: none;
}
.sidebar-content li a{
    color: var(--grey);
}
.title-h2 h2{
    font-size: 2.5rem;
    font-weight: 300;
}
.title-h2 h2 a{
    color: var(--blue);
}
.title-h3 h3{
    font-weight: 300;
    font-size: 1.7rem;
    padding-bottom: 10px;
}
.textwidget{
    color: var(--white);
    font-weight: 300;
}
.padding-top{
    padding: 45px 0;
}
.padding-bottom{
    padding-bottom: 45px;
}
.meta-post-tag {
    border-bottom: 1px solid var(--grey-dark);
    margin-bottom: 35px;
    padding-bottom: 35px;
}
span.post-tag a{
    color: var(--white);
    padding: 5px 12px;
    display: inline-block;
    background: var(--orange);
    border-radius: 5px;
    font-size: .7rem;
    margin-right: 7px;
    margin-bottom: 7px;
}

/* --- BLOCKQUOTE ---*/

blockquote{
    line-height: 32px!important;
    margin: 25px!important;
    font-size: 1.rem;
    text-align: justify;
    background: var(--background-boxes);
    padding: 30px 20px;
    border-left: 5px solid var(--blockquotes);
    color: var(--blockquotes-dark);
}
blockquote p:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f10d";
    padding-right: 10px;
    bottom: 5px;
    position: relative;
    color: var(--blockquotes);
}
blockquote p:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f10e";
    padding-left: 10px;
    position: relative;
    bottom: 5px;
    color: var(--blockquotes);
}

/****** HEADER *****/

.wrap-header{
    width: 100%;
}
.background-video video{
    width: 100%;
    height: auto;
}
.wrap-header-top{
    background: var(--orange);
    position: absolute;
    top: 0;
    width: 100%;
    height: 40px;
}
.container-header-top{
    top: 5px;
}
.top-header-mail{
    align-self: center;
}
.top-header-mail a img{
    width: 5%;
}
.top-header-social{
    text-align: right;
    align-self: center;
}
.top-header-social ul li{
    display: inline-block;
    padding-left: 25px;
    font-size: .75rem;
}
.mail-top{
    padding-left: 10px;
}
.wrap-navigation{
    position: absolute;
    top: 60px;
    width: 100%;
}
.container-navigation{
    grid-template-columns: auto auto auto;
    align-content: center;
    height: 60px;
    background: var(--background-box-menu);
    top: 40px;
    border-radius: 5px;
    z-index: 99;
    margin-bottom: 45px;
}
.menu-left,
.menu-right{
    text-align: center;
    justify-self: center;
    align-self: center;
}
.menu-left ul,
.menu-right ul{
    position: relative;
}
.menu-left ul li,
.menu-right ul li{
    display: inline-block;
    position: relative;
}
.menu-left ul li a,
.menu-right ul li a{
    text-transform: uppercase;
    padding: 10px 15px;
    display: block;
}
.menu-left ul li a:hover,
.menu-right ul li a:hover,
#toggle-menu li a:hover{
    background: var(--orange);
    border-radius: 5px;
}
.menu-left ul ul,
.menu-right ul ul{
    display: none;
    position: absolute;
    z-index: 99;
    transition: 1s;
}
.menu-left ul ul li,
.menu-right ul ul li{
    display: block;
    position: relative;
    background: var(--orange-selected);
    width: 100%;
    z-index: 999;
    top: 0;
    border-radius: 5px;
    border-bottom: 1px solid var(--orange-selected);
    right: -25px;
	top: 5px;
	margin-bottom: 5px;
}
.menu-left ul li:hover > ul,
.menu-right ul li:hover > ul{
    display: block;
    transition: 1s;
}
.menu-left ul ul li:last-child,
.menu-right ul ul li:last-child{
    border-bottom: none;
}
.menu-logo{
    align-self: center;
    justify-self: center;
    text-align: center;
}
.menu-logo img{
    width: 75%;
}
.sub-sub-menu{
    position: relative;
}
nav .current_page_item > a,
nav .current-menu-item > a,
nav .current_page_item > a:hover,
nav .current-menu-item > a:hover,
nav .current_page_item > a:focus,
nav .current-menu-item > a:focus,
nav .current_page_ancestor,
nav ul ul .current_page_parent,
nav .current_page_parent .current_page_item > a {
    background: var(--orange-selected);
    border-radius: 5px;
}

/****** TOGGLE *****/

.container-toggle{
    display: none;
    position: absolute;
    top: 40px;
    background: var(--background-box-menu);
    width: 100%;
    z-index: 999;
    height: 40px;
}
.toggle ul{
    background: var(--toggle-menu);
    display: none;
}
.toggle ul li, .toggle ul ul li{
    border-bottom: 1px solid var(--blue-light);
}
.toggle ul ul li{
    background: var(--toggle-menu-list);
}
.toggle ul li a{
    position: relative;
    display: block;
    padding: 10px 15px;
}
.toggle ul ul li a{
    margin-left: 15px;
}
.toggle-icon{
    display: grid;
    padding: 10px 15px;
    color: var(--white);
    font-size: 1.2rem;
    cursor: pointer;
}
.icon{
    padding: 10px 30px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: all .2s linear;
       -moz-transition: all .2s linear;
            transition: all .2s linear;
}
.icon.rotar {
    -webkit-transform:rotate(90deg);
       -moz-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
            transform:rotate(90deg);
}
.container-main{
    grid-template-rows: auto auto;
    padding-top: 50px;
    padding-bottom: 30px;
}
.main-eat, .main-plays,
.main-transport{
    display: grid;
    margin: 0 5px;
}
.eat-image,
.plays-image,
.transport-image{
    height: 160px;
    overflow: hidden;
    position: relative;
}
.eat-image img,
.plays-image img,
.transport-image img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);   
}
.eat-tx,
.transport-tx{
    padding-bottom: 20px;
    height: 160px;
    background: var(--background-aqua);
    padding: 15px;
    color: var(--blue);
    text-align: justify;
}
.plays-tx{
    background: var(--orange-selected);
    padding-bottom: 20px;
    height: 160px;
    padding: 15px;
    color: var(--white);
    text-align: justify;
}
.plays-tx h4{
    color: var(--white);
}
.eat-tx h4,
.plays-tx h4,
.transport-tx h4{
    padding-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
}
.eat-tx .read-more, .plays-tx .read-more,
.transport-tx .read-more{
    display: none;
}

/****** GALERY *****/

.main-title{
    background: var(--background-box-menu);
    color: var(--white);
    padding: 5px 5px 5px 10px;
    font-weight: 300;
}
.gallery-tx .read-more {
    font-size: .7rem;
    width: 25%;
    z-index: 999;
    position: absolute;
    right: 20px;
}
.gallery-main{
    position: relative;
    width: 100%;
    height: 150px;
    overflow: hidden;
    background-size: 100%;
    background-position: center;
    transition: .5s;
}
.gallery-main img:hover{
    width: 110%;
    filter: blur(2px);
}
.gallery-main:hover:after{
    transition: .5s;
    opacity: 1;
    top: 0;
}
.gallery-main img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.gallery-tx{
    position: absolute;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(23,91,109,0.7);
    overflow: hidden;
}
.gallery-tx p{
    color: var(--white);
    font-size: .8rem;
    padding: 10px;
    overflow: hidden;
    z-index: 99;
    font-weight: 300;
    text-align: justify;
}
.gallery-main:hover > .gallery-tx{
    transition: .5s;
    opacity: 1;
    top: 0;
}

/****** VIDEO *****/

.wrap-video{
    background: url(https://todoeventosentuferia.com/wp-content/themes/todoeventos/graphics/images/bk-video.jpg) top center no-repeat fixed;
    background-size: cover;
    height: 450px;
    display: grid;
    margin: 50px 0;
}
.container-video{
    justify-items: center;
    align-items: center;
}
.container-video video{
    width: 85%;
}
.video-tx{
    color: var(--white);
    text-align: justify;
    width: 85%;
}
.video-tx h2{
    color: var(--white);
    padding-bottom: 25px;
}

/****** EVENT *****/

.event{
    background: var(--background-boxes);
    padding: 15px 10px;
    position: relative;
    margin: 0 5px;
}
.img-event{
    position: relative;
    height: 150px;
    overflow: hidden;
}
.img-event img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.title-event h4{
    padding-top: 10px;
    font-size: 1.3em;
    font-weight: 400;
    line-height: 25px;
}
.ribbon{
    position: absolute;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 0;
    height: 64px;
    margin: 0 0 17px 10px;
    border: 30px solid var(--ribbon);
    border-top: 0 solid;
    border-bottom: 16px solid rgba(0,0,0,0);
    -o-text-overflow: clip;
    text-overflow: clip;
    text-align: center;
    display: grid;
    grid-template-rows: repeat(2, auto);
    justify-content: center;
    z-index: 2;
}
.ribbon h3{
    font-size: 2.5rem;
    position: relative;
    bottom: 8px;
    color: var(--white);
    margin: 0 auto;
}
.ribbon-month{
    color: var(--white);
    bottom: 20px;
    position: relative;
}

/****** PROMOTION*****/

.container-promotion{
    margin-top: 50px;
    margin-bottom: 50px;
    overflow: hidden;
}

/****** FOOTER *****/

.wrapper-footer-top{
    background: var(--blue);
}
.container-footer{
    display: grid;
    grid-template-columns: 25% 25% 50%;
    padding: 35px 0;
    font-weight: 300;
}
.container-footer-two{
    padding: 45px 0;
}
.container-footer-two ul{
    list-style: none;
}
/* .container.container-footer ul li:before,
.container-footer-two ul li a:before{
    content: '> ';
    color: var(--white);
} */
form.wpcf7-form{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 10px;
}
.wrapper-footer-bottom{
    background: var(--blue-dark);
}
.container-footer-bottom{
    display: grid;
    grid-template-columns: repeat(2, 50%);
    text-align: center;
    padding: 10px 0;
    color: var(--white);
}
.footer-social ul{
    text-align: left;
}
.footer-social ul li{
    display: inline-block;
    list-style-type: none;
    font-size: .75rem;
    padding-right: 25px;
}
.footer-1, .footer-2, .footer-3,
.footer-4, .footer-5{
    border-right: 1px solid #3a7b90;
    padding: 0 30px;
    font-weight: 300;
}
.footer-2 ul{
    list-style: none;
}
.footer-3, .footer-5{
    border-right: none;
}
.brn-dr{
    text-align: right;
    font-weight: 300;
}
.widget-footer1{
    text-align: center;
}
.widget-footer1 img{
    padding-top: 15px;
}
.widget-footer1 .textwidget{
    text-align: justify;
}
.title-footer h3{
    color: var(--white);
    font-weight: 300;
    text-align: left;
    padding-bottom: 15px;
    font-size: 1.4rem;
}
.post-date{
    font-size: .7rem;
    padding-left: 10px;
}

/****** SINGLE *****/

.header-entry{
    position: relative;
    height: 350px;
    margin-bottom: 45px; 
}
.header-entry-img{
    position: absolute;
    top: 40px;
    width: 100%;
    overflow: hidden;
    height: 350px;
}
.header-entry-img img{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: blur(4px);
}
.header-entry-img:after{
    content: '';
    width: 100%;
    height: 350px;
    background: linear-gradient(to bottom right, rgba(195, 241, 255, 0.5), rgba(19, 142, 189, 0.7), rgba(132, 255, 249, 0.5), rgba(255, 236, 117, 0.7));
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.header-entry-title.title-h2{
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
}
.header-entry-title.title-h2 h2{
    color: var(--white);
}
.header-entry-meta small{
    color: var(--blue-dark);
    font-weight: 400;
}
.container-single{
    display: grid;
    grid-template-columns: 40% 60%;
    height: 190px;
    overflow: hidden;
    position: relative;
}
.content-single{
    margin-right: 35px;
}
.single-content{
    font-size: 1.5rem;
    font-weight: 300;
    text-align: justify;
    color: var(--grey);
    margin-bottom: 75px;
}
.single-content p a{
    color: var(--blue);
    text-decoration: underline;
}
.single-content h2{
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    line-height: 1.2;
}
.single-content h2 a {
    color: var(--blue);
    text-decoration: underline;
}
.single-content ul li{
    margin-left: 50px;
    font-style: italic;
}
.content-single-thumb{
    position: relative;
    margin: 10px;
}
.content-single-thumb img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.content-single{
    padding-top: 10px;
    padding-left: 15px;
}
.archive-content .single-content{
    font-size: 1.3rem;
}
.archive-content .read-more{
    width: 26%;
}

/****** PAGE *****/

.image-content{
    position: relative;
    height: 300px;
    overflow: hidden;
}
.image-content img{
    position: absolute;
    width: calc(100%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.page-meta{
    font-size: 1rem;
}
.page-meta small{
    padding-top: 5px;
}
.content-article{
    padding: 30px 0;
    border-bottom: 1px solid var(--grey-dark);
}
.content-article:first-of-type{
    padding-top: 0;
}
.content-article:last-of-type{
    border-bottom: none;
}
.excerpt-content a{
    color: var(--grey);
    font-size: 1.5rem;
    font-weight: 300;
}
.head-content{
    padding-bottom: 15px;
}
.tx-excerpt-content{
    background: var(--background-boxes);
    padding: 15px;
    border-radius: 0 0 5px 5px;
}

/****** CONTACT FORM *****/

input.wpcf7-form-control.wpcf7-submit{
    background: var(--orange-selected);
    border: none;
    padding: 10px 15px;
    color: var(--white);
    border-radius: 5px;
    line-height: 1px;
    font-size: 1rem;
    width: 30%;
}
.message{
    grid-column-start: 1;
    grid-column-end: 3;
}
.submit-button{
    grid-column-start: 1;
    grid-column-end: 3;
}
.g-recaptcha{
    position: relative;
}

/****** RECENT POST *****/

.wrap-recents{
    background: var(--background-recent);
    margin-top: 45px;
    padding-top: 35px;
    padding-bottom: 35px;
}
.wrap-recents .container-recent .title-h2{
    margin-bottom: 25px;
}
.recent-post-navigation{
    margin-top: 45px;
}
.container-recent-post{
    display: grid;
    grid-template-columns: repeat(4, 25%);
    justify-items: center;
    padding-top: 15px;
}
.recent-post{
    padding: 10px 10px 20px 10px;
    background: var(--background-recent-box);
    margin: 0 2px;
}
.recent-post-img a img{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.recent-post-title{
    padding-top: 10px;
}
.recent-post-title a{
    color: var(--blue);
    font-size: 1.1rem;
}
.recent-post-img{
    position: relative;
    height: 160px;
    overflow: hidden;
}

/****** CONTACT *****/

.container-contact{
    padding: 35px 0;
    padding-top: 95px;
    padding-bottom: 80px;
}
.container-page-contact{
    display: grid;
    grid-template-columns: 35% 65%;
    padding-top: 35px;
}
.content-page-tx{
    font-size: 1.5rem;
    font-weight: 300;
    color: var(--blue);
    border-right: 1px solid var(--grey-dark);
    margin-right: 25px;
    padding-right: 25px;
}

/****** STYLE IMAGES POSTS *****/

.aligncenter{
    margin: 0 auto;
}
img.alignright{
    float:right;
    margin:0 0 1em 1em
}
img.alignleft{
    float:left;
    margin:0 1em 1em 0
}
img.aligncenter{
    display: block;
    margin-left: auto;
    margin-right: auto
}
a img.alignright{
    float:right;
    margin:0 0 1em 1em
}
a img.alignleft{
    float:left;
    margin:0 1em 1em 0
}
a img.aligncenter{
    display: block;
    margin-left: auto;
    margin-right: auto
}
.gallery figure img{
    max-width:100%;
    height:auto;
    margin:0 auto;
    display:block;
}
.gallery figure{
    float:left;
    margin:0 2% 1em 0;
}
.gallery.gallery-columns-1 figure{
    width:100%;
    margin:0 0 1em 0;
    float:none;
}
.gallery.gallery-columns-3 figure{
    width:32%;
}
.gallery.gallery-columns-3 figure:nth-of-type(3n+3){
    margin-right:0;
}
.gallery.gallery-columns-3 figure:nth-of-type(3n+4) {
    clear:left;
}
.gallery.gallery-columns-2 figure{
    width:49%;
}
.gallery.gallery-columns-2 figure:nth-of-type(even){
    margin-right:0;
}
.gallery.gallery-columns-2 figure:nth-of-type(odd) {
    clear:left;
}
.gallery.gallery-columns-4 figure{
    width:23.25%;
}
.gallery.gallery-columns-4 figure:nth-of-type(4n+4){
    margin-right:0;
}
.gallery.gallery-columns-4 figure:nth-of-type(4n+5) {
    clear:left;
}
.gallery.gallery-columns-5 figure{
    width:18%;
}
.gallery.gallery-columns-5 figure:nth-of-type(5n+5){
    margin-right:0;
}
.gallery.gallery-columns-5 figure:nth-of-type(5n+6) {
    clear:left;
}
.gallery.gallery-columns-6 figure{
    width:14.2%;
}
.gallery.gallery-columns-6 figure:nth-of-type(6n+6){
    margin-right:0;
}
.gallery.gallery-columns-6 figure:nth-of-type(6n+7) {
    clear:left;
}
.gallery.gallery-columns-7 figure{
    width:12%;
}
.gallery.gallery-columns-7 figure:nth-of-type(7n+7){
    margin-right:0;
}
.gallery.gallery-columns-7 figure:nth-of-type(7n+8) {
    clear:left;
}
.gallery.gallery-columns-8 figure{
    width:10.2%;
}
.gallery.gallery-columns-8 figure:nth-of-type(8n+8){
    margin-right:0;
}
.gallery.gallery-columns-8 figure:nth-of-type(8n+9) {
    clear:left;
}
.gallery.gallery-columns-9 figure{
    width:8.85%;
}
.gallery.gallery-columns-9 figure:nth-of-type(9n+9){
    margin-right:0;
}
.gallery.gallery-columns-9 figure:nth-of-type(9n+10) {
    clear:left;
}


@media (max-width:767px) {
	img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb{
        display:block;
        margin:1em auto; 
        float:none;
    }
	.gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure{
        width:100%;
        margin:0 0 1em 0;
        float:none;
    }
}
.rbs_gallery_button{
    display: none!important;
}

/****** CUSTOM COMMENTS *****/

.comment-notes{
    padding: 0 0 25px 0;
}
.required{
    color: var(--background-box-menu);
}
.comments-title,
.comment,
.comment-body{
    margin-bottom: 25px;
}
#author,
#email,
#url{
    width: 100%;
    height: 40px;
    padding: 10px;
    color: var(--background-box-menu);
    font-size: .9rem;
    margin-bottom: 10px;
}
.input-field{
    /*padding: 25px 0;*/
}
.comment-form-comment #comment{
    padding: 10px;
    color: var(--background-box-menu);
    font-size: 1.2em;
}
.last-field{
	margin-bottom: 50px;
}
.comment-list{
	padding: 0;
	list-style: none;
}
.comment-body{
	padding-bottom: 0;
}
.children{
	background-color: var(--background-children-comment);
	padding: 20px;
	list-style: none;
	margin-left: 60px;
}
.comment-author:before{
    background-color: var(--white);
}
.comment-author{
	position: relative;
	display: block;
	font-weight: 300;
}
.comment-author:before{
    position: absolute;
	content: '';
	display: block;
	top: 7px;
    bottom: 8px;
	left: 40px;
	right: 0;
	background-color: var(--background-children-comment);
	z-index: 1;
	border-radius: 4px;
}
.comment-author *{
    z-index: 1;
	position: relative;
}
b{
    font-weight: 400;
}
.avatar{
    margin-right: 10px;
    border: 2px solid var(--white);
}
.comment-metadata{
	text-align: right;
	text-transform: uppercase;
	margin-top: -5px;
    font-size: .7rem;
}
.comment-metadata a{
	color: #999;
}
.comment-content{
	padding: 20px 0;
	font-weight: 300;
	border-bottom: 1px solid var(--background-boxes);
	margin-left: 60px;
    font-size: 1.2rem;
    color: var(--blue);
}
.reply{
	text-align: right;
	padding: 5px 0;
}
a.comment-reply-link{
	text-transform: uppercase;
	color: var(--orange);
}
a.comment-reply-link:hover,
a.comment-reply-link:focus{
	color: var(--orange);
}	
.comment-respond{
}
p.form-submit > .submit{
    margin-top: 25px;
    background: var(--orange);
}
p.logged-in-as{
    padding-bottom: 25px;
}
p.logged-in-as a{
    color: var(--orange);
    font-size: .9rem;
}
.submit{
    background: var(--orange);
    width: 25%;
    color: var(--white);
}

/****** SEARCH CONTENT *****/

.section-content-search {
    padding-right: 25px;
}
.content-search{
    border-bottom: 1px solid var(--background-boxes);
    margin-bottom: 35px;
    padding-bottom: 35px;
}
.content-search:last-of-type{
    border-bottom: none;
}

/* --- SEARCH BAR --- */

.screen-reader-text{
    position: absolute;
    left: -9999px;
}
.search-field{
    width: 30%;
    font-size: .9em;
    vertical-align: top;
    color: var(--blue-dark);
    -webkit-appearance: button;
    border-radius: 3px;
    background: var(--white);
}
.top-search{
    position: absolute!important;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    text-align: center;
}
.search-not p{
    font-size: 2.5em;
    line-height: 1.2;
}
.search-none{
    padding-top: 50px;
}
.submit, .search-submit{
    border: none;
    padding: 5.3px 15px;
    background-color: var(--blue-light);
    color: #EEEFF3;
    border-radius: 3px;
    width: 25%;
}
.search-image{
    height: 165px;
    overflow: hidden;
    padding: 0 10px;
}
.search-image img{
    width: 100%;
}
.search-article{
    background: var(--background-boxes);
    margin: 25px;
    padding: 15px;
    height: 265px;
}
.search-meta span a,
.footer-search-meta span a{
    color: var(--blue);  
}
.container-search{
    display: grid;
    grid-template-columns: 70% 30%;
}
.header-content-search{
    margin-bottom: 15px;
}
.calendar-content-search{
    color: var(--orange);
}
.content-search-body{
    display: grid;
    padding: 10px;
    grid-template-columns: 30% 70%;
    background: var(--background-boxes);
    height: 200px;
}
.text-search{
    padding: 10px 10px 20px 10px;
    text-align: justify;
}
.text-search a{
    color: var(--grey);
    font-size: 1.2rem;
    font-weight: 300;
}
.text-search .read-more{
    width: 25%;
}
.image-search{
    height: 180px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.image-search a img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.page-title{
    padding-top: 30px;
}
.sidebar-content .search-field{
    width: 65%;
}

/****** ARCHIVE*****/

.archive-content{
    border-bottom: 1px solid var(--background-boxes);
    margin-bottom: 55px;
    padding-bottom: 55px;
}
.archive-content .header-entry-meta{
    margin-bottom: 10px;
}

/****** PAGINATION *****/

.pagination{
    margin: 25px 0;
}
.page-numbers{
    display: inline-block;
    padding: 10px;
    background: var(--orange);
    color: var(--white);
    border-radius: 3px;
}
.page-numbers:hover{
    background: var(--orange-selected);
}
.page-numbers.current{
    background: var(--orange-selected);
}

/****** CONTENT NONE *****/

.content-none .title-h2{
    padding-bottom: 35px;
}
.content-none .page-content p{
    font-size: 1.6rem;
    font-weight: 300;
    color: var(--grey);
    padding-bottom: 45px;
}
.content-none .search-field{
    background: #eaeaea;
}

/****** 404 *****/
.container-404 .page-content{
    margin-top: 45px;
    padding: 20px;
    background: var(--background-boxes);
}
.page-content .image-404{
    width: 100%;
    height: auto;
}
/* .page-content .msg-404{
    background: var(--background-boxes);
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
} */
.page-content .msg-404 h2 {
    font-size: 3rem;
    font-weight: 300;
    /* margin: 45px 0; */
    text-align: center;
}
.content-404, .content-none{
    width: 100%;
    display: grid;
    justify-content: center;
    grid-template-columns: 100%;
    text-align: center;
}
.content-404 .search-field{
    background: #eaeaea;
}
.content-404 .search-submit {
    width: 10%;
}

/****** MEDIA *****/

@media screen and (max-width: 1024px){
    .container{
        max-width: 97%;
    }
}

@media screen and (max-width: 960px){
    .container{
        max-width: 97%;
    }
    .mobile-logo{
        display: block;
    }
    .wrapper-navigation-image{
        display: none;
    }
}

@media screen and (max-width: 768px){
    .container{
        width: 97%;
    }
    .wrap-navigation{
        display: none;
    }
    .container-toggle{
        display: block;
    }
    .container-content-single{
        grid-template-columns: 60% 40%;
    }
    .search-field{
        width: 60px;
    }
    .submit, .search-submit{
        width: 30%;
    }
    .eat-tx, .plays-tx, .transport-tx{
        font-size: .9rem;
        height: 200px;
    }
    .eat-image, .plays-image, .transport-image {
        height: 140px;
    }
    .container-main{
        padding-top: 30px;
    }
    .gallery-main{
        height: 120px;
    }
    .gallery-tx p{
        font-size: .65rem;
    }
    .gallery-tx .read-more{
        width: 50%;
        top: 65px;
    }
    .wrap-video{
        margin: 30px 0;
        height: 350px;
    }
    .container-rack4-2{
        grid-template-columns: repeat(2, 50%);
    }
    .event{
        margin-bottom: 10px;
    }
    .container-promotion{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .container-footer{
        grid-template-columns: 40% 60%;
    }
    input.wpcf7-form-control.wpcf7-submit{
        width: inherit;
    }
    .header-entry-img, .header-entry-img:after,
    .header-entry{
        height: 250px;
    }
    .header-entry-title.title-h2{
        top: 70%;
    }
    .container-aside-right{
        grid-template-columns: 100%;
    }
    .content-sidebar{
        display: grid;
        grid-template-columns: 100%;
    }
    .sidebar-content .title-h3{
        text-align: left;
    }
    .sidebar-content {
        text-align: center;
        margin-left: inherit;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .sidebar-content ul{
        text-align: left;
    }
    .recent-post-img {
        height: 100px;
    }
    .read-more{
        font-size: 1rem;
        width: 25%;
    }
    .page-numbers{
        padding: 2px 10px;
    }
    .footer-1{
        display: grid;
        align-content: center;
        justify-content: center;
        text-align: center;
    }
    .widget-footer1 img{
        width: 70%;
    }
    .container-contact{
        padding-top: 0;
    }
    .footer-2{
        display: none;
    }
}

@media screen and (max-width: 425px){
    .container-header-top{
        grid-template-columns: 100%;
    }
    .container-main{
        grid-template-columns: 100%;
        padding-top: 90px;
    }
    .top-header-mail{
        display: none;
    }
    .top-header-social{
        text-align: center;
    }
    .background-video video{
        position: relative;
        top: 80px;
    }
    .eat-tx, .plays-tx, .transport-tx{
        font-size: 1.1rem;
        grid-row-start: 1;
        grid-row-end: 3;
    }
    .eat-image, .plays-image, .transport-image{
        height: 170px;
    }
    .main-eat, .main-plays, .main-transport{
        display: grid;
        margin: 0 5px;
        margin-bottom: 10px;
    }
    .container-main{
        padding-bottom: 10px;
    }
    .gallery-main{
        height: 130px;
    }
    .container-video{
        grid-template-columns: 100%;
        display: grid;
    }
    .wrap-video{
        padding: 35px 0;
        height: inherit;
    }
    .video-tx{
        grid-row-start: 1;
        padding-bottom: 45px;
    }
    .video-tx h2{
        text-align: center;
    }
    .container-video video{
        padding-bottom: 35px;
    }
    .container-event{
        grid-template-columns: 100%;
    }
    .event{
        border-bottom: 2px solid var(--white);
    }
    .container-promotion{
        height: inherit;
    }
    .container-footer{
        grid-template-columns: 100%;
    }
    .container-rack4{
        grid-template-columns: 100%;
    }
    .widget-footer{
        text-align: center;
    }
    .widget-footer1 img{
        width: 30%;
    }
    .footer-1{
        text-align: center;
        padding-bottom: 25px;
        border-right: none;
    }
    .footer-2, .footer-4, .footer-5{
        display: none;
    }
    .footer-3{
        margin-right: 0;
    }
    .widget-footer3{
        width: 97%;
    }
    .footer-social{
        display: none;
    }
    .container-footer-bottom{
        grid-template-columns: 100%;
    }
    .brn-dr{
        text-align: center;
    }
    .container-aside-right {
        grid-template-columns: 100%;
    }
    .sidebar-content{
        margin-left: 0;
        margin-top: 35px;
    }
    .padding-top{
        padding-bottom: 0;
    }
    .container-contact{
        padding-top: 25px;
        padding-bottom: 0;
    }
    .container-page-contact{
        grid-template-columns: 100%;
        padding-top: 0;
    }
    .content-page-tx{
        text-align: justify;
        margin-bottom: 35px;
        border-bottom: 1px solid var(--grey-dark);
        border-right: none;
        padding-bottom: 25px;
        margin-right: 0;
    }
    .page-contact{
        padding-right: 10px;
    }
    .single-article{
        margin-bottom: 30px;
    }
    .container-single{
        grid-template-columns: 100%;
        height: inherit;
        overflow: inherit;
    }
    .content-single-thumb{
        overflow: hidden;
        height: 200px;
    }
    .meta-post-tag{
        padding-bottom: 20px;
        margin-bottom: 10px;
    }
    .archive-content{
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .container-recent-post{
        grid-template-columns: 100%; 
    }
    .title-h2 h2{
        font-size: 1.5rem;
    }
    .content-search-body{
        grid-template-columns: inherit; 
        height: inherit; 
    }
    .image-search{
        height: 200px;
        overflow: hidden;
    }
    .search-field{
        width: inherit; 
    }
    .content-404 .search-submit{
        width: inherit; 
    }
    p.form-submit > .submit{
        width: 40%;
    }
    .read-more{
        width: 25%;
    }
    .img-event{
        position: relative;
        height: 115px;
        overflow: hidden;
    }
}

@media screen and (max-width: 375px){
    .gallery-main {
        height: 110px;
    }
}