@charset "UTF-8";
:root{
    --primary:#222;
    --secondary:#333;
    --dark-contrast:#111;
    --light-contrast:cyan;
    --text-color:#fff;
    --subtext-color:#ccc;
    --slide-color:#444;
    --red-degrade:linear-gradient(-45deg, rgba(96,0,63,1) 0%, rgba(134,62,0,1) 50%, rgba(96,0,63,1) 100%);
    --swiper-navigation-color:#fff;
    --swiper-theme-color:#fff;
}

body,html{background-color:var(--dark-contrast);/*background-image:url(../img/checkered-pattern.png);background-repeat:repeat;*/}

::-webkit-scrollbar{width:15px;height:10px;}
::-webkit-scrollbar-button{background-color:var(--primary);height:0;width:0;}
::-webkit-scrollbar-track{background-color:var(--secondary);}
::-webkit-scrollbar-track-piece{background-color:var(--primary);}
::-webkit-scrollbar-thumb{background-color:var(--secondary);border-radius:0px;}
::-webkit-scrollbar-corner{background-color:var(--secondary);}
::-webkit-resizer{background-color:var(--secondary);}

nav{background-color:var(--primary);border-bottom:1px solid var(--secondary);}
    nav ul li a{color:var(--subtext-color);}
    nav ul li a:hover,
    nav ul li a:focus,
    nav ul li a:active{color:var(--light-contrast);background-color:transparent;}

.sidenav-trigger i{color:var(--light-contrast);}

#masterSidenav{background-color:var(--primary);border-right:1px solid var(--secondary);}
    #masterSidenav #logo{border-bottom:1px solid var(--secondary);}
    #masterSidenav #items li a,
    #masterSidenav #items li a i{color:var(--subtext-color);}
    #masterSidenav #items li a:hover,
    #masterSidenav #items li a:focus,
    #masterSidenav #items li a:active,
    #masterSidenav #items li.active > a{color:var(--text-color);background-color:transparent;}
    #masterSidenav #items li a:hover > i,
    #masterSidenav #items li a:focus > i,
    #masterSidenav #items li a:active > i,
    #masterSidenav #items li.active > a i{color:var(--light-contrast);}

#player{border-top:1px solid var(--secondary);background-color:var(--primary);}
    #player .console .track-data marquee{color:var(--text-color);}
        #player .console .track-data marquee span{color:var(--subtext-color);}
    #player .console .controls .buttons  button{color:var(--text-color);}
    #player .console .controls .timer .time{color:var(--subtext-color);}
    #player .console .controls .audio i{color:#fff;}
    #player .slide-player{border:0;background-color:var(--primary);color:var(--light-contrast);border-radius:5px 5px 0 0;box-shadow:0 -5px 10px rgba(0,0,0,0.5);}

#radioProgram{background-color:var(--primary);}
    #radioProgram button{border:0;background-color:transparent;}
        #radioProgram button i{color:var(--light-contrast);}
    #radioProgram .date{border-bottom:1px solid var(--secondary);}
        #radioProgram .date p{font-size:20px;line-height:20px;color:var(--text-color);}
            #radioProgram .date p span{font-size:14px;color:var(--subtext-color);}
    #radioProgram .program .moment p:first-child{margin-bottom:5px;font-weight:500;color:var(--subtext-color);}
    #radioProgram .program .moment p:last-child{font-size:18px;line-height:18px;font-weight:600;color:var(--text-color);}
    #radioProgram .program .moment p:last-child span{font-size:12px;color:var(--subtext-color);}
    #radioProgram .program .moment.active p:first-child{color:var(--text-color);}
    #radioProgram .program .moment.active p:last-child{color:var(--light-contrast);}

.slide{background-color:var(--slide-color);}
    .slide .inner{background-color:var(--light-contrast);}
        .slide .inner span{background-color:var(--text-color);}

.title h2{font-size:30px;color:var(--text-color);font-weight:400;}
.title a{font-size:16px;}
    .title a i{margin-left:5px;}
.title a:hover,
.title a:focus,
.title a:active{color:var(--text-color);}
    .title a:hover > i,
    .title a:focus > i,
    .title a:active > i{color:var(--light-contrast);}

