/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 12 sept. 2022, 14:41:18
    Author     : Bastien
*/
@font-face {
  font-family: "Saira";
  src: url("/font-icons/SairaExtraCondensed-Regular.ttf") format("truetype");
}
*:not(i){
    font-family: "Saira", sans-serif !important;
    letter-spacing: 0.9px !important;
}
#tt-nav > ul > li > a {
    font-size:18px !important;
}
.contact-form{
    max-width:80%;
    margin:auto;
}
.eventContainer select option{
        background-color:white;
    }
    .eventContainer select{
        width: 200px;
        height: 40px;
        background-color: initial;
        color: black /*white*/;
        font-size: 18px;
    }
    
    .contentSelect{
        display:flex;
        flex-direction:row; 
        align-content:center;
        justify-content:space-around;
        align-items:flex-start; 
        margin-bottom:50px;
        margin-top:20px;
    }
    
    @media (max-width: 800px) { 
        .contentSelect{
            flex-direction:column;
            align-items: center;
        } 
        .itemSelect{
            margin:10px;
        }
        .section-title.section-title_bottom-none .section-title__text-under{
            font-size:70px !important;
        }
    }
    
    @media (max-width: 1024px) { 
        #tt-header{
            height:100px !important;
        } 
        .tt-holder{
            height:100% !important;
        }
        .container-fluid-subpages{
            max-width:90% !important;
        }
    }
    
    @media (max-width: 1239px) { 
        #tt-header{
            height:95px;
        } 
    }
    
    @media (max-width: 767px) { 
        #tt-header {
            top: 0px; 
        }
        .container-fluid-subpages{
            margin:auto;
        }
    }
    @media (max-width: 700px){
        .ttcalendar__nav .ttcalendar__navlink {
            top: 20px !important;
        }
        
        .formContentPlay{
            padding: 20px !important;
        }
    }
    .myEventContainer{
        background-color:#703cc8;
        text-align:center;
    }
    .myEventContainerTitle{
        text-transform:uppercase;
        font-size:40px;
        color:white;
        padding:20px;
    }