/*
Theme Name: RTVI theme
Theme URI: https://rtvi.us
Description: RTVI theme
Author: RTVI
Author URI: https://rtvi.us
Version: 1.0
Tags: responsive
*/
/*Эмбед видео на главной*/
.main-grid iframe {
width: 100%;
}
@media (min-width: 991px) {
.main-grid iframe {
min-height: 506px;
}
}
@media (max-width: 990px) {
.main-grid iframe {
min-height: 250px;
}
}
/*Кнопка видео на главной*/
a.video::after {
background-image: url(https://rtvi.us/wp-content/themes/rtvius/images/play-button1.svg);
background-size: 15px 15px;
display: inline-block;
width: 15px;
height: 15px;
content: "";
margin-left: 3px;
position: relative;
top: 2px;
}
/*Все ссылки внутренних*/
.article a {
text-decoration: none;
color: #4576ae;
}
a.story {
color: #ffffff;
}
.article p {
margin-bottom: 0;
}
hr {
width: 100%;
margin: 15px 0;
}
.load-more-target {
display: flex;
flex-direction: column;
grid-row-gap: 25px;
}
.wp-caption-text {
color: #727272;
font-size: 13px;
line-height: 24px;
}
/*Баннеры*/
ins.adsbygoogle[data-ad-status="unfilled"] {
display: none !important;
}
/*баннер m1 на главной*/
.banner-m1 {
margin-bottom: 30px;
text-align: center;
}
.banner-m2 {
margin-top: 30px;
text-align: center;
}
.banner-p2-desk {
padding: 5px 0 10px 0;
}
.banner-p3-desk {
padding: 10px 0 10px 0;
}
@media (min-width: 991px) {
/*рекламная мажентовая рамка*/
.ads-frame {
border: 2px solid #ba025a;
padding: 10px 25px;
border-radius: 4px;
width: fit-content;
text-align: center;
margin: auto;
}
/*картинка баннера m1 на десктопах*/
.banner-m1-mob {
display: none;
}
.banner-m2-mob {
display: none;
}
.banner-p1-mob {
display: none;
}
/*баннер p1 на внутренних на десктопах*/
.banner-p1 {
padding: 20px 80px 15px;
}
/**/
.wp-caption {
/*max-width: 704px;*/
width: 100%!important;
height: auto;
}
.wp-caption img {
max-width: 704px;
width: 100%;
height: auto;
}
.article img { 
/*max-width: 704px;*/
width: 100%;
height: auto;
}
}
@media (max-width: 990px) {
.wp-caption img {
width: 100%!important;
height: auto;
}
.wp-caption {
width: 100%!important;
height: auto;
}
.article img { 
width: 100%!important;
height: auto;
}
/*рекламная мажентовая рамка*/
.ads-frame {
border: 2px solid #ba025a;
padding: 10px;
border-radius: 4px;
width: fit-content;
text-align: center;
margin: auto;
}
/*баннер p1 на мобилах*/
.banner-p1 {
padding: 20px 15px 5px;
}
/*картинка баннера m1 на мобилах*/
.banner-m1-desk {
display: none;
}
.banner-m2-desk {
display: none;
}
.banner-p1-desk {
display: none;
}
.banner-p2-desk {
display: none;
}
.banner-p3-desk {
display: none;	
}
}
.search-input {
/*width: 0;
padding: 0;*/
transition: width 0.3s ease-in-out, padding 0.3s ease-in-out;
/*opacity: 0;*/
}
/*.search-input.active {
width: 200px;
padding: 8px;
opacity: 1;
padding-bottom: 12px;
}*/
.w-input:focus, .w-select:focus {
border: none;
border-bottom: 1px solid #ffffff;
outline: rgba(255, 255, 255, 0);
}
.charcounter {
width: 100%;
border-spacing: 0;
border: 1px solid #c3c4c7;
border-top: none;
background-color: #f6f7f7;
}
/*галерея и слайдер*/
.tns-outer {
margin-bottom: 15px;
}
.tns-nav {
text-align: center; 
}
@media (max-width: 600px) {
.tns-nav {
visibility: hidden; 
}
}
.tns-horizontal.tns-subpixel {
white-space: break-spaces!important;
}
.tns-nav button {
margin: 0 5px;
background-color: #031845c7;
height: 12px; 
width: 8px;
padding: 0;
opacity: 0.5;
}
button.tns-nav-active {
height: 19px;
background-color: #031845c7;
opacity: 1;
}
.tns-controls {
display: flex;
justify-content: space-between;
margin-bottom: -25px; 
background-color: #f1f3f9;
padding: 6px 2px;
border-radius: 5px;
}
.tns-controls button {
margin: 0 5px;
color: #ffffff;
font-weight: 600;
background-color: #031845c7;
width: 30px;
height: 30px;
border-radius: 50%;
font-size: 16px;
padding-bottom: 3px;
display: flex;
justify-content: center;
align-items: center;
}
/*caption в галерее-слайдере*/
.tns-outer .image-caption {
font-size: 16px;
color: black;
padding-top: 5px;
}
/*Шаблон для документов*/
.docpage-text {
background: #ffffff;
padding: 20px;
}

/*респонсивный эмбед для YouTube*/
/*Если не через oembed*/
.article iframe {
width: 100%!important;
/*min-height: 385px;*/
margin: 15px 0px 5px 0px;
}
@media (min-width: 991px) {
/*Если через oembed*/
.video-container { 
position: relative; 
padding-bottom: 51%; 
padding-top: 30px; 
height: 0; 
/*overflow: hidden;*/
margin-bottom: 30px;
}
.article .video-container iframe, .video-container object, .video-container embed { 
position: absolute; 
top: 0; left: 0; 
width: 100%; 
height: 100%; 
}
/*центруем твиттер на десктопах*/
.twitter-tweet {
margin-left: auto;
margin-right: auto;
}
}