/*

 Theme Name:   Maison du Parc

 Theme URI:    https://votre-site.com/

 Description:  Thème enfant pour le thème Astra

 Author:       Guillaume JOS

 Author URI:   https://roofline.fr

 Template:     astra

 Version:      1.0.0

*/



@import url("../astra/style.css");



.no-margin-bottom > div > p,

.no-margin-bottom > div > div > p {

    margin-bottom: 0;

}



.no-margin-bottom > div > p {

    margin-bottom: 0;

}

b{
    font-weight: 600 !important;
}

/*************************************************Links*/

.no-decoration-link > div > p > a,

.no-decoration-link > div > a {

    text-decoration: none !important;

}



#contact_mail > div > p > a,

#contact_phone > div > p > a {

    color: #272222;

}



#contact_footer_phone > div > p > a,

#contact_footer_mail > div > p > a {

    color: white;

}

#copyright > div > p > a {

    color: #cb9791;

    font-weight: 400;

}

#copyright > div > p > a:hover {

    font-weight: 500;

}



.clickable-div-soins {

    display: flex; /* Assurez-vous que la div est un bloc cliquable */

    cursor: pointer; /* Change le curseur pour indiquer qu'il s'agit d'un élément cliquable */

    padding: 0px;

}



/* .clickable-link {

    position: absolute;

    top: -110px;

    left: 0;

    width: 300px;

    height: 300px;

    background: transparent;

    pointer-events: all;

    z-index: 2;

    margin: 0 auto;

    color: transparent;

} */



.clickable-link > div > p > a {

    position: absolute;

    top: -110px;

    left: 0;

    width: 300px;

    height: 300px;

    background: transparent;

    pointer-events: all;

    z-index: 2;

    margin: 0 auto;

    color: transparent;

    border-radius: 15px;

}



/***********************************************Header*/



#main-header,

#masthead {

    position: fixed !important;

}

#main-header {

    transition: box-shadow 0.3s ease;

}



#main-header.no-shadow {

    box-shadow: none;

}



#main-header.scrolled {

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

}



#header_logo > div > a > img.scrolled {

    width: 70px;

}



#header_logo > div > a > img {

    transition: all 0.2s ease;

}



/*Preheader*/



#masthead {

    width: 100%;

}



/*************************************************Contact Form*/

.wpforms-field-medium::placeholder {

    font-family: "Fjalla One";

    color: #b9756c !important;

    font-size: 17px;

}

.wpforms-field-medium {

    border-color: transparent !important;

    border-radius: 5px !important;

}

#wpforms-submit-222 {

    font-family: "Fjalla One";

    font-size: 17px;

    background-color: #f0bdb7;

    color: #a85247;

    padding: 3px 30px;

}

/********************************************************ANCRES*/

.anchor-target {

    scroll-margin-top: 150px; /* Invisible pour l'utilisateur */

}

/********************************************************BLOG*/



.elementor-widget-wpr-grid > div > ul {

    display: none !important;

}

.wpr-grid-image-wrap >img {
    height: 500px !important;
}

/********************************************************TRUST INDEX*/

.ti-name {

    font-family: "Fjalla One" !important;

    font-size: 22px !important;

    color: #a85247 !important;

    line-height: 18px;

}



.ti-review-content {

    font-family: "Barlow Semi Condensed" !important;

    font-size: 17px !important;

    font-weight: 300 !important;

}



/********************************************************MOBILE*/

/********************************************************SCROLL TO TOP*/

#ast-scroll-top {

    background-color: #cb9791;

}

/********************************************************FOOTER*/



/********************************************************MEDIA QUERIES*/



@media (max-width: 1024px) {

    #masthead,

    #main-header {

        width: 100vw;

    }

    .anchor-target {

        scroll-margin-top: 112px;

    }

    #header_logo > div > a > img.scrolled {

        width: 50px;

    }

}



@media (max-width: 767px) {

    .anchor-target {

        scroll-margin-top: 118px;

    }

    #header_logo > div > a > img.scrolled {

        width: 40px;

    }

}