/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

@font-face {
    font-family: 'Atelas';
    src: url('./fonts/Atelas_PersonalUseOnly.ttf');
    font-weight: normal;
}

.atelas {
    font-family: 'Atelas';
}

/* ----- FORMULAIRE ----- */

input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
input[type="number"], 
input[type="tel"], 
input[type="range"], 
input[type="date"], 
input[type="month"], 
input[type="week"], 
input[type="time"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="color"], 
textarea{
    color: #323343 !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #009e69;
    border-radius: 8px;
    background-color: #CCFCCB;
    margin: 0px 30px 0px 30px;
}

.form-landing{
    padding: 0px 20px 20px 20px;
}

.form-landing h3.titre-1{
    margin-bottom: 20px;
}

.container-radio-gene{
    width: 100%;
}

.radio-type{
    display: flex;
    gap: 20px;
    text-align: center;
    flex-wrap: wrap;
}

.special-input .wpcf7-form-control-wrap {
    position: relative;
}

.special-input span input {
    padding-right: 75px;
}

.special-input span:after {
    content: '€/mois';
    color: #000;
    width: auto;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 9px;
    background: #FFF;
}

.container-radio-gene .item{
    width: calc(50% - 10px);
    background: #FFFFFF;
    border: 2px solid #FFFFFF;

    border-radius: 16px;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

.container-radio-gene img{
    margin: auto;
}

.container-principal .container-radio-gene label{
    display: block;
    padding: 10px;
}

.container-principal .container-radio-gene.chauffage label{
    display: block;
    padding: 0;
}

.wpcf7-form button:hover{
    box-shadow: none;
}

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

.site-header-row-container .site-header-top-section-right .header-social-wrap a.social-button{
    width: 1.3em;
    height: 1.3em;
}

/*.site-main-header-wrap.site-header-row-container.site-header-focus-item.site-header-row-layout-standard.kadence-sticky-header.item-is-fixed.item-is-stuck{*/
/*    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
/*}*/

/* -- Button multi-step -- */

.cf7mls-btns .cf7mls_next.cf7mls_btn.action-button{
    margin: 0px 20px 0px 0px;
}

.wpcf7-form .cf7mls_back.action-button{
    color: var(--vert-roh-fonc, #6E9016);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 125% */
    background: transparent;
}

.wpcf7-form .cf7mls-btns{
    margin-top: 32px;
    justify-content: center;
    height: 40px;
    align-items: center;
    gap: 48px;
}

.wpcf7 form p {
    margin:0;
}

#wpcf7-f1974-p1964-o1 .wpcf7-form .cf7mls-btns {
    margin-top: 0;
}

body .container-principal .container-radio-gene.chauffage label {
    display: flex;
    padding: 0 10px;
    gap: 10px;
}

body .container-principal .container-radio-gene.chauffage label span {
    text-align: left;
    line-height: 25px;
    font-size: 15px;
}

#formulaire2 fieldset[data-cf7mls-order='5'] .container-radio-gene img{
    margin: inherit;
}

#formulaire2 fieldset[data-cf7mls-order='5'] .container-radio-gene label {
    align-items: center;
}

#formulaire2 fieldset[data-cf7mls-order='5'] .container-radio-gene input {
    margin-bottom: 0;
}

#wpcf7-f1763-p1705-o2 fieldset[data-cf7mls-order='3'] input,
#wpcf7-f1997-p1962-o2 fieldset[data-cf7mls-order='7'] input,
#wpcf7-f1974-p1964-o2 .form-landing input,
#wpcf7-f1763-p1705-o1 fieldset[data-cf7mls-order='3'] input,
#wpcf7-f1997-p1962-o1 fieldset[data-cf7mls-order='7'] input,
#wpcf7-f1974-p1964-o1 .form-landing input {
    margin-bottom: 15px;
}

