@charset "UTF-8";
/**
Theme Name: Divi child
Author: Brainstorm Force
Author URI: Éclaté
Description: Child theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: divi-child
Template: Divi
*/


/* #region Fonts */
h1 {
    font-size: var(--fs-h1);
}
h2 {
    font-size: var(--fs-h2);
}
h3 {
    font-size: var(--fs-h3);
}
h4 {
    font-size: var(--fs-h4);
}
h5 {
    font-size: var(--fs-h5);
}
h6 {
    font-size: var(--fs-h6);
}

:is(h1, h2, h3, h4, h5, h6) {
    font-weight: var(--fw-title) !important;
    line-height: var(--lh-title);
    text-transform: var(--tt-title);
}

p:not(.has-background):last-of-type
    + :is(ol, ul):not(.nav):not(.menu):not(#mobile_menu):not(.sub-menu):not(.et_pb_social_media_follow) {
    padding-top: 1em !important;
}

/* À tester */

:is(ol, ul):not(.nav):not(.menu):last-child {
    padding-bottom: 0;
}


/* #end Fonts */

/* #region Images */
.radius .et_pb_image_wrap img {
    border-radius: var(--img-radius);
}
/* #end Images */

/* #region Boutons */

#page-container .et_pb_button {
    font-size: var(--btn-fs) !important;
    padding: var(--btn-pad) !important;
    border-radius: var(--btn-radius);

    border: var(--btn-border);
    background-color: var(--btn-background);
    color: var(--btn-color);
}

#page-container .et_pb_button.et_pb_bg_layout_light:hover {
    border-color: var(--btn-hover-border-color);
    background-color: var(--btn-hover-background);
    color: var(--btn-hover-color);
}

#page-container .et_pb_button.et_pb_bg_layout_dark {
    background-color: var(--dark-section-btn-background);
    color: var(--dark-section-btn-color) !important;
    border-color: var(--dark-section-btn-border-color) !important;
}

#page-container .et_pb_button.et_pb_bg_layout_dark:hover {
    background-color: var(--dark-section-btn-hover-background);
    color: var(--dark-section-btn-hover-color) !important;
    border-color: var(--dark-section-btn-hover-border-color) !important;
}

/* #end Boutons */

/* #region Section & rows */

    :is(.et_pb_section, .et_pb_row).dark {
        background-color: var(--dark-section-bg);
    }

/* #end Section */

/* #region Menu */
#main-header,
#main-header.et-fixed-header {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#et-top-navigation {
    padding-top: 20px;
    padding-bottom: 20px;
}

.mobile_menu_bar {
    padding-bottom: 0 !important;
    width: 50px;
    height: 50px;
    background-color: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
}

#main-header .mobile_nav.opened .mobile_menu_bar_toggle:before {
    content: 'M';
    /*color: var(--beige) !important;*/
}

/* #end Menu */

/* #region Social medias */
.social-medias a {
    /* color: currentColor; */
    font-size: 25px;
}

