/*
Theme Name:     RH
Theme URI: 		
Description:    ReHouz theme made by dak
Author:         dak
Author URI: 	
Template:       Newspaper8
Version:        2.0
*/


/*  ----------------------------------------------------------------------------
/* импортируем стили родительской темы */
@import url("../Newspaper8/style.css");

/** =================== MONTSERRAT =================== **/
/** Montserrat Light **/
@font-face {
    font-family: "Montserrat";
    font-display: swap;
    font-weight: 300;
    font-style: normal;
    src: local('Montserrat'),
         url("fonts/Montserrat/Montserrat-Light.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat/Montserrat-Light.woff2") format("woff2"),
         url("fonts/Montserrat/Montserrat-Light.woff") format("woff");
}

/** Montserrat Light-Italic **/
@font-face {
    font-family: "Montserrat";
    font-display: swap;
    font-weight: 300;
    font-style: italic;
    src: local('Montserrat'),
         url("fonts/Montserrat/Montserrat-LightItalic.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat/Montserrat-LightItalic.woff2") format("woff2"),
         url("fonts/Montserrat/Montserrat-LightItalic.woff") format("woff");
}

/** Montserrat Regular **/
@font-face {
    font-family: "Montserrat";
    font-display: swap;
    font-weight: 400;
    font-style: normal;
    src: local('Montserrat'),
         url("fonts/Montserrat/Montserrat-Regular.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat/Montserrat-Regular.woff2") format("woff2"),
         url("fonts/Montserrat/Montserrat-Regular.woff") format("woff");
}

/** Montserrat Regular-Italic **/
@font-face {
    font-family: "Montserrat";
    font-display: swap;
    font-weight: 400;
    font-style: italic;
    src: local('Montserrat'),
         url("fonts/Montserrat/Montserrat-Italic.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat/Montserrat-Italic.woff2") format("woff2"),
         url("fonts/Montserrat/Montserrat-Italic.woff") format("woff");
}

/** Montserrat Bold **/
@font-face {
    font-family: "Montserrat";
    font-display: swap;
    font-weight: 600;
    font-style: normal;
    src: local('Montserrat'),
         url("fonts/Montserrat/Montserrat-Bold.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat/Montserrat-Bold.woff2") format("woff2"),
         url("fonts/Montserrat/Montserrat-Bold.woff") format("woff");
}

html, body {font-family:sans-serif;}
.fonts-loaded {font-family:Montserrat,sans-serif;}

hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
border: 1px;
height: 1px;
background-image: -webkit-linear-gradient(left, transparent, #ccc, transparent);
}

h1 {font-size:28px;}
h2 {
  font-size: 26px;
  color: #00417c;
}
h3 {
  font-size: 24px;
  color: #00417c;
}

table td {border:0;}

.sf-menu>li>a {font-weight:600;}

.td-banner-wrap-full {min-height:0;border-bottom:3px solid #eee;overflow:hidden;}

.post header .entry-title {font-size:30px;line-height:40px;}

.td-page-content p,.td-post-content p,.wpb_text_column p,.td_block_text_with_title p,.woocommerce #tab-description p,.mce-content-body p,.td-page-content li,.td-post-content li,.wpb_text_column li,.td_block_text_with_title li,.woocommerce #tab-description li,.mce-content-body li {font-size:18px;}

.td-post-category {font-size:11px;background-color:rgba(34,34,34,0.2);padding:3px 5px;}
.page-nav a,.page-nav span {border-radius:50%;}
.td-category a {border-radius:2px;}
.widget {margin-bottom:5px;}

header .td-post-comments a,header .td-post-views {color:#aaa;}

header .td-post-author-name a {font-weight:400;text-transform:uppercase;}
.td-post-template-11 .td-post-title .td-post-date {margin-right:0;}
.td-post-template-11 .td-post-title .td-post-views {margin-right:15px;}

.wp-caption-text, .wp-caption-dd {font-size:14px;}

.td-page-content p, .td-post-content p, .wpb_text_column p, .td_block_text_with_title p, .woocommerce #tab-description p, .mce-content-body p, .td-page-content li, .td-post-content li, .wpb_text_column li, .td_block_text_with_title li, .woocommerce #tab-description li, .mce-content-body li {font-family:Montserrat,sans-serif;}
.td-page-content, .td-post-content, .wpb_text_column, .td_block_text_with_title, .woocommerce #tab-description, .mce-content-body {font-family:Montserrat,sans-serif;}
.td_module_6 .entry-title {margin-bottom:8px;}
.td-post-content table {border:0;}



/*--- MY CSS ---*/
.flag {
display:inline-block;
background-color:#eadb20;
width:12px;
height:15px;
position:relative;
top:2px;
left:-10px;
-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 50% 70%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 70%, 0 100%);
transform:rotate(90deg);
}

.flag2::before {
content: '';
position: absolute;
background-color:#eadb20;
width: 12px;
height: 15px;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 70%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 70%, 0 100%);
transform: rotate(90deg);
margin: 8px -21px;
}

