/*
Theme Name: 3VB
Theme URI: https://example.com/
Author: Marlène Cotterlaz
Author URI: https://marlenecotterlaz.fr
Description: A child theme for TT2.
Requires at least: 5.8
Tested up to: 5.9
Requires PHP: 5.6
Version: 0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentytwo-child
Template: twentytwentytwo

Twenty Twenty-Two Child WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two Child is distributed under the terms of the GNU GPL.
*/

/*@font-face {
    font-family: 'bebas_neue';
    src: url('assets/bebasneue-regular-webfont.woff2') format('woff2'),
         url('assets/bebasneue-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/
@font-face {
    font-family: '3VB';
    src:  url('assets/fonts/3VB.eot?3qrebn');
    src:  url('assets/fonts/3VB.eot?3qrebn#iefix') format('embedded-opentype'),
      url('assets/fonts/3VB.ttf?3qrebn') format('truetype'),
      url('assets/fonts/3VB.woff?3qrebn') format('woff'),
      url('assets/fonts/3VB.svg?3qrebn#3VB') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: '3VB' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-quote-open::before {
    content: "\e904";
    color: rgb(255, 255, 255);
  }
  .icon-quote-open::after {
    content: "\e90b";
    margin-left: -1em;
    color: rgb(0, 0, 0);
  }
  .icon-quote-close::before {
    content: "\e90e";
    color: rgb(255, 255, 255);
  }
  .icon-quote-close::after {
    content: "\e90f";
    margin-left: -1em;
    color: rgb(0, 0, 0);
  }
  .icon-un::before {
    content: "\e900";
    color: rgb(255, 255, 255);
  }
  .icon-un::after {
    content: "\e901";
    margin-left: -1em;
    color: rgb(0, 0, 0);
  }
  .icon-deux::before {
    content: "\e902";
    color: rgb(255, 255, 255);
  }
  .icon-deux::after {
    content: "\e903";
    margin-left: -1em;
    color: rgb(0, 0, 0);
  }
  .icon-trois::before {
    content: "\e905";
    color: rgb(255, 255, 255);
  }
  .icon-trois::after {
    content: "\e906";
    margin-left: -1em;
    color: rgb(0, 0, 0);
  }
  .icon-sciage::before {
    content: "\e907";
    color: rgb(255, 255, 255);
  }
  .icon-sciage::after {
    content: "\e908";
    margin-left: -1em;
    color: rgb(0, 0, 0);
  }
  .icon-demolition-selective::before {
    content: "\e909";
    color: rgb(255, 255, 255);
  }
  .icon-demolition-selective::after {
    content: "\e90a";
    margin-left: -1em;
    color: rgb(0, 0, 0);
  }
  .icon-curage::before {
    content: "\e90c";
    color: rgb(255, 255, 255);
  }
  .icon-curage::after {
    content: "\e90d";
    margin-left: -1em;
    color: rgb(0, 0, 0);
  }
  .icon-adresse::before {
    content: "\e910";
    color: rgb(255, 255, 255);
  }
  .icon-adresse::after {
    content: "\e911";
    margin-left: -1em;
    color: rgb(0, 0, 0);
  }
  .icon-telephone::before {
    content: "\e912";
    color: rgb(255, 255, 255);
  }
  .icon-telephone::after {
    content: "\e913";
    margin-left: -1em;
    color: rgb(0, 0, 0);
  }
  .icon-vision::before {
    content: "\e914";
    color: rgb(255, 255, 255);
  }
  .icon-vision::after {
    content: "\e915";
    margin-left: -1em;
    color: rgb(0, 0, 0);
  }
  .icon-fierete::before {
    content: "\e916";
    color: rgb(255, 255, 255);
  }
  .icon-fierete::after {
    content: "\e917";
    margin-left: -1em;
    color: rgb(0, 0, 0);
  }
  .icon-antigaspi::before {
    content: "\e918";
    color: rgb(255, 255, 255);
  }
  .icon-antigaspi::after {
    content: "\e919";
    margin-left: -1em;
    color: rgb(0, 0, 0);
  }
  
  
:root {
    --font-icons : 'icons';
}
* {
    box-sizing: border-box;
}
a {
    transition: all 0.5s;
}
body {
    /*font-size: var(--wp--preset--font-size--normal);*/
}
@media screen and (max-width: 800px) {
    .desktop {
        display: none!important;
    }
}