.subtitle{color:#fff;}
    .subtitle sup{background-color:var(--light-contrast);color:#fff;}

.min{color:var(--text-color);}

input[type=range]{
    background:var(--dark-contrast);
    background-image: linear-gradient(to left,cyan,#0098da);
    background-repeat: no-repeat;
}
input[type=range]::-webkit-slider-thumb{
    background: var(--text-color);
    background-color:var(--text-color);
}
input[type=range]::-moz-range-thumb{
    background: var(--text-color);
    background-color:var(--text-color);
}
input[type=range]::-ms-thumb{
    background: var(--text-color);
    background-color:var(--text-color);
}
input[type=range]#volume{
    background-size: 50% 100%;
}
input[type=range]#timer{
    background-size: 0% 100%;
}

input[type=range]+.thumb{background-color:var(--dark-contrast);}
input[type=range]+.thumb.active{border-radius:5px 5px 5px 0;width:35px;height:35px;}
input[type=range]+.thumb.active .value{font-size:12px;font-weight:600;}

input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="time"],input[type="date"],input[type="url"],select,textarea{border-radius:5px;background-color:var(--primary);color:#fff;border:1px solid transparent;}
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="date"]:focus,input[type="url"]:focus,select:focus,textarea:focus{border-color:var(--light-contrast);}

.btn.btn-small{border-radius:3px;}
.btn.btn-large{border-radius:5px;}
.btn:hover,
.btn:focus,
.btn:active{box-shadow:none;}