#wpcf7-f1997-p1962-o2 fieldset[data-cf7mls-order='3'] .item, 
#wpcf7-f1997-p1962-o2 fieldset[data-cf7mls-order='6'] .item,
#wpcf7-f1997-p1962-o1 fieldset[data-cf7mls-order='3'] .item, 
#wpcf7-f1997-p1962-o1 fieldset[data-cf7mls-order='6'] .item {
    height: auto;
    margin-bottom: 0;
    padding: 0;
    width: 100%;
}

#wpcf7-f1997-p1962-o2 fieldset[data-cf7mls-order='3'] .item label,
#wpcf7-f1997-p1962-o2 fieldset[data-cf7mls-order='6'] .item label,
#wpcf7-f1997-p1962-o1 fieldset[data-cf7mls-order='3'] .item label,
#wpcf7-f1997-p1962-o1 fieldset[data-cf7mls-order='6'] .item label {
    display: flex;
    gap: 10px;
    padding: 10px;
    font-size: 16px;
    line-height: 25px;
    text-align: left;
}

/* --- MOBILE --- */

#wpcf7-f1974-p1964-o2 .fieldset-cf7mls[data-cf7mls-order='5'] img,
#wpcf7-f1763-p1705-o2 .fieldset-cf7mls[data-cf7mls-order='2'] img {
    margin: 0;
}

#wpcf7-f1974-p1964-o2 .fieldset-cf7mls[data-cf7mls-order='5'] label,
#wpcf7-f1763-p1705-o2 .fieldset-cf7mls[data-cf7mls-order='2'] label {
    align-items: center;
}

@media screen and (max-width: 600px)
{
.radio-type{
    flex-direction: column;
    gap: 16px;
    margin-bottom: 10px;
}

.container-radio-gene .item{
    width: 100%;
}

.wpcf7-form fieldset[data-cf7mls-order='4'] .cf7mls-btns{
    margin-top: 0px;
}

.form-landing{
    padding: 0px 0px 20px 0px;
}

fieldset.fieldset-cf7mls{
    padding: 10px !important;
}

input.wpcf7-form-control.wpcf7-submit{
    font-size: 16px;
}

}

.wpcf7-form .cf7mls_back.action-button{
    padding: 13px 20px;
    min-width: 120px;
}

.wpcf7 ul.cf7mls_progress_bar{
    padding-left: 0;
}

.form-landing .wpcf7-form-control-wrap input{
    border-radius: 8px !important;
    width: 100%;
}

#btn-fin {
    margin: 0;
    width: fit-content;
}

.wpcf7 form p.ctn-btn-final {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 48px;
    flex-wrap: wrap;
    margin-top: 12px;
}

.wpcf7-form .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_no {
    margin: 20px auto 30px;
}

/* -- Suppression des balise <p> -- */

/* fieldset[data-cf7mls-order='0'] > p{
    display: none;
} */

fieldset[data-cf7mls-order='1'] > p{
    display: none;
}

fieldset[data-cf7mls-order='2'] > p{
    display: none;
}

/* -- Class Active -- */

.container-radio-gene .item.active{
    border: 2px solid #0BA8A4;
}

.chauffage.container-radio-gene .item{
    padding: 10px 0px;
    margin-bottom: 20px;
}

/* -- banniere home -- */

.fond-texte{
    width: fit-content;
    padding: 0 10px;
}

.section-hero .has-inline-color{
    padding: 0px 8px;
}

#cf7mls-back-btn-cf7mls_step-4{
    margin: 0px;
}

.custom-ctn{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wpcf7-spinner{
    display: none;
}

/* --- POP UP - responsive --- */

div#popmake-2436{
    @media screen and (max-width: 768px)
    {
        margin: 0 20px;
    }
}

p.blue-popup{
    color: #29343A;
    font-style: italic;
    font-size: 48px;
    line-height: 36px;
}

body .container-landing .kt-inside-inner-col {
    background: transparent;
}

/* --- FOOTER --- */

.footer-widget-area .footer-social-wrap a.social-button{
    width: auto;
}