/* ***************
    --------------
        LAYOUT
    -------------- 
*************** */
.wp-site-blocks {
}

/* --------------
    MODAL
-------------- */
.wp-post-modal {
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
}
.wp-post-modal::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--wp--preset--color--primary);
    opacity: 0.9;
}
.wp-post-modal.show {
    display: flex!important;
}
.close-modal {
    position: absolute;
    top: 5vh;
    right: 5vw;
    background: none;
    border: none;
    outline: none!important;
    font-size: 2rem;
    color: var(--wp--preset--color--white);
}
.close-modal::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#modal-content {
    position: relative;
    width: 100%;
    max-width: 1100px;
    max-height: 80vh;
    background: var(--wp--preset--color--white);
    border-radius: 3px;
    overflow: scroll;
}
@media screen and (max-width: 800px) {
    .close-modal {
        top: 0;
        margin: 0;
    }
    #modal-content {
        max-height: 90vh;
        width: 90vw;
    }
}

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

/*
    REGULAR
*/
.site-header {
    position: sticky;
    top: 0;
    z-index: 20;
}
.chantiers .site-header li a[href*="category/chantiers"],
.category-chantiers .site-header li a[href*="category/chantiers"],
.actualites .site-header li a[href*="category/actualites"],
.category-actualites .site-header li a[href*="category/actualites"],
.site-header li.current-menu-item a {
    color: var(--wp--preset--color--accent);
}
.site-header li a:hover,
.site-header li a:focus {
    color: var(--wp--preset--color--accent);
    text-decoration: none!important;
}
.site-header {}

@media screen and (min-width: 800px) {
    .home .site-header {
        position: fixed;
        left: 0;
        right: 0;
        padding: 0 var(--wp--custom--spacing--outer);
        transition: all .5s;
    }
    .home .site-header.invisible {
        opacity: 0;
    }
}
@media screen and (max-width: 800px) {
    .wp-block-navigation__responsive-container {
        background: var(--wp--preset--color--primary)!important;
    }
}

/*
    LARGE
*/
.home-header {
    margin: 0;
}
.home-header > div {
    position: relative;
    padding: var(--wp--custom--spacing--outer) calc(40vw + var(--wp--custom--spacing--outer)) calc(40px + var(--wp--custom--spacing--outer)) var(--wp--custom--spacing--outer)!important;
}
.home-header .wp-block-uagb-advanced-heading {
    padding: var(--wp--custom--spacing--outer) 0 0;
}
.home-header .uagb-heading-text {
    color: var(--wp--preset--color--primary);
    line-height: 1;
    text-align: left;
}
.home-header .uagb-desc-text {
    margin: 0 0 10px;
    text-align: left;
}
.home-header figure {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    width: 40%;
    border-left: 3px solid var(--wp--preset--color--white);
}
.home-header figure::before {
    content: '';
    position: absolute;
    left: 18px;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 5px;
    border-left: 3px solid var(--wp--preset--color--white);
    border-right: 3px solid var(--wp--preset--color--white);
}
.home-header figure::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 4px;
    border-left: 3px solid var(--wp--preset--color--white);
    border-right: 3px solid var(--wp--preset--color--white);
}
.home-header figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media screen and (max-width: 800px) {
    .home-header .wp-block-site-logo {
        display: none;
    }
    .home-header > div {
        padding-right: var(--wp--custom--spacing--outer)!important;
        padding-bottom: var(--wp--custom--spacing--outer) !important;
    }
    .home-header figure {
        display: none;
    }
}

