@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Besley&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@1,300&display=swap');

body{
    background: #c8d6e5;
    font-size: 14px;
    color: #444;
}
.text-align-right{
    text-align: right;
}
.float-left{
    float: left;
}
.float-right{
    float: right;
}
.no-padding{
    padding: 0;
}
.clear-both{
    clear:both;
}
.padding-05{
    padding: 5px;
}
body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: #8A2387;
    outline: 1px solid slategrey;
}


::-webkit-calendar-picker-indicator {
    filter: invert(1) !important;
    cursor: pointer;
}



@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.btn-style-2{
    background-color: #8e44ad;;
    color: #fff;
}

.div-login{
    background-color: #222;
    padding: 10px;
    border-radius: 5px;
}

.div-login label{
    color: #fff;
}

.row-login{
    border-left: solid 3px #222;
    border-right: solid 3px #222;
}


.btn-style-1{
    -webkit-filter: brightness(100%);
    background-color: #8e44ad;
    color: #fff;
    border-radius: 0;
    padding: 6px 12px;
    background: #8A2387; 
    background: -webkit-linear-gradient(-45deg, #F27121, #E94057, #8A2387);  
    background: linear-gradient(-45deg, #F27121, #E94057, #8A2387); 
    background-size: 200%;
    animation: gradient 3s ease-in infinite;
    border-radius: 2px;
    font-family: 'Roboto' ,sans-serif;
    font-size: 1.1em;
    font-weight: 600;
    color: #fff;
}
.btn-style-1:hover{
    -webkit-filter: brightness(120%);
    color: #fff !important;
    font-size: 1.3em !important;
    transition: font-size 0.2s;
}




@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}



.img-thumb{
    width: 100%;
    background: no-repeat center center fixed;
}



/*_________________________RESPONSIVO_____________________*/

@media only screen and (max-width: 768px) {

    .logo-nav{
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }

    .banner-div{
        padding: 0;
    }


    .icon-bar{
        background-color: #fff !important;
    }

    .banner-texts{
        margin-top: 0 !important;
        text-align: center;
        padding: 30px;
    }

    .div-thumb-1,
    .div-thumb-2,
    .div-thumb-3{
        max-height: 250px;
    }

    .text-banner-1{
        font-size: 2em !important;
    }

    .text-banner-2,
    .text-banner-3{
        font-size: 1.4em !important;
    }

    .search-events{
        display: none;
    }

    .event-img{
    }

    .ticket-model{
        margin-left: 15px !important;
    }

    #banner-items .banner-item-title {
        font-size: 18px;
    }
    #banner-items .banner-item-description {
        font-size: 13px;
    }

}
@media screen and (max-width: 992px){

    .separator{
        background-color: #7303c0;
        width: 100%;
        height: 0.2px;
        margin-top: 10px;
    }

    .div-event-info{
        padding: 15px;
    }
    .banner-thumbs{
        display: none;
    }
    .banner-texts{
        padding: 0;
        margin: 0 auto;

    }

}