/*.headgads {display:none;width:100%;height:auto;overflow:hidden;}
@media (min-width: 767px) {
    .headgads {display:block;}
}*/

@media (max-width: 767px) {
.td-post-content img.size-full {
max-width:calc(100% + 30px)!important;
width:calc(100% + 30px)!important;
float:none;
margin-left:-15px;
margin-right:-15px;
}
.td-post-content li>img.size-full {
max-width: 100% !important;
width: 100% !important;
margin-left: -15px;
}
}
.cat-nav-block a {display:inline-block; font-style:normal; margin-right:5px;}
.cat-nav-block a:hover {color:#cc6060;}
.cat-nav-block a::after {
position:relative;
content:'•';
color:#ccc;
margin-left:5px;
}
.cat-nav-block a:last-child::after {position:relative; content:'';}

.cat-nav-link {font-style:normal;}
.cat-nav-link::after {
position:absolute;
content:'→';
opacity:0;
margin-left:5px;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
transform: translateX(-10px);
}
.cat-nav-link:hover::after,
.cat-nav-link:focus::after {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}

.shareb {border-top:1px dashed #eee;text-align:center;padding-bottom:15px;margin-bottom:10px;}

.postshare {display:inline-block;margin:10px 0 0;}
.ya-share2__icon{
width: 32px!important;
height: 32px!important;
background-size: 32px 32px!important;
}
.ya-share2__counter{
font-size: 16px!important;
line-height: 32px!important;
}

.post-nav {
font-family:Montserrat,sans-serif;
background:linear-gradient(90deg,#f9f9f9,#fff);
border-left: 5px solid #ccc;
padding: 5px 5px 0 10px;
position: relative;
z-index: 1;
}
.post-nav span {font-size:18px;}

.post-nav1 {
font-family:Montserrat,sans-serif;
background:linear-gradient(90deg,#f9f9f9,#fff);
border-left: 5px solid #ccc;
padding: 5px 5px 0 10px;
position: relative;
z-index: 1;
}
.post-nav1 span {font-size:18px;}

.ul-nav {list-style-type:none;padding-bottom:15px;}
.ul-nav li>a:hover {text-decoration:none;}

.post-nav>.ul-nav li>a:hover:after {
position:absolute;
font-family:"Ionicons";
content:"\f36b";
color:#ddd;
margin-left:7px;
margin-top:2px;
}
.post-nav1>.ul-nav li>a:hover:after {
position:absolute;
font-family:"Ionicons";
content:"\f13a";
color:#ccc;
margin-left:7px;
}

.follow-bl {display:inline-block;width:100%;margin:10px 0;text-align:center;}
.follow-bl img {width:25px;margin:0 5px;}
.opci {opacity: 0.5 !important;transition: all 0.3s;}
.opci:hover {opacity: 1 !important;}
.subpn {padding-left: 35px;}
.bq {
display:block;
background: #f8fafb;
border-right: 3px solid #ccc;
padding: 10px;
}
.bqp {
display:block;
background: rgba(200,230,210,0.3);
border-right: 3px solid rgb(200,230,210);
padding: 10px;
}
.bqm {
display:block;
background: rgba(240,210,210,0.3);
border-right: 3px solid rgb(240,210,210);
padding: 10px;
}

.mora {
display: block;
padding: 18px 1px 10px;
color:#007725;
font-weight:bold;
border-right: 2px solid;
}
.mora:hover {
text-decoration:none !important;
color:#035f1f;
}
.mora::after {
position:absolute;
content:'→';
opacity:0;
margin-left:5px;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
transform: translateX(-10px);
}
.mora:hover::after,
.mora:focus::after {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}
.mora::before {
position: absolute;
content: 'Подробнее';
line-height: 18px;
font-size: 14px;
font-weight:normal;
letter-spacing: .5px;
color: #fff;
padding: 1px 5px 0 5px;
background-color: #007725;
border-radius: 3px;
margin-top: -25px;
opacity:.3;
}
.mora:hover::before {opacity:.5;}

.elsa {
display: block;
padding: 18px 1px 10px;
color:#451585;
font-weight:bold;
border-right: 2px solid;
}
.elsa:hover {
text-decoration:none !important;
color:#251065;
}
.elsa::after {
position:absolute;
content:'→';
opacity:0;
margin-left:5px;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
transform: translateX(-10px);
}
.elsa:hover::after,
.elsa:focus::after {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}
.elsa::before {
position: absolute;
content: 'Читайте также';
line-height: 18px;
font-size: 14px;
font-weight:normal;
letter-spacing: .5px;
color: #fff;
padding: 1px 5px 0 5px;
background-color: #451585;
border-radius: 3px;
margin-top: -25px;
opacity:.3;
}
.elsa:hover::before {opacity:.5;}

@media screen and (max-width: 1018px) {
  .hiddenbl {
    visibility: hidden;
    display: none;
  }
}

ol {padding: 0px;margin: 20px 0px 20px 20px;counter-reset: ol;}
ol li {list-style: outside none none;padding: 0px;position: relative;margin-bottom: 10px;}
ol li::before {
content: counter(ol, decimal);
counter-increment: ol;
height: 24px;
width: 24px;
line-height: 24px;
text-align: center;
background: #f1d9ff none repeat scroll 0% 0%;
color: #333;
left: -34px;
top: 3px;
display: block;
border-radius: 50%;
position: absolute;
}

.addsome_txt_vmenu {
display: block;
width: 75%;
margin: 20px auto;
text-align: center;
padding: 7px 0;
border: 1px solid;
opacity: .5;
border-radius: 20px;
}

.ion-android-camera {
position: relative;
top: 1px;
font-size: 15px;
padding-right: 3px;
}

.padd-left10 {padding-left:10px;}

.opros-desc-link {
display: block;
background-color: #eee;
margin: -30px 10px 0;
padding: 3px 10px;
border-radius: 5px;
text-align:center;
color:#ccc;
}
.opros-desc-link::before {
position:relative;
content:'';
width: 0;
height: 0;
border-bottom: 20px solid #eee;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
}

/*--modal-main-menu--*/

.modal-main-menu {
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color: rgba(15, 3, 27, 0.98);
font-family:Montserrat,sans-serif;
font-size: 1rem;
color:#fff;
overflow-x:hidden;
overflow-y:auto;
z-index:11000;
}
.modal-main-menu a:hover{color:white;}

.mm-body {
display:block;
position:relative;
max-width:1200px;
margin:0 auto;
}

.mm-head {
display:block;
height:55px;
background-color: rgba(100, 100, 100, 0.1);
}
.mm-head a {
font-size:1.4rem;
font-weight:600;
line-height:64px;
color:white;
letter-spacing:1px;
margin:0 20px;
opacity:.8;
}
.mm-head a:hover {opacity:1;}
.mm-head a::after {
content:'';
background:url(/logo.png) no-repeat;
width:39px;
height:28px;
position:absolute;
margin-top:12px;
margin-left:-50px;
z-index:-1;
transition:.3s;
}

.mm-close {
display:flex;
position:absolute;
top:12px;
right:10px;
font-size: 2rem;
line-height:35px;
color:#999;
padding:0 10px;
border-radius:50%;
cursor:pointer;
}
.mm-close:hover {color:#ccc;}

.mm-content {
display:flex;
flex-wrap:wrap;
}
.mm-content-main {
display:flex;
flex-wrap:wrap;
width:100%;
max-width:900px;
}
.mm-content-main div {
display:flex;
flex-direction:column;
margin:20px;
width:100%;
max-width:185px;
}
.mm-content-main span {
font-size:1.1rem;
padding-bottom:7px;
margin-bottom:10px;
border-bottom:1px solid #444;
}
.mm-content-main a {color:#888;margin-bottom:5px;}

.cat-item-1 span a {color:#79c641;}
.cat-item-2 span a {color:#e0b52a;}
.cat-item-3 span a {color:#e03731;}
.cat-item-4 span a {color:#4db2ec;}

.mm-content-aside {
display:flex;
flex-direction:column;
max-width:300px;
width:100%;
margin:20px auto;
}
.mm-content-aside-block {
background-color: rgba(0, 0, 0, 0.2);
border-radius: 5px;
}

.mm-footer {
display:flex;
justify-content:space-around;
flex-wrap:wrap;
margin:20px 0;
}
.mm-footer a {
display:flex;
margin:0 5px 7px;
color:#777;
}

.mm-btn {
position: absolute;
right: 60px;
top: 49%;
margin-top: -16px;
padding: 0 8px;
font-size: 2rem;
color: #888;
cursor:pointer;
}
.mm-btn:hover {color:#000;}

@media (max-width: 767px) {
.mm-btn {color:#fff;}
.mm-btn:hover {color:#fff;}
}

.td-main-menu-logo a {line-height: 24px;}
@media (min-width: 768px) {
.td-header-wrap .td-affix .td-main-menu-logo a {line-height:24px!important;}
}
.head-main-logo {
display:block;
float:left;
font-size:1.4rem;
font-weight:600;
color:#000;
letter-spacing:1px;
margin:16px 15px 0 0;
opacity:.8;
}
.head-main-logo:hover {opacity:1;}
.head-main-logo::after {
content: '';
background: url(/logo.png) no-repeat;
width:39px;
height:28px;
position: absolute;
margin-top:-8px;
margin-left:-49px;
z-index:-1;
transition:.3s;
}

@media (max-width: 767px) {
.head-main-logo {
color:#fff;
margin:17px 20px;
}
}

.zen-wrapper {
display:flex;
background-color:rgba(255,0,0,0.1);
border-radius: 5px;
margin: 25px 0 0;
}
.zen-logo {
display: flex;
width: 40px;
height: 40px;
align-self: center;
margin: 20px;
}
.zen-descr {
display: flex;
font-family: montserrat;
margin: 10px 0;
}
.zen-btn {
display: flex;
background: #3195dc;
padding: 5px;
color: #fff;
}
/*--- /MY CSS ---*/