@charset "UTF-8";
/*header{background-color:#ccc;}*/
    header .container-fluid{padding-top:100px;}
    header h6{margin:0;font-size:14px;color:var(--text-color);}
        header h6 i{margin:0 5px;font-size:12px;}

#about h6{color:var(--text-color);font-size:18px;line-height:22px;font-weight:400;}
#about p{color:var(--subtext-color);}
#about .box{margin:10px 0;padding:25px;border:1px solid var(--primary);border-radius:10px;}
    #about .box p{margin-bottom:0;}
        #about .box p i{color:var(--light-contrast);}
    #about .box h6{margin-top:0;display:flex;flex-wrap:wrap;align-items:center;}
        #about .box h6 span{display:inline-block;margin-right:15px;width:40px;height:40px;line-height:40px;background-color:rgba(0,255,255,0.4);border-radius:5px;font-weight:600;text-align:center;color:var(--light-contrast);}

#contact p{color:var(--text-color);}

#articleCarousel .item .bg{margin-bottom:25px;width:100%;height:450px;border-radius:10px;}
#article .title h2{margin:0;}
#article h6{margin:5px 0 0 0;color:var(--light-contrast);}
#article article{color:var(--text-color);}
#article .form-box{margin:10px 0;}
#article p{color:var(--text-color);}

#podcast section:nth-child(1) .form-box{padding:25px;}
    #podcast section:nth-child(1) .form-box .btn-small{margin:3px 1px;}
#podcast p{color:var(--subtext-color);}
    #podcast .form-box p i{margin-right:5px;color:var(--light-contrast);}

#podcasts .box{margin:10px 0;width:100%;height:300px;border-radius:10px;background:var(--red-degrade);position:relative;}
#podcasts .box .bg{width:100%;height:100%;background-position:center top;position:absolute;z-index:1;top:0;left:0;}
#podcasts .box .overlay{width:100%;height:100%;background-image:url(../img/flames.png);border-radius:0 0 10px 10px;position:absolute;z-index:2;top:0;left:0;opacity:.7;filter:opacity(.7);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;}
#podcasts .box .content{width:100%;height:auto;padding:15px;position:absolute;z-index:3;bottom:0;left:0;}
    /*#podcasts .box .content i{font-size:20px;color:var(--text-color);}*/
    #podcasts .box .content h6{margin:0;color:var(--text-color);}
        #podcasts .box .content h6 span{display:block;font-size:14px;font-weight:500;}
    #podcasts .box .content h5{margin:10px 0 0 0;color:var(--text-color);font-weight:600;line-height:22px;}
        #podcasts .box .content h5 span{display:block;font-size:14px;font-weight:500;}

#broadcaster .cover{height:100%;min-height:200px;}
    #broadcaster p{color:var(--subtext-color);}

#broadcasters .box{margin:10px 0;width:100%;height:300px;border-radius:10px;background:var(--red-degrade);position:relative;}
#broadcasters .box .bg{width:100%;height:100%;background-position:center top;position:absolute;z-index:1;top:0;left:0;}
#broadcasters .box .overlay{width:100%;height:100%;background-image:url(../img/flames.png);border-radius:0 0 10px 10px;position:absolute;z-index:2;top:0;left:0;opacity:.7;filter:opacity(.7);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;}
#broadcasters .box .content{width:100%;height:auto;padding:15px;position:absolute;z-index:3;bottom:0;left:0;}
    /*#broadcasters .box .content i{font-size:20px;color:var(--text-color);}*/
    #broadcasters .box .content h6{margin:0;color:var(--text-color);}
        #broadcasters .box .content h6 span{display:block;font-size:14px;font-weight:500;}
    #broadcasters .box .content h5{margin:10px 0 0 0;color:var(--text-color);font-weight:600;line-height:22px;}
        #broadcasters .box .content h5 span{display:block;font-size:14px;font-weight:500;}

#events article{color:var(--subtext-color);}

main#login{padding-left:0;}
main#login #loginBox{padding:25px;border-radius:5px;border:1px solid var(--secondary);}
main#login #loginBox input[type="password"]{text-align:center;}
main#login #loginBox .right-align i{margin:0 5px;font-size:12px;color:var(--subtext-color);}

.cover{width:100%;height:300px;border-radius:10px;background:var(--red-degrade);position:relative;}
    .cover .bg{width:100%;height:100%;background-position:center top;border-radius:0 0 10px 10px;position:absolute;z-index:1;top:0;left:0;}
    .cover .overlay{width:100%;height:100%;background-image:url(../img/flames.png);border-radius:0 0 10px 10px;position:absolute;z-index:2;top:0;left:0;opacity:.7;filter:opacity(.7);/*transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;*/}

.track-list .row{margin-bottom:5px;}
.track-list .row:last-child{margin-bottom:0;}
.track-list .bg{width:60px;height:60px;border-radius:10px;}
.track-list marquee{color:var(--subtext-color);}
    .track-list .bg .wrapper{width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.4);opacity:0;filter:opacity(0);visibility:hidden;transition:all 0.3s ease-in;}
        .track-list .bg .wrapper a{color:var(--text-color);font-size:18px;}
        .track-list .bg .wrapper a:hover,
        .track-list .bg .wrapper a:focus,
        .track-list .bg .wrapper a:active{color:var(--light-contrast);}
    .track-list .row:hover .bg .wrapper,
    .track-list .row:focus .bg .wrapper,
    .track-list .row:active .bg .wrapper{visibility:visible;opacity:1;filter:opacity(1);}

.form-box{width:100%;height:auto;padding:10px 25px;border:1px solid var(--primary);border-radius:10px;}

.pagination{margin-top:40px;text-align:center;}
    .pagination a{margin:5px;}

.social{width:100%;}
    .social a{display:inline-block;margin:0 5px;width:40px;height:40px;line-height:42px;border-radius:50%;font-size:18px;text-align:center;color:#fff;}
    .social a:nth-child(1){background-color:steelblue;margin-left:0;}
    .social a:nth-child(2){background-color:darkviolet;}
    .social a:nth-child(3){background-color:skyblue;}
    .social a:nth-child(4){background-color:red;}
    .social a:nth-child(5){background-color:green;margin-right:0;}
        .social a i{margin:0;color:#fff;}
    .social a:hover i,
    .social a:focus i,
    .social a:active i{color:#fff;}

@media(max-width:992px){
    .track-list{margin-top:25px;}
    .form-box{margin-bottom:50px;}
}