@font-face {
    font-family: "Urbanist-Black";
    src: url("/static/fonts/Urbanist-Black.ttf");
}
@font-face {
    font-family: "Urbanist-ExtraLight";
    src: url("/static/fonts/Urbanist-ExtraLight.ttf");
}
@font-face {
    font-family: "Urbanist-Italic";
    src: url("/static/fonts/Urbanist-Italic.ttf");
}
@font-face {
    font-family: "Urbanist-Regular";
    src: url("/static/fonts/Urbanist-Regular.ttf");
}

@font-face {
    font-family: "Questrial-Regular";
    src: url("/static/fonts/Questrial-Regular.ttf");
}



:root
{
    --main-background-color         : #fff;
    --secondary-background-color    : #e6e6e6;
    --main-foreground-color         : #000;
    --secondary-foreground-color    : #636363;

    /* --main-background-color         : #202020;
    --secondary-background-color    : #303030;
    --main-foreground-color         : #e2e2e2;
    --secondary-foreground-color    : #b7b7b7; */
    
    --font-family-black             : "Urbanist-Black";
    --font-family-light             : "Urbanist-ExtraLight";
    --font-family-italic            : "Urbanist-Italic";
    --font-family-regular           : "Urbanist-Regular";
}

*
{
    margin: 0px;
    padding: 0px;
    font-family: var(--font-family-regular);
    font-weight: 100;
}

body
{
    width: 100%;
    overflow-x: hidden;
    touch-action:pan-y;
}

.interactive
{
    cursor: pointer;
}

#tilt
{

    transition: transform .1s;

}

header.main_header
{
    background-color: var(--main-background-color);
    display: block;
    height: 92px;
    z-index: 1000000;
    position: relative;
    
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}
header.main_header .logo_container
{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */

    height: 92px;
    
    width: 150px;

    position: absolute;
    left: 20px;

    padding: 20px;
}
header.main_header .logo_container img
{
    height: calc(92px - 40px);
}
header.main_header .menu_container
{

    position: absolute;
    top: 0px;
    right: 0px;

    text-align: right;
}

header.main_header .menu_container span.element
{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */

    font-family: var(--font-family-black);
    height: 92px;
    width: 150px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    font-size: 1.2em;
    text-transform: uppercase;
    cursor: pointer;
    /* padding-left: 50px; */
    text-align: center;

    color: var(--main-foreground-color);
    transition: color .25s;
    transition: background-color .25s;
}
header.main_header .menu_container span.element:hover
{
    /* font-size: 1.3em; */
    color: white;
    background-color: var(--main-foreground-color);
    /* color: var(--secondary-foreground-color); */
}

.page_footer
{
    width: 100%;
    background-color: #000;
    padding: 20px;
    box-sizing: border-box;
    height: 500px;
}

@media screen and (min-width: 1100px) {
    header.main_header_concert_variant
    {
        background-color: transparent;
        position: absolute;
        top: 50px;
        left: calc(50% - 500px);
        max-width: 1000px;
        width: 100%;
        box-sizing: border-box;
        filter: invert(100%);
    }
}

.header_concert_info
{
    width: 100%;
    height: 720px;
    overflow: hidden;
    background: #fff;
}

.header_concert_info .background
{
    /* max-width: 1150px;

    left: calc(50% - min(575px, 50%)); */
    /* background: url("/static/img/photos/pierre_home_page.png"); */
    background: black;

    width: 100%;
    height: 720px;
    position: absolute;
    top: 0px;
    z-index: 100;
    overflow: hidden;
}