body .social-show-label-true a.social-button{
    padding: 0;
}

body a.social-button .social-label{
    padding-left: 10px;
}

/******* Formulaires ROH *******/



#header-form {
    display: flex;
    align-items: center;
    box-shadow: 0px 1px 10px 0px rgba(184, 186, 231, 0.30);
    background: #FFF;
    padding: 8px 48px;
    font-family: 'Inter';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 45px;
}

#header-form a {
    color: #003250;
    text-decoration: none;
}

#header-form a:nth-of-type(1) {
    margin-right: 24px;
}

#header-form a:nth-of-type(2) {
    display: flex;
    gap: 6px;
    align-items: center;
}

#header-form .logo {
    width: 58px;
    margin-right: 24px;
}

.container-form {
    max-width: 600px;
    margin: auto;
}

.container-landing {
    max-width:1128px;
    margin:auto;
}

.small-form-link {
    display:flex;
    justify-content: center;
    gap: 6px;
    text-align: center;
    color: #003250;
    font-family: 'Inter';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}

.container-landing h1,
.container-form h1 {
    text-align: center;
    margin-bottom: 12px;
    font-family: 'Inter';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    max-width: 600px;
    margin:auto;
}

.title-form {
    display: block;
    text-align: center;
    font-family: 'Unbounded';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    color: #003250;
    margin-bottom: 32px;
}

.wpcf7-not-valid-tip {
    margin-top: 10px;
    margin-left: 5px;
}

.container-form .wpcf7-list-item-label {
    display:none;
}

.container-form .checkbox-block label span {
    display: inline-block;
}

.checkbox-block {
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0px 8px 32px 0px rgba(184, 186, 231, 0.30);
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 400px;
    min-width: 310px;
    padding: 27px 18px 27px 8px;
}

.checkbox-block .wpcf7-list-item-label {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-left: 10px;
}

