/**
Theme Name: Astra Child
Author: Yoann
Description: thème enfant de astra
Version: 1.0.0
Text Domain: astra-child
Template: astra
*/


/*a terminer section presentation massage et regard*/
.wp-container-core-group-is-layout-7fbf5497,
.listeBoutonsMassage,
.rangeeMassages {
    flex-wrap: wrap !important;
}

.listeBoutonsRegard {
    width: 100%;
}

.fondBlancTransparent {
    margin-bottom: 0em !important;
}

.gapFondBlanc {
    gap: 0em !important;
}

/*a terminer section presentation massage et regard*/



/*general*/
#page {
    overflow-X: hidden !important;
}

hr {
    border-width: 1px !important;
}

.ast-builder-button-wrap {
    min-width: 8em !important;
}

.imageBoxShadow {
    box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.3);
}

strong {
    font-weight: normal !important;
}

.boutonSelection:hover {
    background-color: #A1904B !important;
    color: #ffffff !important;
}

/*entete*/

.ast-mobile-header-wrap .ast-primary-header-bar,
.ast-primary-header-bar .site-primary-header-wrap {
    height: 30px !important;
}

.ast-builder-grid-row.ast-grid-center-col-layout {
    transform: translatey(15%) !important;
}

.site-title a {
    font-weight: 500 !important;
}

#menu-item-1256 {
    background-color: #591E39;
}

#menu-item-1256 a {
    color: #ffffff;
}

#menu-item-2307 a {
    display: none !important;
}

#menu-item-2307 {
    background-image: url(https://2mainspourvous.yoannmurat.com/wp-content/uploads/2025/06/mandalamenumobile.jpg) !important;
    height: 100% !important;
    background-repeat: no-repeat !important;
    z-index: 1 !important;
}

#menu-item-2307:first-child {
    position: absolute !important;
    transform: translate(22%, -15%) !important;
}

.ast-mobile-svg {
    z-index: 1000 !important;
}

.ast-mobile-popup-inner {
    height: 100vh !important;
}

/*png page a propos*/

.planteOr {
    position: absolute;
    right: 0;
    transform: translate(45%, -120%);
}

.banniereEngagement {
    overflow: visible;
}

/*bouton madotherapie*/
.cadreMadotherapie {
    overflow: visible;
}

.is-style-fill {
    position: absolute;
    transform: translatey(125%);
    z-index: 10;
}

/*trait horizontal titres*/
[data-ast-blocks-layout] .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    max-width: 33%;
}

.traitTitreRegard {
    position: absolute;
    left: 46%;
    width: 100%;
    transform: translatey(-10px);
}

.traitTitreMassages {
    position: absolute;
    right: 66%;
}

.traitPageMassage {
    position: absolute;
    width: 5%;
}

.traitHuile {
    position: absolute;
    width: 100%;
    left: -55%;
    transform: translatey(15%);
    margin-bottom: 0em !important;
}

.traitMadotherapie {
    position: absolute;
    width: 100%;
    left: -60%;
}

.traitListeMassages {
    position: absolute;
    width: 100%;
    right: 65%
}

.traitPageRegard {
    position: absolute;
    left: -60%;
    margin-bottom: 0em !important;
}

.traitListeRegard {
    position: absolute;
    right: 60%;
    margin-bottom: 0em !important;
}

.traitAPropos {
    display: none;
}

.traitEngagement {
    display: none;
}

.traitSalon {
    display: none;
}

.traitTemoignage {
    position: absolute;
    left: -50%;
    transform: translatey(10px);
}

/*typograpie*/

.slogan,
.slogan2,
.sloganRegard,
.titre1,
.titre2,
.titre3,
.titre4,
.titre5,
.titre6,
.citationAccueil,
.site-title a {
    font-family: "Parisienne" !important;
}

.typoItalique {
    font-style: italic !important;
}

.titre1,
.titre2,
.titre3,
.titre4,
.titre5,
.titre6 {
    font-size: 2.5em !important;
    padding: 1.5em 0em 0em 0.5em !important;
}


