/* http://mcg.mbitson.com/#!?palette=%23e51a51 */
/*Fonts*/
@font-face {
    font-family: 'adineuePRO-Bold';
    src: url('https://onebox-portal3.s3.amazonaws.com/pro/wahshow/fonts/adineuePRO-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pangram-Regular';
    src: url('https://onebox-portal3.s3.amazonaws.com/pro/wahshow/fonts/Pangram-Regular.otf') format("opentype");
    font-weight: 400;
    font-style: normal;
}

:root {
    /*Text*/
    /*// http://mcg.mbitson.com/#!?tundora=%23414141*/
    /*Navbar Colors*/
    --ob-nav-text-color: #fff;
    --ob-nav-bg-color: #000000;
    /*Color primary*/
    --theme-primary-50: #FAE3E5;
    --theme-primary-100: #F3B9BE;
    --theme-primary-200: #DE2B3A;
    --theme-primary-300: #E45C68;
    --theme-primary-400: #DE3947;
    --theme-primary-500: #CC1424;
    --theme-primary-600: #D41323;
    --theme-primary-700: #CE101D;
    --theme-primary-800: #C80C17;
    --theme-primary-900: #BF060E;
    --theme-primary-A100: #FFE8E9;
    --theme-primary-A200: #FFB5B7;
    --theme-primary-A400: #FF8285;
    --theme-primary-A700: #FF696C;
    --theme-primary-contrast-50: #000000;
    --theme-primary-contrast-100: #000000;
    --theme-primary-contrast-200: #000000;
    --theme-primary-contrast-300: #000000;
    --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: #000000;
    --theme-primary-contrast-A200: #000000;
    --theme-primary-contrast-A400: #000000;
    --theme-primary-contrast-A700: #000000;
    /*Client typography*/
    --theme-font-family: 'Pangram-Regular', sans-serif;
    /*Header*/
    --ob-channel-header-height: 80px;
}

/*==============================================================
    INDEX
    1) Top Bar
    2) Titles
    3) Header
    4) Integration description event
================================================================*/

/*---------------------------------------------
   1) Top Bar
---------------------------------------------*/

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

/*Remove logo link*/
a.link-logo {
    pointer-events: none;
}

/*---------------------------------------------
   2) Titles
---------------------------------------------*/

/*Typos Titles*/
.title,
h1.title,
#eventInformation span,
.selection-title,
span.session-name,
.section-header span {
    font-family: "adineuePRO-Bold", sans-serif !important;
}

/*---------------------------------------------
   3) Integration description event
---------------------------------------------*/

.custom-contact-block {
    width: 100%;
    text-align: left;
}

/*Titles*/
.title-custom-contact {
    font-weight: 700;
    line-height: 1.3;
    font-size: 1.2rem;
    font-family: "adineuePRO-Bold", sans-serif !important;
}

/*CTA container*/
.contact-cta-box {
    display: flex;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    margin-bottom: 1.5rem;
}

/*Grey module (icon + text)*/
.contact-module-text {
    display: flex;
    align-items: stretch;
    gap: 12px;
    flex: 1;
}

/*Icon box*/
.icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f1f1f1;
    border-radius: 3px;
    padding: 8px;
    flex-shrink: 0;
}

/*Icon*/
.cta-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

/*Text box*/
.text-box {
    display: flex;
    align-items: center;
    background-color: #f1f1f1;
    border-radius: 3px;
    padding: 7px 12px;
    flex: 1;
}

/*Text*/
.text-box p {
    margin: 0;
    line-height: 1.5;
}

/*CTA button*/
.cta-call-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #CC1424;
    color: #fff;
    border-radius: 3px;
    padding: 12px 16px;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
}

.cta-call-button:hover {
    background-color: #D54248;
}

/*CTA icon*/
.cta-icon-cta {
    width: 16px;
    height: 16px;
}

.contact-cta-box .text-box,
.contact-cta-box .icon-box {
    background-color: #FAE3E5;
}

/*Links*/
.contact-link {
    color: #CC1424;
}

/*Mobile*/
@media (max-width: 768px) {
    .contact-cta-box {
        flex-direction: column;
    }

    .cta-call-button {
        width: 100%;
        justify-content: center;
    }
}