/*
Theme Name: EKOLAND
Description: Theme enfant de Pixelisa
Author: Lisa Alvarez - Pixelisa
Author URI: https://www.pixe-lisa.com
Template: Divi
Version: 0.1.0
*/

/*- Add any CSS custom code for this child theme below this line -*/
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
    overflow-x: hidden!important;
}
body, html {
    overflow-x: hidden!important;
}
body, #main-content {
    background-color: #040506;
}
body {
    overflow-x: hidden !important;
    height: auto !important;
}


html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
    padding-right: 0px;
}

img[title]:hover:after {
    content: attr(title);
    display: none !important;
}

img[alt]:hover:after {
    content: attr(alt);
    display: none !important;
}

.gform_button:hover {
    cursor: pointer;
}

.glitch-wrapper {
    background-color:transparent;
}

.li-orange ::marker {
    color: #C24A1F;
}

.li-vert ::marker {
    color: #0a4a3b;
}


.grecaptcha-badge {
    display:none !important;
}

.bigtitle * { white-space: nowrap; }
.title-1 h1 { font-size: 70px !important; }
.title-2 h1 { font-size: 70px !important; }

@media all and (max-width: 750px) {
    .title-1 h1 { font-size: 50px !important; }
    .title-2 h1 { font-size: 45px !important; }
}

.accroche {
    display: inline-flex;
    gap: 10px; 
    align-items: baseline;
    line-height: 1.2em;
}
.accroche p {
    line-height: 1.2em;
}

/**********************************/
/*             Gravity            */
/**********************************/
.gform-theme {
    --gform-theme-control-choice-check-color : #0A4A3B !important;
    --gform-theme-control-accent-color: #0A4A3B !important;
    --gform-theme-color-primary: #0A4A3B !important;
    --gform-theme-control-color: #0A4A3B !important;
    --gform-theme-color-primary-rgb: rgb(10, 74, 59) !important;
    --gform-theme-color-inside-control-dark-lighter: #fff !important;
}

.gform-body input[type=text],
.gform-body input[type=email],
.gform-body input[type=tel],
.gform-body input[type=number],
.gform-body select,
.gform-body textarea {
    background-color:transparent !important;
    color: #fff !important;
    border:none !important;
    border-bottom: 1px solid white !important;
    margin: 5px 0 !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

.gform-body option {
    color:#000;
}

.gform_footer input[type=submit] {
    background-color: #0A4A3B !important;

    transition: all 0.3 ease-in-out;l
}

.gform_footer input[type=submit]:hover {
    background-color: #0A4A3B !important;
}

.gfield_consent_label {
    color: #ededed !important;
}

.gfield_radio label,
#field_4_10 label,
#field_4_11 legend {
    color: #fff !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

/* Radio Button / Check boxes */
input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    width: 20px;
    height: 20px;

    background-color: #ffffff !important;
    border: 2px solid #0A4A3B !important;
    transition: 0.2s all linear !important;
    border-radius: 50% !important;
}

input[type=radio]:checked {
    background-color: #0A4A3B !important;
    border: 7px solid #0A4A3B !important;
}
/* End radio button / Check boxes */

/**********************************/
/*              Menu              */
/**********************************/
.menu-container {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
}

.menu-container img {
    height: 150px;
}

.menu-principal {
    display: inline-flex;
    gap: 18px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 15px;
}

@media all and (max-width: 940px) {
    .menu-principal {
        display: flex;
        flex-direction: column;
    }
}

.menu-principal li {
    list-style-type: none;
}

.menu-principal li a {
    color: white !important;
    font-family: 'capsmall',Georgia,"Times New Roman",serif !important;
    letter-spacing: 1px;
}

.menu-principal li:last-child a {
    padding: 8px 10px;
    background-color: #972A14;
    border-radius: 5px;
    text-transform: none;
    transition: all 0.5s;
}
.menu-principal li:last-child a:hover {
    filter: brightness(85%);
}

.menu-container {
    display: inline-flex;
    justify-content: flex-end;
    width: 100%;
}

/********************************************************************************************/
/* Menu mobile */
.menu-mobile {
    display: flex;
    justify-content:space-between;
    gap:20px;
}

.menu-mobile a {
    color:white;
    display: flex;
    flex-direction: column;
    gap:5px;
}

.menu-mobile a span {
    font-family: "capsmall";
    letter-spacing: 1px;
    font-size: 14px;
}

.menu-mobile a i {
    font-size: 22px;
}

/* Passez le menu en vertical */
#vertical_menu .et_pb_menu__menu > nav > ul {
    display: block!important;
}

#vertical_menu .et_pb_menu__menu > nav > ul > li > a {
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
}

@media only screen and (max-width: 980px) {
    #vertical_menu .et_pb_menu__menu > nav > ul > li > a {
        margin-bottom: 5px;
    }
}

/* Désactivez le menu mobile */
.et_mobile_nav_menu {
    display: none!important;
}
.et_pb_menu__menu {
    display: block!important;
}

