/*
Theme Name:     Citedelademocratie
Theme URI:      
Description:    Hello-biz child theme.
Author:         Me
Author URI:     
Template:       hello-biz
Version:        0.1.0
*/

:root {
    --tec-grid-gutter: 48px;
    --tec-grid-gutter-negative: calc(var(--tec-grid-gutter)*-1);
    --tec-grid-gutter-half: calc(var(--tec-grid-gutter)/2);
    --tec-grid-gutter-half-negative: calc(var(--tec-grid-gutter-half)*-1);
    --tec-grid-gutter-small: 42px;
    --tec-grid-gutter-small-negative: calc(var(--tec-grid-gutter-small)*-1);
    --tec-grid-gutter-small-half: calc(var(--tec-grid-gutter-small)/2);
    --tec-grid-gutter-small-half-negative: calc(var(--tec-grid-gutter-small-half)*-1);
    --tec-grid-gutter-page: 42px;
    --tec-grid-gutter-page-small: 19.5px;
    --tec-grid-width-default: 1176px;
    --tec-grid-width-min: 320px;
    --tec-grid-width: calc(var(--tec-grid-width-default) + var(--tec-grid-gutter-page)*2);
    --tec-grid-width-1-of-2: 50%;
    --tec-grid-width-1-of-3: 33.333%;
    --tec-grid-width-1-of-4: 25%;
    --tec-grid-width-1-of-5: 20%;
    --tec-grid-width-1-of-7: 14.285%;
    --tec-grid-width-1-of-8: 12.5%;
    --tec-grid-width-1-of-9: 11.111%;
    --tec-spacer-0: 4px;
    --tec-spacer-1: 8px;
    --tec-spacer-2: 12px;
    --tec-spacer-3: 16px;
    --tec-spacer-4: 20px;
    --tec-spacer-5: 24px;
    --tec-spacer-6: 28px;
    --tec-spacer-7: 32px;
    --tec-spacer-8: 40px;
    --tec-spacer-9: 48px;
    --tec-spacer-10: 56px;
    --tec-spacer-11: 64px;
    --tec-spacer-12: 80px;
    --tec-spacer-13: 96px;
    --tec-spacer-14: 160px;
    --tec-z-index-spinner-container: 100;
    --tec-z-index-views-selector: 30;
    --tec-z-index-dropdown: 30;
    --tec-z-index-events-bar-button: 20;
    --tec-z-index-search: 10;
    --tec-z-index-filters: 9;
    --tec-z-index-scroller: 7;
    --tec-z-index-week-event-hover: 5;
    --tec-z-index-map-event-hover: 5;
    --tec-z-index-map-event-hover-actions: 6;
    --tec-z-index-multiday-event: 5;
    --tec-z-index-multiday-event-bar: 2;
    --tec-color-text-primary: #141827;
    --tec-color-text-primary-light: #1418279e;
    --tec-color-text-secondary: #5d5d5d;
    --tec-color-text-disabled: #d5d5d5;
    --tec-color-text-events-title: var(--tec-color-text-primary);
    --tec-color-text-event-title: var(--tec-color-text-events-title);
    --tec-color-text-event-date: var(--tec-color-text-primary);
    --tec-color-text-secondary-event-date: var(--tec-color-text-secondary);
    --tec-color-icon-primary: #5d5d5d;
    --tec-color-icon-primary-alt: #757575;
    --tec-color-icon-secondary: #bababa;
    --tec-color-icon-active: #141827;
    --tec-color-icon-disabled: #d5d5d5;
    --tec-color-icon-focus: #334aff;
    --tec-color-icon-error: #da394d;
    --tec-color-event-icon: #141827;
    --tec-color-event-icon-hover: #334aff;
    --tec-color-accent-primary: var(--gold);
    /*TT*/
    --tec-color-accent-primary-hover: var(--blue-dk);
    /*TT*/
    --tec-color-accent-primary-active: var(--gold-lt);
    /*TT*/
    --tec-color-accent-primary-background: #334aff12;
    --tec-color-accent-secondary: #141827;
    --tec-color-accent-secondary-hover: #141827cc;
    --tec-color-accent-secondary-active: #141827e6;
    --tec-color-accent-secondary-background: #14182712;
    --tec-color-button-primary: var(--tec-color-accent-primary);
    --tec-color-button-primary-hover: var(--tec-color-accent-primary-hover);
    --tec-color-button-primary-active: var(--tec-color-accent-primary-active);
    --tec-color-button-primary-background: var(--tec-color-accent-primary-background);
    --tec-color-button-secondary: var(--tec-color-accent-secondary);
    --tec-color-button-secondary-hover: var(--tec-color-accent-secondary-hover);
    --tec-color-button-secondary-active: var(--tec-color-accent-secondary-active);
    --tec-color-button-secondary-background: var(--tec-color-accent-secondary-background);
    --tec-color-link-primary: var(--tec-color-text-primary);
    --tec-color-link-accent: var(--tec-color-accent-primary);
    --tec-color-link-accent-hover: #334affcc;
    --tec-color-border-default: #d5d5d5;
    --tec-color-border-secondary: #e4e4e4;
    --tec-color-border-tertiary: #7d7d7d;
    --tec-color-border-hover: #5d5d5d;
    --tec-color-border-active: #141827;
    --tec-color-background: #fff;
    --tec-color-background-events: #0000;
    --tec-color-background-transparent: #fff9;
    --tec-color-background-secondary: #f7f6f6;
    --tec-color-background-messages: #14182712;
    --tec-color-background-secondary-hover: #f0eeee;
    --tec-color-background-error: #da394d14;
    --tec-color-box-shadow: rgba(#000, 0.14);
    --tec-color-box-shadow-secondary: rgba(#000, 0.1);
    --tec-color-scroll-track: rgba(#000, 0.25);
    --tec-color-scroll-bar: rgba(#000, 0.5);
    --tec-color-background-primary-multiday: #334aff3d;
    --tec-color-background-primary-multiday-hover: #334aff57;
    --tec-color-background-secondary-multiday: #1418273d;
    --tec-color-background-secondary-multiday-hover: #14182757;
    --tec-color-accent-primary-week-event: #334aff1a;
    --tec-color-accent-primary-week-event-hover: #334aff33;
    --tec-color-accent-primary-week-event-featured: #334aff0a;
    --tec-color-accent-primary-week-event-featured-hover: #334aff24;
    --tec-color-background-secondary-datepicker: var(--tec-color-background-secondary);
    --tec-color-accent-primary-background-datepicker: var(--tec-color-accent-primary-background);
    --tec-border-radius-default: 4px;
    --tec-border-width-week-event: 2px;
    --tec-box-shadow-default: 0 2px 5px 0 var(--tec-color-box-shadow);
    --tec-box-shadow-tooltip: 0 2px 12px 0 var(--tec-color-box-shadow);
    --tec-box-shadow-card: 0 1px 6px 2px var(--tec-color-box-shadow);
    --tec-box-shadow-multiday: 16px 6px 6px -2px var(--tec-color-box-shadow-secondary);
    --tec-form-color-background: var(--tec-color-background);
    --tec-form-color-border-default: var(--tec-color-text-primary);
    --tec-form-color-border-active: var(--tec-color-accent-secondary);
    --tec-form-color-border-secondary: var(--tec-color-border-tertiary);
    --tec-form-color-accent-primary: var(--tec-color-accent-primary);
    --tec-form-box-shadow-default: var(--tec-box-shadow-default);
    --tec-opacity-background: 0.07;
    --tec-opacity-select-highlighted: 0.3;
    --tec-opacity-icon-hover: 0.8;
    --tec-opacity-icon-active: 0.9;
    --tec-opacity-default: 1;
    --tec-outline-width-default: 2px;
    --tec-outline-style-default: solid;
    --tec-outline-color-default: var(--tec-color-border-active, #1a202c);
    --tec-outline-offset-default: 2px;
    --tec-outline-active-default: var(--tec-outline-width-default) var(--tec-outline-style-default) var(--tec-outline-color-default);
    --tec-transition: all 0.2s ease;
    --tec-transition-background-color: background-color 0.2s ease;
    --tec-transition-color-border-color: color 0.2s ease, border-color 0.2s ease;
    --tec-transition-transform: transform 0.2s ease;
    --tec-transition-border-color: border-color 0.2s ease;
    --tec-transition-color: color 0.2s ease;
    --tec-transition-opacity: opacity 0.2s ease;
    --tec-font-family-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
    --tec-font-weight-regular: 400;
    --tec-font-weight-bold: 700;
    --tec-font-size-0: 11px;
    --tec-font-size-1: 12px;
    --tec-font-size-2: 14px;
    --tec-font-size-3: 16px;
    --tec-font-size-4: 18px;
    --tec-font-size-5: 20px;
    --tec-font-size-6: 22px;
    --tec-font-size-7: 24px;
    --tec-font-size-8: 28px;
    --tec-font-size-9: 32px;
    --tec-font-size-10: 42px;
    --tec-line-height-0: 1.38;
    --tec-line-height-1: 1.42;
    --tec-line-height-2: 1.5;
    --tec-line-height-3: 1.62
}

.eventlist-tt .tribe-events-view {
    h4.tribe-events-calendar-list__event-title a {
        font-family: var(--);
        color: var(--e-global-color-primary);
        font-family: "Playfair Display", Sans-serif;
    }

    .tribe-common-l-container.tribe-events-l-container {
        padding: 50px 40px;
    }
}

.tribe-common.event-tickets {
    display: flex;
    justify-content: center;
}

.tribe_events-template-default {
    footer {
        z-index: -1;
        position: relative;
    }
}

#tribe-events-pg-template {
    margin: 0;
    max-width: 100%;
    padding: 0;

    .tt-event-contenu h2 {
        font-size: clamp(1rem, 5vw, 2rem);
    }

    .sid-card {}

    .tricolor {
        z-index: 0 !important;
    }

    .tec-tickets-seating__information {
        display: flex;
        flex-direction: column;
    }

    .hb-date {
        background: none;
        color: #fff;
        border: 0;
        backdrop-filter: none;
    }

    .tribe-common.event-tickets {
        flex-wrap: wrap;
        flex-direction: column;
    }
}

.event-tickets .tribe-tickets__commerce-checkout,
.tribe-common .tribe-tickets__commerce-checkout {
    max-width: 800px !important;
}

.event-tickets .tribe-tickets__commerce-checkout-cart-item-price,
.event-tickets .tribe-tickets__commerce-checkout-cart-item-subtotal,
.tribe-common .tribe-tickets__commerce-checkout-cart-item-price,
.tribe-common .tribe-tickets__commerce-checkout-cart-item-subtotal {
    flex: 0 0 200px !important;
    max-width: 200px !important;
}

@media (min-width: 768px) {

    .entry .entry-content .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--ar .tribe-modal__content .tribe-tickets__tickets-item,
    .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--ar .tribe-modal__content .tribe-tickets__tickets-item {
        grid-template-columns: 5fr 7fr 2fr 2fr 2fr;
        padding-top: var(--tec-spacer-2);
    }
}

.tribe-common {
    padding: 60px !important;
}

.event-tickets .tribe-tickets__commerce-order {
    max-width: 800px !important;
}

.ev-desc {
    text-align: justify;
}