/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */    
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

.radios-menu {
	border-bottom:1px solid #c5c5c5;
	
}

.radios-menu ul {
	
}

.radios-menu ul li{
	
	
}

.radios-menu ul li > a {
	line-height:18px;
	border-left:1px solid #c5c5c5;
	
}

@media screen and (max-width: 1200px) {
	
	.radios-menu ul li > a {
	padding:5px !important;
	
}

#top-search, #top-cart, #side-panel-trigger, #top-account {
    float: right;
    margin: 2px 0 40px 5px !important;
}

}

#footer.radios-footer, .radios-footer #footer {
    background-color: #000;
    color: #CCC;
    border-top-color: rgba(0,0,0,0.2);
}

#radios-copyrights {
    padding: 40px 0;
    background-color: #000;
    font-size: 14px;
    line-height: 1.8;
}

.header-extras li .radioshe {
	margin-top:10px;
}
.radios-title {
	margin-bottom:-15px;
}

.radios-subtitle{
	position: relative;
	top: -15px !important;
	font-weight: 500;
	color: #000 !important;
	font-size: 13px;
	display:inline-block;
}

.radios-subtitle2{
	position: relative;
	/*top: -15px !important;*/
	font-weight: 500;
	color: #000 !important;
	font-size: 13px;
	display:inline-block;
}

.radios-pogledaj {
	font-size:13px;
	position:relative;
	top:-30px;
}

.uzivo {
	position: absolute;
	bottom: -20px; 
	left: 50%; 
	transform: translate(-50% , -50%); 
	-webkit-transform: translate(-50%, -50%); 
	color:#fff; 
	background:#000;
	padding: 5px;
	font-weight:700;
}

.radio-broj {
	position: absolute;
	bottom: -5px; 
	right: 0; 
	color:#fff;
	font-weight:700;
}

.radio-broj img {
	max-width:50px;
}

.radio-broj-footer {
	position: absolute;
	bottom: -5px; 
	right: 0; 
	color:#fff;
	font-weight:700;
}

.radio-broj-footer img {
	max-width:20px;
	max-height:20px;
}

.radio-broj-player {
	position: absolute;
	bottom: -10px; 
	right: 30px; 
	color:#fff;
	font-weight:700;
}

.radio-broj-player img {
	width:120px;
	height:120px;
}

.radio-logo-footer {
	position: absolute;
	bottom: -5px; 
	right: 0; 
	color:#fff;
	font-weight:700;
}
.radio-logo-footer img {
	max-width:40px;
	max-height:40px;
	border:2px solid #fff;
}

.radio-logo {
	position: absolute;
	bottom: -5px; 
	right: 0; 
	color:#fff;
	font-weight:700;
}
.radio-logo img {
	max-width:80px;
	border:5px solid #fff;
}

.radio-digital-logo {
	position: absolute;
	bottom: 35px; 
	right: 55px; 
	color:#fff;
	font-weight:700;
}
.radio-digital-logo img {
	max-width:120px;
	border:5px solid #fff;
}

.radios-footer-menu {
	padding-top:10px;
}

.radios-footer-menu li {
	border-left:1px solid #c5c5c5;
	padding-left:22px;
	padding-right:10px;
}

.radios-footer-menu li:last-child {
	border-right:1px solid #c5c5c5;
	padding-right:15px;

}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
	.radios-menu ul li{
	border-left:0px solid #F5F5F5;
}

  .radio-broj img {
	max-width:250px;
}

.radios-footer-menu li {
	width:38%;
	border-left:0px solid #fff;
	border-right:0px solid #fff;
	text-align:center;
}
.radios-footer-menu li:last-child {
	border-right:0px solid #fff;
}
}

.radios-player-container {
		background: #000 url("../images/radios/Pozadina-player-3.png");
		background-size: cover;
}

.radios-homepage-container {
		/*background: #000 url("../images/radios/Naslovna-slika.jpg");*/
		background: #000 url("../images/radios/kes-mart-25.jpg");
		
		background-size: cover;
		padding:90px 0 90px 0;
}

.radios-slider-title{
	font-size: 64px;
	
	line-height: 64px;
vertical-align: baseline;
letter-spacing: 2px;
word-spacing: 0px;

    font-weight: 700;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: rgb(0, 0, 0);
    text-align: left;
    text-indent: 0px;

}

.radios-slider-desc{
	font-size: 24px;
	line-height: 36px;
vertical-align: baseline;
letter-spacing: normal;
word-spacing: 0px;
font-weight: 300;
font-style: normal;
font-variant: normal;
text-transform: none;
}

.player-main-buttons {
		background: rgb(35,31,32);
background: linear-gradient(180deg, rgba(35,31,32,1) 0%, rgba(13,13,13,1) 100%);
/*box-shadow: 0 -5px 5px -5px #000;*/
}

