/*   
Theme Name: m2wma
Author: m2wma
Author URI: https://m2wma.ru/
*/
body{background-color: #111;color: #FFF;}
#header{padding-top: 10px;}
#main-navigation{padding-top: 5px;}
#header .top-desc{padding-top: 5px;}
.mob-nav button{height: auto !important;}
#header .sub-menu{
    display: none;
    position: absolute;
    background-color: #3cee3a;
    padding: 0;
    right: 0;
    z-index: 99;
}
.menu-block {
    display: none;
    overflow: hidden;
    transition: max-height 0.5s ease;
    max-height: 0;
}
.menu-block.active {
    display: block;
    max-height: 500px; 
}

.line-menu li.menu-item-has-children{position: relative;}
#main-navigation .line-menu .sub-menu > li > a{white-space: nowrap;}
#main-navigation .line-menu li.menu-item-has-children:hover .sub-menu{display: block;}
#header .header-logo{margin-top: -5px;padding-bottom: 5px;display: table;}
a{color: #3cee3a;}
a:hover{color: #175016;}

#header .sites{padding-top: 16px;}
#header .sites img{vertical-align: middle;}
#header .sites .open-close{border-bottom: 1px dotted;border-color: inherit;}
#header .sites .open-close:hover{border-color: transparent;}
#header .sites .sub-menu li{margin-bottom: 5px;}
.ext-link,.pointer{cursor: pointer;}

img{max-width: 100%;height: auto !important;}
.top-img{height: 300px;background-position: center center;border-top: 3px solid #3cee3a;}
.main-top{height: 400px;margin-bottom: 30px;background-position: top center;border-bottom: 3px solid #3cee3a;}
.content{min-height: 600px;}
.content h1{margin-top: 0;}
.content ul:not(.pagination){list-style: none;padding-left: 0;}
.content ul:not(.pagination) li{padding-left: 20px;}
.content ul:not(.pagination) li:before {
    content: '';
    background-image: url(img/li.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-right: 5px;
    max-width: 100%;
}
ul.pagination{text-align: center;}
.alphabetic ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 0;
    width: 100%;
}
.alphabetic ul.ap_pagination li{padding-left: 2px;height: auto;}
.alphabetic ul.ap_pagination li:before{margin-right: 0;}
.section{padding-top: 30px;padding-bottom: 30px;}
.text-red{color: #3cee3a;}
.bg-red{background-color: #3cee3a;}
.bg-d-red{background-color: #175016;}
.bg-pos-top{background-position: top center;}
.bg-pos-center{background-position: center center;}

.breadcrumb{padding-bottom: 15px;padding-top: 15px;color: #ffffff;}
.breadcrumb a{color: #ffffff;}

.side-menu{margin-bottom: 30px;}
.side-menu .cat-item > ul.children{padding-left: 20px;}
.side-menu > ul{margin-top: 0;}
.side-menu .tagcloud a,.button{
    margin-bottom: 5px;
    padding: 3px 10px;border-radius: 4px;}

.tag-block {
    margin-bottom: 20px;
}
.tag-block a {
    text-decoration: none !important;
}
.tag-block .thumbnail {
    padding-top: 20%;
    margin-bottom: 10px;
    border: 1px solid #ffffff;
}
.tag-block .desc-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.character-block{background-color: #cccccc;padding: 10px;color: #3cee3a;border-top: 1px solid #111;}
.character-block .h5,.character-block span{color: #3cee3a;}
.character-block.dossier{border-top: 0;}
.character-block.dossier,.character-block:hover{background-color: #e9e9e9;padding: 10px;border-color:#ccc;}
.character-block.dossier .h5,.character-block.dossier span,.character-block:hover .h5,.character-block:hover span{color: #666;}
.character-block .char-str{padding: 5px 0;}
.char-str *{display: inline-block;}
.character-block b{/*text-transform: uppercase;*/}
.character-block .h5{margin-top: 0;margin-bottom: 5px;}

input[type="text"],input[type="email"],input[type="submit"],textarea,select,button{
    font-size: 14px;
    font-family: inherit;
    height: 30px;
    line-height: 1;
    width: 100%;
    padding: 5px 10px;
    border: 0;
    background-color: #e9e9e9;
}
#header .searchbox_form{padding-top: 12px;padding-bottom: 12px;}
.input-group input+button{float: right;border-radius: 0;position: relative;display: block;margin-left: -33px;}
#header .searchbox_form input{width: 100%;margin-right: -33px;display: block;float: left;padding-right: 40px;}
textarea{height: auto;}
button,.button,input[type="submit"],.side-menu .tagcloud a{cursor: pointer;background-color: #3cee3a;color:#000;width: auto;display: inline-block;text-decoration: none;}
button:hover,button:active,.button:hover,.button:active,input[type="submit"]:hover,input[type="submit"]:active,.side-menu .tagcloud a:hover{background-color: #175016;text-decoration: none;color: #fff;}
hr{border: 0;border-top: 1px solid #3cee3a;margin: 20px 0;}
.story h1{text-align: center;border-bottom: 1px solid #3cee3a;padding-bottom: 20px;margin-bottom: 30px;}
/*.story h1,.story h2,.story h3,.story h4{clear: both;}*/

.wp-caption{background-color: #fff;padding: 5px;margin-bottom: 10px;max-width: 100%;}
img.alignleft,img.alignright{margin-bottom: 10px;}
.wp-caption.alignleft,img.alignleft{margin-right: 10px;}
.wp-caption.alignright,img.alignright{margin-left: 10px;}
.wp-caption.aligncenter{display: block;}
.wp-caption > img{margin-left: auto;margin-right: auto;display: block;}
.wp-caption-text{text-align: center;font-size: 12px;margin: 0;margin-top: 5px;color:#3cee3a;}

.link-preview{
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    margin: 10px 0;
    transition: transform 0.3s
}
.link-preview:hover {
    transform: translateY(-3px); 
}

.link-preview a {
    text-decoration: none; 
    color: inherit;
    display: block; 
}

.link-preview img {
    width: 100%; 
    height: auto;
}

.link-preview b {
    font-size: 1.2em; 
    color: #3cee3a; 
    display: block; 
    margin: 10px 0; 
}

.link-preview div {
    font-size: 0.9em; 
    color: #666; 
    margin-bottom: 10px; 
}

#hover-result{
    color:#3cee3a;
    width: 425px;
    max-width: 90%;
}
#hover-result .excerpt{color:#3cee3a;}
#hover-result img{width: 100%;}
#hover-result > .fa{
    color: #fff;
    line-height: 12px;
    font-size: 30px;
    margin: 0 5px;
}
#hover-result a{
    display: block;
    border-radius: 6px;
    background-color: #fff;
    padding-bottom: 10px;
   /* margin-top: -11px;*/
}
#hover-result a:hover{text-decoration: none;}
.box-shadow{
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
}

.mg-bt-15{margin-bottom: 15px;}
.mg-bt-20{margin-bottom: 20px;}
.mg-bt-30{margin-bottom: 30px;}

.article,.character-block{font-size: 14px;}
.article .thumbnail{display: block;width: 100%;height: 130px;margin-bottom: 15px;border: 3px solid #fff;}
.article h3{margin-top: 0;font-size: 18px;}
.article.external .thumbnail{height: auto;padding-bottom: 150%;}
#similar-block .article h3,.article.external h3{min-height: 67.5px;}
#similar-block .article{height:340px;}
#similar-block .article .desc{}

.flex-items{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
#similar-block .flex-items .article{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#ads .rh-box-button .rhbutton{
	background-color: #3cee3a;
    display: inline-block;
    margin-bottom: 5px;
    padding: 3px 10px !important;
    border-radius: 4px !important;
    height: auto;
    border: 0;
}
#ads .rh-box-button .rhbutton .message{line-height:1.4;}

#comments .vcard{float: left;padding-right: 15px;padding-bottom: 15px;}
#comments .comment{margin-bottom: 15px;}
.reviews-form{border-top: 1px solid #3cee3a;}
.reviews-form .logged-in-as{padding: 10px 15px;}

.signup small{line-height: 1.4;margin-bottom: 10px;display: block;}
.signup input[type="submit"],.signup button[type="submit"]{width: 100%;margin-top: 0;margin-bottom: 10px;}

#footer{margin-top: 30px;border-top: 1px solid #3cee3a;font-size: 14px;padding-bottom: 15px;}
#footer .copyright{padding-top: 15px;border-top: 1px solid #3cee3a;margin-top: 20px;}
#footer h4,ul.footer-menu{margin: 0;}
#footer h4{margin-bottom: 10px;}
.footer-menu li,.side-menu li > a{margin-bottom: 5px;}
.footer-menu li a,.side-menu li > a{display: block;}
#footer .contacts{font-size: 12px;}
#footer .bl-deck-3.box{margin-bottom: 15px;}
.formError{
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    margin-bottom: 10px;
}
.formError .formErrorContent{width: auto;}
#toTop{
    text-align: center;
    position: fixed;
    bottom: 30px;
    right: 20px;
    
}
#toTop a{
    color: #fff;
    background-color: #3cee3a;
    width: 32px;
    height: 32px;
    font-size: 20px;
    line-height: 28px;
    text-decoration: none !important;
    opacity: 0.6;
    cursor: pointer;
    display: hidden;
}
#toTop a:hover{opacity: 1;}

.video{
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 56.25%;
}
.video iframe,.article .thumbnail.video:before{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.article .thumbnail.video:before{
    content: '';
    display: block;
    z-index: 9;
}
.article .thumbnail.video:after{
    content: "\f144";
    font-family: 'FontAwesome';
    font-size: 42px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    line-height: 36px;
    margin-left: -18px;
    margin-top: -18px;
    opacity: 0.7;
}
.article .thumbnail.video:hover:after{opacity: 1;}
.placeholder-button{
    display:flex;
}
@media (max-width:1186px){
    #header{padding-bottom:10px;}
    #header .searchbox_form{padding-top:10px;}
    .wp-caption{max-width: 50%;}
    #main-navigation .sub-menu{display: block;position: relative;background-color: inherit;}
    .top-img{height: 250px;}
    .main-top{height: 300px;}
    #header .top-desc{padding-top: 10px;padding-left: 5px;padding-right: 5px;}
    #header .top-desc small{font-size: 10px;display: block;}
}
@media (max-width:767px){
    #header .navigation .box{padding:0;}
    #header .searchbox_form input{margin: 0;padding-right: 35px;}
    #header .searchbox_form button{position: absolute;right: 0;top: 10px;}
    #similar-block .article h3, .article.external h3{min-height: auto;}
    .top-img{height: 150px;}
    .main-top{height: 200px;}
    .category-block h1{text-align: center;}
    .mob-nav button{background-color: transparent !important;}
    .mob-nav button:hover .mn-line {background-color: #3cee3a; transition: background-color 0.3s ease; }
    .mob-nav button .mn-line:last-child {margin-bottom: auto;}
    .header-logo{margin-left: auto; margin-right: auto;}
}
@media (max-width:460px){
    .wp-caption{margin:10px auto !important;float:none !important;}
    .wp-caption,.wp-caption img{width: 100% !important;max-width: 100%;}
    .side-menu{margin-bottom: 15px;}
}
@media (min-width:1250px){
    .top-img{height:380px;}
}
@media (min-width:1450px){
    .top-img{height:450px;}
}
@media (min-width:1750px){
    .top-img{height:500px;}
}