.social-medias {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* #end Social medias */

/* #region Témoignages */

.temoignages {
    position: relative;
    text-align: center;
}

.temoignages .navigation {
}

.temoignages .navigation > span {
    /* background-color: #000; */
    /* width: 40px; */
    /* height: 40px; */
    display: block;
    cursor: pointer;
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    z-index: 100;
    font-size: 30px;
}

.temoignages .navigation > span.nav-prev {
    left: 0;
    /* translate: -100% -50%; */
}

.temoignages .navigation > span.nav-next {
    right: 0;
    /* translate: 100% -50%; */
}

.temoignages .navigation > span i {
    display: block;
}

/* #end Témoignages */

/* #region FAQ */

.custom-toggles .toggle-wrap,
.et_pb_toggle {
    border: var(--toggle-border);
    background-color: var(--toggle-background);
    border-radius: var(--toggle-radius);
    align-items: center;
}

:is(.custom-toggles .toggle-wrap, .et_pb_accordion_item):not(:last-child) {
    margin-bottom: var(--toggle-gap, 20px) !important;
}

:is(.custom-toggles .toggle-wrap, .et_pb_toggle).opened .icone {
    rotate: 45deg;
}

.et_pb_toggle {
    padding: 0 !important;
}

.faq-q,
.et_pb_toggle_title {
    font-size: var(--toggle-fs);
    line-height: var(--lh-title);
    font-weight: var(--fw-title);
    /* padding: calc(min(var(--toggle-pad-v), 34px) - 2px) calc(((var(--toggle-pad-h) * 2) + var(--toggle-icon-size)) + 2px) calc(min(var(--toggle-pad-v), 36px) - 2px) var(--toggle-pad-h) !important; */
    padding: var(--toggle-pad-v) calc((var(--toggle-pad-h) * 2) + var(--toggle-icon-size)) var(--toggle-pad-v)
        var(--toggle-pad-h) !important;
    cursor: pointer;
    position: relative;
    color: var(--toggle-title-color, #000) !important;
    text-transform: var(--tt-title);
    display: flex !important;
    align-items: center;
    /* width: 100%; */
}

.et_pb_toggle_title:before {
    display: none !important;
}

:is(.faq-q, .et_pb_toggle_title) .icone {
    position: absolute;
    right: var(--toggle-pad-h);
    top: 50%;
    translate: 0 -50%;
    transition: all 200ms ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

:is(.faq-q, .et_pb_toggle_title) .icone.default-icone {
    color: var(--toggle-icon-color, #000);
    font-size: var(--toggle-icon-size, clamp(18px, 16.31px + 0.4225vw, 24px));
}

:is(.faq-q, .et_pb_toggle_title) .icone.custom-icone svg {
    color: var(--toggle-icon-color, #000);
    width: var(--toggle-icon-size, clamp(18px, 16.31px + 0.4225vw, 24px));
    height: var(--toggle-icon-size, clamp(18px, 16.31px + 0.4225vw, 24px));
}

.faq-a.contenus,
.et_pb_toggle_content {
    /* padding: 0 var(--toggle-pad-h) calc(min(var(--toggle-pad-v), 34px) - 2px) !important; */
    padding: 0 var(--toggle-pad-h) calc(min(var(--toggle-pad-v), 36px) - 2px);
}

/* #end FAQ */

/* #region WPCF7 */

/* 
TODO create :
--form-fs: 16, 17, 18;?
--form-gap: 1.5em;
--form-field-pad: 0.9em;
--form-field-rad: ;

--form-field-border: solid 2px #000 !important;
--form-field-color: #000;
--form-field-bg-color: #fff; ? add transparent too ?


* For checkboxes too?
--form-checkboxes-gap: 8px;
*/

/* replace by 3 values range? */
/*
.wpcf7 {
    --form-fs: 18px;
}

@media (min-width: 768px) and (max-width: 980px) {
    .wpcf7 {
        --form-fs: 17px;
    }
}

@media (max-width: 767px) {
    .wpcf7 {
        --form-fs: 16px;
    }
}
*/

.wpcf7 {
    /* font-size: var(--form-fs); */
}

.wpcf7-form-control-wrap {
    width: 100%;
}

.wpcf7-form-control-wrap + .wpcf7-form-control-wrap,
.wpcf7-form.not-empty div:has(> .wpcf7-form-control-wrap[data-name='acceptance-check']) {
    /* margin-top: 1.5em; */
    margin-top: calc(var(--form-fs) * var(--form-fields-gap, 1.1));
}

.wpcf7-text,
.wpcf7-email,
.wpcf7-tel,
.wpcf7-select,
.wpcf7-textarea {
    font-size: var(--form-fs);
    border: var(--form-fields-border) !important;
    color: var(--form-fields-color) !important;
    /* padding: 0.9em !important; */
    padding: var(--form-fields-pad) !important;

    display: block;
    width: 100%;
    border-radius: var(--form-fields-rad) !important;
    font-weight: 500;
}

.wpcf7-select,
.wpcf7-checkbox .wpcf7-list-item label {
    cursor: pointer;
}

.wpcf7-form-control-wrap > .wpcf7-list-item {
    font-size: var(--form-fs);
}

.wpcf7-list-item label {
    display: flex;
    flex-wrap: wrap;
    /* gap: 8px; */
    gap: 0.6em;
}

.wpcf7-acceptance .wpcf7-list-item label {
    flex-wrap: nowrap;
    /*margin-top: 5px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;*/
}

.wpcf7-acceptance .wpcf7-list-item {
    margin-left: 0;
    /* padding-left: 19px; */
    /* text-indent: -22px; */
}

.wpcf7-list-item input {
    margin-left: 0;
    margin-right: 0;
}

.wpcf7-list-item.first {
    margin-left: 0;
}

.wpcf7-textarea {
    max-height: 400px;
    min-height: 150px;
    height: 200px;

    max-width: 100%;
    min-width: 100%;
    width: 100%;
}

:is(.wpcf7-text, .wpcf7-email, .wpcf7-tel, .wpcf7-textarea)::placeholder {
    color: var(--blue);
}

.wpcf7-submit {
    font-size: var(--btn-fs);
    font-weight: var(--fw-title);
    margin-top: 30px;

    position: relative;
    border: none !important;
    /* background: #000 !important; */
    /* color: var(--beige) !important; */
    overflow: hidden;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
}

.wpcf7-submit:not([disabled]):hover {
    background-color: #fff !important;
    color: #000 !important;
}

.wpcf7-form-control-wrap {
    display: flex;
    flex-direction: column;
    gap: 16px; /*should it be a var() ??*/
}

.wpcf7-not-valid-tip {
    margin-top: auto;
}

/* #end WPCF7 */