.button-under{
	padding-top:15px;
	margin-top:10px;
	padding-bottom:15px;
	margin-bottom:10px;
	color:#fff;
}
.program-scheme-title{
	font-size:30px;
}
@media screen and (max-width: 600px) {
.button-under{
	padding-top:8px;
	margin-top:3px;
	padding-bottom:8px;
	margin-bottom:3px;
	color:#fff;
}
.program-scheme-title{
	font-size:16px;
}
}
.program-container {
	background: rgba(0, 0, 0, 0.6);
}
.program-radios {
		background: #000 url("../images/radios/program-back.jpg");
		background-size: cover;
}

.program-item {
	padding-top:5px;
	border-bottom:1px solid #c5c5c5;
}

.program-item-active {
	background:#18181A;
}

.program-time {
	color:#fff;
	padding-top:10px;
}

.program-time .on-air {
	color:#ff6600;
	background:#000;
	padding:2px;
	font-size:8px;
	font-weight:bold;
	color:#fff;
}

.program-image {
}
.program-desc h4 {
	color:#fff;
	line-height: 1.0em !important;
	padding-top:10px;
	font-size:16px;
}

.program-desc-small {
	color:#858583;
	line-height: 1.0em !important;
	margin-top:-10px;
}

.entry-desc{
	font-family: 'Open Sans', serif;
    font-style: normal;
	color:#000;
	color:#000;
	font-size:12px;
}

.radios-dani-naslov {
	border-bottom:1px solid #5C5C5C;
	height:50px;
}
.radios-dani{
	/*padding:0 !important;*/
	padding:12px;
}

.dani-active{
	/*padding:0 !important;*/
	background:#19191B;
}

.radios-dani ul {
	margin-bottom:12px;
}

.radios-dani ul li {
	/*padding-top:10px;*/
}

.radios-dani a{
	color:#fff;
	font-size:15px;
	font-weight:bold;
	padding:3px;
}

.radios-dani a:hover{
	/*background:#2C2C2E;*/
	color:#767E6F;
}

.program-sutra {
	background:#19191B;
}

.login-container {
		background: #000 url("../images/radios/login-back4.jpg");
		background-size: cover;
}

.login-page-container{
	height:800px;
	
}
.radios-login-form {
	margin-top:200px;
	background:#fff;
	padding:30px;
}

.radios-forma input{
	border:0;
	border-bottom:1px solid #000;
	border-radius: 0px;
}
/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
.radios-login-form {
	padding-top:50px;
	margin-top:0;

}

.login-page-container{
	height:500px !important;
	
}

.radios-footer-logo{
	margin-bottom:-90px;
}
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #828282;
            opacity: 1; /* Firefox */
			font-size: 15px;
			padding:1px !important;
			margin:0 !important;
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #828282;
			font-size: 15px;
			padding:1px;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
            color: #828282;
			font-size: 15px;
			padding:1px;
 }
 
 .login-dugme {
	 border-bottom:1px solid #000;
	 padding-bottom:30px !important;
 }
 
.login-footer-pitanje {
	 padding-bottom:3px !important;
	 font-size:16px;
	 margin-top:5px;
	 margin-bottom:5px;
	 color:#000;
	 font-weight:bold;
 }
 
.login-footer-registruj-se {
	 font-size:12px;
	 margin-top:-55px;
	 color:#000;
 }
 
.radios-tracklist{
	width:100%;
	padding:0;
}

.radios-tracklist li{
	border-bottom:1px solid #383435;
}
.radios-tracklist li a{
	color:#C2C1C2;
}

.detaljnije{
	color:#000;
	font-size:12px;
	margin-top:15px !important;
}

.detaljnije a{
	color:#000;
	font-size:12px;
}
#posts {
border-bottom:0px solid #000;	
}

#posts .entry-content {
    margin-top: 10px;
	color:#000;
	padding:0px;
	border-bottom: 0px solid #1ABC9C;
}

#posts .entry-content p {
    line-height:1.1em;
	font-size:13px;
}

.more-link {
    display: inline-block;
    border-bottom: 0px solid #1ABC9C;
    padding: 0 2px;
    font-family: 'Open Sans', serif;
    font-style: normal;
	color:#000;
}

.entry::after {
    content: '';
    position: relative;
    height: 2px;
    margin-top: 10px;
    background-color: #F5F5F5;
	border-bottom: 0px solid #1ABC9C;
}

.footer-img-logoz {
	/*opacity: 0.5;*/
}

.footer-img-logoz:hover {
	opacity: 1;
}
.text-black{
	color:#000 !important;
}
.text-radios-grey{
	color:#646464 !important;
}


.portfolio-desc p{
	line-height:0.6em;
	font-size:13px;
}

.portfolio-desc > h3{
	line-height:1em;
}
.portfolio-desc > h3 > a:hover{
	color:#c1c1c1;
}

.tagcloud > a:hover{
	border:1px solid #c1c1c1 !important;
	color:#c1c1c1 !important;
}

#now_image {
		width:350px;
		height:350px;
		/*border:7px solid #EF8A1E;*/
		margin-left: auto;
		margin-right: auto;
		display: block;
		
	}

.home-radio-title{
	font-size:24px !important;
	font-weight:bold;
}


.radios-articles{
	min-height:380px;
	position:relative;
}


.radios-articles .detaljnije-articles {
	position:absolute; 
	bottom:0;
	}
	
