/*spy 2 styles*/

:root{
    --main-color-1: #080808;
    --main-color-1-light: #303030;
    --main-color-2: #e2c27d;
    --main-color-2-light: #f7d58b;;
    --sponsor-color-1: #333;
    --text-color-dark: #333;
    --text-color-light: #fff;
}

#main{
    background-image: url("/prod2/wp-content/uploads/bg-cards-4_repeat.webp");
    background-attachment: scroll;
    background-size: contain;
    background-repeat: repeat;
    background-position-y: 0;
    padding-bottom: 0;
}

.this-fullwidth-pixel-fix{
    min-width: 100.1vw !important;
}

.page-title{
    display: none;
}

.phantom-sticky .sticky-on.masthead:not(.masthead-mobile){
    background-color: var(--main-color-1) !important;
    /*background-color: transparent !important;*/
}

.sticky-mobile-on.masthead:not(.side-header), .side-header.masthead-mobile-header.sticky-mobile-on{
    background-color: #000000 !important;
}

#this-row-hero-sponsors{
    max-width: 1400px;
    margin: auto;
}
#this-section-hero .this-word-sep-1{
    color: #fff;
    font-size: 3.5em;
    font-weight: 800;
    padding-block: 40px;
}

#this-row-timePlace :where(h2,h3, .soc-icon){
    color: #fff !important;
    text-shadow: 0 0 16px black;
}
#this-row-timePlace .dt-icon-border-on:before{
    border-color: #fff !important;
}
#this-row-letter h3+h3{
    font-weight: 300 !important;
    font-size: 1.5em;
}


#this-row-letter #this-text-chairs-list{
    font-weight: 800;
}
#this-txt-mission-target-wrapper{
    /*display: flex;*/
    padding-block: 20px;
    justify-content: space-evenly;
    gap: 10px;
    font-style: italic;
    font-weight: 800;
    font-size: 1.25em;
}


#this-row-buttons-1 .vc_column-inner .wpb_wrapper{
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-direction: row;
    flex-wrap: wrap;
}

#this-row-buttons-1 .vc_btn3{
    background-color: var(--main-color-2) !important;
    background-image: none !important;
    color: var(--text-color-dark);
    font-weight: 800;
    font-size: 1.25EM;
    height: 100%;
    display: flex;
    align-items: center;
    box-shadow: #9f9f9f 0 0 11px 0px;
    border: none;
}
#this-row-buttons-1 .vc_btn3:hover{
    background-color: var(--main-color-2-light) !important;
    background-image: none !important;
}



 #this-row-activities-grid{
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-template-rows: 1fr 1fr;
    gap: 40px;
    justify-items: center;
 }
#this-row-activities-grid .grid-item{
    width: 100%;
    height: 100%;
    border: 3px solid var(--main-color-2);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 10px;
}
#this-row-activities-grid .item1{
    grid-column: 1/3;
    grid-row: 1;
}
#this-row-activities-grid .item2{
    grid-column: 3/5; 
    grid-row: 1;
}
#this-row-activities-grid .item3{
    grid-column: 5/7;
    grid-row: 1;
}
#this-row-activities-grid .item4{
    grid-column: 1/4;
    grid-row: 2;
}
#this-row-activities-grid .item5{
    grid-column: 4/7;
    grid-row: 2;
}

#this-row-activities-grid .grid-item h3+h3{
    font-size: 1.5em;
}

#this-row-CTA1 .vc_general.vc_cta3.vc_cta3-style-classic{
    background-color: var(--main-color-2) !important;
    border: none;
    box-shadow: #9f9f9f 0 0 11px 0px;
}

#this-row-CTA1 .vc_cta3 .vc_cta3_content-container{
    display: flex;
    flex-direction: column;
    min-height: 375px;
    justify-content: space-between;
}

#this-row-CTA1 .vc_cta3 .vc_btn3{
    background-color: #fff !important;
    font-size: 1.25em;
    font-weight: 800;
    color: var(--text-color-dark);
}

#this-row-bg-fader{
    min-height: 75px;
    background: linear-gradient(to top, rgb(255, 255, 255), rgba(0, 0, 0, 0));
}

#thisSection_sponsors{
    background-color: #fff;
}

/***************************************************************levels*/

.this-box-width{
    max-width: 1300px;
    margin: auto;
}

#row_L100 h2{
     font-size: 3em; 
     line-height: 1.2em;
     color: var(--sponsor-color-1);
}
#row_L50 h2{
    font-size: 2.55em;
    line-height: 1.2em;
    color: var(--sponsor-color-1);
}
#row_L50 img{
    width: 100% !important;
    max-width: 500px;
    max-height: 250px;
    width: auto;
    height: auto;
}
#row_L35 h2{
     font-size: 2.25em; 
     line-height: 1.2em;
     color: var(--sponsor-color-1);
}
#row_L35 img{
    width: 100% !important;
    width: auto;
    height: auto;
    max-width: 400px;
    max-height: 200px;
}
#row_L25 h2{
     font-size: 2.20em; 
     line-height: 1.2em;
     color: var(--sponsor-color-1);
}
#row_L25 img{
    width: 100% !important;
    width: auto;
    height: auto;
    max-width: 375px;
    max-height: 200px;
}
#row_L20 h2{
     font-size: 2.15em;
     line-height: 1.2em;
     color: var(--sponsor-color-1);
}
#row_L20 img{
    width: 100% !important;
    width: auto;
    height: auto;
    max-width: 370px;
    max-height: 145px;
}
#row_L18-5 h2{
    font-size: 1.95em;
    line-height: 1.2em;
    color: var(--sponsor-color-1);
}