.header_concert_info video
{
    position: absolute;
    /* top: 0px;
    left: 0px; */
    
    left: 50%; /* % of surrounding element */
    top: 50%;
    transform: translate(-50%, -50%); /* % of current element */

}
.header_concert_info .gradient_1
{
    width: 200%;
    height: 1920px;
    position: relative;
    left: -100%;
    top: calc(calc(250px - 960px) + var(--top-offset));
    background: rgb(78,104,165);
    background: -moz-radial-gradient(circle, rgba(78,104,165,1) 0%, rgba(78,104,165,0) 50%);
    background: -webkit-radial-gradient(circle, rgba(78,104,165,1) 0%, rgba(78,104,165,0) 50%);
    background: radial-gradient(circle, rgba(78,104,165,1) 0%, rgba(78,104,165,0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4e68a5",endColorstr="#4e68a5",GradientType=1);
}

.header_concert_info .gradient_2
{
    --top-offset: 0px;

    width: 200%;
    height: 1920px;
    position: relative;
    left: 0%;
    top: calc(calc(250px - 2880px) + var(--top-offset));
    background: rgb(151,101,163);
    background: -moz-radial-gradient(circle, rgba(151,101,163,1) 0%, rgba(151,101,163,0) 50%);
    background: -webkit-radial-gradient(circle, rgba(151,101,163,1) 0%, rgba(151,101,163,0) 50%);
    background: radial-gradient(circle, rgba(151,101,163,1) 0%, rgba(151,101,163,0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9765a3",endColorstr="#9765a3",GradientType=1);
}

.header_concert_info .content
{
    position: absolute;
    top: 230px;
    left: calc(50% - 500px);
    width: 1000px;
    z-index: 101;
    /* border: 1px solid black; */
}

@media screen and (min-width: 1100px) {
    .header_concert_info .content
    {
        position: absolute;
        top: 173px;
    }
}


.header_concert_info .content .concert_panel
{
    float: left;
    
    margin-right: 25px;
}
.header_concert_info .content .event_main
{
    background-color: white;
    width: 650px;
    height: 300px;
    margin-bottom: 25px;
}
.header_concert_info .content .event_additinals
{
    background-color: white;
    width: 650px;
    height: 100px;
}
.header_concert_info .event_main .left_side
{

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */

    width: 170px;
    height: 300px;

    padding: 20px;
    float: left;

}
.left_side h2.card_title
{
    font-family: var(--font-family-black);
    font-weight: 100;
    font-size: 1.6em;
}
h1.date_day
{
    font-family: var(--font-family-black);
    font-weight: 100;
    font-size: 7.5em;
}
span.date_rest
{
    font-family: var(--font-family-italic);
    font-size: 1.25em;
}

.header_concert_info .event_main .right_side
{

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */

    width: calc(650px -  170px);
    height: 300px;
    float: right;
    
    padding: 20px;
    
    padding-left: 0px;
}
.event_main .right_side span.info_text
{
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1.35em;
}
.right_side h2.card_title
{
    font-family: var(--font-family-black);
    font-weight: 100;
    font-size: 1.6em;
    width: 400px;
}
.small
{
    font-size: .5em;
    line-height: 0px;
}

button
{
    background-color: #000;
    padding: 5px;
    min-width: 100px;
    border: 0px;
    color: white;
    font-size: 1em;
    cursor: pointer;
}

button.big
{
    padding: 20px;
    min-width: 220px;
    font-size: 1.25em;
}
button:hover
{
    font-family: var(--font-family-italic);
}
button:active
{
    font-family: var(--font-family-black);
}
.header_concert_info .event_additinals .left_side
{

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */

    width: calc(650px / 2);

    height: 100%;

    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;

}
.header_concert_info .event_additinals .card_title
{
    font-family: var(--font-family-black);
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden; 
    white-space: nowrap;
    margin: 0px;
    padding: 0px;
}
.header_concert_info .event_additinals .info_text
{
    width: 100%;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden; 
    white-space: nowrap;
    padding: 0px;
    margin: 0px;
}
.header_concert_info .event_additinals .right_side
{

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */

    width: calc(650px / 2);
    height: 100%;

    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    float: right;

}


.header_concert_info .content .featured_project
{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */

    padding: 20px;

    width: 325px;
    height: 425px;
    display: block;
    background-color: white;
    float: right;
}

.header_concert_info .content .featured_project *
{
    display: block;
}
.header_concert_info .content .featured_project .project_container
{
    transition: opacity 1s;
    opacity: 0;
}
.header_concert_info .content .featured_project img
{
    margin-bottom: 30px;
}
.header_concert_info .content .featured_project button
{
    margin-top: 20px;
}

.header_concert_info .content .featured_project h2
{
    font-family: var(--font-family-black);
    margin-bottom: 30px;
}


.canceled_event::after
{
    content: "Canceled/Annulé";
    white-space: nowrap;
    padding: 4px;
    font-size: .5em;
    background-color: rgb(241, 109, 0);
    color: #fff;
    /* border-radius: 7px; */
    margin-left: 10px;
    vertical-align: middle;
    position: relative;
    bottom: 2px;
}




.error_page_element
{
    background: rgba(78,104,165,1);
    display: block;
    width: 100%;
    height: 500px;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */

    padding: 40px;

}
.error_page_element .content
{
    background-color: white;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    padding: 40px;
    height: 100%;
}

.error_page_element .content h1
{
    font-size: 4em;
    font-family: var(--font-family-black);
}
.error_page_element .content p
{
    margin-top: 40px;
}



.page_element_container
{
    width: 100%;
    padding: 20px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.contain_page 
.page_element_container
{
    width: 100%;
    max-width: 1030px;
    margin-left: max(calc(50% - 515px), 0px);
    box-sizing: border-box;
    padding-left: 0px;
    padding-right: 0px;

}

.info_card::after
{
    content: "𝓲";
    border-radius: 20px;
    min-width: 20px;
    padding: 2px;
    padding-left: 8.5px;
    padding-right: 8.5px;
    text-align: center;
    box-sizing: border-box;
    line-height: 20px;
    display: inline-block;
    background-color: #b5b5b5;
    color: white;
    font-size: 15px;
    margin-left: 5px;
    position: absolute;
    margin-top: 3px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    transition: box-shadow .25s;
}

.info_card:hover::after
{
    content: attr(data-info-card-data);
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px;
    cursor: ;
}

.article_preview
{
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid gray;
    /* border-radius: 10px; */
    /* filter: drop-shadow(10px 10px 0px rgba(0,0,0,.2)); */
    max-width: 700px;
    width: 100%;
    background-color: white;
    opacity: 0;
    transition: opacity .5s;
}

.article_preview h2, .article_preview p
{
    margin-bottom: 10px;
}
.article_preview h2
{
    font-family: var(--font-family-black);
}

#news_article_search_bar_form *
{
    margin-top: 5px;
    margin-bottom: 5px;
}

#news_article_search_bar_form_filter_input
{
    padding: 5px;
    border: 1px solid gray;
    font-size: .9em;
    box-sizing: border-box;
    border-radius: 0px;
}
#news_article_search_bar_form_submit_input
{
    padding: 5px;
    border: 0px;
    background-color: #000;
    border: 1px solid black;
    color: white;
    font-size: .9em;
    box-sizing: border-box;
    border-radius: 0px;
}

@media screen and (max-width: 1100px) and (min-width: 730px) {
    .header_concert_info .background
    {
        top: 92px;
    }
    
    
    .page_element_container
    {
        width: 100%;
        padding: 40px;
    }

    .contain_page .page_element_container
    {
        width: 100%;
        padding: 40px;
    }
}



@media screen and (max-width: 1100px) {
    
    .header_concert_info .content .featured_project
    {
        width: 325px;
        height: 425px;
        display: block;
        background-color: white;
        float: right;
        text-align: center;
    }
    .header_concert_info
    {
        width: 100%;
        height: 1000px;
        background: transparent;
    }
    .header_concert_info .background
    {
        height: 1000px;
    }
    
    .header_concert_info .content
    {
        position: absolute;
        top: 148px;
        left: 40px;
        width: calc(100% - 80px);
        background-color: red;
        height: auto;
        background: transparent;
    }
    
    .header_concert_info .content
    {
        width: calc(100% - 80px);
    }
    
    .header_concert_info .concert_panel
    {
        width: 100%;
    }
    .header_concert_info .content .event_main,
    .header_concert_info .content .event_additinals
    {
        width: 100%;
        margin-bottom: 25px;
    }
    .header_concert_info .content .event_main .right_side
    {
        float: left;
    }
    
    .header_concert_info .content .event_additinals .left_side,
    .header_concert_info .content .event_additinals .right_side
    {
        width: 50%;
    }

    

    .header_concert_info .content .featured_project
    {
        width: 100%;
        height: 425px;
        display: block;
        background-color: white;
        float: right;
    }
}

@media screen and (max-width: 730px) {

    .contain_page 
    .page_element_container
    p
    {
        padding-left: 20px;
        padding-right: 20px;
    }

    header.main_header
    {
        height: 100px;
        border-bottom: 1px solid #000;
    }

    header.main_header .logo_container
    {
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
    
        height: 60px;
        
        width: calc(100% - 10px);
    
        position: relative;
        left: 10px;
    
        padding: 10px;
    }

    header.main_header .logo_container img
    {
        height: calc(60px - 20px);
    }
    
    header.main_header .menu_container
    {

        position: absolute;
        left: 0px;
        right: 0px;
        top: 60px;
        text-align: left;
        height: 40px;
        width: 100%;
    }

    header.main_header .menu_container span.element
    {
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
        
        font-family: var(--font-family-black);
        height: 40px;
        width: 300px;
        display: table-cell;
        vertical-align: middle;
        font-size: .8em;
        text-transform: uppercase;
        cursor: pointer;
        text-align: center;
    }
    header.main_header .menu_container span.element:hover
    {
        font-size: .8em;
    }

    .header_concert_info .gradient_1,
    .header_concert_info .gradient_2
    {
        display: none;
    }

    
    .header_concert_info
    {
        width: 100%;
        height: auto;
        background: transparent;
    }
    .header_concert_info .content
    {
        position: relative;
        left: 0px;
        top: 0px;
        width: calc(100%);
        background-color: red;
        height: auto;
        background: transparent;
    }
    .header_concert_info .background
    {
        
        background: transparent;
    }

    .header_concert_info .content .concert_panel
    {
        float: none;
        
        margin-right: 0px;
    }

    
    .header_concert_info .content .event_main
    {
        background-color: white;
        width: 100%;
        height: auto;
        margin-bottom: 0px;
        border-bottom: 1px solid black;
    }
    .header_concert_info .content .event_additinals
    {
        background-color: white;
        width: 100%;
        padding: 0px;
        height: auto;
    }
    .header_concert_info .content .event_main .left_side
    {

        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */

        width: 100%;
        height: auto;

        padding: 20px;
        float: none;

    }
    .left_side h2.card_title
    {
        font-family: var(--font-family-black);
        font-weight: 100;
        font-size: 1.6em;
    }
    h1.date_day
    {
        font-family: var(--font-family-black);
        font-weight: 100;
        font-size: 7.5em;
    }
    span.date_rest
    {
        font-family: var(--font-family-italic);
        font-size: 1.25em;
    }
    
    h1.date_day
    {
        font-family: var(--font-family-regular);
        font-weight: 100;
        font-size: 1.35em;
        display: inline;
    }
    /* h1.date_day::after
    {
        content: " of ";
    } */
    span.date_rest
    {
        font-family: var(--font-family-italic);
        font-size: 1.35em;
    }
    
    .header_concert_info video
    {
        display: none;
    }
    
    .header_concert_info .content .event_main .right_side
    {

        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */

        width: 100%;
        height: auto;
        float: none;
        display: block;
        
        padding: 20px;
        padding-top: 0px;
    }
    .header_concert_info .content .event_main .right_side span.info_text
    {
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 1.35em;
    }
    .header_concert_info .content .event_main .right_side h2.card_title
    {
        font-family: var(--font-family-black);
        font-weight: 100;
        font-size: 1.6em;
    }

    .header_concert_info .content .event_additinals .left_side,
    .header_concert_info .content .event_additinals .right_side
    {
        
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
    
        width: 100%;
    
        height: auto;
    
        padding: 20px;
        float: none;
        display: block;
        border-bottom: 1px solid black;
    
    }

    .header_concert_info .content .featured_project
    {
        width: 100%;
        height: auto;
        min-height: 300px;
        display: block;
        background-color: white;
        float: none;
        border-bottom: 1px solid black;
        margin: 0px;
    }



    button.big
    {
        min-width: none;
        width: 100%;
    }
    

    .error_page_element .content h1
    {
        font-size: 2.5em;
        font-family: var(--font-family-black);
    }

}

* input:disabled
{
    background: #ddd;
    color: #636363;
    cursor:not-allowed;
}



/* subsite_showcase */
.subsite_showcase
{
    display: block;
    background: var(--bg-image);
    color: var(--txt-col);

    box-sizing: border-box;
    display: inline-block;
    width: 100%;

    padding: 60px;

    margin: 0px;
    vertical-align: top;
}
.subsite_showcase h1
{
    font-family: "Questrial-Regular";
    font-size: 4em;
    margin-bottom: 10px;
}
.subsite_showcase p
{
    margin-bottom: 20px;
    font-size: 1.5em;
}

@media screen and (max-width: 730px){
    .subsite_showcase
    {
        height: auto;
        padding: 10%;
    }
    .subsite_showcase h1
    {
        font-size: calc(max(12vw, 3em)) ;
    }
    .subsite_showcase p
    {
        font-size: 1.3em;
    }
}

@media screen and (min-width: 1100px) {
    .subsite_showcase p
    {
        min-width: 450px;
    }
    .subsite_showcase
    {
        height: calc(800px - 15vw);
        width: 50%;
    }
}



/* concert_list */


#EventContainer .EventContainerTitle
{
    font-family: 'Urbanist-Black';
    padding-top: 40px;
    padding-bottom: 20px;
}

#EventContainer .EventContainerTitle:nth-of-type(1)
{
    padding-top: 0px;
}

.event_card_corpus
{
    font-size: 1.2em;
    padding-bottom: 10px;
}

.past_event_card .event_card_corpus
{
    display: none;
}

.past_event_card button
{
    display: none;
}


.past_event_card .container:nth-of-type(1) *
{
    margin: 5px;
    padding: 0px;
    display: inline;
    font-size: 1em;
    font-family: 'Urbanist-Black';
    /* background-color: green; */
}

.event_card .container:nth-of-type(2) .sub_container:nth-of-type(2) .comment
{
    vertical-align: middle;
    font-size: .8em;
    color: #999;
}

.past_event_card .container:nth-of-type(2) .sub_container:nth-of-type(2) .comment
{
    display: none;
}
.event_card .container:nth-of-type(2) .sub_container:nth-of-type(2) button
{
    margin-right: 10px;
}


/* 
.past_event_card .container:nth-of-type(2) .sub_container:nth-of-type(2)
{
    padding-top: 10px;
} */

/* DESKTOP COMMON */
@media screen and (width > 730px){

    .event_card
    {
        --color: black;

        opacity: 0;
        transition: opacity .5s;

        box-sizing: border-box;
        display: inline-block;
        width: 500px;
        height: 200px;
        outline: 1px solid var(--color);
        margin-bottom: 30px;
    }

    .past_event_card
    {
        
        --color: black;

        opacity: 0;
        transition: opacity .5s;

        box-sizing: border-box;
        display: inline-block;
        width: 100%;
        height: auto;
        vertical-align: middle;
        /* outline: 1px solid var(--color); */
        border-bottom: 1px solid black;
        padding: 20px;
    }

    .event_card .container
    {
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
    }

    .event_card .container:nth-of-type(1)
    {
        width: 125px;
        height: 200px;
        padding: 15px;
        padding-top: calc(100px - 60px);
        background-color: var(--color);
        color: white;
        text-align: center;
    }
    .event_card .container:nth-of-type(1) *
    {
        margin: 0px;
        padding: 0px;
        /* background-color: green; */
    }

    .event_card .container:nth-of-type(1) h1
    {
        font-family: "Urbanist-Black";
        font-size: 4.5em;
    }
    .event_card .container:nth-of-type(1) h2
    {
        font-family: "Urbanist-Black";
        font-size: 1em;
    }


    .event_card .container:nth-of-type(2)
    {
        width: 375px;
        height: 200px;
        /* background-color: red; */
        /* background-color: red; */
    }

    .event_card .container:nth-of-type(2) .sub_container
    {
        box-sizing: border-box;
        display: block;
        padding: 15px;
    }

    .event_card .container:nth-of-type(2) .sub_container:nth-of-type(1)
    {
        overflow-y: hidden;
        height: 150px;
    }
    .event_card .container:nth-of-type(2) .sub_container:nth-of-type(2)
    {
        overflow-y: hidden;
        height: 50px;
        padding-top: 5px;
    }
    .event_card .container:nth-of-type(2) .sub_container:nth-of-type(2) button
    {
        height: 30px;
        background-color: var(--color);
    }
}

/* SMALL SCREEN VIEW */
@media screen and (730px < width <= 1100px) {
    
    .EventPageTitle
    {
        text-align: center;
    }

    #EventContainer
    {
        width: 500px;
        margin-left: calc(50% - 250px);
    }

    .event_card
    {
        margin-left: calc(50% - 250px);
    }

}

/* LARGE SCREEN */
@media screen and (width > 1100px) {

    .event_card:nth-of-type(even)
    {
        margin-left: 30px;
    }

    /* .past_event_card .event_card_venue
    {
        font-family: 'Urbanist-Black';
    } */
    
    .past_event_card .event_card_venue,
    .past_event_card .event_card_title
    {
        display: inline;
        margin-right: 20px;
    }

}

/* MOBILE VIEW */
@media screen and (width <= 730px){
    
    .event_card, .past_event_card
    {
        width: 100%;
        margin: 0px;
        padding: 20px;
        box-sizing: border-box;
        border-bottom: 1px solid black;
    }

    
    .event_card .container:nth-of-type(2) .sub_container:nth-of-type(2)
    {
        padding-top: 10px;
    }

    
    
    .event_card .container:nth-of-type(1) *
    {
        margin: 5px;
        padding: 0px;
        display: inline;
        font-size: 1em;
        font-family: 'Urbanist-Black';
        /* background-color: green; */
    }

    
    #EventContainer
    {
        margin: 0px;
        padding: 0px;
    }

    #EventContainer .EventContainerTitle
    {

        padding-left: 20px;
        padding-top: 40px;

    }
}




.footer_small_elements_container
{
    text-align: center;
    width: 100%;
    max-width: 730px;
    margin-left: calc(50% - 365px);
    margin-top: 50px;
    color: white;
}

.footer_small_elements_container span
{
    display: inline-block;
}

@media screen and (max-width: 730px){

.footer_small_elements_container
{
    text-align: center;
    width: 100%;
    max-width: none;
    margin-left: 0px;
    color: white;
}
}



.european_jazz_companion_description
{
    padding: 25px;
    text-align: justify;
    text-justify: newspaper;

    box-sizing: content-box;


    font-size: 1.2em;
}

.european_jazz_companion_description h1
{
    text-align: left;
    margin-bottom: 30px;
}

.european_jazz_companion_description div.paragraph
{
    margin-bottom: 40px;
    box-sizing: content-box;
}

.european_jazz_companion_description .ejc_Logo
{
    width: 100%;
    max-width: 250px;
    margin-bottom: 40px;

    /* filter: invert() brightness(100); */
}
.european_jazz_companion_description .responsive_IframeVideo_container
{
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 25px;
}

.european_jazz_companion_description .responsive_IframeVideo
{
    aspect-ratio: 16 / 9;
    width: 100% !important;
    max-width: 1024px;
}

.european_jazz_companion_description ul
{
    margin-top: 40px;
}
.european_jazz_companion_description ul li
{
    margin-bottom: 20px;
}

.european_jazz_companion_description div.paragraph div.imageContainer
{
    margin-top: 40px;
    display: inline-block;
    text-align: center;
    align-content: center;
}
.european_jazz_companion_description div.paragraph div.imageContainer *
{
    display: block;
    margin-bottom: 20px;
    width: 100%;
}


.european_jazz_companion_description .waitlist_form
{
    background: rgb(95, 68, 165);
    color: white;
    width: auto;
    padding: 20px;
    max-width: 700px;
    font-size: .8em;
}


.european_jazz_companion_description .waitlist_form label
{
    font-size: .8em;
}

.european_jazz_companion_description .waitlist_form input
{
    border: 0px;
    border-radius: 0px;
    background: #eee;
    vertical-align: middle;
    padding: 10px;

    margin:0px;
    margin-top: 20px;

    cursor: pointer;
}
.european_jazz_companion_description .waitlist_form input[type='checkbox']
{
    width: 20px;
    height: 20px;
    padding: 0px;
    margin: 0px;
}
.european_jazz_companion_description .waitlist_form input[type='submit']
{
    background: black;
    color: white;
}

@media screen and (730px < width) {
    .european_jazz_companion_description
    {
        font-size: 1.5em;
    }
    
    .european_jazz_companion_description .iframeTitle
    {
        text-align: center;
    }

    .european_jazz_companion_description .waitlist_form
    {
        padding: 100px;
        font-size: .8em;
    }

}

/* SMALL SCREEN VIEW */
@media screen and (730px < width <= 1100px) {
    .european_jazz_companion_description
    {
        padding: 10%;
    }

    .european_jazz_companion_description .responsive_IframeVideo
    {
        margin-top: 10%;
    }
    .european_jazz_companion_description div.paragraph div.imageContainer * 
    {
        max-width: 800px;
        display: inline-block;
    }
}
/* LARGE SCREEN */
@media screen and (width > 1100px) {

    

    .european_jazz_companion_description
    {
        padding: 8%;
    }

    .european_jazz_companion_description .responsive_IframeVideo
    {
        margin-top: 8%;
    }


    .european_jazz_companion_description div.paragraph p
    {
        width: 60%;
        display: inline-block;
        vertical-align: top;
    }
    
    .european_jazz_companion_description div.paragraph div.imageContainer
    {
        width: 30%;
        transform: translate(30%,0px);
        vertical-align: top;
        margin: 0px;
    }

    .european_jazz_companion_description ul
    {
        width: 60%;
        transform: translate(50px);
    }

    
    .european_jazz_companion_description .waitlist_form
    {
        max-width: 650px;
    }

}

.european_jazz_companion_description .responsive_IframeVideo_container:first-of-type
{
    margin-top: 0px;
}

.european_jazz_companion_description div.paragraph div.imageContainer span
{
    font-size: .8em;
}



.el_spe_hny_2026
{
    padding: 80px !important;
    text-align: center;
    text-justify: newspaper;

    box-sizing: content-box;

    background-color: #fff;

    font-size: 1.2em;
}

.el_spe_hny_2026 .responsive_IframeVideo
{
    aspect-ratio: 16 / 9;
    width: 100% !important;
    max-width: 1024px;
}

.el_spe_hny_2026 h1
{
    font-family: "Questrial-Regular";
    font-size: 2em;
}