﻿/* this is from the gcg site */

:root {
    --gcg-primary: hsla(0, 100%, 50%, 1);
    --gcg-primary-h: 0;
    --gcg-primary-s: 100%;
    --gcg-primary-l: 50%;
    --gcg-primary-l-1: hsla(0, 100%, 58%, 1);
    --gcg-primary-l-2: hsla(0, 100%, 66%, 1);
    --gcg-primary-l-3: hsla(0, 100%, 74%, 1);
    --gcg-primary-l-4: hsla(0, 100%, 82%, 1);
    --gcg-primary-l-5: hsla(0, 100%, 90%, 1);
    --gcg-primary-l-6: hsla(0, 100%, 98%, 1);
    --gcg-primary-d-1: hsla(0, 100%, 42%, 1);
    --gcg-primary-d-2: hsla(0, 100%, 34%, 1);
    --gcg-primary-d-3: hsla(0, 100%, 26%, 1);
    --gcg-primary-d-4: hsla(0, 100%, 18%, 1);
    --gcg-primary-d-5: hsla(0, 100%, 10%, 1);
    --gcg-primary-d-6: hsla(0, 100%, 2%, 1);
    --gcg-primary-t-1: hsla(0, 100%, 50%, 0.84);
    --gcg-primary-t-2: hsla(0, 100%, 50%, 0.68);
    --gcg-primary-t-3: hsla(0, 100%, 50%, 0.53);
    --gcg-primary-t-4: hsla(0, 100%, 50%, 0.37);
    --gcg-primary-t-5: hsla(0, 100%, 50%, 0.21);
    --gcg-primary-t-6: hsla(0, 100%, 50%, 0.05);
    --gcg-secondary: hsla(47, 0%, 0%, 1);
    --gcg-secondary-h: 47;
    --gcg-secondary-s: 0%;
    --gcg-secondary-l: 0%;
    --gcg-secondary-l-1: hsla(0, 0%, 16.47%, 1);
    --gcg-secondary-l-2: hsla(0, 0%, 32.55%, 1);
    --gcg-secondary-l-3: hsla(0, 0%, 49.02%, 1);
    --gcg-secondary-l-4: hsla(0, 0%, 65.49%, 1);
    --gcg-secondary-l-5: hsla(0, 0%, 81.57%, 1);
    --gcg-secondary-l-6: hsla(0, 0%, 98.04%, 1);
    --gcg-secondary-d-1: hsla(0, 0%, 0.78%, 1);
    --gcg-secondary-d-2: hsla(0, 0%, 1.57%, 1);
    --gcg-secondary-d-3: hsla(0, 0%, 2.35%, 1);
    --gcg-secondary-d-4: hsla(0, 0%, 3.53%, 1);
    --gcg-secondary-d-5: hsla(0, 0%, 4.31%, 1);
    --gcg-secondary-d-6: hsla(0, 0%, 5.1%, 1);
    --gcg-secondary-t-1: hsla(0, 0%, 0%, 0.84);
    --gcg-secondary-t-2: hsla(0, 0%, 0%, 0.68);
    --gcg-secondary-t-3: hsla(0, 0%, 0%, 0.53);
    --gcg-secondary-t-4: hsla(0, 0%, 0%, 0.37);
    --gcg-secondary-t-5: hsla(0, 0%, 0%, 0.21);
    --gcg-secondary-t-6: hsla(0, 0%, 0%, 0.05);
    --gcg-accent: hsla(47, 92.2%, 74.9%, 1);
    --gcg-accent-h: 47;
    --gcg-accent-s: 92.2%;
    --gcg-accent-l: 74.9%;
    --gcg-accent-l-1: hsla(46.8, 92.59%, 78.82%, 1);
    --gcg-accent-l-2: hsla(46.83, 93.18%, 82.75%, 1);
    --gcg-accent-l-3: hsla(46.87, 94.12%, 86.67%, 1);
    --gcg-accent-l-4: hsla(46.96, 92%, 90.2%, 1);
    --gcg-accent-l-5: hsla(47.14, 93.33%, 94.12%, 1);
    --gcg-accent-l-6: hsla(48, 100%, 98.04%, 1);
    --gcg-accent-d-1: hsla(46.6, 55.08%, 63.33%, 1);
    --gcg-accent-d-2: hsla(46.9, 35.22%, 51.57%, 1);
    --gcg-accent-d-3: hsla(46.48, 34.63%, 40.2%, 1);
    --gcg-accent-d-4: hsla(45.82, 37.93%, 28.43%, 1);
    --gcg-accent-d-5: hsla(45, 46.51%, 16.86%, 1);
    --gcg-accent-d-6: hsla(45, 92.31%, 5.1%, 1);
    --gcg-accent-t-1: hsla(46.78, 92.19%, 74.9%, 0.84);
    --gcg-accent-t-2: hsla(46.78, 92.19%, 74.9%, 0.68);
    --gcg-accent-t-3: hsla(46.78, 92.19%, 74.9%, 0.53);
    --gcg-accent-t-4: hsla(46.78, 92.19%, 74.9%, 0.37);
    --gcg-accent-t-5: hsla(46.78, 92.19%, 74.9%, 0.21);
    --gcg-accent-t-6: hsla(46.78, 92.19%, 74.9%, 0.05);
    --gcg-heading-primary: hsla(311, 76.6%, 33.5%, 1);
    --gcg-heading-primary-h: 311;
    --gcg-heading-primary-s: 76.6%;
    --gcg-heading-primary-l: 33.5%;
    --gcg-heading-secondary: hsla(311, 62%, 44%, 1);
    --gcg-heading-secondary-h: 311;
    --gcg-heading-secondary-s: 62%;
    --gcg-heading-secondary-l: 44%;
    --gcg-lead-primary: hsla(221, 38.3%, 15.9%, 1);
    --gcg-lead-primary-h: 221;
    --gcg-lead-primary-s: 38.3%;
    --gcg-lead-primary-l: 15.9%;
    --gcg-lead-secondary: hsla(221, 38.5%, 22.9%, 1);
    --gcg-lead-secondary-h: 221;
    --gcg-lead-secondary-s: 38.5%;
    --gcg-lead-secondary-l: 22.9%;
    --gcg-paragraph-primary: hsla(221, 38.3%, 15.9%, 1);
    --gcg-paragraph-primary-h: 221;
    --gcg-paragraph-primary-s: 38.3%;
    --gcg-paragraph-primary-l: 15.9%;
    --gcg-paragraph-secondary: hsla(221, 38.5%, 22.9%, 1);
    --gcg-paragraph-secondary-h: 221;
    --gcg-paragraph-secondary-s: 38.5%;
    --gcg-paragraph-secondary-l: 22.9%;
    --gcg-hyperlink: hsla(44, 37.7%, 51.6%, 1);
    --gcg-hyperlink-h: 44;
    --gcg-hyperlink-s: 37.7%;
    --gcg-hyperlink-l: 51.6%;
    --gcg-btn-bg-primary-default: hsla(44, 37.7%, 51.6%, 1);
    --gcg-btn-bg-primary-default-h: 44;
    --gcg-btn-bg-primary-default-s: 37.7%;
    --gcg-btn-bg-primary-default-l: 51.6%;
    --gcg-btn-border-primary-default: hsla(44, 37.7%, 51.6%, 1);
    --gcg-btn-border-primary-default-h: 44;
    --gcg-btn-border-primary-default-s: 37.7%;
    --gcg-btn-border-primary-default-l: 51.6%;
    --gcg-btn-bg-primary-hover: hsla(45, 60.8%, 69%, 1);
    --gcg-btn-bg-primary-hover-h: 45;
    --gcg-btn-bg-primary-hover-s: 60.8%;
    --gcg-btn-bg-primary-hover-l: 69%;
    --gcg-btn-border-primary-hover: hsla(45, 60.8%, 69%, 1);
    --gcg-btn-border-primary-hover-h: 45;
    --gcg-btn-border-primary-hover-s: 60.8%;
    --gcg-btn-border-primary-hover-l: 69%;
    --gcg-btn-bg-secondary-default: hsla(311, 0%, 0%, 0.37);
    --gcg-btn-bg-secondary-default-h: 311;
    --gcg-btn-bg-secondary-default-s: 0%;
    --gcg-btn-bg-secondary-default-l: 0%;
    --gcg-btn-border-secondary-default: hsla(44, 37.7%, 51.6%, 1);
    --gcg-btn-border-secondary-default-h: 44;
    --gcg-btn-border-secondary-default-s: 37.7%;
    --gcg-btn-border-secondary-default-l: 51.6%;
    --gcg-btn-bg-secondary-hover: hsla(44, 37.7%, 51.6%, 1);
    --gcg-btn-bg-secondary-hover-h: 44;
    --gcg-btn-bg-secondary-hover-s: 37.7%;
    --gcg-btn-bg-secondary-hover-l: 51.6%;
    --gcg-btn-border-secondary-hover: hsla(44, 37.7%, 51.6%, 1);
    --gcg-btn-border-secondary-hover-h: 44;
    --gcg-btn-border-secondary-hover-s: 37.7%;
    --gcg-btn-border-secondary-hover-l: 51.6%;
    --gcg-btn-bg-accent-default: hsla(24, 78.9%, 61%, 1);
    --gcg-btn-bg-accent-default-h: 24;
    --gcg-btn-bg-accent-default-s: 78.9%;
    --gcg-btn-bg-accent-default-l: 61%;
    --gcg-btn-border-accent-default: hsla(24, 78.9%, 61%, 1);
    --gcg-btn-border-accent-default-h: 24;
    --gcg-btn-border-accent-default-s: 78.9%;
    --gcg-btn-border-accent-default-l: 61%;
    --gcg-btn-bg-accent-hover: hsla(24, 51.7%, 40.6%, 1);
    --gcg-btn-bg-accent-hover-h: 24;
    --gcg-btn-bg-accent-hover-s: 51.7%;
    --gcg-btn-bg-accent-hover-l: 40.6%;
    --gcg-btn-border-accent-hover: hsla(24, 51.7%, 40.6%, 1);
    --gcg-btn-border-accent-hover-h: 24;
    --gcg-btn-border-accent-hover-s: 51.7%;
    --gcg-btn-border-accent-hover-l: 40.6%;
    --gcg-border-primary: hsla(45, 99%, 59.8%, 1);
    --gcg-border-primary-h: 45;
    --gcg-border-primary-s: 99%;
    --gcg-border-primary-l: 59.8%;
    --gcg-border-secondary: hsla(311, 76.6%, 33.5%, 1);
    --gcg-border-secondary-h: 311;
    --gcg-border-secondary-s: 76.6%;
    --gcg-border-secondary-l: 33.5%;
    --gcg-bg-default: #ffffff;
    --gcg-bg-light: hsla(240, 19%, 5%, 1);
    --gcg-bg-light-h: 240;
    --gcg-bg-light-s: 19%;
    --gcg-bg-light-l: 5%;
    --gcg-bg-light-l-1: hsla(240, 2.78%, 28.24%, 1);
    --gcg-bg-light-l-2: hsla(240, 1.21%, 51.57%, 1);
    --gcg-bg-light-l-3: hsla(240, 2.33%, 74.71%, 1);
    --gcg-bg-light-l-4: hsla(240, 20%, 98.04%, 1);
    --gcg-bg-dark: hsla(240, 100%, 0%, 1);
    --gcg-bg-dark-h: 240;
    --gcg-bg-dark-s: 100%;
    --gcg-bg-dark-l: 0%;
    --gcg-bg-dark-d-1: hsla(0, 0%, 1.18%, 1);
    --gcg-bg-dark-d-2: hsla(0, 0%, 2.35%, 1);
    --gcg-bg-dark-d-3: hsla(0, 0%, 3.92%, 1);
    --gcg-bg-dark-d-4: hsla(0, 0%, 5.1%, 1);
    --gcg-black: hsla(240, 100%, 0%, 1);
    --gcg-black-h: 240;
    --gcg-black-s: 100%;
    --gcg-black-l: 0%;
    --gcg-black-l-1: hsla(0, 0%, 9.8%, 1);
    --gcg-black-l-2: hsla(0, 0%, 19.61%, 1);
    --gcg-black-l-3: hsla(0, 0%, 29.41%, 1);
    --gcg-black-l-4: hsla(0, 0%, 39.22%, 1);
    --gcg-black-l-5: hsla(0, 0%, 49.02%, 1);
    --gcg-black-l-6: hsla(0, 0%, 58.82%, 1);
    --gcg-black-l-7: hsla(0, 0%, 68.63%, 1);
    --gcg-black-l-8: hsla(0, 0%, 78.43%, 1);
    --gcg-black-l-9: hsla(0, 0%, 88.24%, 1);
    --gcg-black-l-10: hsla(0, 0%, 98.04%, 1);
    --gcg-white: hsla(0, 0%, 100%, 1);
    --gcg-white-h: 0;
    --gcg-white-s: 0%;
    --gcg-white-l: 100%;
    --gcg-transparent: hsla(0, 0%, 100%, 0);
    --gcg-transparent-h: 0;
    --gcg-transparent-s: 0%;
    --gcg-transparent-l: 100%;
    --gcg-bs-scrollbar-track-color: hsla(228, 0%, 40%, 1);
    --gcg-bs-scrollbar-track-color-h: 228;
    --gcg-bs-scrollbar-track-color-s: 0%;
    --gcg-bs-scrollbar-track-color-l: 40%;
    --gcg-bs-scrollbar-thumb-color: hsla(205, 13%, 16%, 1);
    --gcg-bs-scrollbar-thumb-color-h: 205;
    --gcg-bs-scrollbar-thumb-color-s: 13%;
    --gcg-bs-scrollbar-thumb-color-l: 16%;
    --gcg-bs-selection-background: hsla(224, 65%, 45%, 1);
    --gcg-bs-selection-background-h: 224;
    --gcg-bs-selection-background-s: 65%;
    --gcg-bs-selection-background-l: 45%;
    --gcg-bs-selection-color: hsla(238, 3%, 90%, 1);
    --gcg-bs-selection-color-h: 238;
    --gcg-bs-selection-color-s: 3%;
    --gcg-bs-selection-color-l: 90%;

    --gcg-list-link-color: white;
}


