@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700;800;900&family=Source+Serif+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap");
body{
font-family: 'Montserrat', sans-serif;
background-color: #d8f5f1;
}
@media(min-width:992px){
header{
border-bottom: 1px solid #3CD3BA;
padding: 25px 0 15px;
margin-bottom: 30px;
}
.mobile-header{
display: none;
}
}
@media(max-width:992px){
header{
padding: 30px 0 0;
margin-bottom: 20px;
}
.desctop-header{
display:none;
}
.mobile-header{
display: flex;
justify-content: space-between;
width: 100%;
max-width: 610px;
margin: 0 auto;
}
}
.desctop-header{
padding-left: 0;
padding-right: 0;
}
span.header-subscribe{
margin-top: 4px;
padding: 5px 10px 5px 35px;
border-radius: 48px;
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-subscribe.svg) 10px center no-repeat;
background-color: #F5900E;
color: #fff;
font-weight: 500;
font-size: 0.875em;
line-height: 1.21em;
cursor: pointer;
}
span.header-calend{
margin: 0 14px;
padding: 5px 10px 5px 33px;
border-radius: 48px;
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-calend.svg) 10px center no-repeat #fff;
font-weight: 500;
font-size: 0.875em;
line-height: 1.21em;
}
span.header-calend:hover, span.header-calend-active{
cursor: pointer;
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-calend-active.svg) 10px center no-repeat #fff;
color: #F5900E;
}
span.header-search{
margin-top: 4px;
padding: 5px 10px 5px 32px;
border-radius: 48px;
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-search.svg) 10px center no-repeat #fff;
font-weight: 500;
font-size: 0.875em;
line-height: 1.21em;
}
span.header-search:hover{
cursor: pointer;
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-search-active.svg) 10px center no-repeat #fff;
color: #F5900E;
}
.dropdown-calend{
padding: 24px 16px !important;
border-radius: 16px !important;
background-color: #fff;
margin-top: 12px;
width: 360px;
}
.desctop-calend-main{
display: flex;
justify-content: space-between;
width: 100%;
}
.desctop-calend-prev, .desctop-calend-next{
flex: 0 0 24px
}
.desctop-calend-title{
padding: 9px 14px;
border: 1px solid #ccc;
border-radius: 35px;
margin: 0px 16px;
font-weight: 700;
font-size: 1.25em;
line-height: 1.2em;
flex-basis: 100%;
}
.desctop-prev-enable{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-desctop-calend-arrow-active.svg) left center no-repeat;
cursor: pointer;
}
.desctop-prev-disable{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-desctop-calend-arrow.svg) left center no-repeat;
cursor: default;
}
.desctop-next-enable{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-desctop-calend-arrow-active.svg) left center no-repeat;
cursor: pointer;
transform:scaleX(-1);
}
.desctop-next-disable{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-desctop-calend-arrow.svg) left center no-repeat;
cursor: default;
transform:scaleX(-1);
}
.desctop-calend-data{
margin-top: 16px;
display: flex;
flex-wrap: wrap;
}
a.desctop-calend-enable{
padding: 8px 24px;
border: 1px solid #CCC;
border-radius: 40px;
color: #000;
font-weight: 500;
font-size: 0.875em;
line-height: 1.21em;
display: block;
}
a.desctop-calend-enable:hover{
text-decoration: none;
background-color: #ddd;
}
a.desctop-calend-disable{
padding: 8px 24px;
border: 1px solid #CCC;
border-radius: 40px;
color: #b9b9b9;
font-weight: 500;
font-size: 0.875em;
line-height: 1.21em;
display: block;
text-decoration: none;
cursor: default;
}
.desctop-calend-data-link{
flex: 0 0 50%;
padding: 8px;
}
.desctop-calend-data-link:nth-child(odd){
padding-left: 0;
}
.desctop-calend-data-link:nth-child(even){
padding-right: 0;
}
.desctop-calend-year{
display: none;
}
ul.nav{
margin-top: 15px;
font-weight: 500;
font-size: 0.875em;
line-height: 1.21em;
}
li.nav-item{
margin: 0 9.5px;
}
li.nav-item:first-child{
margin-left: 0;
}
li.nav-item:last-child{
margin-right: 0;
}
li.nav-item a{
text-decoration: none;
color: #000;
}
li.nav-item a:hover{
color: #F5900E;
}
.nav .nav-item:hover > .dropdown-menu {
display: block; 
}
.dropdown-menu{
border-radius: 4px;
border: 1px solid #ccc;
padding: 15px;
}
.dropdown-item{
margin-bottom: 12px;
padding: 0;
font-weight: 500;
font-size: 0.8125em;
line-height: 1.22em;
}
.dropdown-item:last-child{
margin-bottom: 0;
}
.dropdown-item:focus, .dropdown-item:hover{
background-color: #fff !important;
}
.nav-item-dropdown{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-menu-dropdown.svg) right center no-repeat;
padding-right: 20px;
}
.nav-item-dropdown:hover{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-menu-dropdown-hover.svg) right center no-repeat;
}
.mobile-header-left{
flex: 0 0 24px;
cursor: pointer;
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-mobile-search.svg) center center no-repeat;
}
.mobile-header-right{
flex: 0 0 24px;
cursor: pointer;
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-mobile-menu.svg) center center no-repeat;
}
.mobile-header-center{
text-align: center;
width: 214px;
height: 25px;
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-mobile-logo.svg) center center no-repeat;
}
.mobile-header-center a{
display: block;
width: 100%;
height: 100%;
}
.mobile-menu{
display: none; 
width: 100%;
max-width: 610px;
margin: 0 auto;
color: #fff;
padding: 40px 0;
}
a.mobile-subscribe{
color: #fff;
padding: 5px 10px 5px 33px;
font-size: 1.0em;
line-height: 1.25em;
border-radius: 48px;
font-weight: 600;
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-mobile-subscribe.svg) 10px center no-repeat #F5900E;
}
a.mobile-subscribe:hover{
text-decoration: none
}
.mobile-header-nav{
margin: 40px 0;
}
.mobile-header-nav a{
color: #fff;
font-weight: 700;
margin: 15px auto;
display: table;
font-size: 1.25em;
line-height: 1.2em;
}
.mobile-header-nav a:hover{
text-decoration: none;
color: #F5900E;
}
.mobile-header-nav a:first-child{
margin-top: 0;
}
.mobile-header-nav a:last-child{
margin-bottom: 0;
}
a.mobile-header-nav-close{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-mobile-nav-arrow-down.svg) right center no-repeat;
padding-right: 22px;
}
a.mobile-header-nav-close:hover, a.mobile-header-nav-open{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-mobile-nav-arrow-up.svg) right center no-repeat;
padding-right: 22px;
color: #F5900E;
}
.mobile-header-nav-hide{
font-size: 0.8em;
display: none;
}
.mobile-header-calend{
margin-bottom: 40px;
}
a.calend{
font-weight: 500;
font-size: 1.0em;
line-height: 1.25em;
color: #fff;
padding: 0 10px 0 29px;
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-mobile-calend.svg) 10px center no-repeat;
}
a.calend:hover{
cursor: pointer;
color: #F5900E;
text-decoration: none;
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-mobile-calend-active.svg) 10px center no-repeat;
}
a.calend-close{
font-weight: 500;
font-size: 1.0em;
line-height: 1.25em;
color: #fff;
padding: 0 10px 0 29px;
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-mobile-calend-close.svg) 10px center no-repeat;
}
a.calend-close:hover{
cursor: pointer;
color: #F5900E;
text-decoration: none;
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-mobile-calend-close-active.svg) 10px center no-repeat;
}
.close{
display: none;
}
.open{
display: table;
margin: 0 auto;
}
.mobile-calend{
margin: 40px 0;
}
@media(max-width:640px){
.mobile-calend{
padding: 0 15px;
}
}
.mobile-calend-main{
display: flex;
justify-content: space-between;
width: 100%;
margin: 0 auto;
}
.mobile-calend-prev, .mobile-calend-next{
flex: 0 0 33px;
}
.mobile-calend-year, .mobile-calend{
display: none;
}
.mobile-calend-title{
font-weight: 700;
font-size: 1.25em;
line-height: 1.2em;
color: #000;
background-color: #fff;
padding: 7px 14px 9px;
border-radius: 35px;
margin: 0 16px;
flex-basis: 100%;
}
.mobile-prev-enable{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-mobile-calend-arrow-active.svg) left center no-repeat;
cursor: pointer;
}
.mobile-next-disable{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-mobile-calend-arrow.svg) right center no-repeat;
}
.mobile-next-enable{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-mobile-calend-arrow-active.svg) left center no-repeat;
cursor: pointer;
transform:scaleX(-1);
}
.mobile-prev-disable{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-mobile-calend-arrow.svg) right center no-repeat;
transform:scaleX(-1);
}
.mobile-calend-data{
display: flex;
flex-wrap: wrap;
margin-top: 16px;
}
.mobile-calend-data .mobile-calend-data-link{
flex: 0 0 50%;
margin: 8px 0;
padding: 0 8px;
}
.mobile-calend-data-link:nth-child(odd){
padding-left: 0;
}
.mobile-calend-data-link:nth-child(even){
padding-right: 0;
}
a.mobile-calend-enable{
color: #fff;
border: 1px solid #FFFFFF;
}
a.mobile-calend-enable:hover{
text-decoration: none;
color: #333;
background-color: #fff;
}
a.mobile-calend-disable{
color: #656565;
border: 1px solid #656565;
}
a.mobile-calend-disable:hover{
text-decoration: none;
cursor: default;
}
.mobile-calend-data a{
display: block;
font-size: 0.875em;
line-height: 1.21em;
padding: 8px 24px;
border-radius: 40px;
}
.mobile-header-pages a{
color: #fff;
font-weight: 600;
font-size: 0.75em;
line-height: 1.3em;
margin: 15px auto;
display: table;
}
.mobile-header-pages a:first-child{
margin-top: 0;
}
.mobile-header-pages a:last-child{
margin-bottom: 0;
}
.mobile-header-pages a:hover{
color: #F5900E;
text-decoration: none;
}
@media(min-width: 992px){
.main-news-block{
margin-bottom: 60px;
}
.main-news, .main-news-add{
border-radius: 4px;
}
.main-news-title{
font-size: 1.75em;
line-height: 1.2em;
}
.main-news-ann{
font-size: 1.0em;
}
.main-news{
padding: 15px 15px 25px;
}
.main-news-add-block-title{
font-size: 1.0em;
}
.padingfix{
padding-right: 0;
}
}
.news-photo a{
color: #fff;
}
.news-photo .news-block-title{
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
@media(max-width: 992px){
.main-news-block{
margin-bottom: 40px;
}
.main-news-block, .main-news-add{
width: 100%;
max-width: 610px;
}
.padingfix{
padding-left: 0;
padding-right: 0;
}
.main-news{
border-radius: 8px 8px 0 0;
}
.main-news-add{
border-radius: 0 0 8px 8px;
}
.main-news-title{
font-size: 1.375em;
line-height: 1.3em;
}
.main-news-ann{
font-size: 0.8125em;
}
.main-news{
padding: 15px 15px 25px;
}
.main-news a{
padding-top: 150px;
}
.main-news-add-block-title{
font-size: 1.0em;
}
}
.main-news:hover{
opacity: 0.9;
transition: 0.3s;
}
.main-news a{
display: flex;
width: 100%;
height: 100%;
justify-content: flex-end;
flex-wrap: wrap;
flex-direction: column;
text-decoration: none;
}
.main-news, .news-photo{
display: flex !important;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
background-size: cover !important;
background-position: center center !important;
}
.main-news-cat{
margin-bottom: 10px;
}
.main-news-cat ul{
margin: 0;
padding: 0;
}
.main-news-cat ul li{
display: inline;
}
.main-news-cat{
font-weight: 600;
font-size: 0.6875em;
line-height: 1.3em;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #fff;
opacity: 0.5;
}
.main-news-cat a{
color: #fff;
opacity: 0.5;
}
.main-news-title{
font-weight: 700;
color: #fff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
text-decoration: none;
}
.main-news-ann{
margin-top: 10px;
font-family: 'Source Serif Pro', serif;
font-weight: 400;
line-height: 1.3em;
color: #fff;
}
.main-news-date{
font-weight: 500;
font-size: 0.625em;
line-height: 1.3em;
color: #fff;
opacity: 0.5;
}
@media(min-width: 992px){
.main-news-date{
margin-top: 10px;
}
}
@media(max-width: 992px){
.main-news-date{
margin-top: 12px;
}
}
.main-news-add{
display: flex;
flex-direction: column;
align-items: flex-start;
background-color: #fff;
border: 1px solid #CCCCCC;
}
.main-news-add-block{
padding: 15px 15px 20px;
border-bottom: 1px solid #CCCCCC;
}
.main-news-add-block:hover{
opacity: 0.9;
transition: 0.3s;
}
.main-news-add-block a{
display: block;
width: 100%;
height: 100%;
}
.main-news-add-block a:hover > .main-news-add-block-cat, .main-news-add-block a:hover > .main-news-add-block-cat span, .main-news-add-block a:hover > .main-news-add-block-title, .main-news-add-block a:hover > .main-news-add-block-date{
color: #444;
transition: 0.3s;
}
.main-news-add-block a:hover{
text-decoration: none;
}
.main-news-add-block:nth-child(3){
border-bottom: none;
}
.main-news-add-block-cat{
color: #000;
opacity: 0.5;
font-weight: 600;
font-size: 0.625em;
line-height: 1.3em;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-bottom: 8px;
}
.main-news-add-block-cat span{
color: #000;
opacity: 0.5;
white-space: nowrap;
}
.main-news-add-block-title{
font-weight: 700;
line-height: 1.3em;
color: #000;
margin-bottom: 8px;
}
.main-news-add-block-ann{
font-family: 'Source Serif Pro', serif;
line-height: 1.3em;
color: #000;
margin-bottom: 8px;
}
.main-news-add-block-date{
font-weight: 500;
font-size: 0.625em;
line-height: 1.3em;
color: #333;
opacity: 0.5;
}
@media(min-width: 992px){
.main-content-cat{
margin-bottom: 60px;
}
.main-content-cat h2{
background-size: 14px;
padding-right: 26px;
font-size: 2.1875em;
line-height: 1.23em;
}
.main-content-cat h3{
font-size: 2.1875em;
line-height: 1.23em;
}
.main-content-cat h2 a{
color: #000;
}
.main-content-cat h2 a:hover{
text-decoration: none;
color: #f5900e;
}
.main-news-add-block-ann{
font-size: 0.875em;
}
}
@media(max-width: 992px){
.main-content-cat{
width: 100%;
max-width: 610px;
margin-bottom: 40px;
}
.main-content-cat ul{
display: none;
}
.main-content-cat ul.cat{
display: block;
}
.main-content-cat h2{
font-size: 1.375em;
line-height: 1.23em;
padding-right: 22px;
background-size: 9px !important;
}
.main-content-cat h3{
font-size: 1.375em;
line-height: 1.23em;
}
.main-content-cat h2 a{
color: #000;
}
.main-content-cat h2 a:hover{
text-decoration: none;
color: #f5900e;
}
.news-photo{
padding-bottom: 25px !important;
}
.main-news-add-block-ann{
font-size: 0.875em;
}
}
.main-content-cat h2{
font-weight: 600;
margin-bottom: 0;
}
.main-content-cat h2.author{
font-weight: 400;
margin-bottom: 0;
}
.main-content-cat h3{
font-weight: 400;
margin-bottom: 0;
margin-left: 13px;
}
h2.nextarrow{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/cat-title-arrow.svg) right center no-repeat;
}
.main-content-cat ul{
margin: 7px 0 0;
padding: 0;
font-weight: 500;
font-size: 0.875em;
line-height: 1.22em;
}
.main-content-cat ul li{
display: inline;
margin: 0 6px;
}
@media(max-width: 992px){
.main-content-cat ul.cat{
margin-top: 15px;
}
.main-content-cat ul.cat li{
margin: 6px 0;
display: flex;
}
.main-content-cat ul.cat li:first-child{
margin-top: 0;
}
.main-content-cat ul.cat li:last-child{
margin-bottom: 0;
}
}
.main-content-cat ul li:first-child{
margin-left: 0;
}
.main-content-cat ul li:last-child{
margin-right: 0;
}
.main-content-cat ul a{
color: #000;
}
.main-content-cat ul a:hover{
color: #f5900e;
text-decoration: none;
}
.main-content-cat-block{
margin-top: 20px;
}
@media(max-width: 992px){
.rowfix{
padding-left: 15px;
}
}
.news-block a{
display: block;
width: 100%;
text-decoration: none;
}
.news-block:hover, .news-photo:hover{
opacity: 0.9;
transition: 0.3s;
}
@media(min-width:1200px){
.news-block{
margin: 0 7.5px;
min-height: 300px;
margin-bottom: 20px;
padding: 15px 15px 25px;
border-radius: 4px;
}
.news-block:first-child, .news-block:nth-child(4n){
margin-left: 0;
}
.news-block:nth-child(4n+3){
margin-right: 0;
}
.news-block-main{
width: 562.5px;
padding-bottom: 55px;
}
.news-block-regular{
width: 273.75px;
}
.news-block-img{
width: 271.75px;
height: 150px;
background-size: cover !important;
background-position: center center !important;
}
.news-photo{
margin-bottom: 20px;
margin-right: 7.5px;
padding: 15px 15px 25px;
border-radius: 4px;
}
}
.news-photo a{
color: #fff;
display: flex;
width: 100%;
justify-content: flex-end !important;
flex-wrap: wrap;
flex-direction: column;
padding-top: 200px !important;
}
.news-photo a:hover{
text-decoration: none;
}
.news-photo .news-block-cat, .news-photo .news-block-title, .news-photo .news-block-ann, .news-photo .news-block-date{
width: 100%;
}
@media(max-width:1200px) and (min-width:992px){
.news-block{
margin: 0 7.5px;
min-height: 300px;
margin-bottom: 20px;
padding: 15px 15px 25px;
border-radius: 4px;
}
.news-block:first-child, .news-block:nth-child(4n){
margin-left: 0;
}
.news-block:nth-child(4n+3){
margin-right: 0;
}
.news-block-main{
width: 472.5px;
padding-bottom: 55px;
}
.news-block-regular{
width: 228.75px;
}
.news-block-img{
width: 228.75px;
height: 125px;
background-size: cover !important;
background-position: center center !important;
}
.news-photo{
margin-bottom: 20px;
margin-right: 7.5px;
padding: 15px 15px 25px;
border-radius: 4px;
}
}
.news-block-img{
margin: -15px -15px 15px -15px;
}
.news-block-cat{
font-weight: 600;
font-size: 0.625em;
line-height: 1.3em;
letter-spacing: 0.1em;
opacity: 0.5;
margin-bottom: 10px;
text-transform: uppercase;
}
.news-block-title{
font-weight: 700;
line-height: 1.3em;
margin-bottom: 10px;
}
.news-block-ann{
font-family: 'Source Serif Pro', serif;
font-weight: 400;
font-size: 0.8125em;
line-height: 1.3em;
margin-bottom: 10px;
}
.news-block-date{
font-weight: 500;
font-size: 0.625em;
line-height: 1.3em;
opacity: 0.5;
}
.news-block-main .news-block-title{
font-size: 1.375em;
}
@media(min-width:1200px){
.news-block-title{
font-size: 1.0em;
}
}
@media(min-width:992px) and (max-width:1200){
.news-block-title{
font-size: 0.875em;
}
}
@media(max-width:992px){
.news-block-title{
font-size: 1.0em;
}
.news-photo{
padding: 15px 15px 35px;
border-radius: 4px;
}
}
.orange, .news-big.orange{
background-color: #DF4814;
}
.red, .news-big.red{
background-color: #C1233E;
}
.blue, .news-big.blue{
background-color: #0D316D;
}
.black, .news-big.black{
background-color: #333333;
}
.lightblue, .news-big.lightblue{
background-color: #55C8F2;
}
.green, .news-big.green{
background-color: #3CD3BA;
}
.white, .news-big.white{
background-color: #fff;
}
@media(min-width:992px){
.white{
border: 1px solid #ccc;
}
.orange .news-block-title, .red .news-block-title, .blue .news-block-title, .black .news-block-title{
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
}
.orange a, .red a, .blue a, .black a, .news-big.orange a, .news-big.red a, .news-big.blue a, .news-big.black a{
color: #fff;
}
.green a, .white a, .lightblue a, .news-big.green a, .news-big.white a, .news-big.lightblue a{
color: #000;
}
@media(max-width:992px){
.news-block{
width: 100%;
padding: 23px 15px 25px;
border-bottom: 1px solid #ddd;
}
.news-block-main{
padding-bottom: 55px;
border-radius: 8px 8px 0 0;
width: 100%;
}
.main-content-cat-block .news-block-regular:last-child{
border-radius: 0 0 8px 8px;
border-bottom: none;
}
.orange, .red, .blue, .black, .green, .white, .lightblue{
background-color: #fff;
}
.orange a, .red a, .blue a, .black a, .green a, .white a, .lightblue a{
color: #000;
}
.news-block-main.orange{
background-color: #DF4814;
}
.news-block-main.red{
background-color: #C1233E;
}
.news-block-main.blue{
background-color: #0D316D;
}
.news-block-main.black{
background-color: #333333;
}
.news-block-main.lightblue{
background-color: #55C8F2;
}
.news-block-main.green{
background-color: #3CD3BA;
}
.news-block-main.white{
background-color: #fff;
}
.news-block-main.orange a, .news-block-main.red a, .news-block-main.blue a, .news-block-main.black a{
color: #fff !important;
}
.news-block-main.orange .news-block-title, .news-block-main.red .news-block-title, .news-block-main.blue .news-block-title, .news-block-main.black .news-block-title{
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
}
@media(max-width:610px){
.main-content-cat h2{
margin-left: 15px;
}
}
@media(min-width: 992px){
.news-big{
display: flex;
width: 472.5px;
min-height: 300px;
padding: 15px 15px 25px;
margin: 0 7.5px 20px;
border-radius: 4px;
background-size: cover !important;
background-position:  center center !important;
}
.news-big:nth-child(odd){
margin-left: 0;
}
.news-big:nth-child(even){
margin-right: 0;
}
.news-big .news-block-title{
font-size: 1.375em;
}
.news-big-photo a{
color:#fff;
display: flex;
width: 100%;
height: 100%;
justify-content: flex-end !important;
flex-wrap: wrap;
flex-direction: column;
}
}
.news-big.orange .news-block-title, .news-big.red .news-block-title, .news-big.blue .news-block-title, .news-big.black .news-block-title, .news-big.news-big-photo .news-block-title{
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
@media(max-width: 992px){
.news-big .news-block-title{
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
}
@media(min-width: 1200px){
.news-big{
width: 562.5px;
}
}
@media(max-width: 992px){
.news-big{
padding: 15px 15px 40px;
background-size: cover !important;
background-position:  center center !important;
}
.main-content-cat-block .news-big:first-child{
border-radius: 8px 8px 0 0;
}
.main-content-cat-block .news-big:last-child{
border-radius: 0 0 8px 8px;
}
.news-big.orange .news-block-title, .news-big.red .news-block-title, .news-big.blue .news-block-title, .news-big.black .news-block-title{
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.news-big-photo{
padding-top: 150px;
padding-bottom: 25px !important;
}
.news-big-photo a{
color: #fff;
text-decoration: none;
}
.news-big-divider{
border-bottom: 1px solid #ccc;
}
.main-content-cat-block .news-big-divider:last-child{
border-bottom: none;
}
}
.news-big a{
text-decoration: none;
}
.news-big:hover{
opacity: 0.9;
transition: 0.3s;
}
footer{
background-color: #333;
padding: 40px 0;
}
@media(min-width:992px){
footer{
margin-top: 80px;
}
}
@media(max-width:992px){
footer{
margin-top: 132px;
}
}
.footer-pages{
margin: 45px 0;
}
.footer-pages a{
color: #fff;
font-weight: 700;
font-size: 0.9375em;
line-height: 1.3em;
}
.footer-pages a:hover{
text-decoration: none;
color: #F5900E;
}
@media(min-width:768px){
.footer-pages a{
margin: 0 18px;
}
.footer-pages a:first-child{
margin-left: 0;
}
.footer-pages a:last-child{
margin-right: 0;
}
}
@media(max-width:768px){
.footer-pages a{
white-space: nowrap;
margin: 20px auto;
display: table;
}
.footer-pages a:first-child{
margin-top: 0;
}
.footer-pages a:last-child{
margin-bottom: 0;
}
}
.footer-social{
margin-bottom: 45px;
padding-left: 0;
padding-right: 0;
}
.footer-social a{
color: #fff;
font-weight: 500;
font-size: 1.0em;
line-height: 1.3em;
}
.footer-social a:hover{
text-decoration: none;
color: #F5900E;
}
.footer-social a.fb{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/footer-fb.svg) left center no-repeat;
padding-left: 22px;
}
.footer-social a.fb:hover{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/footer-fb-hover.svg) left center no-repeat;
}
.footer-social a.ig{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/footer-ig.svg) left center no-repeat;
padding-left: 20px;
}
.footer-social a.ig:hover{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/footer-ig-hover.svg) left center no-repeat;
}
.footer-social a.vk{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/footer-vk.svg) left center no-repeat;
padding-left: 25px;
}
.footer-social a.vk:hover{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/footer-vk-hover.svg) left center no-repeat;
}
.footer-social a.yt{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/footer-yt.svg) left center no-repeat;
padding-left: 27px;
}
.footer-social a.yt:hover{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/footer-yt-hover.svg) left center no-repeat;
}
.footer-social a.tg{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/footer-tg.svg) left center no-repeat;
padding-left: 20px;
}
.footer-social a.tg:hover{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/footer-tg-hover.svg) left center no-repeat;
}
.footer-social a.ok{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/footer-ok.svg) left center no-repeat;
padding-left: 15px;
}
.footer-social a.ok:hover{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/footer-ok-hover.svg) left center no-repeat;
}
.footer-social a.tt{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/footer-tt.svg) left center no-repeat;
padding-left: 21px;
}
.footer-social a.tt:hover{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/footer-tt-hover.svg) left center no-repeat;
}
@media(min-width:768px){
.footer-social a{
margin: 0 11px;
}
.footer-social a:first-child{
margin-left: 0;
}
.footer-social a:last-child{
margin-right: 0;
}
}
@media(max-width:768px){
.footer-social a{
white-space: nowrap;
margin: 20px auto;
display: table;
}
.footer-social a:first-child{
margin-top: 0;
}
.footer-social a:last-child{
margin-bottom: 0;
}
}
.footer-copywright{
color: #fff;
font-weight: 500;
font-size: 0.875em;
line-height: 1.3em;
margin-bottom: 10px;
}
.searchform{
background-color: #333;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.searchform-form{
background-color: #333;
}
.searchform-input{
font-weight: 400;
color: #707070;
background-color: #333;
border: none;
border-bottom: 1px solid #696969;
outline: none;
}
.serchform-close{
display: block;
cursor: pointer;
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-search-close.svg) center center no-repeat;
background-size: cover !important;
}
.sf{
display: flex;
}
@media(min-width: 992px){
.searchform-form{
padding: 28px 0;
margin-bottom: 30px;
}
.searchform-input{
font-size: 2.25em;
line-height: 1.3em;
width: 100%;
}
.serchform-close{
width: 24px;
height: 24px;
}
.searchform-left{
width: 100%;
margin-right: 32px;
}
.searchform-right{
flex: 0 0 24px;
}
}
@media(max-width: 992px){
.searchform-form{
padding: 16px 0;
margin-bottom: 20px;
}
.searchform-input{
font-size: 1.4375em;
line-height: 1.3em;
width: 100%;
}
.serchform-close{
width: 16px;
height: 16px;
}
.searchform-left{
width: 100%;
margin-right: 18px;
}
.searchform-right{
flex: 0 0 16px;
}
}
.subscribe{
background-color: #fff;
padding: 20px;
border: 1px solid #F5900E;
border-radius: 8px;
margin: 0 auto;
}
@media(min-width:992px){
.subscribe{
width: 724px;
margin-top: 250px;
}
}
@media(max-width:992px){
.subscribe{
width: 95%;
margin-top: 210px;
}
}
.subscribe-mainline{
display: flex;
justify-content: space-between;
}
.subscribe-title{
margin-right: 10px;
color: #F5900E;
font-weight: 800;
}
@media(min-width:768px){
.subscribe-title{
font-size: 1.75em;
line-height: 1.2em;
}
.subscribe-description{
font-size: 0.9375em;
}
}
@media(max-width:768px){
.subscribe-title{
font-size: 1.0625em;
line-height: 1.3em;
}
.subscribe-description{
font-size: 0.875em;
}
}
.subscribe-close{
flex: 0 0 25px;
cursor: pointer;
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/subscribe-close.svg) center center no-repeat;
background-size: cover !important;
}
.subscribe-description{
font-weight: 500;
margin: 15px 0;
line-height: 1.3em;
}
.subscribe-form{
margin-bottom: 10px;
}
@media(min-width: 576px){
.subscribe-form{
display: flex;
justify-content: space-between;
}
.subscribe-form-submit{
flex: 0 0 107px;
border-radius: 0 2px 2px 0;
}
.subscribe-form-input{
border-bottom: 1px solid #ccc;
border-radius: 2px 0 0 2px;
}
}
@media(max-width: 576px){
.subscribe-form-submit{
width: 100%;
}
input.subscribesubmit{
width: 100%;
border-radius: 0 0 4px 4px;
}
.subscribe-form-input{
border-right: 1px solid #ccc;
border-radius: 4px 4px 0 0;
}
}
.subscribe-form-input{
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
input.subscribemail{
width: 100%;
outline: none;
border: none;
font-weight: 400;
font-size: 0.875em;
line-height: 1.2em;
padding: 8px 15px;
}
input.subscribesubmit{
background-color: #F5900E;
color: #fff;
border: 1px solid #F5900E;
font-weight: 700;
font-size: 0.875em;
line-height: 1.2em;
padding: 9px 15px;
}
.subscribe-error{
margin-bottom: 12px;
height: 28px;
color: #DF4814;
font-weight: 500;
font-size: 0.6875em;
line-height: 1.75rem;
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/subscribe-error.svg) left center no-repeat;
padding-left: 38px;
display: none;
}
.subscribe-disclaimer{
font-size: 0.6875em;
line-height: 1.3em;
font-weight: 500;
}
.subscribe-disclaimer a{
white-space: nowrap;
color: #000;
text-decoration-line: underline;
text-decoration-thickness: 1px;
text-decoration-style: initial;
text-underline-offset: 0.15em;
}
.subscribe-disclaimer a:hover{
text-decoration: none;
}
.single{
background-color: #fff;
padding: 40px 0;
}
@media(min-width:992px){
.single{
margin-top: -30px;
}
}
@media(max-width:992px){
.single{
margin-top: 20px;
}
}
.single-cat{
letter-spacing: 0.1em;
font-weight: 500;
color: #000;
text-transform: uppercase;
margin-bottom: 15px;
}
.single-cat a{
color: #000;
}
.single-cat a:hover{
text-decoration: none;
color: #F5900E;
}
@media(min-width:576px){
.single-cat{
font-size: 0.875em;
line-height: 1.21em;
}
}
@media(max-width:576px){
.single-cat{
font-size: 0.75em;
line-height: 1.25em;
}
}
.single h1{
margin-top: 0;
color: #000;
font-weight: 800;
line-height: 1.3em;
margin-bottom: 15px;
}
@media(min-width:768px){
.single h1{
font-size: 2.375rem;
}
}
@media(max-width:768px){
.single h1{
font-size: 1.375rem;
}
}
.single-annotation{
font-family: 'Montserrat', sans-serif;
line-height: 1.5em;
margin-bottom: 25px;
font-weight: 500;
color: #000;
}
@media(min-width:768px){
.single-annotation{
font-size: 1.375em;
}
}
@media(max-width:768px){
.single-annotation{
font-size: 1.0em;
}
}
.single-author{
color: #000;
line-height: 1.3em;
font-weight: 500;
margin-bottom: 10px;
}
.single-author a{
color: #000;
text-decoration: underline;
}
.single-author a:hover{
color: #F5900E;
text-decoration: underline;
}
@media(min-width:768px){
.single-author{
font-size: 0.875em;
}
}
@media(max-width:768px){
.single-author{
font-size: 0.75em;
}
}
.single-date{
font-size: 0.875em;
font-weight: 500;
line-height: 1.3em;
margin-bottom: 30px;
}
.single-date a{
color: #000;
}
.single-date a:hover{
color: #F5900E;
text-decoration: none;
}
.single-thumbnail{
margin-bottom: 30px;
}
.single-thumbnail img{
width: 100%;
}
.single-share{
margin-bottom: 30px;
line-height: 2.0em;
font-weight: 500;
display: flex;
color: #000;
font-family: 'Montserrat', sans-serif;
}
@media(min-width: 992px){
.single-share{
font-size: 1.0em;
line-height: 2.0em;
}
}
@media(max-width: 992px){
.single-share{
font-size: 0.75em;
line-height: 2.666666em;
}
}
a.share{
border: 1px solid #ddd;
margin: 0 8px;
border-radius: 16px;
text-align: center;
width: 32px;
height: 32px;
display: inline-block;
color: #333;
text-decoration: none;
}
a.share:first-child{
margin-left: 16px;
}
a.share:last-child{
margin-rigyt: 0;
}
a.share-fb{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/single-share-fb.svg) center center no-repeat;
}
a.share-fb:hover{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/single-share-fb-hover.svg) center center no-repeat;
}
a.share-vk{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/single-share-vk.svg) center center no-repeat;
}
a.share-vk:hover{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/single-share-vk-hover.svg) center center no-repeat;
}
a.share-tw{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/single-share-tw.svg) center center no-repeat;
}
a.share-tw:hover{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/single-share-tw-hover.svg) center center no-repeat;
}
a.share-tg{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/single-share-tg.svg) center center no-repeat;
}
a.share-tg:hover{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/single-share-tg-hover.svg) center center no-repeat;
}
a.share-ok{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/single-share-ok.svg) center center no-repeat;
}
a.share-ok:hover{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/single-share-ok-hover.svg) center center no-repeat;
}
.single-content{
font-family: 'Source Serif Pro', serif;
color: #000;
}
.single-content p{
line-height: 1.5em;
}
.single-content img{
max-width: 100%;
margin: 0 auto;
border: 1px solid #ccc;
border-radius: 4px;
}
.single-content p i, .single-content p i{
font-style: italic;
}
.single-content a, .single-annotation a{
color: #000;
text-decoration: underline;
text-decoration-color: #F5900E;
text-underline-offset: 0.15em;
}
.single-content a:hover, .single-annotation a:hover{
color: #F5900E;
}
@media(min-width:768px){
.single-content{
font-size: 1.3125rem;
}
.single-content p{
font-size: 1.3125rem;
margin-bottom: 30px;
}
.single-content ul, .single-content ol{
margin: 0 0 30px;
padding: 0;
font-size: 1.3125rem;
line-height: 1.5em;
}
.single-content ul li, .single-content ol li{
margin-left: 21px;
margin-bottom: 15px;
}
.single-content ul li:last-child, .single-content ol li:last-child{
margin-bottom: 0;
}
}
@media(max-width:768px){
.single-content{
font-size: 1.125rem;
}
.single-content p{
font-size: 1.125rem;
margin-bottom: 20px;
}
.single-content ul, .single-content ol{
margin: 0 0 20px;
padding: 0;
font-size: 1.125rem;
line-height: 1.5em;
}
.single-content ul li, .single-content ol li{
margin-left: 20px;
margin-bottom: 20px;
}
.single-content ul li:last-child, .single-content ol li:last-child{
margin-bottom: 0;
}
}
.single-toc{
border: 1px solid #F5900E;
border-radius: 8px;
padding: 15px 15px 20px;
font-family: 'Montserrat', sans-serif;
}
.single-toc h4{
font-weight: 600;
line-height: 1.3em;
margin-bottom: 15px;
}
@media(min-width:768px){
.single-toc{
margin-bottom: 30px;
}
.single-toc h4{
font-size: 1.625em;
}
}
@media(max-width:768px){
.single-toc{
margin-bottom: 20px;
}
.single-toc h4{
font-size: 1.1875em;
}
}
.single-toc ul{
margin: 0 0 0 20px;
padding: 0;
}
.single-toc ul li{
margin: 0 0 15px;
cursor: pointer;
font-weight: 500;
line-height: 1.4em;
text-decoration-line: underline;
text-decoration-style: dotted;
text-decoration-thickness: 2px;
text-underline-offset: 0.15em;
text-decoration-color: #F5900E;
}
.single-toc ul li:last-child{
margin: 0;
}
.single-toc ul li:hover{
color: #F5900E;
}
@media(min-width:768px){
.single-toc ul li{
font-size: 1.0rem;
}
}
@media(max-width:768px){
.single-toc ul li{
font-size: 0.9375em;
}
}
.single-content h2{
font-weight: 700;
line-height: 1.3em;
font-family: 'Montserrat', sans-serif;
}
.single-content h2 b, .single-content h2 strong, .single-content b h2, .single-content strong h2{
font-weight: 700;
}
.single-content h3 b, .single-content h3 strong, .single-content b h3, .single-content strong h3{
font-weight: 600;
}
.single-content h3{
font-weight: 600;
line-height: 1.3em;
font-family: 'Montserrat', sans-serif;
}
@media(min-width:768px){
.single-content h2{
font-size: 1.75rem;
margin-top: 40px;
margin-bottom: 20px;
}
.single-content h3{
font-size: 1.25rem;
margin-bottom: 20px;
}
}
@media(max-width:768px){
.single-content h2{
font-size: 1.25rem;
margin-top: 20px;
margin-bottom: 15px;
}
.single-content h3{
font-size: 1.125rem;
margin-bottom: 15px;
}
}
.single-wrap{
background-color: #D8F5F1;
padding: 20px;
border: 1px solid #DDDDDD;
border-radius: 8px;
}
@media(min-width:768px){
.single-wrap{
margin-bottom: 30px;
font-size: 1.3125rem;
}
}
@media(max-width:768px){
.single-wrap{
margin-bottom: 20px;
font-size: 1.125rem;
}
}
.single-wrap p{
font-size: 1.0em;
}
.single-wrap p:last-child{
margin-bottom: 0;
}
figure img, .wp-caption img{
width: 100%;
margin-bottom: 8px !important;
}
figcaption, .wp-caption p{
margin-top: 0;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
line-height: 1.3em;
}
figcaption p{
margin-top: 0;
}
figcaption p:last-child{
margin-bottom: 0;
}
@media(min-width:768px){
figcaption, figcaption p, .wp-caption p{
font-size: 0.9375rem !important;
}
}
@media(max-width:768px){
figcaption, figcaption p, .wp-caption p{
font-size: 0.75rem !important;
}
}
.single-content blockquote{
border-left: 8px solid #3CD3BA;
padding-left: 20px;
font-weight: 500;
line-height: 1.5em;
}
.single-content blockquote p{
font-size: 1.0em;
}
@media(min-width:768px){
.single-content blockquote{
font-size: 1.625rem;
}
}
@media(max-width:768px){
.single-content blockquote{
font-size: 1.25rem;
}
}
.single-links{
background-color: #D8F5F1;
padding: 15px;
border: 1px solid #CCC;
border-radius: 8px;
font-family: 'Montserrat', sans-serif;
}
.single-links h4{
font-weight: 600;
line-height: 1.3rem;
font-size: 0.875rem !important;
margin: 0 0 15px;
}
@media(min-width:768px){
.single-links{
margin-bottom: 30px;
}
}
@media(max-width:768px){
.single-links{
margin-bottom: 20px;
}
}
.single-links-item{
margin-bottom: 15px;
border-bottom: 1px solid #ccc;
padding-bottom: 15px;
line-height: 1.3em;
}
.single-links-item:last-child{
border-bottom: none;
padding-bottom: 0;
}
.single-links-item:last-child{
margin-bottom: 0;
}
.single-links-item a{
font-weight: 800;
line-height: 1.3rem !important;
color: #000;
text-decoration: none;
}
.single-links-item p{
margin: 4px 0 0;
font-size: 0.8125em;
font-family: 'Source Serif Pro', serif;
}
@media(min-width:768px){
.single-links-item a{
font-size: 1.0rem;
}
}
@media(max-width:768px){
.single-links-item a{
font-size: 0.875rem;
}
}
.single-spoiler{
border: 1px solid #CCCCCC;
border-radius: 8px;
background-color: #D8F5F1;
}
@media(min-width:768px){
.single-spoiler{
margin-bottom: 30px;
}
.single-spoiler-title{
font-size: 1.125rem;
}
}
@media(max-width:768px){
.single-spoiler{
margin-bottom: 20px;
}
.single-spoiler-title{
font-size: 1.0rem;
}
}
.single-spoiler p:last-child{
margin-bottom: 0;
}
.single-spoiler-title{
padding: 12px 20px 12px 48px;
cursor: pointer;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
}
.single-spoiler-title:hover{
color: #F5900E;
}
.single-spoiler-close{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/single-spoiler-close.svg) 20px center no-repeat;
}
.single-spoiler-close:hover{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/single-spoiler-close-hover.svg) 20px center no-repeat;
}
.single-spoiler-open{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/single-spoiler-open.svg) 20px center no-repeat;
}
.single-spoiler-open:hover{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/single-spoiler-open-hover.svg) 20px center no-repeat;
}
.single-spoiler-content{
padding: 0 20px 20px;
display: none;
}
.single-subscribe{
padding: 15px;
border-radius: 8px;
border: 1px solid #F5900E;
font-family: 'Montserrat', sans-serif;
}
.single-subscribe-content h5{
text-align: center;
color: #F5900E;
font-weight: 800;
line-height: 1.2em;
font-size: 2.0rem;
margin-bottom: 12px;
}
.single-subscribe-content h6{
text-align: center;
color: #000;
font-weight: 500;
line-height: 1.3em;
font-size: 0.9375rem;
}
.single-subscribe-form{
display: block;
}
@media(min-width:768px){
.single-subscribe{
margin-bottom: 30px;
}
.single-subscribe h4{
font-size: 1.25rem;
}
.single-subscribe-info{
font-size: 0.9375rem;
}
}
@media(max-width:768px){
.single-subscribe{
margin-bottom: 20px;
}
.single-subscribe h4{
font-size: 1.0625rem;
}
.single-subscribe-info{
font-size: 0.875rem;
}
}
.single-subscribe h4{
font-weight: 800;
color: #F5900E;
line-height: 1.3em;
margin-bottom: 12px;
}
.single-subscribe-info{
font-weight: 500;
line-height: 1.3em;
margin-bottom: 12px;
}
@media(min-width:768px){
.single-subscribe-form{
display: flex;
justify-content: space-between;
}
.single-subscribe-form-input{
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-radius: 2px 0 0 2px;
}
.single-subscribe-form-submit{
flex: 0 0 107px;
}
.single-subscribe-form-submit input{
border-radius: 0 2px 2px 0;
}
}
@media(max-width:768px){
.single-subscribe-form-input{
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-radius: 2px 2px 0 0;
}
.single-subscribe-form-input input{
text-align: center;
}
.single-subscribe-form-submit input{
width: 100%;
}
.single-subscribe-form-submit input{
border-radius: 0 0 2px 2px;
}
}
.single-subscribe-form{
margin-bottom: 12px;
}
.single-subscribe-form-input{
width: 100%;
}
.single-subscribe-form-input input{
outline: none;
border: none;
width: 100%;
padding: 8px 15px;
line-height: 1.2em;
font-size: 0.875em;
}
.single-subscribe-form-submit input{
line-height: 1.2em;
color: #fff;
background-color: #F5900E;
border: 1px solid #F5900E;
font-weight: 700;
text-transform: uppercase;
font-size: 0.875em;
padding: 9px 15px;
}
.single-subscribe-disclaimer{
font-weight: 500;
line-height: 1.3em;
font-size: 0.6875em;
}
.single-subscribe-disclaimer a{
text-decoration-color: #000;
}
.single-subscribe-disclaimer a:hover{
text-decoration-color: #F5900E;
}
.single-reactions{
font-family: 'Montserrat', sans-serif;
}
.single-reactions h4{
font-weight: 600;
line-height: 1.2em;
margin-bottom: 5px;
}
@media(min-width:768px){
.single-reactions h4{
font-size: 1.625em;
}
}
@media(max-width:768px){
.single-reactions h4{
font-size: 1.1875em;
}
}
.single-reactions-smiles{
display: flex;
justify-content: space-between;
}
.single-reaction{
cursor: pointer;
width: 20%;
text-align: center;
font-weight: 600;
line-height: 1.3em;
}
@media(min-width:768px){
.single-reaction{
font-size: 0.875em;
}
}
@media(max-width:768px){
.single-reaction{
font-size: 0.75em;
}
}
.single-reaction-description{
display: none;
}
.single-reaction:hover > .single-reaction-count{
display: none;
}
.single-reaction:hover > .single-reaction-description{
display: inline;
}
.smile{
background-repeat: no-repeat;
}
.smile:hover, .smile-enable{
transition: 0.4s;
}
.smile-disable{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.smile-smile{
background-image: url(//mediaiq.info/wp-content/themes/mediaIQ/img/single-smile-smile.svg);
}
.smile-sad{
background-image: url(//mediaiq.info/wp-content/themes/mediaIQ/img/single-smile-sad.svg);
}
.smile-angry{
background-image: url(//mediaiq.info/wp-content/themes/mediaIQ/img/single-smile-angry.svg);
}
.smile-fear{
background-image: url(//mediaiq.info/wp-content/themes/mediaIQ/img/single-smile-fear.svg);
}
.smile-surprise{
background-image: url(//mediaiq.info/wp-content/themes/mediaIQ/img/single-smile-surprise.svg);
}
@media(min-width:768px){
.single-reactions{
margin-bottom: 30px;
}
.smile{
background-size: 50px 50px;
background-position: 50% 15px;
}
.smile:hover, .smile-enable{
background-size: 60px 60px;
background-position: 50% 5px;
}
.smile-disable:hover{
background-size: 50px 50px !important;
background-position: 50% 15px !important;
}
.single-reaction{
padding-top: 87px;
height: 98.2px;
}
}
@media(max-width:768px){
.single-reactions{
margin-bottom: 20px;
}
.smile{
background-size: 45px 45px;
background-position: 50% 5px;
}
.smile:hover, .smile-enable{
background-size: 55px 55px;
background-position: 50% 0;
}
.smile-disable:hover{
background-size: 55px 55px !important;
background-position: 50% 0 !important;
}
.single-reaction{
padding-top: 65px;
height: 80.6px;
}
}
.single-see-video{
padding: 15px;
border: 1px solid #CCCCCC;
border-radius: 8px;
background-color: #D8F5F1;
}
.single-see-video h4{
font-family: 'Montserrat', sans-serif;
font-weight: 500;
line-height: 1.3em;
font-size: 0.875em;
margin-bottom: 10px;
}
.single-see-video-title{
font-weight: 800;
line-height: 1.3em;
font-size: 1.0rem;
font-family: 'Montserrat', sans-serif;
margin-bottom: 10px;
}
.single-see-video-title a{
text-decoration: none;
}
.single-see-video-title a:hover{
color: #444;
}
.single-see-video-desc{
line-height: 1.3em;
font-size: 0.8125em;
}
.single-see-video iframe{
margin-top: 20px;
width: 100%;
}
.single-content iframe{
width: 100%;
}
.single-content p iframe{
margin-bottom: 0!important;
}
@media(max-width:992px){
.single-body{
width: 100%;
max-width: 610px !important;
margin: 0 auto;
}
}
@media(min-width:1200px){
.single-see-video iframe{
height: 392px;
}
.single-content iframe{
margin-bottom: 30px;
}
}
@media(max-width:1200px) and (min-width:992px){
.single-see-video iframe{
height: 325px;
}
.single-content iframe{
margin-bottom: 30px;
}
}
@media(max-width:992px) and (min-width:576px){
.single-see-video iframe{
height: 308px;
}
.single-content iframe{
margin-bottom: 20px;
}
}
@media(max-width:576px){
.single-see-video iframe{
height: 269px;
}
.single-content iframe{
margin-bottom: 20px;
}
}
@media(max-width:992px){
#aside{
display: none;
}
}
@media(min-width:1200px){
aside{
width: 255px;
}
}
@media(max-width:1200px) and (min-width:992px){
aside{
width: 210px;
}
}
.sidebar-enable{
display: block;
}
.sidebar-disable{
display: none;
}
.sidebar-licky{
position: fixed;
}
.sidebar-stop{
position: relative;
}
aside h4{
margin-left: 60px;
font-weight: 600;
font-size: 1.25em;
line-height: 1.3em;
border-left: 1px solid #ccc;
margin-bottom: 0;
padding: 0 0 20px 15px;
}
aside ul{
margin: 0 0 0 60px;
padding: 0 0 0 15px;
font-weight: 500;
font-size: 0.8125em;
border-left: 1px solid #ccc;
}
aside ul li{
list-style: none;
margin-bottom: 20px;
cursor: pointer;
color: #000;
}
aside ul li:last-child{
margin-bottom: 0;
}
aside ul li:hover{
color: #444;
}
@media(min-width:992px){
.not-found{
max-width: 730px;
margin: 40px auto;
}
.not-found h1{
font-weight: 700;
font-size: 2.5em;
line-height: 1.2em;
}
.not-found h2{
font-weight: 500;
font-size: 1.5em;
line-height: 1.3em;
}
}
@media(max-width:992px){
.not-found{
margin: 40px auto;
}
.not-found h1{
font-weight: 700;
font-size: 2.25em;
line-height: 1.2em;
}
.not-found h2{
font-weight: 500;
font-size: 1.25em;
line-height: 1.3em;
}
}
.footer-cookies{
background-color: #333;
color: #fff;
font-weight: 600;
position: fixed;
bottom: 0;
border-radius: 8px 8px 0px 0px;
border-top: 1px solid #D8F5F1;
width: 100%;
}
.footer-cookies-block{
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 0;
padding-right: 0;
}
.footer-cookies-button{
padding: 8px 16px;
border: 1px solid #F5900E;
border-radius: 4px;
cursor: pointer;
margin-left: 10px;
}
.footer-cookies-button:hover{
background-color: rgba(255, 255, 255, 0.2);
transition: 0.3s;
}
.footer-cookies-text a{
color: #fff;
text-decoration: underline;
text-decoration-color: #fff;
text-underline-offset: 0.15em;
}
.footer-cookies-text a:hover{
text-decoration-color: #F5900E;
}
@media(min-width:992px){
.footer-cookies{
padding: 12px 45px;
font-size: 1.0em;
line-height: 1.2em;
}
}
@media(max-width:992px){
.footer-cookies{
padding: 12px 15px;
font-size: 0.8125em;
line-height: 1.2em;
}
}
@media(min-width:992px){
figure, .flourish-embed{
margin-bottom: 30px;
}
}
@media(max-width:992px){
figure, .flourish-embed{
margin-bottom: 20px;
}
}
#search-results h2{
font-weight: 500;
color: #fff;
text-align: center;
line-height: 1.2em;
}
@media(min-width:992px){
#search-results h2{
font-size: 2.5em;
margin-top: 52px;
}
}
@media(max-width:992px){
#search-results h2{
font-size: 1.5em;
margin-top: 44px;
}
}
.single-content-tag{
border-radius: 8px;
border: 1px solid #ccc;
padding: 15px;
font-family: 'Montserrat', sans-serif;
}
.single-content-tag h4{
color: #000;
font-size: 0.875em;
line-height: 1.3em;
font-weight: 600;
margin: 0 0 15px;
}
.single-content-tag hr{
margin: 15px 0;
border: none;
height: 1px;
background-color: #ccc;
}
.single-content-tag a{
color: #000;
font-weight: 800;
line-height: 1.3rem;
text-decoration: none;
}
.single-content-tag a:hover{
color: #555;
}
.single-content-tag span{
font-weight: 500;
line-height: 1.3em;
font-size: 0.75em;
cursor: pointer;
color: #000;
padding-left: 20px;
}
.single-content-tag span:hover{
color: #555;
}
span.single-content-tag-more{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/single-tag-more.svg) left center no-repeat;
}
span.single-content-tag-more:after{
content: 'больше материалов';
}
span.single-content-tag-more:hover{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/single-tag-more-active.svg) left center no-repeat;
}
span.single-content-tag-less{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/single-tag-less.svg) left center no-repeat;
}
span.single-content-tag-less:after{
content: 'свернуть';
}
span.single-content-tag-less:hover{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/single-tag-less-hover.svg) left center no-repeat;
}
@media(min-width:768px){
.single-content-tag{
margin-bottom: 30px;
}
.single-content-tag a{
font-size: 1.0rem;
}
}
@media(max-width:768px){
.single-content-tag{
margin-bottom: 20px;
}
.single-content-tag a{
font-size: 0.875rem;
}
}
.single-content-tag-hide{
display: none;
}
.breadcrumbs{
margin-top: 30px;
color: #909090;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
font-size: 0.5625rem;
}
.breadcrumbs a{
color: #909090;
text-decoration-color: #909090;
}
.breadcrumbs a:hover{
color: #909090;
text-decoration: none;
}
.breadcrumbs-archive, .breadcrumbs-date, .breadcrumbs-404, .breadcrumbs-page,  .breadcrumbs-tag{
margin-top: 0;
margin-bottom: 20px;
}
.single-social{
border: 1px solid #F5900E;
border-radius: 8px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
line-height: 1.2em;
}
.single-social a{
text-decoration-color: #000;
}
.single-social a:hover{
text-decoration-color: #F5900E;
}
@media(min-width:992px){
.single-social{
padding: 15px;
font-size: 1.125rem;
margin-bottom: 30px;
}
}
@media(max-width:992px){
.single-social{
padding: 10px;
font-size: 0.875rem;
margin-bottom: 20px;
}
}
.pagination{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
@media(min-width:992px){
.pagination{
margin-top: 10px;
}
}
@media(max-width:992px){
.pagination{
margin-top: 20px;
}
}
.pagination a, .pagination span{
display: flex;
align-items: center;
justify-content: center;
color: #000;
font-weight: 500;
font-size: 1.25rem;
line-height: 1.2em;
width: 40px;
height: 40px;
margin: 0 8px;
border-radius: 20px;
}
.pagination a:hover, .pagination a.next:hover, .pagination a.prev:hover{
text-decoration: none;
background-color: #ddd;
border: 1px solid #ddd;
}
.pagination span.current{
background-color: #fff;
border: 1px solid #EB9C37;
cursor: default;
}
.pagination a.next{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/pagination-arrow.svg) center center no-repeat;
background-size: 16px 14px;
}
.pagination a.prev{
background: url(//mediaiq.info/wp-content/themes/mediaIQ/img/pagination-arrow.svg) center center no-repeat;
background-size: 16px 14px;
transform: rotate(180deg);
}
.dropdown-menu{
margin: 0;
}
a.tag{
display: inline-block!important;
white-space: nowrap;
width: auto;
font-weight: 500;
padding: 3px 6px!important;
font-size: 0.625rem;
line-height: 1.2em;
border-radius: 10px;
margin-right: 8px;
}
a.tag:hover{
transition: 0.3s;
}
a.tag:last-child{
margin-right: 0;
}
a.tag-last{
background-color: rgba(185, 185, 185, 0.3);
color: rgba(51, 51, 51, 0.7);
}
a.tag-last:hover{
background-color: rgba(185, 185, 185, 1.0);
color: rgba(51, 51, 51, 1.0);
}
a.tag-main{
background-color: rgba(243, 243, 243, 0.2);
color: rgba(255, 255, 255, 0.7);
height: auto;
margin-bottom: 8px;
}
a.tag-main:hover{
background-color: rgba(243, 243, 243, 1.0);
color: rgba(0, 0, 0, 1.0);
}
a.tag-block:hover{
transition: 0.3s;
background-color: rgba(243, 243, 243, 1.0);
color: rgba(51, 51, 51, 1.0)!important;
}
.single-tags a{
background: rgba(175, 175, 175, 0.3);
color: #333333;
font-weight: 500;
font-size: 0.875rem;
line-height: 1.2em;
padding: 2px 6px 3px;
text-decoration: none;
border-radius: 14px;
white-space: nowrap;
margin-bottom: 15px;
}
.single-tags a:hover{
transition: 0.3s;
background: rgba(175, 175, 175, 1.0);
color: #333333;
}
.news-block-tag{
display: block;
}
@media(min-width:992px){
.news-big{
flex-direction: column;
}
.main-news-tags{
margin-top: 0;
}
a.tag-block{
background-color: rgba(243, 243, 243, 0.2);
}
.orange a.tag-block, .red a.tag-block, .blue a.tag-block, .black a.tag-block{
color: rgba(255, 255, 255, 0.7);
}
.lightblue a.tag-block, .green a.tag-block, .white a.tag-block{
color: rgba(51, 51, 51, 0.7);
}
.white a.tag-block{
background-color: rgba(185, 185, 185, 0.3);
}
.dropdown-menu-tags{
display: flex;
flex-wrap: wrap;
width: 420px;
}
.dropdown-menu-tags-col{
flex: 0 0 50%;
border-right: 1px solid #ddd;
padding-right: 15px;
}
.dropdown-menu-tags-col:last-child{
border-right: none;
padding-right: 0;
}
.dropdown-menu-tags-col:nth-child(n+2){
padding-left: 15px;
}
.dropdown-menu-tags-col a{
display: table;
font-size: 0.8125rem;
margin-bottom: 10px;
}
.dropdown-menu-tags-col a:last-child{
margin-bottom: 0;
}
a.nav-tags{
background-color: #fff;
padding: 5px 30px 5px 10px;
border-radius: 20px;
background-position: right 10px center;
border: 1px solid #ccc;
}
a.nav-tags:hover{
transition: 0.3s;
background-image: url(//mediaiq.info/wp-content/themes/mediaIQ/img/header-menu-dropdown.svg);
background-position: right 10px center;
background-color: #FFF1DF;
color: #000!important;
}
}
@media(max-width:992px){
.news-big{
width: 100%;
}
.main-news-tags{
margin-top: 12px;
}
a.tag-block{
background-color: rgba(183, 183, 183, 0.3);
color: rgba(51, 51, 51, 0.7);
}
a.tag-block:hover{
background-color: rgba(183, 183, 183, 1.0);
color: rgba(51, 51, 51, 1.0);
transition: 0.3s;
}
.news-block-main a.tag-block{
background-color: rgba(243, 243, 243, 0.2);
color: rgba(255, 255, 255, 0.7);
}
.news-block-main a.tag-block:hover{
transition: 0.3s;
background-color: rgba(243, 243, 243, 1.0);
color: rgba(255, 255, 255, 1.0);
}
a.mobile-menu-tag{
padding: 4px 38px 4px 16px;
border: 1px solid #686868;
border-radius: 20px;
background-position: right 16px center;
}
a.mobile-menu-tag:hover{
padding: 4px 38px 4px 16px;
background-position: right 16px center;
}
.mobile-menu-tags-list a{
display: inline-block;
margin: 0 15px 15px 0;
font-weight: 600;
font-size: 0.875rem;
line-height: 1.3em;
}
.mobile-menu-tags-list a:last-child{
margin-right: 0;
}
}