/*
Theme Name: Just Radio
Theme URI: 
Author: Marc Bakos   
Author URI: http://marcbakos.com    
Description: Just Radio is an easy to use Radio Theme for Wordpress.
Version: 1.0.0
Text Domain: justradio
Domain Path: /languages/
Tags: white, gray, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready

This theme built with Twitter Bootstrap v.3. It is basic theme with basic style for build new theme with Bootstrap.

*/


/*
Required WordPress CSS
*/

html {
  -webkit-font-smoothing: antialiased;
}

/* Christmas theme!
body {
    font-size: 15px;
    color: #000;
	line-height: 1.6;
    background: #333333; 
    background: -moz-linear-gradient(top,  #be1522 10%, #9c121c 100%); 
    background: -webkit-linear-gradient(top,  #be1522 10%,#9c121c 100%); 
    background: linear-gradient(to bottom,  #be1522 10%,#9c121c 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be1522', endColorstr='#9c121c', GradientType=0 ); 
}
*/

body {
    font-size: 15px;
    color: #000;
	line-height: 1.6;
    background: #333333; 
    background: -moz-linear-gradient(top,  #0191d2 0%, #006491 100%); 
    background: -webkit-linear-gradient(top,  #0191d2 0%,#006491 100%); 
    background: linear-gradient(to bottom,  #0191d2 0%,#006491 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0191d2', endColorstr='#006491', GradientType=0 ); 
}

.myButton {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:13px;
	border:2px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:12px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.myButton:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
	color:#333333;
}
.myButton:active {
	position:relative;
	top:1px;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.wptpa_wrapper.wptpa_compact .wptpa_cover_viewer {
	background: #017db5 !important;
}

.sc-form-group .sc-form-control {
    padding: 10px 15px !important;
    font-size: 20px !important;
    width: 9em !important;
    border-radius: 10px !important;

}

.sc-uea-currency {
    left: -45px;
    position: relative;
    color: lightgrey;
}

.sc-form-group label {
    color: white !important;
    font-size: 20px !important;
    font-weight: 100 !important;
    margin-bottom: 15px !important;
}

.stripe-button-el span {
    height: 33px !important;
    font-size: 15px !important;
    font-family: "Open Sans" !important;
    font-weight: 100 !important;
    
}

.stripe-button-el {
    margin-top: 10px !important;
}

a {
    color: #fff;
    text-decoration: none;
}

a:hover {
    color: #f5c92e;
    text-decoration: none;
}

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

.white-yellow {
    background-color: #fff;
    color: #333;
    padding: 10px 20px 10px 20px;
    border-bottom: 3px solid #f5c92e;
}

.white-blue {
    background-color: #fff;
    color: #333;
    padding: 10px 20px 10px 20px;
    border-bottom: 3px solid #02638e;
}

.entry-title {
    padding-bottom: 10px;
}

#sidebar-right .widget-title {
    margin-top: 10px;
}

.last-button-sidebar {
    margin-bottom: 10px;
}

footer {
    background-color: #333;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 15px;
}

footer h4 {
    color: #fff;
}

.wu-copyright {
    display:none;
}

.wu-autocomplete {
    width: 100%;
}

.content-area a {
    color: #0f88c8;
    text-decoration: none;
}

.content-area a:hover {
    color: #0f88c8;
    text-decoration: underline;
    text-underline-position: under;
}

.inner-sidebar-right a {
    color: #f5c92e;
    text-decoration: none;
}

.inner-sidebar-right a:hover {
    color: #f5c92e;
    text-decoration: none;
}


.social-ico {
    margin-right: 5px;
}

.navbar {
    height: 100px;
    border: 0px;
    border-bottom: 3px solid #f5c92e;
    margin-bottom: 0px;
}

.navbar-toggle {
    margin-top: 30px;
    margin-right: 20px;
}

.navbar-collapse {
    margin-top: 30px;
    font-size: 1.8rem;
}

.navbar-brand {
    float: left;
    padding-top:0px;
    margin-left: 20px;
    font-size: 17px;
    line-height: 18px;
    height: 0px;
}

.navbar-default .navbar-nav>li>a {
    color: #333;
}

.navbar-default .navbar-nav>.active>a {
    color: #02638e;
    background-color: rgb(241, 241, 241);
}

.navbar-default .navbar-nav>li>a:hover {
    color: #02638e;
    background-color: rgb(241, 241, 241);
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover {
    color: #02638e;
    background-color: rgb(241, 241, 241);
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	background-color: #fff;
}

.navbar-nav>li>.dropdown-menu {
	margin-top: 0px;
}

.dropdown-menu {
	font-size: 1.8rem;
	border: none;
	border-radius: 0px;
}


.top-info {
    background-image: url("img/top-info.png");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position-y: 99%;
    margin-top:100px;
    padding: 70px 10px 0px 10px;
}

.listen_but {
    /*CHRISTMAS background-color: #0988c8;*/
	background-color: #555;
    font-size: 20px;
    font-weight:600;
    color: #fff;
    padding: 10px;
    margin-bottom: 20px;
    text-align: center;
}

.listen_but a {
    color: #fff;
    text-decoration: none;
}

.listen_but a:hover {
    color: #fff;
    text-decoration: none;
}

.archive_img_width {
   height:200px;
   width: auto;
}

.donate_but {
    background-color: #9b9b9b;
    font-size: 20px;
    font-weight:600;
    color: #fff;
    padding: 10px;
    text-align: center;
}

.donate_but a {
    color: #fff;
    text-decoration: none;
}

.donate_but a:hover {
    color: #fff;
    text-decoration: none;
}

.profile_picture {
	background: #e8a806; /* Old browsers */
	background: -moz-linear-gradient(top,  #e8a806 0%, #fbd007 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e8a806 0%,#fbd007 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e8a806 0%,#fbd007 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8a806', endColorstr='#fbd007',GradientType=0 ); /* IE6-9 */
}

.page-content {
    background-color: #fff;
    padding: 5px 20px 10px 20px;
    margin-bottom: 20px;
    min-height:300px;
}

.home-sidebar {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
}

.home-sidebar .wpcf7-form-control {
    width: 100%;
    margin-top: 5px;
    padding: 5px;
}

.home-sidebar textarea {
    border:solid 2px #f5c92e;
}

.home-sidebar textarea:focus {
    outline-width: 0;
    border:solid 2px #02638e;
}

.home-sidebar input {
    border:solid 2px #f5c92e;
}

.home-sidebar input:focus {
    outline-width: 0;
    border:solid 2px #02638e;
}

.home-sidebar .wpcf7-submit {
    background-color: #fff !important;
    border:solid 2px #f5c92e;
}

.home-sidebar .wpcf7-response-output {
    margin: 0.5em 0.5em 1em;
}

.home-news {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 20px;
}

.home-news h1 {
    padding-top: 20px;
	font-size: 1.5em;
}

.home-news a {
    color: #02638e;
}

.news-icon {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 7px;
    background-color: #f5c92e;
    color: #fff;
    z-index: 100;
}

.news-image {
    margin-bottom: -25px;
}

.inner-sidebar-right {
    background-color: rgb(241, 241, 241);
    border-bottom: 3px solid #f5c92e;
    padding: 20px;
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: rgb(255, 255, 255);
}

.player a {
    color: #fff;
}

.player a:hover {
    color: #f5c92e;
    text-decoration: none;
}

.overflow-hidden {
    overflow: hidden;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}
.gallery-caption {
}
.sticky {
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}


#log_forms {
	border: 0px solid #CCC;
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	margin-top: 50px;
	margin-bottom: 50px;
}

/* BREAK TABLET VIEW */
@media(max-width:996px) {
    
    .navbar-collapse {
        margin-top: 20px;
        background-color: #eee;
    }
    
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-top: 1px solid;
        border-color: #f5c92e;
    }

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    
    .dropdown-menu > li {
        padding-bottom: 10px;
    }
	

}


@media (max-width: 767px) { 
    .nav-tabs > li {
        float:none;
        border:1px solid #dddddd;
    }
    .nav-tabs > li.active > a{
        border:none;
    }
    .nav > li > a:hover, .nav > li > a:focus,
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
     {
        background:none;
        border:none;
    }
}

@media (min-width: 997px){
    
    .dropdown-menu {
        padding: 0px;
    }
    
    .dropdown-menu > li > a {
        padding: 10px;
    }
    
    ul.nav li.dropdown:hover ul.dropdown-menu{
        display: block;    
    }
}