/*
Theme Name: Radio NOR
Theme URI: https://itech.com.ge
Author: @StalinskyK
Author URI: https://twitter.com/StalinskyK
Description: Основное разбиение на 3 или четыре колонки. Отдельные шаблоны для Категорий и Тэгов, не подлежит шаблонизации HTML5/CSS3. Сборка 2017 года.
Version: 3.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: For Radio NOR
Tags: Адаптация - мобильные проложения, планшеты, смартфоны, Флэкс дизайн
*/
body, html {font-family: 'Noto Sans', sans-serif;}
.container-fluid {padding: 0; max-width: 90%;}
.container {width: 1280px; max-width: 100%;}
.jumbotron {}
.carousel-caption {bottom: 5px;  padding-bottom:0; }
.shadow {text-shadow: 3px 3px 4px #000000;}
.text-danger, a.text-danger, .btn-outline-danger {color:#E5006A;}
.badge {border-radius:0;}
p {font-size: 1.1rem;}
a {color:#8a2be2; text-decoration:none;}
a:hover {transition: all 0.5s ease; color:#af1357; text-decoration:none;}
img {max-width:100%; height:auto;}
h1 {font-size:170%; color:#555;}
h1, h2, h3, h4, h5, h6 {line-height:140%; margin-bottom:1%; font-weight:bolder; text-decoration:none;}
h3 a, h4 a, h5 a, h6 a {transition: all 0.5s ease; color:#af1357; text-decoration:none;}
[att^=h] a {transition: all 0.5s ease; color:#af1357; text-decoration:none;}
hr {color:1px solid #555;}
footer h4 {margin-bottom:.7rem; border-bottom:1px solid #ccc;}
iframe {max-width:100% !important;}
blockquote {padding:.9em; background:#f0f0f0; border-top: 4px solid #de005e; color: #555; font-style: italic; font-size:1.1rem;}
blockquote:nth-child(even) {border-top:4px solid #2C70D6; }
#linkFon { display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* ---------------------- Audio -------------------------*/
audio {width:145px; background:#ccc;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;}
audio:hover, audio:focus, audio:active{ -webkit-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4); -moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4); box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4); -webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}

/*--------------- card style ------------------ */
.card {border:0; background:none; line-height:140%;}
.card img {border-radius: 0; }
.card-title h3 {text-align: left; background: rgba(1,1,1, .5) !important; 
}
.card-title h1 {
/* */font-size:  calc(1vw+1vh); 
font-size:  90%;
}
.card-body {padding: 1rem 0;}
.card-text, h5.card-text, .card-text:last-child {margin-bottom:2rem;}

.breadcrumb  {background-color:#fff; padding: .75rem 0;}
.title {font-size:1em; border-left: solid 5px #EC268F;
background-image: url('http://nor.ge/wp-content/themes/radionor/images/bg-title.svg');
background:#E7E8E1; padding:.5rem 0 .5rem 1rem; margin:1% 0; text-transform:uppercase;}
.title > a {color:#555;}
.bg-inverse h3 {margin-bottom:5px; border-bottom: solid 1px #777;}
.bg-inverse a:hover {color:#E5006A;}
.bg-indigo {background-color:#8a2be2;}
.bg-dark section {color::#111; background:#111;}

/* Player and control panel  */
.ads {background-blend-mode:darken; height:40%; margin-bottom:.9em; background: no-repeat; background-size: cover; background-image: linear-gradient(to bottom, rgb(52, 74, 113) 0%, white 100%); }
.ads h5 {font-weight:bold; text-shadow: 2px 2px 3px #000;}
.ads-title {background:#ECEEEF; border-left:5px #555 solid; padding:5px 0 5px 15px; text-transform:uppercase; color:#CC0000}

/* instafeed */
#instafeed {max-width:1080px; width: 100%; height:100%; margin: auto; display: flex; flex-wrap: wrap;}
.instafeed a {display: flex; align-items: center; position: relative; max-width: 25%; }
img .instafeed {display: block; max-width: 100%; margin:1rem;}

/* Button UP */
#myBtn {display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; background-color: rgba(2, 117, 216,.5); color: white; cursor: pointer; padding: 15px; border-radius: 10px; }
#myBtn:hover {background-color: #555; }

@media (min-width: 1200px){
.container {width: 1280px; max-width: 100%;}
}

@media (max-width: 576px) {
.carousel-caption {bottom: 0; left: 15px; right:15px; }
.carousel-caption > h5, .shadow h5 {position: relative; padding: 5px 0; font-size:100%; color: #8a2be2;  background: rgba(10,10,10,.5); }
.text-white a, .text-white {transition: all 0.5s ease; }
.text-white a:hover,  .text-white a:hover{color:#8a2be2;}
h1.card-title  {font-size:130%; }
h2 {font-size:1rem; }
}