/*sous-menu*/
#menu-item-173 a,
#menu-item-430 a {
    color: #000000;
}

/*page massage*/
.choixHuile {
    width: 85% !important;
}

/*blocs explications*/
.bloc1,
.bloc2,
.bloc3,
.bloc4,
.bloc5 {
    margin: -0.3em !important;
}


/*formulaire*/
:root :where(.is-layout-flex) {
    gap: 0px;
}

form label {
    font-size: 1em;
}

form i {
    font-size: 0.7em;
}

form h2 {
    text-align: center;
}

form p:first-of-type {
    text-align: center;
}

form p:last-of-type {
    text-align: center;
}

.wpcf7-spinner {
    position: absolute;
}


/*icones font awesome*/
.fa-facebook,
.fa-instagram,
.fa-linkedin {
    color: #ffffff !important;
}

.fa-facebook:hover,
.fa-instagram:hover {
    color: #A1904B !important;
}

.texteHuileIcon {
    color: #ffffff !important;
}

.is-style-fill a:hover {
    background-color: #BE9025 !important;
    color: #ffffff !important;
    border: thin solid #ffffff !important;
}

/*page contact*/
.boutonPlanity a {
    padding: 0.5em 0.5em !important
}

/*page a propos*/
.sectionAPropos {
    flex-direction: column-reverse !important;
}

.photoProfil {
    max-width: 80% !important;
}




@media screen and (max-width: 30em) {

    /*page accueil*/

    .traitTitreMassages {
        margin: 0em !important;
    }

    .colonneTitreRegard {
        margin-bottom: 0px !important;
    }

    .colonneRegard {
        flex-direction: column-reverse !important;
    }

    .colonneLinkedin {
        margin-bottom: 20px !important;
    }

    /*formulaire*/
    .wpcf7-form-control {
        width: 80%;
        height: 50px;
    }

    form h2 {
        font-size: 2em !important;
    }

    .galerieImages {
        display: none;
    }

    .titreSalon {
        margin-bottom: 0em !important;
    }

    /*blocs explications*/
    .bloc1,
    .bloc3,
    .bloc5 {
        transform: translatex(5%);
    }

    .bloc2,
    .bloc4 {
        transform: translatex(-5%);
    }
}