/* --------------
    MAIN
-------------- */
.wp-site-blocks main {
    position: relative;
    z-index: 2;
    margin: 0;
}
main h1.wp-block-post-title,
main h1.wp-block-query-title {
    margin: var(--wp--custom--spacing--outer)!important;
    margin-bottom: 0!important;
    padding: 0 var(--wp--custom--spacing--outer);
    font-size: var(--wp--preset--font-size--gigantic);
    line-height: 1;
}
.entry-content #modal-ready {
   padding: 0 var(--wp--custom--spacing--outer);
    max-width: none;
}
.home .entry-content {
    margin: 0 calc(var(--wp--custom--spacing--outer) * -1);
}
@media screen and (max-width: 800px) {
    main h1.wp-block-post-title,
    main h1.wp-block-query-title {
        margin-top: 40px!important;
    }
}


/* --------------
    FOOTER
-------------- */
.site-footer {
    margin: 0;
}
.site-footer figure.logo-artisan {
    flex: 1;
    text-align: right;
}
.site-footer figure.logo-artisan img {
    height: 50px;
    width: auto;
}
.site-footer figure:last-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    width: 40%;
    overflow: hidden;
    border-left: 3px solid var(--wp--preset--color--white);
}
.site-footer figure:last-child::before {
    content: '';
    position: absolute;
    left: 18px;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 5px;
    border-left: 3px solid var(--wp--preset--color--white);
    border-right: 3px solid var(--wp--preset--color--white);
}
.site-footer figure:last-child::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 4px;
    border-left: 3px solid var(--wp--preset--color--white);
    border-right: 3px solid var(--wp--preset--color--white);
}
.site-footer figure:last-child img {
    height: 100%;
    object-fit: cover;
}
.site-footer p {
    font-family: var(--wp--preset--font-family--bebas);
}
.site-footer li a {
    padding: 5px 20px!important;
    background: var(--wp--preset--color--white);
    border-radius: 100px;
    color: var(--wp--preset--color--secondary)!important;
}
.site-footer li a:hover,
.site-footer li a:focus {
    background: var(--wp--preset--color--primary);
    text-decoration: none!important;
}
.site-footer .wp-block-button__link {
    padding: 0!important;
    border: none;
    font-family: var(--wp--preset--font-family--outfit);
    text-shadow: 0 0 10px var(--wp--preset--color--primary);
}
.site-footer .wp-block-button__link:hover,
.site-footer .wp-block-button__link:focus {
    color: var(--wp--preset--color--secondary);
}

@media screen and (min-width: 800px) {
    .site-footer > div {
        position: relative;
        padding: 1.25em calc(40% + var(--wp--custom--spacing--outer)) 1.25em var(--wp--custom--spacing--outer)!important;
    }   
    .site-footer .wp-block-button__link {
        position: absolute;
        right: var(--wp--custom--spacing--outer);
        top: 50%;
        z-index: 2;
        transform: translate(0, -50%);
    }     
}
@media screen and (max-width: 800px) {
    .site-footer > div {
        padding-top: 20px!important;
        padding-bottom: 20px!important;
    }
    .site-footer figure {
        display: none;
    }
    .site-footer .wp-block-button__link {
        font-size: var(--wp--preset--font-size--normal)!important;
    }
}

/* ***************
    --------------
        COMPONANT
    -------------- 
*************** */

/* --------------
    GROUPE
-------------- */
.entry-content .wp-block-group:where(.has-background) {
    padding: var(--wp--custom--spacing--outer);
}
.wp-block-group + .wp-block-group {
    margin-top: var(--wp--custom--spacing--outer);
}
.entry-content.alignfull.wp-block-post-content .wp-block-group.alignfull {
    margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
    margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;

}
.wp-block-group.avec-chevauchement {
    margin-top: -50px;
    padding-top: calc(var(--wp--custom--spacing--outer) + 50px);
}
@media screen and (max-width: 800px) {
    .entry-content .wp-block-group:where(.has-background) {
        padding: 40px var(--wp--custom--spacing--outer);
    }
    .wp-block-group.avec-chevauchement {
        padding-top: calc(var(--wp--custom--spacing--outer) + 80px);
    }
}

/* --------------
    COLONNES
-------------- */
.wp-block-columns {}
.wp-block-group + .wp-block-columns {
    margin-top: var(--wp--custom--spacing--outer);
}

