/*
Theme Name: Mathilde Liacre
Theme URI: https://mathilde-liacre.com
Description: A custom child theme of NEVE
Author: Treizias
Author URI: https://treizias.com/
Template: neve
Version: 1.0
*/


Body {
    font-family: 'Baloo 2', cursive;
}

p {
    margin-bottom: 1rem;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.5rem;
}

.nomarge {margin:0 !important;}

.nobottom {margin-bottom:0 !important;}

.wp-block-coblocks-column p:last-of-type {
    margin-bottom: 1rem;
}


@media (min-width: 960px) {
    .wp-block-group.alignwide {
        width: 745px;
        max-width: 745px;
        margin-left: auto;
        margin-right: auto;
    }
}




/*** header ***/

.header-top-inner .builder-item {
    margin-top: 0;
    margin-bottom: 0;
}

.header-top-inner .row {
    min-height: 50px;
}

.site-logo small {
    font-size: 15px;
}

@media screen and (max-width: 959px) {
  .site-logo .nv-title-tagline-wrap {
    display: none;
  }
}

@media screen and (min-width: 960px) {
  .site-logo img {
    display: none;
  }
}




/*** nav ***/
.nav-menu-primary .logo-menu {
    width: 140px;
    text-indent: -9999px;
    padding: 0;
    margin-top: -2rem;
}

.nav-menu-primary .logo-menu:hover {
    opacity:0.8;
}

.nav-menu-primary .logo-menu a::before {
    height: 128px;
    width: 140px;
    content: "";
    background-image: url(assets/img/logo_mathilde_liacre.svg);
    display: block;
    background-size: 100% 100%;
    margin-top: 50px;
    position: absolute;
}

.nav-ul li.logo-menu a {
    text-indent: -99999px;
    font-size: 0;
    position: relative;
}

.nav-ul li.button-contact a {
    border: 2px solid #F3C154;
    padding: 4px 8px 2px;
    border-radius: 8px;
    color: #F3C154;
    margin-top: -5px;
}

.nav-ul li.button-contact a:hover, .nav-ul li.button-contact a:active {
    border: 2px solid #F3C154;
    background: #F3C154;
    color:#fff;
}


.header-menu-sidebar-inner .logo-menu {display: none;}

.header-menu-sidebar-inner .nav-ul li.button-contact a {
    border: 0;
    padding:15px 20px;
    border-radius:0;
    color: #F3C154 !important;
}


/*** submenu ***/
.nav-ul .sub-menu {
    background-color: #efefef;
    box-shadow: none;
    border: 0;
    border-radius: 4px;
}

.nav-ul .sub-menu li a {
    color: #363636;
    font-size: 0.8rem;
    padding: 6px 12px;
    font-weight: 500;
}

.nav-ul .sub-menu li a:hover, .nav-ul .sub-menu li a:focus {
    color: #C58621;
}


/*** rs ***/
ul.rs {margin: 0;padding: 1rem 0 0 0;}
ul.rs li {list-style: none;display:inline-block;}
ul.rs li a {display:block;width:28px;height:28px;content:"";background-size: 100% auto;margin-left:0.75rem;}
ul.rs li a:hover {opacity: 0.8}
ul.rs li a.fb {background-image: url(assets/img/icon_facebook.svg);}
ul.rs li a.in {background-image: url(assets/img/icon_instagram.svg);}
ul.rs li a.li {background-image: url(assets/img/icon_linkedin.svg);}
ul.rs li a.yt {background-image: url(assets/img/icon_youtube.svg);}

/*** Home ***/