@media screen and (min-width: 31em) {

    /*a terminer section presentation massage et regard*/
    .blocTypeMassage {
        max-width: 90% !important;
        max-height: 500px !important;
    }

    .listeBoutonsmassage {
        width: 80%;
    }

    .blocTypeRegard {
        max-width: 100% !important;
    }

    .listeBoutonsRegard {
        width: 80%;
    }

    /*a terminer section presentation massage et regard*/


    /*general*/
    .titre1,
    .titre2,
    .titre3,
    .titre4,
    .titre5,
    .titre6 {
        font-size: 3em !important;
        padding: 2em 0em 0em 1em !important;
    }

    /*page accueil*/
    .banniereFooter img {
        display: none;
    }

    .banniereFooter {
        background-image: url(https://2mainspourvous.yoannmurat.com/wp-content/uploads/2025/06/pied-de-page-desktop.jpg);
        min-height: 450px !important;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .banniereAccueil img {
        display: none;
    }

    .banniereAccueil {
        background-image: url(https://2mainspourvous.yoannmurat.com/wp-content/uploads/2025/06/bandeauAccueilTablette.jpg);
        min-height: 700px !important;
        background-repeat: no-repeat;
        background-size: cover;
    }

    /*page massage*/
    .banniereMassage img {
        display: none;
    }

    .banniereMassage {
        background-image: url(https://2mainspourvous.yoannmurat.com/wp-content/uploads/2025/06/bandeau-massage-tablette.png);
        min-height: 390px !important;
        background-repeat: no-repeat;
        background-size: cover;
    }

    /*page regard*/
    .banniereRegard img {
        display: none;
    }

    .banniereRegard {
        background-image: url(https://2mainspourvous.yoannmurat.com/wp-content/uploads/2025/06/bandeau-regard-tablette.png);
        min-height: 390px !important;
        background-repeat: no-repeat;
        background-size: cover;
    }

    /*page apropos*/
    .banniereAPropos img {
        display: none;
    }

    .banniereAPropos {
        background-image: url(https://2mainspourvous.yoannmurat.com/wp-content/uploads/2025/06/bandeau-apropos-tablette.png);
        min-height: 390px !important;
        background-repeat: no-repeat;
        background-size: cover;
    }

    /*page contact*/
    .banniereContact img {
        display: none;
    }

    .banniereContact {
        background-image: url(https://2mainspourvous.yoannmurat.com/wp-content/uploads/2025/06/bandeau-contact-tablette.png);
        min-height: 390px !important;
        background-repeat: no-repeat;
        background-size: cover;
    }


    #menu-item-2307:first-child {
        transform: translate(35%, -10%) !important;
    }

    .site-title {
        position: relative;
        transform: translate(10%, -40%);
    }

    .slogan {
        font-size: 3em !important;
        padding-left: 1em !important;
    }

    .colonneRegard {
        flex-direction: column-reverse;
    }

    .colonneMassages {
        flex-direction: column;
    }

    .boutonMassage {
        margin-bottom: 2em !important;
    }

    .traitTitreMassages {
        right: 50%;
    }

    .traitTemoignage {
        position: absolute;
        left: -45%;
        transform: translatey(-1px);
    }

    .colonnesMapAccueil {
        justify-content: center;
    }


    /*page massage+regard*/

    .traitPageMassage {
        position: absolute;
        width: 10%;
        left: -5%;
    }

    .traitPageRegard {
        position: absolute;
        left: -55%;
    }

    .vignettesExplication {
        flex-wrap: wrap !important;
        min-width: 80% !important;
        justify-content: center !important;
    }

    .vignettesExplication div {
        min-width: 200px !important;
        max-width: 300px !important;
    }

    .bloc1,
    .bloc2,
    .bloc3,
    .bloc4,
    .bloc5 {
        margin: -0.2em -0.4em !important;
    }

    .choixHuile {
        width: 75% !important;
    }

    .choixHuileCadreTexte {
        border-top: none !important;
    }

    .traitHuile {
        left: -45%;
    }

    .traitListeMassages {
        right: 59%;
    }

    .traitMadotherapie {
        left: -53%;
        margin-bottom: 1em !important;
    }

    .sloganRegard {
        font-size: 1.3em !important;
    }

    /*page contact*/
    .boutonPlanity a {
        font-size: 60px !important
    }

    /*page a propos*/
    .photoProfil {
        max-width: 40% !important;
    }

    .colonneImages {
        padding: 2em;
    }

    .planteOr {
        transform: translate(50%, -80%);
    }
}


@media screen and (min-width: 64em) {

    /*a terminer section presentation massage et regard*/
    .wp-container-core-group-is-layout-7fbf5497 {
        flex-wrap: nowrap !important;
    }

    .blocTypeMassage {
        max-width: 50% !important;
    }

    .listeBoutonsMassage {
        flex-wrap: nowrap !important;
    }

    .blocTypeRegard {
        max-width: 56% !important;
    }

    .listeBoutonsRegard {
        flex-wrap: nowrap !important;
    }

    .rangeeMassages {
        flex-wrap: nowrap !important;
    }

    /*a terminer section presentation massage et regard*/




    /*general*/
    .titreh2,
    .titreh3 {
        font-size: 36px !important;
    }

    /*page accueil*/
    .slogan {
        font-size: 3.5em !important;
        padding: 3em 0em 0em 4em !important;
    }

    .banniereAccueil img {
        display: none !important;
    }

    .banniereAccueil {
        background-image: url(https://2mainspourvous.yoannmurat.com/wp-content/uploads/2025/06/bandeau-apres.jpg);
        min-height: 840px !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    .banniereFooter img {
        display: none;
    }

    .banniereFooter {
        background-image: url(https://2mainspourvous.yoannmurat.com/wp-content/uploads/2025/06/pied-de-page-desktop.jpg);
        min-height: px !important;
        background-repeat: no-repeat;
        background-size: cover;
    }

    /*page massage*/
    .banniereMassage img {
        display: none !important;
    }

    .banniereMassage {
        background-image: url(https://2mainspourvous.yoannmurat.com/wp-content/uploads/2025/06/bandeau-massage-desktop.png);
        min-height: 470px !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    /*page regard*/
    .banniereRegard img {
        display: none;
    }

    .banniereRegard {
        background-image: url(https://2mainspourvous.yoannmurat.com/wp-content/uploads/2025/06/bandeau-regard-desktop.png);
        min-height: 470px !important;
        background-repeat: no-repeat;
        background-size: cover;
    }

    /*page a propos*/
    .banniereAPropos img {
        display: none;
    }

    .banniereAPropos {
        background-image: url(https://2mainspourvous.yoannmurat.com/wp-content/uploads/2025/06/bandeau-apropos-desktop.png);
        min-height: 470px !important;
        background-repeat: no-repeat;
        background-size: cover;
    }

    /*page contact*/
    .banniereContact img {
        display: none;
    }

    .banniereContact {
        background-image: url(https://2mainspourvous.yoannmurat.com/wp-content/uploads/2025/06/bandeau-contact-desktop.png);
        min-height: 470px !important;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .traitTitreMassages {
        right: 60%;
    }

    .boutonMassage {
        margin-bottom: 0em !important;
    }

    .colonneMassages {
        flex-direction: row;
    }

    .colonneRegard {
        padding-top: 0em !important;
        flex-direction: row;
    }

    .traitTemoignage {
        position: absolute;
        left: -35%;
    }

    .colonnesMapAccueil {
        justify-content: center;
    }

    .cadreOffres {
        width: 75% !important;
    }

    .citationAccueil {
        padding: 4em;
    }


    /*page massage+regard*/

    .traitPageMassage {
        position: absolute;
        width: 24%;
    }

    .bloc1,
    .bloc2,
    .bloc3,
    .bloc4,
    .bloc5 {
        margin: -0.5em !important;
    }

    .traitPageRegard {
        position: absolute;
        left: -40%;
    }

    .vignettesExplication {
        max-width: 88% !important;
    }

    .choixHuileCadreTexte {
        border-top: none !important;
        border-left: solid;
    }

    .traitHuile {
        left: -37%;
    }

    .traitListeMassages {
        right: 47%;
    }

    .traitMadotherapie {
        left: -45%;
    }

    .blocMadotherapie {
        width: 65% !important;
    }

    .sloganRegard {
        font-size: 1.5em !important;
    }

    .traitListeRegard {
        right: 45%;
    }

    /*page contact*/
    .boutonPlanity a {
        padding: 0.5em 0.5em !important;
        font-size: 75px !important;
    }


    /*page a propos*/
    .sectionAPropos {
        flex-direction: row !important;
    }

    .traitAPropos {
        display: block;
        position: absolute;
        width: 100%;
        transform: translatey(-15px);
    }

    .image1 img,
    .image2 img {
        width: 100% !important;
    }

    .sectionAPropos {
        justify-content: space-evenl !important;
        padding: 2em 2em 2em 0em !important;
    }

    .photoProfil {
        max-width: 17% !important;
    }

    .texteSalon {
        padding: 3em 1em !important;
    }

    .traitEngagement {
        display: block;
        position: absolute;
        width: 100%;
        left: -27%;
        transform: translatey(-15px);
    }

    .traitSalon {
        display: block;
        position: absolute;
        width: 100%;
        right: -40%;
    }

    .titreAPropos {
        padding-bottom: 2em !important;
    }


}