/* Ajouter un separateur */
@media only screen and (max-width: 980px) {
    #vertical_menu .et_pb_menu__menu > nav > ul > li:not(:last-child) > a:after {
        margin: 10px auto;
    }
}

body:not(.et-tb) #menu_fullscreen {
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-150vh);
    -ms-transform: translateY(-150vh);
    transform: translateY(-150vh);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
body:not(.et-tb) #menu_fullscreen.visible_menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

#menu_fullscreen {
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter: blur(10px); /* Pour la compatibilité avec Safari */
}

#btn_show_menu.active_menu:after {
    content: ""!important;
}

.no_overflow {
    overflow: hidden;
}

/********************************************************************************************/

/* Raccourcis */
.raccourcis-container {
    display:flex;
    flex-direction:column;
    gap:15px;
}

.raccourcis-container a {
    cursor:pointer;
    color:white;
}
.raccourcis-container i {
    font-size: 25px;
    margin-bottom: 10px
}

.raccourcis-item {
    padding:23px 15px;
    text-align:center;
    border-radius:2px;
    font-size:18px;
    transition: all 0.3s ease-in-out;
}

.raccourcis-item:hover {
    transform: scale(1.2);
}



.link {
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    transition:color 0.2s;
}
.link::before {
    content: '';
}
.link::before, .link::after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #972A14;
    top: 100%;
    left: 0;
    pointer-events: none;
}

.link--ersa:hover,
.link--ersa.active {
    color: #972A14 !important;
    outline: none;
}
.link--ersa {
    padding: 0 5px;
}
.link--ersa:hover::before,
.link--ersa.active::before{
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}
.link--ersa::before {
    top: 100%;
    height: 2px;
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s cubic-bezier(0.4, 1, 0.8, 1);
}

.link--ersa span {
    display: inline-block;
    transition: transform 0.3s cubic-bezier(0.4, 1, 0.8, 1);
}


.menu-footer {
    text-align:center;
}

.menu-footer a span{
    transition: all 0.3s ease-in-out;
}
.menu-footer a:hover span {
    color:#972A14;
}

.menu-principal li:last-child a:hover span {
    color:#fff;
}

/**********************************/
/*          Tabulation            */
/**********************************/

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to {  opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to {  opacity: 1; }
}

.tab-content {
    display: none;
    min-height: 200px;
    color: #000;
}
.tab-content.parc {
    min-height: 250px;
    color: #fff;
}

.tab-content h4 {
    color: #000;
    font-size:20px;
    font-weight:600;
}

.tab-content.active {
    display: grid;
    grid-template-columns:60% 40%;
    -webkit-animation: fadeIn 1.5s;
    animation: fadeIn 1.5s;
}
.tab-content.parc.active {
    display: flex;
    width: 100%;
}

.tab {
    display: block;
    color: #0A4A3B;
    transition: 0.3s;
    width: fit-content;
    border-bottom: 1px solid #0A4A3B;
}

.tab:hover,
.tab.active {
    cursor: pointer;
    border-bottom: 5px solid #0A4A3B;
    font-weight:600;
}

.tabs-links {
    display: inline-flex;
    width:100%;
}

.tabs-links a {
    width: 100%;
    text-align:center;
    font-family: 'capsmall',Georgia,"Times New Roman",serif;
    font-size:20px;
    padding-bottom:5px;
    font-weight:500;
}

.tab-price {
    width: 100%;
    font-size : 50px;
    text-align:center;
    margin-top: 50px;
    font-weight:800;
    color: #0A4A3B;
    transform: rotate(-0.01turn);
}

.tab-price img {
    margin-top: -60px;
}

@media all and (max-width: 750px) {
    .tab-content.active {
        grid-template-columns: 100%;
    }
    .tab-price {
        display:flex;
        justify-content: conter;
        align-items:center;
        flex-direction: column;
        width:100%;
    }
    .tab-price img {
        margin-top: -40px;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
}

/**********************************/
/*          Newsletter            */
/**********************************/
#gform_2 {
    display: inline flex;
    width: 100%;
    gap: 20px;
}

#gform_2 .gform_body {
    width: 100%
}

#gform_2 .gform_footer {
    display: block;
}

#gform_submit_button_2 {
    background-color: transparent !important;
    font-weight: 800;
    text-transform: uppercase;
}

#gform_2 .gform_footer.before {
    margin-top: 0px;
}

/**********************************/
/*             Events             */
/**********************************/
.events-liste {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
}

