/*
Theme Name: AllOnline
Author: Yumatova
Version: 1.0
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote{quotes:none}blockquote:before,blockquote:after{content:'';content:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}th{font-weight:400}a img{border:none;vertical-align:middle}

/* =Font styles
-------------------------------------------------------------- */
@font-face{font-family:"GT-Eesti-Pro-Display";src:url(res/fonts/GTEestiProDisplay-Light.otf?1457617705);font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"GT-Eesti-Pro-Display";src:url(res/fonts/GTEestiProDisplay-Medium.otf?1457617705);font-weight:700;font-display:swap}

/* =Common styles
-------------------------------------------------------------- */
::-webkit-scrollbar{width:10px;background-color:#f6f7f9}
::-webkit-scrollbar-thumb{background-color:#dfe4e7;-webkit-border-radius:1ex}
.scroll { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
.scroll::-webkit-scrollbar { display: none;}
.text-pr{color: var(--alltheme-title-color);}
a{color: #4e4c2a;}
a:hover{text-decoration: none; border-bottom: 1px solid var(--alltheme-title-color);color: var(--alltheme-title-color);}
.a_pseudolink{cursor: pointer;border-bottom: 1px dashed var(--alltheme-title-color)}
.a_pseudolink:hover{border-bottom: none;text-decoration: none;}
.pseudo {cursor: pointer;color:var(--alltheme-title-color); border-bottom: 1px dashed var(--alltheme-title-color)}
.pseudo:hover{border-bottom: 0;}
p{padding: 0 0 7px 0;}
h1,h2,h3,h4,h5,h6{font-weight: bold;color: inherit;}
h1{font-size: 200%;margin-bottom: 20px;}
h2{font-size: 160%;margin-bottom: 18px;}
h3{font-size: 170%;margin-bottom: 16px;}
h4{font-size: 150%;margin-bottom: 14px;}
h5{font-size: 130%;margin-bottom: 12px;}
h6{font-size: 110%;margin-bottom: 10px;}

.list-inline.list-dashed li{margin-right: 35px;}
.float{float: left;width: 100%}
.btn-link { color: #01a556!important;box-shadow:none; border: 1px solid #01a556;}

.hide{display: none}

.list-dashed {margin-left: 1.25em}
.list-dashed ul { margin-left: 1.25em; margin-top: .5em}
.list-dashed li { margin-bottom: .5em}
.list-dashed li:before { content: '\2014\a0'!important; float: left; margin-left: -1.25em}

.form-group.has-error input.form-control{border-color:#b70909}
.label{margin-right: 7px;}
/* =Icons styles
-------------------------------------------------------------- */
.icon {background-image: url(res/img/icons-pay.png); background-repeat: no-repeat; display:inline-block;vertical-align: middle;}
.icon-visa {width: 50px;height: 20px;background-position: -5px -14px}
.icon-mc {width: 30px;height: 20px;background-position: -60px -15px}
.icon-alpha { width: 25px; height: 20px; background-position: -45px -60px}
.icon-wm { width: 30px; height: 20px;background-position: -5px -60px}
.icon-ya {width: 30px; height: 21px;background-position: -85px -60px}
.icon-paypal { width: 50px; height: 20px; background-position: -125px -58px}
.icon-qiwi { width: 30px; height: 20px; background-position: -180px -58px}

/* =Main styles
-------------------------------------------------------------- */
body{color:#4e4c2a;font:16px GT-Eesti-Pro-Display,Calibri,sans-serif;background:#edede9}
#wrapper-container{position:relative;max-width:100%;margin:0 auto;min-height:100%;box-sizing:content-box;/*display: grid; grid-template-rows: 1fr auto;*/}
.inside{display:block;margin:0 auto;max-width:1350px;position:relative;padding:0 8px;}
.inside .inside{padding: 0}
#content{width:100%;float:left;margin:25px 0;}
#content a:not(.btn){border-bottom: 1px solid #b1abab}
#content a:not(.btn):hover{border-bottom: 0}

.l_block{background:#fff; border-radius: 5px; padding: 22px 20px;margin-bottom: 20px;}
.l_blockH{font-weight: bold; margin-bottom: 20px;color: var(--alltheme-title-color);font-size: 110%;}
.l_blockB{max-height: 400px;overflow-y: scroll;font-weight: bold;}

/* =Head styles
-------------------------------------------------------------- */
#masthead,#mainmenu{float: left; width: 100%;color: #fff;}
#masthead a,#mainmenu a{color: #fff;}
#masthead a:hover{border-bottom: 1px solid #fff}
#masthead{padding: 11px 0px;min-height: 60px; background: var(--alltheme-bg-head-2); font-size: 105%}
#mainmenu{background: var(--alltheme-bg-head);font-weight: bold; font-size: 110%;padding:0;width:100%;}

#logoBrand{padding-right: 15px;}
#logoBrand div a,#logoBrand div a h1{font-size: 28px; font-weight: bold; margin-bottom: 0}

#contacts{display: flex; align-items: center;letter-spacing: 0.03em}
#contacts div{display: flex; align-items: end;}
#contacts div:first-child{margin-right: 35px;}
#contacts div span{margin-right: 7px;}

#menu-contact{text-align: right; display: flex; align-items: center;}
#menu-contact li{margin-left: 20px;}

@media only screen and (max-width: 1024px) {
    #contacts{flex-wrap: wrap;}
    #contacts div{width: 100%; font-size: 90%}
    #contacts div .material-symbols-rounded{font-size: 18px;}
    #logoBrand div:first-child a{font-size: 150%;}
    #contacts div:first-child{margin-right: 0}
}

@media only screen and (max-width: 768px) {
    #masthead .inside{flex-wrap: wrap;}
    #menu-contact li:first-child{margin-left: 0}
}
/* =Menu styles
-------------------------------------------------------------- */
#menu-contact .item-profile:before{content: 'person';border:2px solid #fff; border-radius:100%; font-size: 135%; padding: 2px;margin-right: 5px;font-family:'Material Symbols Rounded';font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;vertical-align:middle;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:liga;-webkit-font-smoothing:antialiased;position:relative;background:none;}
#menu-contact .item-cart:before{content: 'shopping_cart';border:2px solid #fff; border-radius:100%; font-size: 135%; padding: 2px;margin-right: 5px;font-family:'Material Symbols Rounded';font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;vertical-align:middle;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:liga;-webkit-font-smoothing:antialiased;position:relative;background:none;}
#menu-contact .item-cart.has-tickets:before{background: #c1a000}

#mainmenu .top-menu{float: left;width: 100%;position: relative;margin-left: -10px; display: flex}

#mainmenu .top-menu>li>a{padding: 10px 13px;display: block;}
#mainmenu .top-menu>li:hover>a{background: #ffffffc7;color:var(--alltheme-bg-head)}
#mainmenu .top-menu>li.current-menu-item>a,#mainmenu .top-menu>li.current-category-ancestor>a{background: #fff;color:var(--alltheme-bg-head)}
#mainmenu .top-menu>li a:hover{border-bottom: none;color:var(--alltheme-bg-head)}
#mainmenu .top-menu>li.menu-item-has-children>a:after{content: 'expand_more';font-family:'Material Symbols Rounded';font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;vertical-align:middle;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:liga;-webkit-font-smoothing:antialiased;position:relative;background:none;}
#mainmenu .top-menu>li.menu-item-has-children:hover>a:after{background-position: -24px -48px}
#mainmenu .top-menu .sub-menu{position: absolute; top: 100%;font-size: 95%;background: #fff;color: #2b2b2b;padding: 3px 0px 6px 0;z-index: 101;display: none;webkit-transition: background-size 1500ms linear; -moz-transition: background-size 1500 linear; -o-transition: background-size 1500 linear; -ms-transition: background-size 1500ms linear; transition: background-size 1500ms linear; -moz-box-shadow: 0 12px 12px -6px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 12px 12px -6px rgba(0, 0, 0, 0.17); box-shadow: 0 12px 12px -6px rgba(0, 0, 0, 0.17);}
#mainmenu .top-menu .sub-menu a{color: #2b2b2b;}
#mainmenu .top-menu .sub-menu li.menu-item-has-children > a:after {content: 'chevron_right';font-family:'Material Symbols Rounded';font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;vertical-align:middle;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:liga;-webkit-font-smoothing:antialiased;position:relative;background:none;position: absolute;}
#mainmenu .top-menu>li:hover>.sub-menu{display: block;}
#mainmenu .top-menu .sub-menu a{padding: 5px 24px 5px 10px;display: block;font-weight: normal;}
#mainmenu .top-menu .sub-menu li{position: relative}
#mainmenu .top-menu .sub-menu .sub-menu{left: 100%;top: 0;}
#mainmenu .top-menu .sub-menu li:hover .sub-menu{display: block;}

#mainmenu .menu-mobile:after{content: 'menu';font-family:'Material Symbols Rounded';font-size:38px;color:#FFF;position:relative;font-weight: 400;font-style: normal;line-height: 1;letter-spacing: normal;text-transform: none;display: inline-block;vertical-align: middle;white-space: nowrap;word-wrap: normal;direction: ltr;-webkit-font-feature-settings: liga;-webkit-font-smoothing: antialiased;position: relative;background: none;}
#mainmenu .menu > ul{margin:0 auto;width:100%;list-style:none;padding:0;position:relative;box-sizing:border-box}
#mainmenu .menu > ul:before,.menu > ul:after{content:"";display:table}
#mainmenu .menu > ul:after{clear:both}
#mainmenu .menu > ul > li{float:left;padding:0;margin:0;transition:.2s ease-in-out}
#mainmenu .menu > ul > li a{padding: 10px 13px;display:block;transition:.2s ease-in-out}
#mainmenu .menu-mobile{display:none; cursor: pointer; padding: 0px;}
#mainmenu .menu > ul > li:hover > a{background: #ffffffc7; border-bottom: none;color:var(--alltheme-bg-head)}
#mainmenu .menu ul > li.menu-item-has-children>a:after{content: 'expand_more';font-family:'Material Symbols Rounded';font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;vertical-align:middle;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:liga;-webkit-font-smoothing:antialiased;position:relative;background:none;}
#mainmenu .menu ul > li.menu-item-has-children:hover>a:after{background-position: -24px -48px}
#mainmenu .menu > ul > li > ul{display:none;width:100%;font-size: 95%;background: #fff;color: #2b2b2b;padding: 3px 0px 6px 0;position:absolute;z-index:101;left:0;margin:0;list-style:none;box-sizing:border-box; webkit-transition: background-size 1500ms linear; -moz-transition: background-size 1500 linear; -o-transition: background-size 1500 linear; -ms-transition: background-size 1500ms linear; transition: background-size 1500ms linear; -moz-box-shadow: 0 12px 12px -6px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 12px 12px -6px rgba(0, 0, 0, 0.17); box-shadow: 0 12px 12px -6px rgba(0, 0, 0, 0.17);}
#mainmenu .menu > ul > li > ul:before,.menu > ul > li > ul:after{content:"";display:table}
#mainmenu .menu > ul > li > ul:after{clear:both}
#mainmenu .menu > ul > li > ul > li{margin:0;padding-bottom:0;list-style:none;width:25%;background:none;float:left}
#mainmenu .menu > ul > li > ul > li a{padding: 5px 24px 5px 10px;display:block;border-bottom:1px solid #337AB7; color: #2b2b2b;font-weight: normal;}
#mainmenu .menu > ul > li > ul > li a:hover{color:#337AB7;border-bottom:1px solid #000}
#mainmenu .menu > ul > li > ul > li > ul{display:block;padding:0;margin:10px 0 0;list-style:none;box-sizing:border-box}
#mainmenu .menu > ul > li > ul > li > ul:before,.menu > ul > li > ul > li > ul:after{content:"";display:table}
#mainmenu .menu > ul > li > ul > li > ul:after{clear:both}
#mainmenu .menu > ul > li > ul > li > ul > li{float:left;width:100%;margin:0}
#mainmenu .menu > ul > li > ul > li > ul > li a{border:0;padding:10px 12px;font-size:18px}
#mainmenu .menu > ul > li > ul > li > ul > li a:hover{border:0}
#mainmenu .menu > ul > li > ul.normal-sub{width:300px;left:auto;padding:13px}
#mainmenu .menu > ul > li > ul.normal-sub > li{width:100%}
#mainmenu .menu > ul > li > ul.normal-sub > li a{border:0;padding:5px 0}
@media only screen and (max-width: 768px) {
    #mainmenu .menu-container{width:100%}
    #mainmenu .menu-mobile{display: flex; align-items: center; justify-content: space-between;}
    #mainmenu .menu > ul{display:none}
    #mainmenu .menu > ul > li{width:100%;float:none;display:block;border-bottom:1px solid #ffffff4f}
    #mainmenu .menu > ul > li:last-child{border-bottom: 0}
    #mainmenu .menu > ul > li a{width:100%;display:block;padding: 10px 0px;}
    #mainmenu .menu > ul > li > ul{position:relative}
    #mainmenu .menu > ul > li > ul.normal-sub{width:100%}
    #mainmenu .menu > ul > li > ul > li{float:none;width:100%}
    #mainmenu .menu > ul > li > ul:not(.normal-sub) > li{margin-top:20px}
    #mainmenu .menu > ul > li > ul > li:first-child{margin:0}
    #mainmenu .menu > ul > li > ul > li > ul{position:relative}
    #mainmenu .menu > ul > li > ul > li > ul > li{float:none}
    #mainmenu .menu .show-on-mobile{display:block}

    #mainmenu .menu ul > li.menu-item-has-children>a:after{float: right; background: #ffffff54; padding: 3px; font-size: 110%; font-weight: bold;}

}
/* =Popular box styles
-------------------------------------------------------------- */
.box-content{width:100%; margin-bottom:30px; background:var(--alltheme-bg-head-2); float:left; vertical-align:top; position:relative; color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.box-content a{color: #fff;}
.box-body{padding: 10px 20px;width: 100%;float: left;}
.box-title{width: 100%;float: left;background: var(--alltheme-bg-head);padding: 10px 20px;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;color: #fff}
.box-list .box-item{display: inline-block; width: 23%; vertical-align: top; margin-bottom: 40px; margin-right: 2%;}
.box-list .box-item:nth-child(4n){margin-right: 0}
.box-item .box-item-preview{width: 25%;float: left; padding-right: 2%}
.box-item .box-item-preview img{float: left;width: 100%;border-radius:4px;}
.box-item .box-item-body{float: left;width: 100%;}
.box-item.r_has_preview .box-item-body{width: 75%;}
.box-item.r_has_background{border-radius:4px;background-size: cover; position: relative}
.box-item.r_has_background .box-item-body{padding: 7px 12px; z-index: 2; position: relative;}
.box-item.r_has_background:before{content: ''; position: absolute; border-radius:4px; top:0; bottom:0; left: 0; right: 0; z-index: 1;background: linear-gradient(0deg, rgb(0 0 0 / 48%) 100%, var(--alltheme-bg-head-2));}

.box-item-body .box-item-date,.box-item-body .box-item-place{font-size: 90%;color: #ffffffd1;}
.box-item-body .box-item-place a{color: #ffffffd1;}
.box-item-body .box-item-place img{display: inline-block;width: 14px; vertical-align: middle;}
.box-item-body .box-item-name{font-weight: bold;margin: 5px 0;}

#box-team.box-list .box-item{margin-bottom:10px;}
#box-team.box-list .team-link-preview{margin-right:4px;}
@media only screen and (max-width: 768px) {
    .box-list .box-item{width: 48%}
    .box-list .box-item:nth-child(2n){margin-right: 0;}
}
@media only screen and (max-width: 580px) {
    .box-list .box-item{width: 100%;margin-right: 0;}
}
/* =Footer styles
-------------------------------------------------------------- */
footer{ background-color: #404040; color: #fff; float: left; width: 100%; padding: 40px 8px; font-size: 90%;  grid-row-start: 2; grid-row-end: 3;}
footer a{ color: #fff;}
footer a:hover{ color: #fff; text-decoration: none;}
#fbrand-container{ float: left; width: 30%;}
#fbrand-container #fbrand-logo{ font-style: italic;font-size: 110%; font-weight: bold;text-transform: capitalize; }
#footer-info{ float: left; width: 100%; color: #b3b3b3; border-top: 1px #808080 solid; padding: 20px 0; margin-top: 10px; font-weight: 300;}

#fblock-links-menu{ float: left; width: 70%;}
#fblock-links-menu .menu > li{float: left; width: 25%; padding-left: 2%;}
#fblock-links-menu .menu .li-title{ color: #fff; text-transform: uppercase; font-weight: 800; text-decoration: none;  margin-bottom: 4px;}
#fblock-links-menu .menu ul{ margin-left: 1.25em;}
#fblock-links-menu .menu ul li{ margin-bottom: 4px;}
#fblock-links-menu .menu ul li:before { content: '\2014\a0'!important; float: left; margin-left: -1.25em;}
footer .f-block-7{float: left;width: 60%;padding-right: 4%}
footer .f-block-5{float: left;width: 40%;}

#footer-form{ border: 1px solid #808080; padding: 10px 15px 15px; float: left; width: 100%; min-width: 300px;}
#footer-form input.form-control{ background-color: #808080; color: #fff!important; border: 1px solid transparent;}
#footer-form-head{ color: #b3b3b3; margin-bottom: 4px;}
#footer-form .input-group-btn{width: auto;display: flex;margin-left: -1px;}
#footer-form .ubs-subscribe-submit{padding: 8px 12px;}

#lang_sel_list{margin-top: 10px;}
#lang_sel_list ul li{margin-right: 10px; display: inline-block;}

@media only screen and (max-width: 1024px) {
    #fblock-links-menu .menu > li{width: 33%;}
}
@media only screen and (max-width: 768px) {
    #fbrand-container,#fblock-links-menu,footer .f-block-5{width: 100%;}
    #fblock-links-menu{margin-top: 15px;}
    #fblock-links-menu .menu > li{padding-left: 0}
    footer .f-block-7{width: 100%;padding-right: 0}
}
@media only screen and (max-width: 580px) {
    #fblock-links-menu .menu > li{width: 50%;}
}
@media only screen and (max-width: 460px) {
    #fblock-links-menu .menu > li{width: 100%;}
}
/* =Form Suscribe styles
-------------------------------------------------------------- */
.form-subscribe{float: left; width: 100%;}
.form-subscribe-body .input-group{margin-bottom: 10px;}
.form-subscribe-body .input-group-btn{width: 23%;}
.form-subscribe-body .form-control{border-radius: 0.25rem!important;}
@media only screen and (max-width: 768px) {
    .form-subscribe-body .input-group-btn{width: 100%;margin-top: 10px;}
    .form-subscribe-body .input-group-btn button{border-radius: .25rem!important;}
}
/* =Post list styles
-------------------------------------------------------------- */
.entry-content ol { list-style-type: decimal; margin-left: 20px;}
.entry-content ul { list-style-type: disc; margin-left: 20px;}
.entry-content li{margin-bottom: 6px;}