/*.page-content > section:nth-child(odd) {
    background-color: red;
}
.page-content > section:nth-child(even) {
    background-color: blue;
}*/

@media only screen  and (max-width: 575.97px){
    :root{
        --max-width: 100%;
    }
}

@media (min-width: 576px) and (max-width: 767.97px){
    :root{
        --max-width: 540px;
    }
}

@media (min-width: 767px) and (max-width: 991.97px){
    :root{
        --max-width: 720px;
    }
}

@media (min-width: 992px) and (max-width: 1199.97px){
    :root{
        --max-width: 960px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.97px){
    :root{
        --max-width: 1140px;
    }
}

@media (min-width: 1400px){
    :root{
        --max-width: 1320px;
    }
}

.section-left-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-end;
}
.section-right-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
}

.section-left-content-container {
    width: var(--width) !important;
    margin-right: var(--right) !important;
}
.section-right-content-container {
    width: var(--width) !important;
    margin-left: var(--left) !important;
}

@media (min-width: 992px){
    .section-left-content-container{
        --width: calc( var(--max-width)/2 - 2*.5*var(--bs-gutter-x) - var(--max-width)/25 );
        --right: calc( var(--max-width)/25 );
    }
    .section-right-content-container{
        --width: calc( var(--max-width)/2 - 2*.5*var(--bs-gutter-x) - var(--max-width)/25 );
        --left: calc( var(--max-width)/25 );
    }
}

.section-left-content-container {
    width: var(--width) !important;
    margin-right: var(--right) !important;
}
.section-right-content-container {
    width: var(--width) !important;
    margin-left: var(--left) !important;
}

.seat-map-container {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

.seat-map-container img {
    height: 300px;
    max-width: none;
}

.social-links {
    padding: 0;
    margin: 0;
}
.social-links li {
    display: inline;
}

footer {
    margin-top: auto;
}

@media only screen  and (max-width: 575.97px){
    .navbar-brand img {
        height: 26px;
    }
}

@media (min-width: 576px) and (max-width: 767.97px){
    .navbar-brand img {
        height: 28px;
    }
}

@media (min-width: 767px) and (max-width: 991.97px){
    .search-form-1, .search-form-2 {
        width: 50% !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.97px){
    .search-form-1, .search-form-2 {
        width: 50% !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399.97px){
    .search-form-1, .search-form-2 {
        width: calc(40% - 12px) !important;
    }
    .search-form-3 {
        width: 235px !important;
    }
    .search-form-3 a {
        width: 100% !important;
    }
}

@media (min-width: 1400px){
    .search-form-1, .search-form-2 {
        width: calc(40% - 12px) !important;
    }
    .search-form-3 {
        width: 270px !important;
    }
    .search-form-3 a {
        width: 100% !important;
    }
}

.cc-window,
.cc-message,
.cc-compliance button, .cc-compliance.cc-highlight a {
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
}
.cc-compliance.cc-highlight a {
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 500;
}

.cc-window.cc-invisible, .cc-revoke {
    display: none !important;
    bottom: 0 !important;
}
.cc-window {
    transition: none !important;
}