/* --------------
    CITATION
-------------- */
.wp-block-pullquote {
    position: relative;
    margin: auto;
    padding: var(--wp--custom--spacing--outer) 0;
    max-width: 600px;
}
.wp-block-pullquote > i {
    position: absolute;
    top: var(--wp--custom--spacing--outer);
    font-size: 2rem;
}
.wp-block-pullquote > i::before {
    color: var(--wp--preset--color--primary);
}
.wp-block-pullquote > i::after {
    color: var(--wp--preset--color--secondary);
}
.wp-block-pullquote > i:first-child {
    left: -50px;
}
.wp-block-pullquote > i:last-child {
    right: -50px;
}
.wp-block-pullquote blockquote {
    margin: 0;
}
.wp-block-pullquote p {
    margin: 0;
    font-size: var(--wp--preset--font-size--medium);
    line-height: 1.3;
}
.wp-block-pullquote cite {
    display: block;
    margin: 15px 0 0;
}
@media screen and (max-width: 800px) {
    .wp-block-pullquote > i:first-child {
        left: calc(var(--wp--custom--spacing--outer) * -1);
    }
    .wp-block-pullquote > i:last-child {
        right: calc(var(--wp--custom--spacing--outer) * -1);
    }
}

/* --------------
    TITRES
-------------- */
main h2 {
    margin: 0 !important;
    font-family: var(--wp--preset--font-family--bebas);
}
.wp-block-uagb-advanced-heading {
    display: flex;
    flex-direction: column;
}
.uagb-heading-text {
    order: 2;
    margin: 0 !important;
    font-family: var(--wp--preset--font-family--bebas);
    font-size: var(--wp--preset--font-size--huge);
    line-height: 1;
    text-align: left!important;
}
.uagb-desc-text {
    order: 1;
    margin: 0 0 5px!important;
    font-family: var(--wp--preset--font-family--outfit);
    font-size: var(--wp--preset--font-size--large);
    text-transform: uppercase;
    line-height: 1;
}

/* --------------
    BOUTONS
-------------- */
.wp-block-button__link {
    padding: 5px 30px!important;
}
.wp-block-button__link.has-accent-background-color:hover,
.wp-block-button__link.has-accent-background-color:focus {
    background: var(--wp--preset--color--primary)!important;
}

/* --------------
    LISTE
-------------- */
/*
    AVEC PICTO
*/
.liste-picto {
    display: flex;
    justify-content: space-between;
    padding: 0;
    list-style: none;
}
.liste-picto li {
    flex: 1;
    position: relative;
    padding: 0 0 0 80px;
}
.liste-picto li:nth-last-child(2) ~ li,
.liste-picto li:nth-last-child(2) {
    max-width: 48%;
}
.liste-picto li:nth-last-child(3) ~ li,
.liste-picto li:nth-last-child(3) {
    max-width: 30%;
}
.liste-picto i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 4rem;
}
.liste-picto i::after {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    color: var(--wp--preset--color--primary);
}
.home .liste-picto i::after {
    color: var(--wp--preset--color--accent);
}
.liste-picto i.icon-telephone::before,
.liste-picto i.icon-adresse::before {
    color: var(--wp--preset--color--accent);
}
.liste-picto br {
    display: none;
}
.liste-picto strong {
    display: block;
    margin: 0 0 10px;
    font-family: var(--wp--preset--font-family--outfit);
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
}
.liste-picto em {
    display: block;
    margin: 5px 0 0;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}
.liste-picto a {
    display: block;
    margin: 15px 0 0;
    text-decoration: none!important;
}
.liste-picto a:hover,
.liste-picto a:focus {
    color: var(--wp--preset--color--secondary);
}

@media screen and (max-width: 800px) {
    .liste-picto {
        flex-direction: column;
    }
    .liste-picto li {
        max-width: none!important;
    }
    .liste-picto li + li {
        margin: 30px 0 0;
    }
}

