/*import*/
/* ROBOTO CONDENSED */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

/* ANTON */
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

:root {

    /*Fonts*/
    --theme-font-family: "Roboto Condensed", sans-serif;

    /*Top bar: internal section*/
    --ob-custom-nav-text-color: #ffffff;
    --ob-custom-nav-bg-color: #000;

    /*Top bar: login section */
    --ob-public-nav-text-color: #ffffff;
    --ob-public-nav-bg-color: #000;

    /*Sidenav*/
    --ob-nav-text-color: #fff;
    --ob-nav-bg-color: #000;

    /*Active button in sidenav*/
    --ob-nav-list-active-text-color: #000;
    --ob-nav-list-active-bg-color: #FEAB00;

    /*Obfooter: logo filter*/
    --ob-custom-logo-filter: brightness(0);

    --theme-primary-50: #FFF6E3;
    --theme-primary-100: #FFE8BA;
    --theme-primary-200: #FFD98C;
    --theme-primary-300: #FEC95C;
    --theme-primary-400: #FEBC33;
    --theme-primary-500: #FEAB00;
    --theme-primary-600: #E79C00;
    --theme-primary-700: #CE8B00;
    --theme-primary-800: #B27800;
    --theme-primary-900: #895C00;
    --theme-primary-A100: #FFE8BA;
    --theme-primary-A200: #FFD98C;
    --theme-primary-A400: #FEBC33;
    --theme-primary-A700: #CE8B00;

    /* CONTRASTES */
    --theme-primary-contrast-50: #212121;
    --theme-primary-contrast-100: #212121;
    --theme-primary-contrast-200: #212121;
    --theme-primary-contrast-300: #212121;
    --theme-primary-contrast-400: #212121;
    --theme-primary-contrast-500: #212121;
    --theme-primary-contrast-600: #212121;
    --theme-primary-contrast-700: #FFFFFF;
    --theme-primary-contrast-800: #FFFFFF;
    --theme-primary-contrast-900: #FFFFFF;
    --theme-primary-contrast-A100: #212121;
    --theme-primary-contrast-A200: #212121;
    --theme-primary-contrast-A400: #212121;
    --theme-primary-contrast-A700: #FFFFFF;
}

/*======================================
        INDEX
        1) NAVBAR
        2) GIFT CARD
        3) BILLBOARD
        4) FOOTER
        5) EVENT PAGE CUSTOM
/========================================*/

/*Ajuste logo navbar login*/
ob-top-bar mat-toolbar img {
    height: 40px !important; /* Ajustar a la altura deseada */
    width: auto !important; /* Mantener la poporcion de la imagen */
    min-height: 0; /* Eliminar la limitacion del codigo base */
}

/*Button shooping car disabled*/
mat-toolbar.mat-toolbar button.mdc-button.mat-mdc-button.mat-mdc-button-disabled.mat-unthemed.mat-mdc-button-base {
    color: #b1b1b1;
}

/*---------------------------------------
    2) GIFT CARD
---------------------------------------*/

/*Background para gift card*/
aside.gift-card {
    background-color: #FEAB00 !important;
}

/*Color de todo el texto de la gift card*/
aside.gift-card * {
    color: #000 !important;
    text-transform: uppercase!important;
}

/*---------------------------------------
    3) BILLBOARD
---------------------------------------*/

/*Color de fondo de la barra del boton "search by date"*/
ob-page-events .filter-container {
    background-color: transparent!important;
}

/*Boton "search by date"*/
ob-page-events .filter-container button.mdc-button.mdc-button--outlined.mat-mdc-outlined-button.mat-unthemed.mat-mdc-button-base.ng-star-inserted {
    color: #FEAB00 !important;
    border: 1px solid #FEAB00 !important;
    background-color: #000;
}

/*Elimina el fondo del contenedor para que se vea el fondo de la billboard*/
ob-page-events section.main-container {
    background-color: transparent;
}

/*Fondo de la billboard*/
ob-page-events {
    background: 
    linear-gradient(#000000BF, #000000BF),
    url('https://client-dists-resources.s3.amazonaws.com/channels-client/hybridday/assets/background-billboard.webp');
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}

/*Card principal*/
ob-page-events ob-catalog-card {
    border: 3px solid #FEAB00 !important;
    border-radius: 4px !important;
    background-color: #FEAB00;
}

/*Padding del contenedor de texto de la Card*/
ob-page-events ob-catalog-card .content {
    padding: 20px !important;
}

/*FUENTES CARDS*/
ob-page-events ob-catalog-card h3 {
    text-transform: uppercase !important;
    font-family: "Anton", sans-serif!important;
    letter-spacing: 1px;
}

/*---------------------------------------
    4) FOOTER
---------------------------------------*/

/*Color de fondo del footer*/
ob-footer.main-footer {
    background-color: #FEAB00;
    border-top: none;
}

/*Color del texto del footer*/
ob-footer.main-footer * {
    color: #000 !important;
}

/*Color del borde de los botones del footer*/
ob-footer.main-footer .mat-mdc-outlined-button {
    border-color: #000 !important;
}

/*Force powered by fever*/
.fever-logo {
    display: block !important;
}

.onebox-logo {
    display: none
}

/*---------------------------------------
    5) EVENT PAGE CUSTOM
---------------------------------------*/

ob-page-event ob-event-banner-header h2 {
    text-transform: uppercase !important;
    font-family: "Anton", sans-serif!important;
}

ob-page-event ob-event-banner-header h3 {
    text-transform: uppercase !important;
    font-family: "Anton", sans-serif!important;
}