@font-face {
    font-family: 'Atiga Bold';
    src: url('/assets/fonts/Atiga-Bold.eot');
    src: url('/assets/fonts/Atiga-Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Atiga-Bold.woff2') format('woff2'),
        url('/assets/fonts/Atiga-Bold.woff') format('woff'),
        url('/assets/fonts/Atiga-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {
    /* background: url(/assets/img/_guia.jpg) center top; */
    /* color: red */
    color: #ff6684;
    background-color: #ff6684;
}

/* Header */
#header {
    background-color: black;
    font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

#header .navbar .navbar-nav .nav-item:first-child {
    padding: 0 1rem;
}

#header .navbar .navbar-nav .nav-item {
    padding: 0 1rem;
}

#header .navbar .navbar-nav .nav-link {
    color: #FFF;
    font-size: 1.3em;
}

#header .navbar .navbar-nav .nav-link:hover {
    color: #727272;
}

#header .redes {
    margin-right: 0px;
    padding-top: 15px;
}

#header .redes a {
    display: inline-block;
    width: 38px;
    height: 38px;
    background-color: #FFF;
    margin: 0 8px;
}

#header .redes img {
    margin: 8px;
    width: 22px;
}

/* Patrocinio */
#patrocinios img {
    max-width: 50%;
}

#patrocinios .txt {
    font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    padding-left: 1rem;
    color: #000;
}

#banner-g {
    /*display: none;*/
  height: 100%;
  background-position: center;
  background-size: cover;
}

#temporada {
    background-color: #772595;
    color: #fff;
    font-family: "Bowlby One", Arial, Helvetica, sans-serif;
    font-size: 1.2rem;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0 8px 0;
}

/* Sobre */
#sobre {
    background: #000;
    padding: 15px 0;

}

#sobre .tit {
    color: #fd73a7;
    font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
    font-size: 0.75rem;
}

#sobre .subtit {
    font-family: "Bowlby One", Arial, Helvetica, sans-serif;
    font-size: 1.8rem;
    padding: 5px 0 0 0;
}

#sobre .txt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    margin: 5px 0 15px 0;
}

#sobre .tags {
    margin: 10px 0 0 0;
}

#sobre .tags .tg {
    border: 1px solid;
    padding: 2px 10px 4px 10px;
    font-size: 0.8rem;
    border-radius: 26px;
    margin-right: 4px;
    text-decoration: none;
}

#sobre .tags .roxo {
    color: #dac1df;
}

#sobre .tags .rosa {
    color: #fd73a7;
}

#sobre .tags .verde {
    color: #a6cdc8;
}

#sobre .tags .vermelho {
    color: #ff4f1d;
}


#sobre .tags .laranja {
    color: #fc762d;
}

#sobre .tags .amarelo {
    color: #f0bf0b;
}

#ouca {
    padding: 15px 0;
    background-color: #ff2f45;
}

#ouca .tit {
    color: #fff;
    font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
    font-size: 0.75rem;
}

#ouca .subtit {
    font-family: "Bowlby One", Arial, Helvetica, sans-serif;
    font-size: 1.8rem;
    padding: 5px 0 0 0;
}

#ouca .links {
    padding-top: 10px;
    text-align: center;
}

#player {
    padding: 15px 0;
    background-color: #ff6787;
}

#player .spot {
    margin: 0 auto;
    width: 90%;
}

#contato {
    background-color: #772595;
    text-align: center;
    padding: 15px 0;
}

#contato .tit {
    color: #fff;
    font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
    font-size: 0.75rem;
    margin-bottom: 15px;
}

#contato div {
    text-align: left;
    padding-bottom: 10px;
    padding-left: 30px;
}

#contato .icon {
    display: inline-block;
    width: 38px;
    height: 38px;
    background-color: #FFF;
    margin: 0 8px;
}

#contato .icon img {
    margin: 8px;
    width: 22px;
    margin-right: 8px;
}

#contato a {
    border: 1px solid;
    padding: 2px 10px 4px 10px;
    font-size: 0.8rem;
    border-radius: 26px;
    margin-right: 4px;
    text-decoration: none;
    color: #fff;
    margin-right: 8px;
}


#insta {
    background-color: #000;
    padding: 15px 0;
}

#insta .tit {
    color: #fff;
    font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 0.75rem;
    margin-bottom: 15px;
}

#insta .fd:first{
    margin: 0 0 0 40px;
    
}

#insta .fd{
    margin: 0 40px;
    
}

#insta .insta-prev, #insta .insta-next{
    color: #fff;
}
#insta .insta-prev:hover, #insta .insta-next:hover {
    color: #727272;
}

#insta .insta-prev.disabled, #insta .insta-next.disabled{
    opacity: 0;
}

#insta .insta-dots{
    margin-top: 15px;

}

.glider-dot {
    background: #fff;
}

.glider-dot:hover, .glider-dot:focus, .glider-dot.active {
    background: #727272;
}


#footer {
    /* margin-top: 375px; */
    text-align: center;
}

#footer img {
    max-width: 50%;
}

#footer .txt {
    font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
    font-size: 0.5rem;
    text-transform: uppercase;
    /* padding-left: 1rem; */
    color: #000;
}