/* --------------
    QUERY LOOP
-------------- */
.liste-elem {
    padding: 0 var(--wp--custom--spacing--outer);
}
.liste-elem ul {
    justify-content: center;
}
.liste-elem li {
    position: relative;
    padding:  30px;
    background: var(--wp--preset--color--grey);
}
.liste-elem figure {
    margin: -30px -30px 30px!important;
    overflow: hidden;
}
.liste-elem figure a {
    display: block;
    position: relative;
}
.liste-elem figure a::before {
    content: '';
    display: block;
    padding-top: 60%;
}
.liste-elem figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
}
.liste-elem li:hover figure img {
    transform: scale(1.05);
}
.liste-elem h2,
.liste-elem h3 {
    margin: 0 0 10px!important;
}
.liste-elem h2 a,
.liste-elem h3 a {
    text-decoration: none!important;
}
.liste-elem h2 a::before,
.liste-elem h3 a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.liste-elem p {
    margin: 0;
}

/*
    HOME
*/
.liste-elem.home  {
    padding: 40px var(--wp--custom--spacing--outer);
}
.liste-elem.home  li:nth-child(even) {
    margin: -80px 0 80px;
}
.liste-elem.home  figure {
    margin: 30px -30px -30px !important;
}

@media screen and (max-width: 800px) {
    .liste-elem.home  li:nth-child(even) {
        margin: 0;
    }
    
}

/* --------------
    GALLERY
-------------- */
.image-texte + .wp-block-gallery {
    padding-top: var(--wp--custom--spacing--outer);
}
.wp-block-gallery figure {
    max-height: 80vh;
}
.wp-block-gallery figcaption {
    background: none!important;
    font-family: var(--wp--preset--font-family--outfit);
    font-size: 1.3rem;
    text-transform: uppercase;
    text-shadow: 0 0 10px var(--wp--preset--color--secondary);
}

/* --------------
    FORMULAIRES
-------------- */
.uagb-forms-input-label {
    font-family: var(--wp--preset--font-family--outfit);
    text-transform: uppercase;
    color: var(--wp--preset--color--secondary)!important;
}
.uagb-forms-input {
    border: none!important;
    border-radius: 3px;
    color: var(--wp--preset--color--secondary)!important;
    font-family: var(--wp--preset--font-family--lora)!important;
    font-size: var(--wp--preset--font-size--normal)!important;
}
.uagb-forms-main-submit-button {
    border: none;
    font-family: var(--wp--preset--font-family--outfit);
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.5s;
}
.uagb-forms-main-submit-button:hover {
    background: var(--wp--preset--color--secondary)!important;
    color: var(--wp--preset--color--white)!important;
}

/* ***************
    --------------
        PATTERNS
    -------------- 
*************** */

/* --------------
    NOS CHANTIERS
-------------- */
.nos-chantiers {
    margin: var(--wp--custom--spacing--outer) 0 0;
    margin-block-start: var(--wp--custom--spacing--outer) !important;
}
.nos-chantiers.wp-block-group.alignfull .wp-block-query.alignfull {
    margin:40px calc(var(--wp--custom--spacing--outer) * -1) 0!important;
    padding: 40px var(--wp--custom--spacing--outer);
}
.nos-chantiers {}

@media screen and (min-width: 800px) {
    .nos-chantiers li:nth-child(even) {
        margin: -80px 0 80px;
    }
}
@media screen and (max-width: 800px) {
    .nos-chantiers {
        padding-top: 40px;
        background: var(--wp--preset--color--primary);
    }
    .nos-chantiers h2 {
        color: var(--wp--preset--color--white)!important;
        line-height: 1;
    }
    .nos-chantiers.wp-block-group.alignfull .wp-block-query.alignfull {
        margin-top: 10px!important;
        padding-top: 0!important;
    }    
}


/* --------------
    NOS SERVICES
-------------- */
.nos-services {
    margin-top: var(--wp--custom--spacing--outer)!important;
    padding: var(--wp--custom--spacing--outer)!important;
}
.nos-services .uagb-desc-text {
    margin: 0!important;
    color: var(--wp--preset--color--white);
    text-align: center;
}
.nos-services .uagb-heading-text {
    color: var(--wp--preset--color--secondary);
    text-align: center!important;
}
.nos-services ul {
    margin: 30px auto 0;
    max-width: 840px;
}
.nos-services ul a {
    background: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--accent);
}
.nos-services ul a:hover,
.nos-services ul a:focus {
    color: var(--wp--preset--color--white);
}
.nos-services ul a i::before {
    color: var(--wp--preset--color--white);
}
.nos-services ul a i::after {
    color: var(--wp--preset--color--accent);
    transition: all .5s;
}
.nos-services ul a:hover i::after,
.nos-services ul a:focus i::after {
    color: var(--wp--preset--color--primary);
    transition: all .5s;
}