.btn.dark{background-color:var(--dark-contrast);color:#fff;}
.btn.dark:hover > i,
.btn.dark:focus > i,
.btn.dark:focus > i{color:var(--light-contrast);}
/*.btn.dark:hover,
.btn.dark:focus,
.btn.dark:active{background-color:var(--secondary);}*/
.btn.primary{background-color:var(--light-contrast);color:#fff;}
.btn.primary:hover,
.btn.primary:focus,
.btn.primary:active{background-color:var(--primary);}
.btn.primary:hover > i,
.btn.primary:focus > i,
.btn.primary:active > i{color:var(--light-contrast);}

#locutorsCarousel{margin:10px 0;}
#locutorsCarousel .item .box{width:100%;height:300px;border-radius:10px;background:var(--red-degrade);position:relative;}
    #locutorsCarousel .item .box .bg{width:100%;height:100%;background-position:center top;position:absolute;z-index:1;top:0;left:0;}
    #locutorsCarousel .item .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;}
    #locutorsCarousel .item .box .content{width:100%;height:auto;padding:15px;position:absolute;z-index:3;bottom:0;left:0;}
        /*#locutorsCarousel .item .box .content i{font-size:20px;color:var(--text-color);}*/
        #locutorsCarousel .item .box .content h6{margin:0;color:var(--text-color);}
            #locutorsCarousel .item .box .content h6 span{display:block;font-size:14px;font-weight:500;}
        #locutorsCarousel .item .box .content h5{margin:10px 0 0 0;color:var(--text-color);font-weight:600;line-height:22px;}
            #locutorsCarousel .item .box .content h5 span{display:block;font-size:14px;font-weight:500;}
        #locutorsCarousel .item .box .content p{margin:10px 0;font-size:14px;line-height:16px;font-weight:500;color:var(--text-color);}

#locutorsCarousel .item .box:hover > .overlay,
#locutorsCarousel .item .box:focus > .overlay,
#locutorsCarousel .item .box:active > .overlay{opacity:1;filter:opacity(1);}

#releases .release{margin:10px 0;}
    #releases .release .box{width:100%;height:140px;border-radius:10px;position:relative;overflow:hidden;}
        #releases .release .box .bg{width:100%;height:100%;border-radius:inherit;transition:transform 0.3s ease-in;}
            #releases .release .box .bg .wrapper{width:100%;height:100%;border-radius:inherit;background-color:rgba(0,0,0,0.4);transition:all 0.3s ease-in;opacity:0;filter:opacity(0);visibility:hidden;}
                #releases .release .box .bg .wrapper .btn{width:50px;height:50px;line-height:50px;padding:0;}
                    #releases .release .box .bg .wrapper .btn i{font-size:16px;}
                #releases .release .box .bg .wrapper p{margin:5px 0 0 0;font-weight:500;color:var(--text-color);}
                    #releases .release .box .bg .wrapper p span{display:inline-block;margin:0  5px;}
    #releases .release .content h6{margin-bottom:0;color:var(--text-color);}
    #releases .release .content a{margin-bottom:0;color:var(--text-color);transition:all 0.3s ease-in-out;}
    #releases .release .box:hover > .bg,
    #releases .release .box:focus > .bg,
    #releases .release .box:active > .bg{transform:scale(1.1);}
    #releases .release .box:hover > .bg .wrapper,
    #releases .release .box:focus > .bg .wrapper,
    #releases .release .box:active > .bg .wrapper{visibility:visible;opacity:1;filter:opacity(1);}
    #releases .release .content a:hover,
    #releases .release .content a:focus,
    #releases .release .content a:active{color:var(--light-contrast);}

.singles{margin:10px 0;}
    .singles h3{font-size:30px;font-weight:400;color:var(--text-color);}
        .singles h3 i{color:var(--light-contrast);}
    .singles .single h5{color:var(--subtext-color);}
    .singles .single{padding:10px 0;border-bottom:1px solid var(--primary);}
    .singles .single:last-child{border-bottom:0;}
        .singles .single .bg{width:100%;height:60px;border-radius:10px;}
            .singles .single .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;}
                .singles .single .bg .wrapper a{color:var(--text-color);font-size:18px;}
                .singles .single .bg .wrapper a:hover,
                .singles .single .bg .wrapper a:focus,
                .singles .single .bg .wrapper a:active{color:var(--light-contrast);}
        .singles .single .link-data a{color:var(--text-color);display:block;}
        .singles .single .link-data a:first-child{font-size:16px;}
        .singles .single .link-data a:last-child{color:var(--subtext-color);}
        .singles .single .link-data a:hover,
        .singles .single .link-data a:focus,
        .singles .single .link-data a:active{color:var(--light-contrast);}
        .singles .single span{color:var(--subtext-color);}
    .singles .single:hover .bg .wrapper,
    .singles .single:focus .bg .wrapper,
    .singles .single:active .bg .wrapper{visibility:visible;opacity:1;filter:opacity(1);}

#podcastsCarousel .item .podcast{width:100%;height:auto;position:relative;}
    #podcastsCarousel .item .podcast .bg{width:100%;height:200px;border-radius:10px;}
        #podcastsCarousel .item .podcast .bg .wrapper{width:100%;height:100%;border-radius:inherit;background-color:rgba(0,0,0,0.4);text-align:center;opacity:0;filter:opacity(0);visibility:hidden;transition:all 0.3s ease-in;}
            #podcastsCarousel .item .podcast .bg .wrapper a{font-size:30px;color:var(--text-color);}
    #podcastsCarousel .item .podcast .content h6{font-size:20px;color:var(--text-color);transition:all 0.3s ease-in;}
    #podcastsCarousel .item .podcast:hover > .bg .wrapper,
    #podcastsCarousel .item .podcast:focus > .bg .wrapper,
    #podcastsCarousel .item .podcast:focus > .bg .wrapper{visibility:visible;opacity:1;filter:opacity(1);}
    #podcastsCarousel .item .podcast:hover:hover > .content h6,
    #podcastsCarousel .item .podcast:hover:focus > .content h6,
    #podcastsCarousel .item .podcast:hover:active > .content h6{color:var(--light-contrast);}
    #podcastsCarousel .item .podcast .tag{display:block;width:auto;height:auto;padding:5px 10px;background-color:darkred;border-radius:5px;font-size:12px;font-weight:500;color:var(--text-color);position:absolute;top:15px;left:15px;z-index:1;}

#artistsCarousel .item .artist .box{width:100%;height:140px;border-radius:10px;position:relative;overflow:hidden;}
    #artistsCarousel .item .artist .box .bg{width:100%;height:100%;border-radius:inherit;position:absolute;top:0;left:0;z-index:1;transition:all 0.3s ease-in;}
        #artistsCarousel .item .artist .box .bg a{display:block;width:100%;height:100%;border-radius:inherit;background-color:rgba(0,0,0,0.4);position:absolute;top:0;left:0;z-index:2;transition:all 0.3s ease-in;opacity:0;filter:opacity(0);visibility:hidden;}
    #artistsCarousel .item .artist .content h6{color:var(--text-color);font-size:16px;}

#artistsCarousel .item .artist:hover > .box .bg,
#artistsCarousel .item .artist:focus > .box .bg,
#artistsCarousel .item .artist:active > .box .bg{transform:scale(1.1);}
#artistsCarousel .item .artist:hover > .box .bg a,
#artistsCarousel .item .artist:focus > .box .bg a,
#artistsCarousel .item .artist:active > .box .bg a{visibility:visible;opacity:1;filter:opacity(1);}
#artistsCarousel .item .artist:hover > .content h6,
#artistsCarousel .item .artist:focus > .content h6,
#artistsCarousel .item .artist:active > .content h6{color:var(--light-contrast);}

#partnersCarousel .item .bg{width:100%;height:60px;display:block;background-size:contain;filter:grayscale(1);transition:filter 0.3s ease-in-out;-webkit-transition:filter 0.3s ease-in-out;-moz-transition:filter 0.3s ease-in-out;-ms-transition:filter 0.3s ease-in-out;}
#partnersCarousel .item .bg:hover,
#partnersCarousel .item .bg:focus,
#partnersCarousel .item .bg:active{filter:grayscale(0);}

.post{display:block;margin:10px 0;width:100%;height:420px;background-color:var(--primary);border-radius:10px;position:relative;}
    .post .bg{width:100%;height:200px;border-radius:10px 10px 0 0;position:relative;}
        .post .bg span.tag{display:block;width:auto;height:auto;padding:5px 10px;background-color:#0098da;border-radius:5px;font-size:12px;font-weight:500;color:var(--text-color);position:absolute;bottom:15px;left:15px;z-index:1;}
    .post .content{padding:15px;}
        .post .content h5{margin:10px 0 0 0;color:var(--text-color);transition:color 0.3s ease;}
    .post .data-post{width:100%;height:auto;padding:15px;position:absolute;left:0;bottom:0;}
        .post .data-post p{margin:0;font-size:13px;color:var(--text-color);}
    .post:hover > .content h5,
    .post:focus > .content h5,
    .post:active > .content h5{color:var(--light-contrast);}

.window.dark{background-color:var(--dark-contrast);}
    .window.dark h4{color:var(--text-color);}
    .window.dark h6{color:var(--subtext-color);}
    .window.dark p{color:var(--subtext-color);}

#presentation{background-color:transparent;}
    #presentation .iziModal-iframe{border-radius:15px;}

table thead{color:var(--text-color);font-size:18px;}
table tbody{color:var(--subtext-color);}

footer{background-color:var(--primary);border-top:1px solid var(--secondary);}
    footer h6{color:var(--text-color);}
    footer p,a{font-weight:400;font-size:14px;color:var(--subtext-color);}
        footer p i{color:var(--light-contrast);margin-right:5px;}
    footer ul li a{color:var(--subtext-color);}
    footer ul li a:hover,
    footer ul li a:focus,
    footer ul li a:active{color:var(--light-contrast);}
    footer #copyright{padding:15px;border-top:1px solid var(--secondary);}
    footer #copyright p a{color:var(--light-contrast);}
    footer #copyright .social{width:100%;}
        footer #copyright .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;}
        footer #copyright .social a:nth-child(1){background-color:steelblue;margin-left:0;}
        footer #copyright .social a:nth-child(2){background-color:darkviolet;}
        footer #copyright .social a:nth-child(3){background-color:red;}
        footer #copyright .social a:nth-child(4){background-color:green;margin-right:0;}

@media(max-width:600px){
    .title .right-align{text-align:left;}
        .title .right-align a{margin-top:5px;display:inline-block;}
}