/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* GENERAL */
div#wpadminbar {
    z-index: 999999999999999999999999;
}

body {
   /* background: #f8f7f3;*/
    overflow-x: hidden;
    }

/* MENU */
.scroll-background {
    position: fixed;
    margin-top: 0px;
    z-index: 999;
}

@media only screen and (min-width: 1600px){
    header .elementskit-menu-container ul li{
        margin-right: 22px!important;
    }
    header .elementskit-menu-container ul li a{
        font-size: 16px !important;
    }
}


@media only screen and (min-width: 1440px){
    header .elementskit-menu-container ul li{
        margin-right: 16px!important;
    }
}

@media only screen and (min-width: 1262px){
    .contact-menu a {
        background: #86A22F;
        color: white !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        border-radius: 10px !important;
        margin-left: 12px;
    }

    .contact-menu a:hover {
        background: #7a5e40!important;
    }    
}



.lien-texte a {
    color: #86A22F;
    text-decoration: none;
}

ul.elementskit-dropdown.elementskit-submenu-panel {
    background: white;
    border-radius: 20px !important;
    border-color: white;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.5px;
}

button.elementskit-menu-hamburger.elementskit-menu-toggler:hover, button.elementskit-menu-hamburger.elementskit-menu-toggler:focus {
    background: white;
}

button.elementskit-menu-close.elementskit-menu-toggler:hover, button.elementskit-menu-close.elementskit-menu-toggler:focus {
    background: #f7f7f7;
}

/* ACCUEIL */



/* ACTUALITES / BLOG */

#blog-impkt .elementskit-post-image-card{
	height: 100%;
	position: relative;
	padding-bottom: 60px;
}

#blog-impkt .elementskit-post-image-card .elementskit-post-body{
	position: unset;
}
#blog-impkt .elementskit-post-image-card .btn-wraper{
	position: absolute;
	bottom: 0;
	left 30px;
}


.blog-actus img {
    height: 207px !important;
    
	object-fit: cover;
}
.single-post main#content {
    padding-top: 150px;

}

.img-header-blog img {
    height: 340px;
    object-fit: cover !important;
    border-radius: 20px;
    margin-bottom: 20px;
}

#img-btn-article img {
    height: 250px;
    object-fit: cover;
    width: 1500px;
    margin-top: 30px;
    border-radius: 20px;
	margin-bottom: -40px;
}

.wp-block-button.btn-articles a {
    background: #B69E84;
    color: white;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    letter-spacing: 0.8px;
    border-radius: 10px;
	margin-bottom: 30px;
}

a.wp-block-button__link.wp-element-button:hover {
    background: #7a5e40;
    color: white;
}

p.lire-plus {
    border-left: solid 2px #b69e84;
    height: 50px;
    align-items: center;
    display: flex;
    padding-left: 15px;
    margin-top: 35px;
    margin-bottom: 20px;
}

.single-post li {
    margin-top: 20px;
    text-align: justify;
}

/* sidebar blog */
#sidebar {
	width: 150%;
	 margin-left: 24px;
	margin-top: -20px;
}

.sidebar-content {
	 display: flex;
}

#sidebar ::marker {
	 color: white;
}

.wp-block-latest-posts__list.wp-block-latest-posts img {
	margin-bottom: 15px;
}

.wp-block-latest-posts__featured-image img {
	height: 80px !important;
	max-width: 100% !important;
	width: 400px !important;
	object-fit: cover !important;
	margin-bottom: 6px !important;
}

.wp-block-latest-posts__post-date {
	display: block !important;
	font-size: .8125em !important;
	margin-bottom: 20px;
	margin-top: -5px;
}

li#block-9 {
    list-style: none;
}

