/*Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root {

    /*Topbar inside*/
    --ob-custom-nav-bg-color: #0d0003;
    --ob-custom-nav-text-color: #ff3000;
    /*COLOR PRIMARY*/
    --theme-primary-50: #FFE6E0;
    --theme-primary-100: #FFC2B3;
    --theme-primary-200: #FF9B80;
    --theme-primary-300: #FF734D;
    --theme-primary-400: #FF5226;
    --theme-primary-500: #ff3000;
    --theme-primary-600: #E62B00;
    --theme-primary-700: #CC2600;
    --theme-primary-800: #B32200;
    --theme-primary-900: #801800;
    --theme-primary-A100: #FF9E80;
    --theme-primary-A200: #FF6E4D;
    --theme-primary-A400: #FF3D1A;
    --theme-primary-A700: #FF2400;
    /* 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: #FFFFFF;
    --theme-primary-contrast-500: #FFFFFF;
    --theme-primary-contrast-600: #FFFFFF;
    --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: #FFFFFF;
    --theme-primary-contrast-A700: #FFFFFF;
    /*Font family*/
    --theme-font-family: "Lato", sans-serif !important;
}

/********* INDEX
0 - FONT
1 - BOTONES
2 - BILLBOARD
3 - FOOTER
4 - FONDO DE PAGINA
5 - BOTONES PARA FONDOS DE PAGINA
*********/

/*---------------------------------------------
0) FONT
---------------------------------------------*/
.title,
.ob-catalog-card .min-price-label,
.footer-links,
.section-header span,
.custom-header-label,
.session-picker.session-calendar-title,
.session-picker .session-hours-title,
.price,
.ob-price,
.session-picker-title-container .session-picker-title,
.session-picker-bottom-container .session-picker-bottom-title,
ob-card.ob-selection-card>.mat-mdc-card .mat-mdc-card-header .mat-mdc-card-header-text .mat-mdc-card-title,
.month-day,
.month-year,
.session-calendar-title,
.ob-selection-title,
h1,
h2,
h3 {
    font-family: "Playfair Display", serif !important;
}

/*---------------------------------------------
1) BOTONES
---------------------------------------------*/
/*buttons primary*/
ob-button>.mat-mdc-icon-button.flat.mat-primary:not(:disabled),
ob-button>.mat-primary.mat-mdc-unelevated-button {
    background: #ff3000 !important;
    color: #33050f !important;
}

ob-button>.mat-mdc-icon-button.flat.mat-primary:hover:not(:disabled),
ob-button>.mat-primary.mat-mdc-unelevated-button:hover,
a.mdc-button:hover {
    background: #f4eed4 !important;
    color: #33050f !important;
}
/*General button*/
button.mdc-button,
a.mdc-button {
    border-radius: 3px !important;
}

/*---------------------------------------------
2) BILLBOARD
---------------------------------------------*/
.ob-image-container {
    border-radius: 10px !important;
}

.content.ng-star-inserted {
    padding: 10px !important;
}


/*---------------------------------------------
3) FOOTER
---------------------------------------------*/

ob-footer#desktop-footer {
    background-color: #0d0003;
    /*background: linear-gradient(50deg, rgba(149, 0, 55, 1) 0%, rgba(74, 27, 30, 1) 50%);*/
}

/*Text and links color (including copyright)*/
ob-footer.main-footer,
ob-footer.main-footer a,
ob-footer.main-footer span.footer-copyright,
ob-footer.main-footer span.justify-end,
ob-footer.main-footer button.ob-link {
    color: #ff3000 !important;
}

/*Language selector button (text and icon)*/
ob-footer.main-footer span.mdc-button__label,
ob-footer.main-footer mat-icon.mat-icon {
    color: #ff3000 !important;
}

/*Border for outlined buttons in the subfooter*/
ob-footer.main-footer ob-button>.mat-mdc-outlined-button {
    border: 1px solid #ff3000 !important;
}

/*Powered by text color*/
ob-footer.main-footer section.items-center {
    color: #ff3000;
}

/*Cambiar color logo fever o onebox*/
ob-footer.main-footer img {
    filter: brightness(80) !important;
}

/*Change logo sufooter ONEBOX to FEVER*/
/*Force powered by fever*/
.fever-logo {
    display: none !important;
}

.onebox-logo {
    display: block !important;
}

/*---------------------------------------------
4) FONDO DE PAGINA
---------------------------------------------*/
ob-page-events {
    background-color: #0d0003 !important;
    background-position: center, center;
    background-repeat: no-repeat;
    background-size: cover;
}

ob-page-events .main-container {
    background-color: transparent;
}

/*---------------------------------------------
5) BOTONES PARA FONDOS DE PAGINA
---------------------------------------------*/
ob-page-events .content {
    color: #f4eed4 !important;
    padding: 16px !important;
}

ob-page-events .ob-image-container {
    border-radius: 8px 4px 0px 0px !important;
}

.dates {
    color: #ff3000 !important;
}

ob-page-events button.flex.view-more-info.ob-link.ng-star-inserted {
    color: #f4eed4;
}

.filter-container.ng-star-inserted {
    background-color: #0d0003 !important;
}

.filter-container.ng-star-inserted button.mdc-button.mat-mdc-button-base.mdc-button--outlined.mat-mdc-outlined-button.mat-unthemed {
    color: #f4eed4;
    border: 1px solid #f4eed4;
}