@media only screen and (min-width: 768px) {
    #ouca .links img {
        width: 165px;
    }

    #contato div {
        padding: 0;
        display: inline-block;
    }
    #footer .txt {
        font-size: 1.3rem;
        padding-left: 0.75rem;
    }
}


@media only screen and (min-width: 992px) {
    #header .navbar .navbar-nav .nav-item .nav-link {
        /* padding: 0 1.5em; */
        /* padding-top: 0.2rem; */
    }

    #header .navbar .navbar-nav .nav-item {
        padding: 0 2rem;
    }

    #header .navbar .navbar-nav .nav-item:not(:last-child) .nav-link {
        border-right: 2px solid #727272;
    }

    #header .navbar .navbar-nav .nav-link:first-child {
        padding-left: 0;
    }

    #header .navbar .navbar-nav .nav-link {
        font-size: 1.55em;
        padding: 0 5rem;
    }

    #header .redes {
        margin-right: 0px;
        padding-top: 0;
    }

    #patrocinios img {
        max-width: 100%;
    }

    #patrocinios .txt {
        font-size: 1.3rem;
    }

    #temporada {
        font-size: 1.5rem;
    }

    #sobre {
        /* background: url(/assets/img/bg_sobre.jpg) left bottom no-repeat #000; */
        background: url(/assets/img/bg_sobre.jpg) -15% bottom no-repeat #000;
        padding: 40px 0;

    }

    #sobre .tit {
        font-size: 1.5rem;
    }

    #sobre .subtit {
        font-size: 2.7rem;
        padding: 36px 0px 0 0;
        margin-bottom: 0;
    }

    #sobre .txt {
        font-size: 1.2rem;
        margin: 45px 0px -22px 0;
    }

    #sobre .last {
        margin: 45px 0px 35px 0;
    }

    #sobre .tags {
        margin: 10px 0 22px 35px;
    }

    /* #sobre .tags .tg {
        padding: 2px 14px 6px 14px;
        font-size: 1.1rem; 
        margin-right: 6px;
    } */

    #ouca {
        padding: 40px 0;
    }

    #ouca .tit {
        font-size: 1.5rem;
    }

    #ouca .subtit {
        font-size: 2rem;
        padding: 20px 0 0 0;
    }

    #ouca .links {
        padding-top: 50px;
    }

    #ouca .links img {
        width: 150px;
    }

    #player {
        padding: 50px 0;
    }

    #contato {
        padding: 40px 0;
    }

    #contato .tit {
        font-size: 1.5rem;
        margin-bottom: 35px;
    }

    #contato a {
        padding: 2px 30px 7px 30px;
        font-size: 1.5rem;
    }

    #contato .m {
        margin-left: 50px;
    }

    #insta {
        padding: 45px 0;
    }
    
    #insta .tit {
        font-size: 1.5rem;
        margin-bottom: 35px;
    }

    #footer .txt {
        font-size: 1.3rem;
        padding-left: 1rem;
    }

}

@media only screen and (min-width: 1200px) {
    /* #header .navbar .navbar-nav .nav-link {
        font-size: 1.55em;
        padding: 0 5rem;
    } */

    #header .redes {
        margin-right: 170px;
        padding-top: 0;
    }

    #sobre {
        background: url(/assets/img/bg_sobre.jpg) -10% bottom no-repeat #000;
    }

    #sobre .tit {
        font-size: 1.5rem;
    }

    #sobre .subtit {
        font-size: 2.7rem;
        padding: 36px 70px 0 0;
        margin-bottom: 344px;
    }

    #sobre .txt {
        font-size: 1.3rem;
        /* margin: 75px 140px 40px 45px; */
    }

    #sobre .tags {
        margin: 10px 0 22px 30px;
    }

    #sobre .tags .tg {
        padding: 2px 14px 6px 14px;
        font-size: 1.1rem; 
        margin-right: 6px;
    }

    #ouca {
        padding: 40px 0;
    }

    #ouca .tit {
        color: #fff;
        font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
        /* font-size: 0.75rem; */
        font-size: 1.5rem;
    }

    #ouca .subtit {
        font-family: "Bowlby One", Arial, Helvetica, sans-serif;
        font-size: 2.5rem;
        padding: 28px 0 0 0;
    }

    #ouca .links {
        padding-top: 68px;
    }

    #ouca .links img {
        width: 177px;
    }
}

@media only screen and (min-width: 1399px) {

    #banner-g {
        display: block;
    }
    #banner-p {
        display: none;
    }

    #sobre {
        background: url(/assets/img/bg_sobre.jpg) left bottom no-repeat #000;
    }

    #sobre .subtit {
        font-size: 2.7rem;
        padding: 36px 130px 0 0;
        margin-bottom: 344px;
    }

    #sobre .tags .tg {
        padding: 2px 26px 7px 26px;
        font-size: 1.2rem;
        margin-right: 8px;
    }

    #ouca .tit {
        color: #fff;
        font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
        /* font-size: 0.75rem; */
        font-size: 1.5rem;
    }

    #ouca .subtit {
        font-family: "Bowlby One", Arial, Helvetica, sans-serif;
        font-size: 2.8rem;
        padding: 28px 0 0 0;
    }

    #ouca .links {
        padding-top: 68px;
    }

    #ouca .links img {
        width: 208px;
    }

    #player .spot {
        width: 850px;
    }
}