h2.titre-form {
    font-family: 'Poppins', sans-serif;
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

form.wpcf7-form {
    background: #b69e84;
    border-radius: 20px;
    padding: 30px;
    list-style: none;
    padding-bottom: 60px !important;

}

/* articles recents */

.single-post a {
    color: #7a5e40;
    text-decoration: none;
}

.articles-recents img.attachment-thumbnail.size-thumbnail.wp-post-image {
    height: 135px !important;
}

.articles-recents a.wp-block-latest-posts__post-title {
    color: black;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
}

ul.wp-block-latest-posts__list.is-grid.columns-2.articles-recents.wp-block-latest-posts {
    background: #e7decb;
    padding: 20px;
    border-radius: 20px;
	margin-bottom: 100px !important;
}

ul.wp-block-latest-posts__list.is-grid.columns-3.articles-recents.wp-block-latest-posts img {
    border-radius: 11px;
}

h2.wp-block-heading.articles-recents-titre {
    margin-top: 50px;
	margin-bottom: -40px;
}

.wp-block-latest-posts__featured-image img {
    height: 130px !important;
}

a.wp-block-button__link.wp-element-button {
    background: #e7decb;
    color: white;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: 9px !important;
    margin-bottom: 20px;
}

/*Titres & textes*/
.single-post h1.entry-title {
	display: none;
}

h1.wp-block-post-title {
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
}

.single-post h2.wp-block-heading {
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    padding-top: 20px;
}

.single-post h3.wp-block-heading {
    color: #B69E84;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 20px;
}

.single-post p {
    font-family: 'League Spartan', sans-serif;
    font-weight: 300;
	font-size: 17px;
}

.single-post .page-content {
	text-align: justify;
}

/* formulaire de page interieur*/
.formulaire-page form.wpcf7-form {
    background: #b69e84;
    border-radius: 20px;
    padding: 0;
    list-style: none;
    padding-bottom: 45px;
}

/* ---- FORMULAIRE DE CONTACT ---- */

.contact-form form label {
    color: #000000;
}

.contact-form .dual-forms div input {
    border-color: #000000;
}

.contact-form input.wpcf7-form-control.wpcf7-text:focus, input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email:focus, input.wpcf7-form-control.wpcf7-text:focus, textarea.wpcf7-form-control.wpcf7-textarea:focus {
    border-color: #000000 !important;
	background: #ae957a;
	outline: none;
}

.contact-form textarea.wpcf7-form-control.wpcf7-textarea {
    border-color: #000000;
    color: #000000;
}

.contact-form input.wpcf7-form-control.wpcf7-text {
    color: #000000;
}
.wpcf7 form.sent .wpcf7-response-output {
	color: #fff;
    border-color: #ffffff00;
    margin-top: 49px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb90000;
    margin-top: 40px;
}

p.send-button {
    margin-bottom: -60px;
}

form.wpcf7-form {
    color: black;
    text-transform: none !important;
    font-family: outfit !important;
    font-weight: 400;
}

.contact-form form.wpcf7-form {
    background: #b69e8400;
    border-radius: 0px;
    padding: 0px;
    list-style: none;
    padding-bottom: 0px;
}


input.wpcf7-form-control.wpcf7-submit, .btn-standard a {
    line-height: 1.5em;
    color: #FFFFFF;
    background-color: #7a5e40;
    padding: 16px 48px 16px 48px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.2s ease-out all;
    border: none;
}


.dual-forms div {
    display: inline-block;
    position: relative;
    width: 49%;
}

.dual-forms input {
    width: 100%;
}

form label {
    margin-bottom: 14px;
    padding: 4px;
    width: 100%;
    font-weight: 400;
    line-height: 28px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
	color:white;
}

.dual-forms div input {
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
    border-radius: 0px!important;
	border-color: white;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    border-left: none !important;
    border-right: none!important;
    border-top: none!important;
    height: 160px!important;
	width: 98.5%;
    height: 116px;
	background: transparent;
	border-radius:0px;
	border-color: white;
	color: white;
    font-size: 13px;
}

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


p.send-button {
    text-align: center;
}

input.wpcf7-form-control.wpcf7-text:focus, input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email:focus, input.wpcf7-form-control.wpcf7-text:focus, textarea.wpcf7-form-control.wpcf7-textarea:focus  {
    border-color: #143368!important;
}

input.wpcf7-form-control.wpcf7-text {
    background: transparent;
}

input.wpcf7-form-control.wpcf7-text {
    font-size: 13px;
	color:white;
}

input.wpcf7-form-control.wpcf7-text:focus, input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email:focus, input.wpcf7-form-control.wpcf7-text:focus, textarea.wpcf7-form-control.wpcf7-textarea:focus {
    border-color: #ffffff !important;
}


.wpcf7-not-valid-tip {
    color: #7a5e40!important;
	font-size: 10px;
}

.dual-forms, .ending-bloc-form {
    font-family: 'Lexend Peta';
    text-transform: uppercase;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    display: flex;
    margin: auto;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1.5px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 10px;
}

input[type="checkbox"] {
    accent-color: #e3001b;
}

p.lien-politique a {
    color: #e3001b;
    text-decoration: none;
}

select.wpcf7-form-control.wpcf7-select {
    border-bottom: 1px solid #666666 !important;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-radius: 0px;
	font-size: 12px;
    margin-top: 20px;
}

/* Politique des cookies */
a.cky-banner-element {
    background: #b69e84;
    padding: 15px 30px 15px 30px;
    color: white !important;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 15px;
    border-radius: 10px;
	cursor: pointer;
}

a.cky-banner-element:hover {
    background: #7a5e40;	
}




/* -------------------- SLIDER REALISATIONS -------------------- */

.slider-realisations .swiper-slide img.swiper-slide-image{
	height: 420px;
	width: 100%;
	object-fit: cover;
}


/* -------------------- PAGE REALISATIONS -------------------- */

/*NAV-BUTTONS*/
nav#realisations-nav{
    display: flex;
    flex-direction: column;
    align-items: center;
}

nav#realisations-nav a{
    display: block;
    background-color: #877562;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 12px;
    padding: 12px 24px;
    border-radius: 50px;
    width: 300px;
    transition: .3s;
}

nav#realisations-nav a:hover{
    cursor: pointer;
    background-color: #6e6153;
}