body.home::after {
    background-image: url(assets/img/plant_intro.png);
    background-size: 750px auto;
    background-repeat: no-repeat;
    background-position: right -80px;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

.wp-block-media-text.introflower {
    margin-top: 80px;
}

.wp-block-media-text.introflower figure {
    max-width: 325px;
    padding-top: 143px;
    margin-left: -40px;
}

.wp-block-media-text.introflower h1, .wp-block-media-text.introflower h2  {
    margin-bottom: 0.5rem;
}

@media (max-width: 600px) {
    body.home::after {
        opacity: 0.6;
    }

    .wp-block-media-text.introflower figure {
        display: none;
    }
}


/*** Elements ***/
.soustitre {
    color:#FAC859;
    font-size: 20px;
    margin-top:-1rem;
}


@media (min-width: 999px) {
    .wp-block-coblocks-row.flowerLeft::before {
        background-image: url(assets/img/flowerLeft.png);
        background-repeat: no-repeat;
        content: "";
        position: absolute;
        top: -20%;
        left: -70%;
        width: 573px;
        height: 793px;
        background-size: contain;
    }

    .wp-block-coblocks-row.flowerRight::after {
        background-image: url(assets/img/flowerRight.png);
        background-repeat: no-repeat;
        content: "";
        position: absolute;
        top: 0%;
        right: -100%;
        width: 941px;
        height: 1042px;
        background-size: contain;
    }
}

@media (min-width: 1200px) {
    
    .wp-block-group.GridflowerLeft::before {
        background-image: url(assets/img/flowerLeft.png);
        background-repeat: no-repeat;
        content: "";
        position: absolute;
        top: 0;
        left: -15%;
        width: 573px;
        height: 793px;
        background-size: contain;
    }

    .wp-block-group.GridflowerRight::after {
        background-image: url(assets/img/flowerRight.png);
        background-repeat: no-repeat;
        content: "";
        position: absolute;
        top: 30%;
        right: -40%;
        width: 941px;
        height: 1042px;
        background-size: contain;
        z-index: 0;
    }
}


/* bloc design ************************/
.wp-block-coblocks-row.bloc {
    padding: 0;
    margin-top:3rem;
    margin-bottom:3rem;
}

.wp-block-coblocks-row.bloc .wp-block-columns {
    max-width: 996px !important;
}

.wp-block-coblocks-row.bloc .bloc {
    background: #252525;
    margin-top:0;
    margin-bottom:0;
    padding-top:2rem;
    padding-bottom:2rem;
}

.wp-block-coblocks-row.bloc.bloc::before {
    background-image: url(assets/img/bloc_top.svg);
    background-repeat: repeat-x;
    content: "";
    width: 100%;
    height: 45px;
    display: block;
    max-height: 40px;
    background-size: cover;
    margin-bottom: -2px;
}


.wp-block-coblocks-row.bloc.bloc::after {
    background-image: url(assets/img/bloc_bottom.svg);
    background-repeat: repeat-x;
    content:"";
    width:100%;
    height: 45px;
    display: block;
    max-height: 40px;
    background-size: cover;
    margin-top: -2px;
}

@media (max-width: 599px) {
    .wp-block-coblocks-row.bloc {
        margin-top:1rem;
        margin-bottom:1rem;
    }
}

/* bloc-icons / bloc-icon ************************/

.wp-block-group.bloc-icon {
    margin: 1rem 0;
}

.wp-block-group.bloc-icon .wp-block-image {
    margin: 0 0 0.5rem;
}

.wp-block-group.bloc-icon h3 {
    margin: 0 0 0.5rem;
    font-size: 20px;
}

.wp-block-group.bloc-icon p {
    margin: 0 0 0.8rem;
}

.wp-block-button.links a {
    background:none;
    border:none;
    padding:0;
    position: relative;
}

.wp-block-button.links a:hover {
    color:#fac859;
}

.wp-block-button.links a:after  {
    position: absolute;
    content: "";
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 2px;
    transition: opacity .3s ease,width .3s ease;
    right: 0;
    left: 0;
    pointer-events: none;
}

.wp-block-button.links a:after  {
    background-color: #fac859;
}

.wp-block-button.links:hover a:after {
    width: 40px;
}

@media (max-width: 599px) {
    .bloc-icons .wp-block-column  {
        flex-basis: 50%!important;
    }
}

@media (min-width: 600px) and (max-width: 781px)  {
    .bloc-icons .wp-block-column:not(:only-child) {
        flex-basis: 33% !important;
        flex-grow: 0;
    }
    .bloc-icons .wp-block-column:nth-child(2n) {
        margin-left:0;
    }
}



/* bloc-content ************************/
.wp-block-group.bloc-content h2, .wp-block-group.bloc-content h3 {
    margin-bottom:0.5rem;
}

/* bloc-media ************************/
@media (max-width: 600px)
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    margin-bottom: 1rem;
}

/* bloc-service ************************/
.bloc-service {
    background-image: url(assets/img/madaflower.svg);
    background-repeat: no-repeat;
    background-size: 453px 470px;
    background-position: center center;
}

.bloc-service .wp-block-coblocks-service {
    margin-bottom: 2rem;
}