a.roh-btn {
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    padding: 10px 16px;
    border-radius: 8px;
    border: 1px solid var(--vert-roh, #95C11F);
    background: var(--vert-roh, #95C11F);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    text-decoration: none;
}

.container-form input[type="radio"]:checked+label { 
    font-weight: bold; 
    color: red;
}

.popmake-content .small-title {
    max-width: 500px;
    margin: auto;
    margin-bottom: 50px;
    margin-top: 32px;
}

.small-title {
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.form-landing .wpcf7-form-control-wrap input:focus {
    border: 1px solid var(--vert-roh, #95C11F);
    background: var(--White, #FFF);
    box-shadow: 0px 0px 0px 4px #E5FDD2, 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.custom-radio {
    box-shadow: 0px 8px 32px 0px rgba(184, 186, 231, 0.30);
    background: #FFF;
    padding: 16px 18px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    border-radius: 32px;
    border: 2px solid #FFF;
    max-width: 200px;
    width: 100%;
}

.ok-check {
    border: 2px solid var(--vert-roh, #95C11F);
}

.custom-radio .wpcf7-list-item {
    margin: 0;
}

.custom-radio svg {
    margin-bottom: 10px;
    max-width: 90px;
}

fieldset .flex-form:nth-of-type(3) {
    margin-top: 32px;
}

.flex-form > p {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.flex-form .custom-radio .wpcf7-form-control-wrap {
    width: 100%;
    text-align: center;
    margin-bottom: 8px;
}

.cf7mls-btns .cf7mls_next.cf7mls_btn.action-button {
    float: none;
    border-radius: 8px;
    border: 1px solid var(--vert-roh, #95C11F);
    background: var(--vert-roh, #95C11F);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    padding: 10px 16px;
}

form.cf7mls input.wpcf7-form-control.wpcf7-submit.btn-envoyer {
    border-radius: 8px;
    float: none;
    font-size: 16px;
    padding: 10px 16px;
    font-weight: 600;
}

.cf7mls-btns {
    display:flex!important;
}

.cf7mls_progress_bar_percent_wrap {
    display: flex;
    flex-direction: column-reverse; 
    margin-bottom: 28px;
}

.fieldset-cf7mls-wrapper {
    margin-bottom: 80px;
}

.bloc-input p {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-ctn {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 320px;
    margin: auto;
}

.percentage {
    margin-left: 30px;
    margin-right: 30px;
}

.percentage > p {
    font-family: Inter;
    width: fit-content;
    float: right;
    background: #FFF;
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
    transform: translateX(50%);
    font-size: 12px;
    color: var(--Gray-700, #344054);
    text-align: center;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    position: relative;
    bottom: -10px;
}

.percentage > p:after {
    content: '';
    bottom: -15px;
    left: calc(50% - 8px);
    border-top: 8px solid white;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
}

.cf7mls_progress_bar_percent_wrap .cf7mls_progress_barinner {
    position: relative;
    border-radius: 4px;
}

.cf7mls_progress_bar_percent_wrap .cf7mls_progress_barinner:after { 
    content: '';
    width: 8px;
    height: 8px;
    background: var(--vert-roh, #95C11F);
    right: -4px;
    border-radius: 15px;
    position: absolute;
}

.percentage.stepzero > p {
    float: left;
    transform: translateX(-50%);
}

body .cf7mls_progress_bar_percent_wrap .cf7mls_progress_percent {
    height: 8px;
    overflow: unset;
    margin-left: 30px;
    margin-right: 30px;
}

.custom-radio span {
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    width: 100%;
}

#col-logo {
    display: flex;
    flex-direction: row;
    gap: 8px;
    width: fit-content;
    margin: auto;
    margin-bottom: 110px;
    margin-top: 8px;
}

.txt-label {
    font-size: 14px;
    font-family: 'Inter';
    line-height: 20px;
    font-weight: 500;
    color: var(--Gray-700, #344054);
}

.container-landing .kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id4594_a0ccfb-8e {
    margin-top: 0;
}

.container-landing .kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id6_d1b85a-74 .kt-inside-inner-col {
    background: transparent;
}

.container-landing .title-form {
    margin-top: 24px;
    margin-bottom: 24px;
}


@media (max-width: 768px) {
    .flex-form.flex-3 p {
        flex-wrap: wrap;
    }
}

/***************    END SMALL -MOBILE   ******************/
@media (min-width:480px) {
    .flex-form > p {
        display: flex;
        justify-content: center;
        gap: 32px;
    }
}


/***************    END MOBILE   ******************/
@media (min-width:768px) {

    .container-landing h1,
    .container-form h1 {
        font-size: 32px;
        margin-bottom: 20px;
    } 

    .container-landing .title-form {
        margin-top: 64px;
        margin-bottom: 64px;
    }


    .percentage {
        margin-left: 0;
        margin-right: 0;
    }

    body .cf7mls_progress_bar_percent_wrap .cf7mls_progress_percent { 
        margin-left: 0;
        margin-right: 0;
    }

    .custom-radio span {
        font-size: 16px;
    }

    .custom-radio svg {
        max-width: 120px;
    }

    .custom-radio {
        padding: 27px 15px;
    }

    .flex-form .custom-radio .wpcf7-form-control-wrap {
        margin-bottom: 16px;
    }

    #header-form {
        margin-bottom: 90px;
    }

    .fieldset-cf7mls-wrapper {
        margin-bottom: 0;
    }

    .title-form {
        font-size: 28px;
        margin-bottom: 64px;
    }

    .cf7mls_progress_bar_percent_wrap {
        margin-bottom: 64px;
    }
}

/***************    END TABLET   ******************/

@media (min-width:1300px) {
    #col-logo {
        display: flex;
        flex-direction: column;
        gap: 32px;
        position: absolute;
        width: fit-content;
        left: 2%;
        top: calc(50% + 74px);
        transform: translateY(-50%);
        margin-bottom: 0px;
        margin-top: 0;
    }
}