/*
Theme Name: Mon thème par Dev'Impulse
Theme URI:  https://dev-impulse.com
Author:     DevImpulse
Author URI: https://dev-impulse.com
Template:   hello-elementor
Version:    1.0
License:    GNU General Public License v2 or later
*/
			    
/* CSS added with WPS Child Theme Generator */			    

/* ----- VARIABLES ----- */
body{
    --link_opacity: 1;
}


/* ---------- GENERAL ---------- */

/* Ancre de menu */
.section_ancre{
    height: 0;
}


/* ---------- HEADER ---------- */

/* Sticky header */
.she-header #logo{
/*    height: 70px !important;
*/}


/* ---------- FOOTER ---------- */

/* Formulaire de contact */
label[for=form-field-field_632b715]{
    font-size: 12px;
    line-height: 0.5;
}
footer input:focus, footer textarea:focus{
    border-color: var(--e-global-color-secondary)!important;
}
footer button:not(.e-form__buttons__wrapper__button-previous){
    border: 2px solid var(--e-global-color-secondary) !important;
}
footer .e-form__buttons__wrapper__button-previous:hover{
    opacity: var(--link_opacity);
}

/* Design sur tablette */
@media (min-width: 768px) and (max-width: 1024px) {
    footer .column_left{
        position: absolute !important;
    }
    footer .column_right{
        min-height: 240px;
    }
}


/* ---------- COOKIES ---------- */

/* Barre de cookies */
#cookie-law-info-bar,
.cli-modal-content,
.cli-modal-backdrop,
#cliSettingsPopup .cli-privacy-content-text{
    background-color: var(--e-global-color-primary)!important;
    color: var(--e-global-color-text)!important;
}
#cookie-law-info-bar [role="button"],
#cliSettingsPopup [role="button"]{
    font-family: var(--e-global-typography-accent-font-family);
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    line-height: var(--e-global-typography-accent-line-height);
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
}
#cookie-law-info-bar [role="button"]:not(.cli_settings_button),
#cliSettingsPopup .wt-cli-privacy-btn,
#cliSettingsPopup .cli-modal-close,
#cliSettingsPopup .cli-switch input:checked + .cli-slider{
    color: var(--e-global-color-primary)!important;
    background-color: var(--e-global-color-secondary)!important;
}
#cookie-law-info-bar .cli_settings_button,
#cliSettingsPopup h4{
    color: var(--e-global-color-secondary)!important;
}

/* Fenêtre des paramètres */
#cliSettingsPopup .cli-modal-close{
    border-radius: 0;
}
#cliSettingsPopup .cli-modal-close svg{
    fill: var(--e-global-color-primary);   
}
#cliSettingsPopup .cli-modal-close:hover{
    opacity: var(--link_opacity);
}
table.cookielawinfo-winter{
    font-family: var(--e-global-typography-text-font-family) !important;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
}


/* ---------- ELEMENTOR ---------- */

/* Suppression de la barre d'administration dans Elementor (s'affiche à cause de Branda) */
.e-preview--show-hidden-elements #wpadminbar{
    height: 0px;
    display: none;
}




/* ---------- Bouton Gutenberg ---------- */
.wp-block-button .wp-element-button{
    font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
    font-size: var( --e-global-typography-accent-font-size );
    font-weight: var( --e-global-typography-accent-font-weight );
    text-transform: var( --e-global-typography-accent-text-transform );
    line-height: var( --e-global-typography-accent-line-height );
    letter-spacing: var( --e-global-typography-accent-letter-spacing );
    border-radius: 3px;
    border: solid 5px var( --e-global-color-secondary);
    padding: 15px 20px 15px 20px;
    background-color: var( --e-global-color-secondary);
    color: var(--e-global-color-text) !important;
    transition: all .3s;
}
.wp-block-button .wp-element-button:hover{
    background-color: var( --e-global-color-text) !important;
    color: var(--e-global-color-secondary) !important;
}