/* Font from google */

@import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&family=Poppins:wght@200;300;400;500;700;800;900&family=Rubik+Mono+One&display=swap');

/* 

font-family: 'Gloria Hallelujah', cursive; --> LA CURSIVA
font-family: 'Poppins', sans-serif; --> LA NORMAL
font-family: 'Rubik Mono One', sans-serif; --> LA BOLD

*/

body {
    font-family: 'Poppins', sans-serif;
}

.bg-home {
    padding-top: 7em;
}

.bg-footer {
    margin-top: 7em;
    border-radius: 0 170px 0 0;
/*    background: linear-gradient(217deg, rgba(242, 102, 139, 0.8), rgba(255, 255, 255, 0) 70.71%), linear-gradient(127deg, rgba(3, 166, 136, 0.8), rgba(255, 255, 255, 0) 70.71%), linear-gradient(336deg, rgba(2, 104, 115, 0.8), rgba(255, 255, 255, 0) 70.71%), url(../../images/concert.jpg);*/
    background: linear-gradient(217deg, rgba(95, 20, 165, 0.664), rgba(255, 255, 255, 0) 70.71%), linear-gradient(127deg, rgba(15, 0, 42, 0.8), rgba(255, 255, 255, 0) 70.71%), linear-gradient(336deg, rgba(27, 8, 53, 0.8), rgba(0, 0, 0, 0) 70.71%), url(../../images/concert.jpg) !important

}

@media (max-width: 768px) {
    .bg-home {
        padding-top: 4em;
    }
}

.btn-primary {
    background: #6600C8;
    border: none;
    border-radius: 5px 20px 20px 5px;
    padding: 0.1em;
}

.badge-primary {
    background: #fff;
    color: #6600C8;
    padding: 0.3em 0.5em;
    border-radius: 20px;
}

.btn-comprar {
    background: #6600C8;
    border: none;
    border-radius: 5px 20px 20px 5px;
    padding: 0.1em;
    font-size: 0.8em;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.btn-agregar:hover,
.btn-primary.btn-agregar:focus,
.btn-primary.btn-agregar:active {
    background: #080111;
    border: none;
    border-radius: 5px 20px 20px 5px;
}

.btn-primary.btn-agregar {
    background: #6600C8;
    border: none;
    border-radius: 5px 20px 20px 5px;
    font-size: 1.1em;
}

.btn-secondary {
    background: none!important;
    border: 1px solid #8AA69E!important;
    color: #8AA69E!important;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 1em;
    padding: 0.5em 1em;
}


/* ///////////////// MENÚ ///////////////// */

.bg_menu {
    width: 100%;
    padding: 0 100px;
    background: linear-gradient(217deg, rgba(95, 20, 165, 0.664), rgba(255, 255, 255, 0) 70.71%), linear-gradient(127deg, rgba(15, 0, 42, 0.8), rgba(255, 255, 255, 0) 70.71%), linear-gradient(336deg, rgba(27, 8, 53, 0.8), rgba(0, 0, 0, 0) 70.71%)!important
    /*background: linear-gradient(217deg, rgba(242, 102, 139, 0.8), rgba(255, 255, 255, 0) 70.71%), linear-gradient(127deg, rgba(3, 166, 136, 0.8), rgba(255, 255, 255, 0) 70.71%), linear-gradient(336deg, rgba(2, 104, 115, 0.8), rgba(255, 255, 255, 0) 70.71%)!important*/


}


.nav-link {
    font-size: 1rem;
    color: #fff!important;
    margin: 0 13px;
    padding: 6px;
}

.logo_text {
    font-size: 1.1em;
    font-weight: 600;
    color: #fff;
}

.logo_text_footer {
    font-size: 1.1em;
    font-weight: 600;
    color: #fff;
}


/* ///////////////// FOOTER ///////////////// */

.item_bottom {
    list-style: none;
    margin: 6px 0;
}

.item_bottom a {
    font-size: 1em;
    color: #fff!important;
    text-transform: uppercase;
}

.item_bottom p {
    font-size: 1em;
    color: #555!important;
    text-transform: uppercase;
}

.img_footer {
    width: 60%;
    padding-left: 1em;
}

@media (max-width: 768px) {
    .bg_menu {
        padding: 0;
    }
    .logo_text {
        font-size: 1em;
        font-weight: 600;
        color: #eee;
    }
    .nav-link {
        font-size: 1rem;
        color: #eee!important;
        margin: 0 13px;
        text-transform: uppercase;
    }
}

.navbar-toggler {
    border: none!important;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
    border: none!important;
}

.form-group label {
    color: #8AA69E!important;
    font-weight: 600;
    font-size: 0.9em!important;
}

.card-title {
    color: #666;
}

.card-text {
    color: #777;
}


/* ///////////////// EVENTS ///////////////// */

.border_container_event {
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.title_event {
    font-size: 1.1em!important;
    font-weight: bolder;
    color: #026873
}

.title_event_big {
    font-size: 2.2em!important;
    font-weight: bolder;
    color: #026873
}

.small_event {
    font-family: 'Gloria Hallelujah', cursive!important;
    color: #666!important;
}

.small_event_big {
    font-family: 'Gloria Hallelujah', cursive!important;
    color: #888!important;
    font-size: 1.3em!important;
}

.text_btn_event {
    font-weight: 600!important;
    font-size: 0.8em;
}

.modal-content {
    border-radius: 50px!important;
}

.modal-header {
    padding-right: 1.9rem!important;
    padding-left: 1.9rem!important;
    padding-top: 1.9rem!important;
    border-bottom: none!important
}

.bord {
    border-left: 1px solid #eee
}

@media (max-width:1700px) {
    .title_event {
        font-size: 0.8em!important;
    }
    .small_event {
        font-size: 0.8em!important;
    }
    .text_btn_event {
        font-size: 0.7em;
    }
}

@media (max-width:1400px) {
    .word_display {
        display: none!important;
    }
    .title_cat h1 {
        font-size: 1.7em!important;
    }
    .small_event {
        font-size: 0.68em!important;
    }
}

@media (max-width:1200px) {
    .title_cat h1 {
        font-size: 1.5em!important;
    }
}

@media (max-width:1000px) {
    .word_display {
        display: inline-block!important;
    }
}

@media (max-width:920px) {
    .word_display_event {
        display: none!important;
    }
    .number_display {
        display: none!important;
    }
}

@media (max-width:700px) {
    .bord {
        border: none;
    }
    .
}