#row_L17-5 h2{
    font-size: 1.95em;
    line-height: 1.2em;
    color: var(--sponsor-color-1);
}
#row_L17-5 img{
    width: 100% !important;
    width: auto;
    height: auto;
    max-width: 350px;
    max-height: 125px;
}


#row_L15 h2{
    font-size: 1.85em;
    line-height: 1.2em;
    color: var(--sponsor-color-1);
}
#row_L15 img{
    width: 100% !important;
    width: auto;
    height: auto;
    max-width: 300px;
    max-height: 125px;
}

#row_L13-5 h2{
    font-size: 1.85em;
    line-height: 1.2em;
    color: var(--sponsor-color-1);
}
#row_L13-5 img{
    width: 100% !important;
    width: auto;
    height: auto;
    max-width: 300px;
    max-height: 125px;
}

#row_L12-5 h2{
    font-size: 1.65em;
    line-height: 1.2em;
    color: var(--sponsor-color-1);
}
#row_L12-5 img{
    width: 100% !important;
    width: auto;
    height: auto;
    max-width: 275px;
    max-height: 125px;
}

#row_L10 h2{
     font-size: 1.35em; 
     line-height: 1.2em;
     color: var(--sponsor-color-1);
}
#row_L10 img{
    width: 100% !important;
    width: auto;
    height: auto;
    max-width: 250px;
    max-height: 125px;
}
#row_L7-5 h2{
    font-size: 1.35em;
    line-height: 1.2em;
    color: var(--sponsor-color-1);
}   
#row_L7-5 img{
    width: 100% !important;
    width: auto;
    height: auto;
    max-width: 225px;
    max-height: 125px;
}
#row_L5 h2{
    font-size: 1.35em;
    line-height: 1.2em;
    color: var(--sponsor-color-1);
}
#row_L5 img{
    width: 100% !important;
    width: auto;
    height: auto;
    max-width: 225px;
    max-height: 100px;
}
#row_L3-5 h2{
    font-size: 1.35em;
    line-height: 1.2em;
    color: var(--sponsor-color-1);
}
#row_L3-5 img{
    width: 100% !important;
    width: auto;
    height: auto;
    max-width: 225px;
    max-height: 100px;
}
#row_mediaSponsors h2{
    /*font-size: 1.35em;*/
    line-height: 1.2em;
    color: var(--sponsor-color-1);
}



#row_mediaSponsors img{
    width: 100% !important;
    width: auto;
    height: auto;
    max-width: 250px;
    max-height: 250px;
}
#row_Lxxx h2{
    font-size: 1.2em;
    line-height: 1.2em;
}
#row_LMedia h2{
    font-size: 1.2em;
    line-height: 1.2em;
    color: var(--sponsor-color-1);  
}
.this-span-breaks span{
    display: inline-block;
}
#thisSection_sponsors .vc_column-inner .wpb_single_image,
#thisSection_sponsors .vc_column-inner .wpb_text_column{
    margin: 0 !important;
    padding: 20px 0 20px 0 !important;
}
.this-sponsor-logo-row{
    min-height: 200px !important;
    max-width: 1300px !important;
    margin: auto !important;
}
xxx#thisSection_sponsors .vc_separator{
    width: 80% !important;
    margin-bottom: 35px !important;
    margin-top: 35px !important;
}

/*override 50% width*/
#thisSection_sponsors .vc_separator.vc_sep_width_50{
    width: 100%;
}
#thisSection_sponsors .vc_separator{
    margin-top: 35px;
}
#thisSection_sponsors .vc_sep_line{
    margin-bottom: 0 !important;
    border-top: 1px solid #aeaeae !important;
}

#footer .widget_block{
    text-align: center;
}

/***************** RESPONSIVE *****************************/



@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 1100px) {
    #this-row-CTA1 .vc_cta3 .vc_cta3_content-container{
        min-height: 375px;
    }
}

@media screen and (max-width: 992px) {

    #this-row-CTA1{
        flex-direction: column;
    } 
    #this-row-CTA1 .vc_col-sm-4{
        width: 100%;
    }
    #this-row-CTA1 .vc_cta3 .vc_cta3_content-container{
        min-height: 0;
    }

    #this-row-activities-grid .item1{
        grid-column: 1/4;
        grid-row: 1;
    }
    #this-row-activities-grid .item2{
        grid-column: 4/7; 
        grid-row: 1;
    }
    #this-row-activities-grid .item3{
        grid-column: 1/7;
        grid-row: 2;
    }
    #this-row-activities-grid .item4{
        grid-column: 1/4;
        grid-row: 3;
    }
    #this-row-activities-grid .item5{
        grid-column: 4/7;
        grid-row: 3;
    }

}

@media screen and (max-width: 768px) {

    #this-row-CTA1 .vc_cta3 .vc_cta3_content-container{
        min-height: 0;
    }

    #this-row-activities-grid .grid-item{
        grid-column: 1/7;
        grid-row: auto;
    }
}

@media screen and (max-width: 576px) {

}

@media screen and (max-width: 480px) {

}