.bloc-service .wp-block-coblocks-service figure {
    margin: 0;
}
.bloc-service .wp-block-coblocks-service figure img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.bloc-service .wp-block-coblocks-service .wp-block-coblocks-service__content {
    background: #252525;
    padding: 1rem 0.3rem 0.5rem;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.bloc-service .wp-block-coblocks-service:last-child {display:none;}




/* Responsive */
@media (max-width: 600px) {

    .bloc-service {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}


/* bloc-button ************************/
.wp-block-buttons.bloc-button {
    background: #292929;
    padding: 0.75rem 1rem 0.5rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.bloc-content-button-intro {
    text-align: center;
}

.bloc-content-button-intro .wp-block-button {
    margin: auto 1rem 0.75rem !important;
}

.wp-block-buttons.bloc-button.bloc-button-intro {
    background: #252525;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    display: inline-block;
    margin-top: 1rem;
}

/* bloc-infolettre ************************/
.wp-block-group.bloc-infolettre {
    margin-top:50px;
    margin-bottom:50px;
}
@media (min-width: 960px) {
    .wp-block-group.bloc-infolettre {
        width: 100%;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* bloc-text ************************/
.bloc-text {
    border-radius: 8px;
    margin-bottom: 3rem;
}

@media (max-width: 599px) {
    .bloc-text {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}


/* bloc-icon-left ************************/
.bloc-icon-left {
    max-width: 745px;
    margin: 3rem auto 4rem;
}

@media (max-width: 599px) {
    .bloc-icon-left figure {
        max-width: 160px;
        margin: 2rem !important;
    }
}

/* bloc-theme ************************/
.bloc-theme .wp-block-coblocks-column {
    padding-left:1rem;
    padding-right:1rem;
}

/* bloc-theme ************************/
.bloc-tarif {
    background: #292929;
    border-radius: 8px;
    margin-bottom: 3rem;
    padding: 0.5rem 1rem 1rem;
    max-width: 580px !important;
    margin-top: 2rem;
}

.bloc-tarif table th {
    padding: 10px 0;
}

.bloc-tarif table tbody tr {
    background: #3B3B3B;
    border-radius: 8px;
}

.bloc-tarif table tbody tr td {
    border-bottom: 0;
    border: 5px solid #292929;
}

.bloc-tarif table tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

.bloc-tarif table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}



/* title-flower ************************/

h1.flower::before, h2.flower::before, h3.flower::before {
    height: 59px;
    width: 48px;
    content: "";
    background-image: url(assets/img/icon_flower.svg);
    display: block;
    background-size: 100% 100%;
    margin: 0 auto;
}

h1.flower-left, h2.flower-left, h3.flower-left {
    margin-bottom: 1rem;
}

h1.flower-left::before, h2.flower-left::before, h3.flower-left::before {
    height: 59px;
    width: 48px;
    content: "";
    background-image: url(assets/img/icon_flower.svg);
    display: inline-block;
    background-size: 100% 100%;
    margin: 0 0.75rem 0 0;
    transform: rotate(-36deg);
}




/*** Formulaire ***/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    background-color: #252525;
    border:1px solid #242424;
    color: #fff;
    border-radius: 10px;
}

input:-internal-autofill-selected  {
    background-color: #252525;
    border:1px solid #242424;
    color: #fff;
    border-radius: 10px;
}

[tabindex="-1"]:focus, [tabindex="-1"]:focus-visible, input:read-write:focus, input:read-write:focus-visible, select:focus, select:focus-visible, textarea:focus, textarea:focus-visible {
    outline: 0;
    box-shadow: 0 0 1px 0 #000;
}

form.wpcf7-form label {margin-bottom: 0.75rem;}

@media (min-width: 960px) {
    .bloc-form {
        width: 100%;
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 600px) {
    
    form.wpcf7-form {
        max-width: 600px;
    }

    form.wpcf7-form p {
        width: 98%;
        display: inline-block;
        flex-direction: column;
    }

    form.wpcf7-form label.w50 {
        width: 48%;
        display: block;
        float: left;
        margin-right: 2%;
        
    }

    form.wpcf7-form label.w50 input {
        display: inline-block;
        width: 100%;
    }

    form.wpcf7-form label.w100 .wpcf7-textarea {
        width: 100%;
    }

    form.wpcf7-form label.w100 {
        width: 100%;
    }

}

.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2; /* Blue */
}
 
.wpcf7 form.init .wpcf7-response-output {
    display: none;
}
 
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450; /* Green */
}
 
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232; /* Red */
}
 
.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28; /* Orange */
}
 
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900; /* Yellow */
}

/*** footer ***/

.site-footer::before {
    background-image: url(assets/img/bloc_top.svg);
    background-repeat: repeat-x;
    content: "";
    width: 100%;
    height: 45px;
    display: block;
    max-height: 40px;
    background-size: cover;
    margin-bottom: -2px;
}

.site-footer .container {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.footer-top-inner p.widget-title {font-size:14px;color:#FAC859;}
.footer-top-inner .textwidget p {font-size:14px;}
.footer-top-inner .textwidget p strong {border-top:1px solid #fff;}

.footer-top-inner .widget_nav_menu li a {font-size: 14px;}
.footer-top-inner .widget_nav_menu li.intro a {opacity: 50%;}

/*** Mailchimp ***/
#mc_embed_signup {
    width: 100%;
}

#mc_embed_signup form input.email {
    background: #000;
    color: #fff;
    height: 42px;
    padding: 10px;
    line-height: 40px;
    border: 0;
    border-radius: 4px;
}

#mc_embed_signup form .button {
    background: #c58621;
    color: #fff;
    height: 40px;
    line-height: 40px;
    margin-left: 6px;
    font-size: 16px;
}


/*** Responsive class ***/
@media (max-width: 1400px) {
    .hidden-mobile {
        display: none;
    }
}

@media (min-width: 1400px) {
    .hidden-desktop {
        display: none;
    }
}