nav#realisations-nav a.current{
    background-color: #86A22F;
}

/*LISTE*/

#realisations-list .realisation{
    position: relative;
    width: calc(33.33% - 20px);
    aspect-ratio: 1.4 / 1;
    display: none;
}

body.elementor-editor-active #realisations-list .realisation,
#realisations-list .realisation.active{
    display: block;
}


#realisations-list .realisation .gallery .gallery-item {
    display: none;
}

#realisations-list .realisation .gallery .gallery-item:first-child{
    display: block;
}

#realisations-list .realisation .gallery .gallery-item img {
    width: 100%;
    aspect-ratio: 1.4 / 1;
    object-fit: cover;
    border-radius: 15px;
}


#realisations-list .realisation.sort-maison-bois:after,
#realisations-list .realisation.sort-maison-tradi:after,
#realisations-list .realisation.sort-extension-tradi:after,
#realisations-list .realisation.sort-extension-bois:after{
    position: absolute;
    pointer-events: none;
    top: 15px;
    left: 15px;
    padding: 2px 8px;
    border-radius: 10px;
    display: inline;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #fff;
    background: #86A22F;
}

#realisations-list .realisation.sort-maison-bois:after{
    content: "Maison Bois";
}
#realisations-list .realisation.sort-maison-tradi:after{
    content: "Maison traditionelle";
}
#realisations-list .realisation.sort-extension-tradi:after{
    content: "Extension traditionnelle";
}
#realisations-list .realisation.sort-extension-bois:after{
    content: "Extension Bois";
}



/* FOOTER */
.lien-sous-footer a {
    color: #FFFFFF87;
}

.lien-footer a {
    color: white;
}


/* ----------------------- RESPONSIVE ----------------------- */

@media only screen and (max-width: 1366px) {

    /*PAGE REALISATIONS*/
    nav#realisations-nav{
        display: flex;
        flex-direction: row;
        gap: 15px;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 30px;
    }

    nav#realisations-nav a {
        margin-bottom: 0;
        padding: 8px 18px;
        font-size: 14px;
        width: auto;
    }
}

@media only screen and (max-width: 1199px) {
    .sidebar-content {
        display: block;
    }
        
    #sidebar {
        width: 100%;
        margin-left: 0px;
        margin-top: -60px;
        padding: 0px;
        margin-bottom: 50px;
    }
        
    form.wpcf7-form {
        margin: 0px 10px 0px 10px;
    }

    #sidebar ul {
        padding: 0px;
    }
        
    ul.wp-block-latest-posts__list.is-grid.columns-2.articles-recents.wp-block-latest-posts li {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 1024px) {
    a.ekit-menu-nav-link {
        margin: 0;
    }
        
    .elementor-10 .elementor-element.elementor-element-a1d88a2 .elementskit-navbar-nav > li > a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .btn-articles-recents-blog a.wp-block-button__link.wp-element-button {
        display: none;
    }
        
    h2.wp-block-heading.articles-recents-titre {
        margin-bottom: 20px;
    }
        
    h1.wp-block-post-title {
        font-size: 22px;
        text-align: left;
    }
        
    .single-post h2.wp-block-heading {
        font-size: 20px;
    }
        
    .single-post h3.wp-block-heading {
        font-size: 15px;
    }

    /*REALISATIONS*/
    #realisations-list .realisation {
        width: calc(50% - 20px);
    }
}

@media only screen and (max-width: 575px) {
    .single-post .page-content {
        margin: 0px 10px 0px 10px;
    }
        
    .wp-block-latest-posts.is-grid li {
        margin: 0px;
        width: 100%;
    }
    
    /*REALISATIONS*/
    #realisations-list .realisation {
        width: 100%;
        max-width: 360px;
    }
}






/*Back to top button*/
#scroll-to-top i{
	position: relative;
}
#scroll-to-top{
	position: fixed;
    z-index: 999;
    right: 45px;
    bottom: -100px;
    width: 45px;
    height: 45px;
    border-radius: 50px;
    padding: 0 0 4px 0;
    background: url(images/back-to-top-w.png) no-repeat center 12px #161616;
    border-color: #161616;
    transition: .3s;
}
#scroll-to-top:hover,
#scroll-to-top:focus{
	background-color: var(--e-global-color-primary);
	border-color: var(--e-global-color-primary);
}

/*Complianz Cookies*/
#cmplz-manage-consent .cmplz-manage-consent {
    bottom: 30px !important;
    left: 30px !important;
    border-radius: 100% !important;
    color: #b69e84 !important;/*CHANGER LA COULEUR*/
    background: #b69e84 !important;;/*CHANGER LA COULEUR*/
    padding: 15px 15px 15px 15px !important;
    min-width: unset !important;
    width: 45px;
    height: 45px !important;
    padding: 0 !important;
    background-image: url(https://debaecque-avocats.com/wp-content/uploads/2025/07/cookie.png) !important;/*CHANGER L'URL*/
    background-position: center;
    background-repeat: no-repeat !important;
}