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

/*MabryMono*/
@font-face {
    font-family: 'Medium';
    src: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/halloffame/assets/font/Sharp-Sans-No2/Medium.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bold';
    src: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/halloffame/assets/font/Sharp-Sans-No2/Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    /*Fonts*/
    --theme-font-family: "Medium", sans-serif;
    /*Navbar Colors*/
    --ob-nav-text-color: #a58746;
    --ob-nav-bg-color: #000914;
    /*color primary*/
    --theme-primary-50: #F4F1E6;
    --theme-primary-100: #E3DCC7;
    --theme-primary-200: #D1C5A5;
    --theme-primary-300: #BFAE83;
    --theme-primary-400: #B19B67;
    --theme-primary-500: #A58746;
    --theme-primary-600: #9D7F40;
    --theme-primary-700: #93743A;
    --theme-primary-800: #8A6A34;
    --theme-primary-900: #785829;

    --theme-primary-A100: #E8D7A8;
    --theme-primary-A200: #D9C488;
    --theme-primary-A400: #C9B068;
    --theme-primary-A700: #B89B4C;

    /* 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: #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;
}

/********* 
INDEX
0 - GENERAL
1 - NAVBAR
2 - BILLBOARD
3 - FOOTER
4 - CHECKOUT
5 - EVENT
6 - LAYOUT CUSTOM
7 - HIDE
*********/

/********* 
0 - GENERAL
*********/
h1,
h2,
h3,
h4 {
    font-family: 'Bold', monospace !important;
}

/********* 
1 - NAVBAR
*********/

/*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: #b1b1b161;
}

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

.onebox-logo {
    display: none;
}

/*Dark version subfooter*/
/*Background subfooter*/
ob-footer.main-footer {
    background-color: #000914 !important;
}

/*Color links subfooter & copyright*/
ob-footer.main-footer,
ob-footer.main-footer a,
ob-footer.main-footer span.footer-copyright,
ob-footer.main-footer span.justify-end {
    color: #fff !important;
}

/*Button language links subfooter*/
/*Language & icon */
ob-footer.main-footer span.mdc-button__label,
ob-footer.main-footer mat-icon.mat-icon {
    color: #fff !important;
}

/*Border*/
ob-footer.main-footer ob-button>.mat-mdc-outlined-button {
    border: 1px solid #fff !important;
}

/*Powered by*/
/*Logo ONEBOX*/
ob-footer.main-footer img {
    filter: brightness(20) !important;
}

/*Text powered by*/
ob-footer.main-footer section.items-center {
    color: #fff;
}

/*Text footer adhoc*/
ob-footer.main-footer a,
ob-footer.main-footer span {
    font-weight: 400 !important;
}

/********* 
4 - CHECKOUT
*********/
/* Force powered by fever below the pay button*/
ob-page-full-checkout mat-card-content.mat-mdc-card-content::after {
    content: url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/fever/powered-by-fever.svg');
    margin: 0.5rem 0 0 18rem;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    opacity: 0.5;
    transform: scale(0.8);
    float: right;
}

/*Force powered by fever below the final price*/
ob-page-full-checkout ob-checkout-agreements::after {
    content: url('https://client-dists-resources.s3.amazonaws.com/channels-client/fcbmuseu/assets/fever/powered-by-fever.svg');
    margin: 0.5rem 0 0 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    opacity: 0.5;
    transform: scale(0.8);
    float: right;
}

/********* 
5 - EVENT
*********/

ob-event-header#event-header .page-header-blur.flex.with-image {
    background-image: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/halloffame/assets/3265580_882592_1774439879181.jpg.jpg');
    height: 320px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

ob-event-header#event-header .image-container.ng-star-inserted {
    display: none !important;
}


@media (max-width: 768px) {
    ob-event-header#event-header .page-header-blur.flex.with-image {
        background-image: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/halloffame/assets/3265580_882592_1774439879181.jpg.jpg');
        background-position: 55% bottom !important;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

/********* 
5 - BILLBOARD CUSTOM
*********/

/*Buscador ADHOC*/
ob-page-events .filter-container.ng-star-inserted {
    background-color: #000914;
    color: #a58746 !important;
}

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: #a58746 !important;
    border-color: #a58746 !important;
    background-color: #000914 !important;
}

/*cards and background billboard adhoc*/
ob-page-events {
    background-color: #fff !important;
}

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

a.ob-catalog-card.horizontal,
ob-catalog-card {
    background-color: #000914 !important;
    padding: 16px;
}

.ob-catalog-card .content {
    color: #f7faff;
}

.ob-catalog-card .dates {
    color: #ccc !important;
}

.ob-catalog-card h3 {
    text-transform: uppercase;
    color: #A58746 !important;
}

/*evento destacado header cartelera*/
.img-blur {
    background-image: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/halloffame/assets/3265580_882592_1774439879181-blur.jpg') !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
}


/********* 
6 - LAYOUT CUSTOM
*********/
.schedule,
.schedule-1 {
    border-bottom: #a58746 1px solid;
    padding-bottom: 1rem !important;
}

h2,
h1 {
    font-family: 'Bold' !important;
    text-transform: uppercase;
}

h4 {
    font-weight: 700;
    font-size: 18px !important;
    color: #000914 !important;
    text-transform: uppercase;
}

.main-block-content .schedule,
.schedule-final {
    margin: 24px 0px 0px 0px;
}

.main-block-content .information-text div {
    margin: 16px 0px !important;
}


.schedule:first-child {
    margin: 2px 0px 0px 0px !important;
}

p.last-main-body {
    font-family: 'Bold';
    font-size: 20px;
    margin-top: 16px !important;
    text-transform: uppercase;
}

.schedule-final {
    padding-bottom: 1rem !important;
}

.main-block-content h3 {
    font-size: 22px;
    font-weight: bold;
    margin: 30px 0px 16px 0px !important;
    text-transform: uppercase;

}

.main-block-content h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 4px !important;
    color: #a58746 !important;
}

p.main-body {
    font-size: 16px;
    line-height: 22px;
}

img.section-img {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    border-radius: 8px;
    margin: 8px 0px !important;
}

/*Columnas imagen*/
section-description-1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

/*Responsive Mobile*/
@media (max-width: 768px) {

    section-description-1 {
        grid-template-columns: 1fr;
        gap: 8px !important;
    }
}

.section-description-1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

p.text-italic {
    font-size: 14px !important;
    line-height: 20px !important;
    font-style: normal;
}

.main-block-content .info-edad {
    background-color: #F1F1F1;
    padding: 16px;
    border-radius: 8px;
}

p.title-description {
    font-size: 20px !important;
    font-family: 'bold';
    text-transform: uppercase;
    line-height: 24px;
}

/********* 
7 - HIDE
*********/
/*Hide from price from venue selection seats*/
ob-view-list.view-list .price {
    display:none!important;
}

/*Custom zone text on selection seats*/
ob-view-list span.view-main-info-texts-title {
    text-transform:uppercase;
    font-family:"Bold"!important;
}

/*Hide from price from billboard*/
ob-catalog-card#eventId-54219 div#catalog-card-price-54219{
    display:none;
}