.gcg-title-area {
    justify-content: center;
    flex-direction: column;
    padding-top: var(--gap-l);
    padding-bottom: var(--gap-l);
    background-color: var(--gcg-primary);
    color: var(--gcg-secondary);
    text-transform: uppercase;
    text-align: center;
    align-items: center;
    background-image: linear-gradient(20deg, var(--gcg-primary-l-1) 40%, var(--gcg-primary-l-3), var(--gcg-primary-d-1) 80%);
    overflow: hidden;
}

.gcg-title-area__text-holder {
    align-items: center;
    z-index: 2;
}

.gcg-title-area__h1 {
    text-transform: uppercase;
    /*font-size: calc(var(--gcg-font-h1) * 1.2);*/
    font-size: calc(var(--mud-typography-h3-size));
    font-family: "Supreme";
    font-weight: 700;
    margin-top: unset;
}

.gcg-title-area__pre-heading {
    margin-bottom: 0;
    font-family: "Supreme";
    font-weight: 500;
    /*font-size: var(--gcg-font-h5);*/
    font-size: var(--mud-typography-h5-size);
}


.gcg-brxe-section {
    padding-right: var(--global-section-gutter);
    padding-left: var(--global-section-gutter);
}

.gcg-container-gap {
    column-gap: var(--container-gap);
    row-gap: var(--container-gap);
}

/* Venue card styles */
.gcg-venue-card {
    transition: box-shadow 0.3s ease, transform 0.2s ease;
    border-radius: 8px;
}

.gcg-venue-card:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

/* Venue name link styles */
.gcg-venue-name {
    transition: color 0.2s ease;
}

/* force to be white */
a:hover .gcg-venue-name {
    color: var(--gcg-list-link-color) !important;
}

/*force to be white*/
.gcg-venue-name {
    color: var(--gcg-list-link-color) !important;
    font-weight: 600 !important;
}


.bricks-background-video-wrapper {
    background-size: cover;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute !important;
    top: 0;
    width: 100%;
    z-index: -1
}

.bricks-background-video-wrapper iframe, .bricks-background-video-wrapper video {
        border: none;
        height: inherit;
        left: 50%;
        max-width: none;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: inherit
}

        .bricks-background-video-wrapper iframe[poster], .bricks-background-video-wrapper video[poster] {
            object-fit: cover
        }

    .bricks-background-video-wrapper .bricks-video-poster-image {
        height: inherit;
        left: 50%;
        object-fit: cover;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: inherit;
        z-index: 1
    }