/* --------------
    PRESTATIONS
-------------- */
.prestations {
    display: flex;
    justify-content: space-between;
    margin: var(--wp--custom--spacing--outer) 0 0;
    padding: 0 50px;
    list-style: none;
}
.prestations li {
    flex: 1;
}
.prestations li + li {
    margin: 0 0 0 10px;
}
.prestations a {
    display: block;
    padding: 20px;
    background: var(--wp--preset--color--primary);
    border-radius: 3px;
    font-family: var(--wp--preset--font-family--outfit);
    color: var(--wp--preset--color--white);
    text-decoration: none!important;
    text-transform: uppercase;
    line-height: 1.2;
}
.prestations a:hover,
.prestations a:focus {
    background: var(--wp--preset--color--secondary);
}
.prestations a i {
    display: block;
    margin: 0 0 10px;
    font-size: 2.5rem;;
}
.prestations a i::after {
    color: var(--wp--preset--color--accent);
}
@media screen and (max-width: 800px) {
    .prestations {
        flex-direction: column;
        padding: 0;
    }
    .prestations li + li {
        margin: 20px 0 0;
    }
    .prestations a {
        text-align: center;
    }
 }

/*
    HOME
*/
.home-header .prestations {
    padding: 0;
}
.home-header .prestations a {
    padding: 0;
    background: none;
}
.home-header .prestations a:hover,
.home-header .prestations a:focus {
    color: var(--wp--preset--color--accent);
}
.home-header .prestations a::after {
    content: '+';
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0 0;
    width: 20px;
    height: 20px;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--wp--preset--color--primary);
    transition: all .5s;
}
@media screen and (min-width: 800px) {
    .home-header .prestations a:hover::after,
    .home-header .prestations a:focus:after {
        transform: rotate(90deg);
        color: var(--wp--preset--color--accent);
    }   
}
@media screen and (max-width: 800px) {
    .home-header .prestations li {
        margin: 15px 0 0;
        padding: 15px 0 0;
        border-top: 1px solid rgba(255,255,255,.2);
    }
    .home-header .prestations a {
        display: flex;
        align-items: center;
        text-align: left;
    }
    .home-header .prestations a i {
        margin: 0 10px 0 0;
    }
    .home-header .prestations a::after {
        flex: 1;
        justify-content: flex-end;
        margin: 0;
    }
}

/* --------------
    PRESTATION
-------------- */
.prestation {
    position: relative;
    display: flex;
    margin: 0;
}
.prestation.has-media-on-the-right::before {
    left: calc(50% + 18px);
    right: auto;
}
.prestation.has-media-on-the-right::after {
    left: calc(50% + 5px);
    right: auto;
}
.prestation > * {
    width: 50%;
}
.prestation .wp-block-media-text__content {
    padding: 30px;
}
.prestation figure {
    position: relative;
    margin: 0;
    background: var(--wp--preset--color--white);
}
.prestation figure::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: var(--wp--preset--color--secondary);
    mix-blend-mode: screen;
}
.prestation figure img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    filter: grayscale(100%) contrast(1);
    mix-blend-mode: multiply;
}
.prestation .wp-block-uagb-advanced-heading {
    align-items: flex-start;
}
.prestation .uagb-desc-text {
    color: var(--wp--preset--color--accent);
    text-align: left;
}
.prestation ul {
    display: flex;
    justify-content: space-between;
    padding: 0;
    list-style: none;
}
.prestation ul li {
    font-family: var(--wp--preset--font-family--outfit);
    text-transform: uppercase;
    line-height: 1;
}
.prestation ul li + li {
    margin: 0 0 0 10px;
}
.prestation ul i {
    display: block;
    margin: 0 0 10px;
    font-size: 2.5rem;
}
.prestation ul i::before {
    color: var(--wp--preset--color--secondary);
}
.prestation ul i::after {
    color: var(--wp--preset--color--accent);
}
.prestation .wp-block-column + .wp-block-column {
    padding: 0 20px;
}