.events-liste article {
    height: 350px;
    border-radius: 10px;
    cursor:pointer;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.events-liste article:hover {
    transform: scale(0.95);
}

.events-liste .event-content {
    position: absolute;
    bottom: 0;
    padding: 15px 25px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: center;
    /*backdrop-filter: blur(7px);*/
    border-radius: 0px 0px 10px 10px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
}

.event-content p {
    color:#ededed
}

.event-content h4 {
    display: flex;
    justify-content:center;
    gap: 20px;
    align-items:center;
    padding-bottom:0;
}

.event-content h3 {
    font-size:26px
}

.event-place {
    position:absolute;
    right:0;
    top: 0;
    padding: 5px 15px;
    background-color:#0A4A3B;
    color:white;
    border-radius: 0px 10px 0px 10px;
}

.event-place.complet {
    background-color:#c24a1f;
}

@media screen and (max-width: 1400px) {
    .events-liste {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 940px) {
    .events-liste {
        grid-template-columns: 1fr;
    }
}

/**********************************/
/*             Presse             */
/**********************************/
.presse-liste {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
}

.presse-liste article {
    height: 350px;
    border-radius: 10px;
    cursor:pointer;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.presse-liste article:hover {
    transform: scale(0.95);
}

.presse-liste .presse-content {
    position: absolute;
    bottom:0;
    padding: 15px 25px;

    display: flex;
    flex-direction: column;
    text-align:center;

    border-radius: 0px 0px 10px 10px;
}

@media screen and (max-width: 1400px) {
    .presse-liste {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 940px) {
    .presse-liste {
        grid-template-columns: 1fr;
    }
}

/**********************************/
/*             Presse             */
/**********************************/

.pourquoi-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
    width:100%;
    justify-content: center;
}

.pourquoi-container article {
    display: grid;
    flex-direction: column;
    grid-template-rows: 150px auto 1fr;
    gap: 18px;
    justify-content: space-between;
    text-align: center;
}

.pourquoi-container img {
    object-fit:contain;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
}

.pourquoi-container h4 {
    color: #000;
}

@media all and (max-width: 750px) {
    .pourquoi-container {
        grid-template-columns: 100%;
    }

    .pourquoi-container article {
        grid-template-columns: 100%;
    }
}


/**********************************/
/*           EKOGAMES             */
/**********************************/


#gform_wrapper_11 * ,
#gform_wrapper_10 * ,
#gform_wrapper_26 * ,
#gform_wrapper_25 * {
    font-family: "Montserrat" !important;
}


#gform_wrapper_11 .gform_required_legend ,
#gform_wrapper_10 .gform_required_legend ,
#gform_wrapper_26 .gform_required_legend ,
#gform_wrapper_25 .gform_required_legend {
    color: #fed00d !important;
    font-weight: 500 !important;
    font-size: 13px !important;
}

#gform_wrapper_11 .gfield_label ,
#gform_wrapper_10 .gfield_label ,
#gform_wrapper_26 .gfield_label ,
#gform_wrapper_25 .gfield_label {
    color: black !important;
    font-weight: 700 !important;
}

#gform_wrapper_11 ::placeholder ,
#gform_wrapper_10 ::placeholder ,
#gform_wrapper_26 ::placeholder ,
#gform_wrapper_25 ::placeholder {
    color: #0405067a !important;
    font-weight: 700 !important;
}

#gform_wrapper_11 #input_11_6 ,
#gform_wrapper_10 #input_11_6 ,
#gform_wrapper_26 #input_11_6 ,
#gform_wrapper_25 #input_11_6 {
    color: #56d791 !important;
}

#gform_wrapper_11 input,
#gform_wrapper_11 select,
#gform_wrapper_11 label ,
#gform_wrapper_10 input,
#gform_wrapper_10 label ,
#gform_wrapper_10 select,
#gform_wrapper_26 input,
#gform_wrapper_26 label ,
#gform_wrapper_26 select,
#gform_wrapper_25 input,
#gform_wrapper_25 select,
#gform_wrapper_25 label {
    color: black !important;
}

#gform_wrapper_11 .gform_button ,
#gform_wrapper_10 .gform_button ,
#gform_wrapper_26 .gform_button ,
#gform_wrapper_25 .gform_button {
    color: #FFFFFF !important;
    letter-spacing: 2px !important;
    border-radius: 10px !important;
    font-size: 18px !important;
    background-color: #c11318 !important;
    font-family: 'capsmall', Georgia, "Times New Roman", serif !important;
}

#gform_wrapper_11 .gfield_validation_message,
#gform_wrapper_11 a ,
#gform_wrapper_10 .gfield_validation_message,
#gform_wrapper_10 a ,
#gform_wrapper_26 .gfield_validation_message,
#gform_wrapper_26 a ,
#gform_wrapper_25 .gfield_validation_message,
#gform_wrapper_25 a {
    color: #c11318 !important;
    font-weight: 700 !important;
}

#gform_wrapper_11 #gf_coupon_button ,
#gform_wrapper_10 #gf_coupon_button ,
#gform_wrapper_26 #gf_coupon_button ,
#gform_wrapper_25 #gf_coupon_button {
    color: #fff !important;
    letter-spacing: 2px !important;
    border-radius: 10px !important;
    font-size: 18px !important;
    background-color: #000 !important;
    font-family: 'capsmall', Georgia, "Times New Roman", serif !important;
}