/*Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
    --theme-primary-50: #b8b8b8;
    --theme-primary-100: #919191;
    --theme-primary-200: #757575;
    --theme-primary-300: #525252;
    --theme-primary-400: #424242;
    --theme-primary-500: #557C2D;
    --theme-primary-600: #242424;
    --theme-primary-700: #141414;
    --theme-primary-800: #050505;
    --theme-primary-900: #000000;
    --theme-primary-A100: #c99c9c;
    --theme-primary-A200: #a65959;
    --theme-primary-A400: #584141;
    --theme-primary-A700: #433d3d;
    --theme-primary-contrast-50: #333;
    --theme-primary-contrast-100: #333;
    --theme-primary-contrast-200: #FFFFFF;
    --theme-primary-contrast-300: #FFFFFF;
    --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: #333;
    --theme-primary-contrast-A200: #FFFFFF;
    --theme-primary-contrast-A400: #FFFFFF;
    --theme-primary-contrast-A700: #FFFFFF;
    /*Font family*/
    --theme-font-family: "Open Sans", sans-serif;
    /*Obfooter: logo filter*/
    --ob-custom-logo-filter: brightness(20);
}


/*=================================================================================================
    INDEX
    1) Button
    2) Adhoc
    3) Ob Footer
    4) Appends an Apple Pay & Google Pay logo badge after the payment method label
==================================================================================================*/

/*------------------------------------------------------------------------------------------------
    1) Button
-------------------------------------------------------------------------------------------------*/

/*General button*/
button.mdc-button {
    border-radius: 0px !important;
}

/*------------------------------------------------------------------------------------------------
    2) Adhoc
-------------------------------------------------------------------------------------------------*/

/*Force color in texts*/
p.description,
mat-card.mat-mdc-card span.subtitle,
.dates {
    color: #666 !important;
}

/*Force background color in event date and time information box*/
.mdc-card.ob-catalog-item-card .mat-mdc-card-header .mat-mdc-card-subtitle {
    background-color: #3f3f3f;
    color: #fff;
}

/*------------------------------------------------------------------------------------------------
    43) Ob Footer
-------------------------------------------------------------------------------------------------*/

/*Dark version subfooter*/
ob-footer.main-footer {
    background-color: #1f1f1f !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;
}

/*------------------------------------------------------------------------------------------------
    4) Appends an Apple Pay & Google Pay logo badge after the payment method label
-------------------------------------------------------------------------------------------------*/

.checkout ob-payment-methods mat-radio-button[id^="payment-method-redsys-"] .label-container>div::after {
    content: "";
    display: inline-block;
    width: 80px;
    height: 24px;
    background-image: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/tarracoarena/assets/icons/appelpay_googlepay.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
}