@media screen and (min-width: 800px) {
    .prestation::before {
        content: '';
        position: absolute;
        right: calc(50% + 18px);
        top: 0;
        bottom: 0;
        z-index: 2;
        width: 5px;
        border-left: 3px solid var(--wp--preset--color--white);
        border-right: 3px solid var(--wp--preset--color--white);
    }
    .prestation::after {
        content: '';
        position: absolute;
        right: calc(50% + 5px);
        top: 0;
        bottom: 0;
        z-index: 2;
        width: 4px;
        border-left: 3px solid var(--wp--preset--color--white);
        border-right: 3px solid var(--wp--preset--color--white);
    } 
    .prestation.has-media-on-the-right {
        flex-direction: row-reverse;
    }      
}
@media screen and (max-width: 800px) {
    .prestation {
        flex-direction: column;
    }
    .prestation > * {
        width: 100%;
    }
    .prestation ul {
        flex-wrap: wrap;
    }
    .prestation ul li {
        width: 100%;
    }
    .prestation ul li + li {
        margin: 20px 0 0;
    }
    .prestation figure {
        height: 200px;
    }
}

/* --------------
    IMAGE ET TEXTE
-------------- */
.image-texte {
    margin: auto;
    max-width: 1400px;
}
.image-texte > div {
    padding: var(--wp--style--block-gap) 0;
}
.image-texte > div:first-child {
    position: relative;
    padding: 0;
    align-self: stretch;
    min-height: clamp(200px, 26vw, 400px);
}
.image-texte figure {
    position: relative;
    margin: 0;
    height: 100%;
}
.image-texte figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (min-width: 800px) {
    .image-texte figure::before {
        content: '';
        position: absolute;
        right: 18px;
        top: 0;
        bottom: 0;
        z-index: 2;
        width: 5px;
        border-left: 3px solid var(--wp--preset--color--white);
        border-right: 3px solid var(--wp--preset--color--white);
    }
    .image-texte figure::after {
        content: '';
        position: absolute;
        right: 5px;
        top: 0;
        bottom: 0;
        z-index: 2;
        width: 4px;
        border-left: 3px solid var(--wp--preset--color--white);
        border-right: 3px solid var(--wp--preset--color--white);
    }
    
}

/*
    CHANTIER
*/
.type-prestation {
    margin-bottom: 5px;
    font-family: var(--wp--preset--font-family--outfit);
}
.donneur-ordre {
    margin-top: 5px;
    font-family: var(--wp--preset--font-family--outfit);
}

/*
    CONTACT
*/
.entry-content .image-texte.contact.wp-block-columns.alignfull {
    margin-left: calc(var(--wp--custom--spacing--outer) * -1)!important;
    margin-right: calc(var(--wp--custom--spacing--outer) * -1)!important;
    padding: 0;
}
.image-texte.contact > div:last-child {
    margin: 0!important;
    padding: 0!important;
}
.image-texte.contact form {
    padding: var(--wp--custom--spacing--outer);
}

/* --------------
    METHODOLOGIE
-------------- */
.methodologie {}
.methodologie .wp-block-gallery {
    position: relative;
    margin: 0 calc(var(--wp--custom--spacing--outer) * -1) calc(var(--wp--custom--spacing--outer) * -1);
    padding: var(--wp--custom--spacing--outer) var(--wp--custom--spacing--outer) 0;
}
.methodologie .wp-block-gallery::before {
    content: '';
    position: absolute;
    top: 70%;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--wp--preset--color--white);
}
.methodologie .wp-block-gallery figure {
    margin-bottom: 0!important;
}
@media screen and (max-width: 800px) {
    .methodologie .wp-block-gallery {
        margin-bottom: -40px;
    }
}