.radios-articles .detaljnije-articles > a {
	font-weight:bold;
	font-size:12px;
	}
	
	
@media screen and (max-width: 600px) {
#now_image {
		width:250px;
		height:250px;
		/*border:7px solid #EF8A1E;*/
		display: block;
		
	}
.home-radio-title{
	font-size:4px;
}
	
	.player-show-image{
	padding-top: 35px;
}
.radios-articles{
	min-height:320px;
	
}
.radios-articles .detaljnije-articles {
	display:none;
	}
	

}

.head-hover-1:hover{
	color:#000;
	border-bottom:2px solid #0090D2;
}

.head-hover-2:hover{
	color:#000;
	border-bottom:2px solid #F18D1E;
}

.head-hover-3:hover{
	color:#000;
	border-bottom:2px solid #AD1E88;
}

.head-hover-4:hover{
	color:#000;
	border-bottom:2px solid #13B9C9;
}

.muzika-moja-muzika:hover{
	color:#0090D2 !important;
}

.portfolio-image:hover .radios-play-hover-content{opacity: 1}

.entry-image:hover .radios-play-hover-content{opacity: 1}

.radios-play-hover-content{
	opacity: 0;
	background: rgba(0, 0, 0, 0.8); 
	width:100%; 
	height:100%; 
	position:absolute; 
	top:0; left:0; 
	z-index:auto;
	cursor:pointer;
	pointer-events: none; 
	-webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s
}

.radios-play-hover{
	content: url('../images/radios/play-hover-button.png');
	position:absolute; 
	left: 50%; top: 50%; 
	transform: translate(-50%,-50%); 
	color#fff;
}

.radios-expires-hover-content{
	opacity: 0.5;
	background: rgba(0, 0, 0, 0.8); 
	width:100%; 
	height:100%; 
	position:absolute; 
	top:0; left:0; 
	z-index:auto;
	cursor:pointer;
	pointer-events: none; 
	-webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s
}

.radios-eq-hover-content{
	opacity: 1;
	background: rgba(0, 0, 0, 0.8); 
	width:100%; 
	height:100%; 
	position:absolute; 
	top:0; left:0; 
	z-index:auto;
	cursor:pointer;
	pointer-events: none; 
	-webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s
}

.radios-eq-hover{
	content: url('../images/radios/equil4.gif');
	position:absolute; 
	left: 50%; top: 50%; 
	transform: translate(-50%,-50%); 
	color#fff;
}

  .ribbon-wrapper {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
	z-index: 2;
    top: -0.5px;
    right: -0.5px
}
.ribbon {
    font-size: 12px;
    color: #FFF;
    text-transform: uppercase;
    font-family: 'Montserrat Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    letter-spacing: .05em;
    line-height: 15px;
    text-align: center;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);*/
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    right: -11px;
    top: 10px;
    width: 100px;
    height: 28px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    background-color: #dedede;
    background-image: -webkit-linear-gradient(top, #ffffff 45%, #dedede 100%);
    background-image: -o-linear-gradient(top, #ffffff 45%, #dedede 100%);
    background-image: linear-gradient(to bottom, #ffffff 45%, #dedede 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdedede', GradientType=0)
}

.ribbon:before,
.ribbon:after {
    content: "";
    border-top: 3px solid #9e9e9e;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    bottom: -3px
}

.ribbon:before {
    left: 0
}

.ribbon:after {
    right: 0
}

.ribbon.green {
    background-color: #2da285;
    background-image: -webkit-linear-gradient(top, #2da285 45%, #227a64 100%);
    background-image: -o-linear-gradient(top, #2da285 45%, #227a64 100%);
    background-image: linear-gradient(to bottom, #2da285 45%, #227a64 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff2da285', endColorstr='#ff227a64', GradientType=0)
}

.ribbon.green:before,
.ribbon.green:after {
    border-top: 3px solid #113e33
}

.ribbon.red {
    background-color: #bc1a3a;
    background-image: -webkit-linear-gradient(top, #a61733 45%, #bc1a3a 100%);
    background-image: -o-linear-gradient(top, #a61733 45%, #bc1a3a 100%);
    background-image: linear-gradient(to bottom, #a61733 45%, #bc1a3a 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffa61733', endColorstr='#ffbc1a3a', GradientType=0)
}

.ribbon.red:before,
.ribbon.red:after {
    border-top: 3px solid #8f142c
}


.ribbon.blue {
    background-color: #1a8bbc;
    background-image: -webkit-linear-gradient(top, #177aa6 45%, #1a8bbc 100%);
    background-image: -o-linear-gradient(top, #177aa6 45%, #1a8bbc 100%);
    background-image: linear-gradient(to bottom, #177aa6 45%, #1a8bbc 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#177aa6', endColorstr='#ff1a8bbc', GradientType=0)
}

.ribbon.blue:before,
.ribbon.blue:after {
    border-top: 3px solid #115979
}


.dropdown-menu {
    max-height: 280px;
    overflow-y: auto;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    background-color: #C81627;
}

.dropdown-menu .active{

background-color:#C81627;
color:#fff;
}