/* --------------
    TEMOIGNAGES
-------------- */
.temoignages {
    margin: var(--wp--custom--spacing--outer) 0!important;
}
.temoignages .uagb-heading-text {
    text-align: left;
}
.temoignages .uagb-desc-text {
    text-align: left;
    color: var(--wp--preset--color--accent);
}
.temoignages .uagb-post-grid {
    margin: 10px 0 0;
}
.temoignages .uagb-post__items {
    display: flex;
}
.temoignages article {
    flex: 1;
    position: relative;
    padding: 30px;
    background: var(--wp--preset--color--grey);
}
.temoignages article + article {
    margin-left: 15px;
}
.temoignages article h3 {
    margin: 0;
    font-family: var(--wp--preset--font-family--outfit);
    font-size: var(--wp--preset--font-size--intermediate);
    font-weight: 700;
    text-transform: uppercase;
}
.temoignages article h3 a {
    text-decoration: none!important;
}
.temoignages article h3 a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

.temoignages article p {
    margin: 10px 0 0;
}
.temoignages article p {}
.temoignages article .wp-block-buttons {
    display: none;
}
.temoignages figure {
    display: inline-block;
    width: 25%;
}

@media screen and (max-width: 800px) {
    .temoignages {
        margin: 40px 0;
    }
    .temoignages .uagb-post__items {
        flex-direction: column;
    }
    .temoignages article + article {
        margin: 20px 0 0;
    }
}

/* --------------
    ENGINS
-------------- */
.engins {
    padding: 30px;
}
.engins .uagb-heading-text {
    text-align: center!important;
}
.engins .uagb-desc-text {
    text-align: center!important;
    color: var(--wp--preset--color--accent);
}
.engins .wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 40px 0 0;
}
.engins .wp-block-image {
    position: relative;
    background: var(--wp--preset--color--white);
}
.engins .wp-block-image::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: var(--wp--preset--color--secondary);
    mix-blend-mode: screen;
}
.engins .wp-block-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    filter: grayscale(100%) contrast(1);
    mix-blend-mode: multiply;
}

/* --------------
    QUALIFAICATION
-------------- */
.qualifications {
    padding: 30px;
}
.qualifications i {
    display: block;
    margin: 0 0 20px;
    text-align: center;
    font-size: 5rem;
}
.qualifications i::before {
    color: var(--wp--preset--color--accent);
}
.qualifications i::after {
    color: var(--wp--preset--color--secondary);
}
.qualifications .uagb-heading-text {
    text-align: center!important;
}
.qualifications .uagb-desc-text {
    text-align: center!important;
    color: var(--wp--preset--color--accent);
}
.qualifications ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
}
.qualifications li {
    flex: 1;
    padding: 10px;
    text-align: center;
}
@media screen and (max-width: 800px) {
    .qualifications li {
        min-width: 50%;
    }
}

/* --------------
    INSCRIPTION NEWSLETTER
-------------- */
.inscription-newsletter {
    padding: 30px;
}
.inscription-newsletter .uagb-heading-text {
    text-align: center!important;
}
.inscription-newsletter .uagb-desc-text {
    text-align: center!important;
    color: var(--wp--preset--color--accent);
}
.inscription-newsletter #mc_embed_signup {
    margin: auto;
    max-width: 100%;
}
.inscription-newsletter #mc_embed_signup form {
    padding: 0;
}
.inscription-newsletter #mc_embed_signup .button {
    background: var(--wp--preset--color--primary);
}
.inscription-newsletter #mc_embed_signup .button:hover {
    background: var(--wp--preset--color--secondary);
}

/* --------------
    AUTRES CHANTIERS
-------------- */
.autres-chantiers {
    position: relative;
    margin: var(--wp--custom--spacing--outer) 0 0;
    padding: 40px!important;
}
.autres-chantiers::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    border: 10px solid transparent;
    border-bottom: 10px solid var(--wp--preset--color--grey);
}
.autres-chantiers ul {
    justify-content: center;
}
.autres-chantiers a {
    text-decoration: none!important;
}
.autres-chantiers a:hover,
.autres-chantiers a:focus {
    color: var(--wp--preset--color--primary)!important;
}