/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* ================================================== 
VARIABLES
=================================================== */

:root {
    --dark: #1a122e;
    --violet: #7426ef;
    --jaune: #ffe62e;
    --turquoise: #67f4f4;
    --vert: #65e587;
    --bleu: #291cde;
    --bleu-pastel: #F1F4FF;
    --rouge: #f70d5c;
    --font: 'Montserrat';
}

/* ================================================== 
STYLES GENERAUX
================================================== */
.grecaptcha-badge {
    visibility: hidden;
}
#wrapper .uncode-gmaps-widget .gmap-buttons {
    opacity: 1;
    padding: 0 !important;
}
#wrapper .uncode-gmaps-widget .gmap-buttons .fa-plus:before {
    content: '\e114';
}
#wrapper .uncode-gmaps-widget .gmap-buttons .fa-minus:before {
    content: '\e115';
}
/* #wrapper b,
#wrapper strong {
    font-weight: 700;
} */
@media screen and (max-width: 959px) {
    #wrapper .btn:not(input):not(.checkout-button), #wrapper .btn-link:not(input):not(.checkout-button) {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
div, p, li, dt, dd, dl, address, label, small, pre, code, .text-lead, .text-lead:not(ul) > *, .icon-box-heading > * {
    line-height: 1.4;
    letter-spacing: 0em;
}

#wrapper h1, #wrapper .h1 * {
    font-size: clamp(30px, 4vw, 42px);
}
#wrapper h2, #wrapper .h2 *, #wrapper #cats-home .category-list-item a {
    font-size: clamp(26px, 4vw, 33px);
}
#wrapper h3, #wrapper .h3 * {
    font-size: clamp(22px, 4vw, 28px);
}
#wrapper h4, #wrapper .h4 * {
    font-size: clamp(19px, 4vw, 22px);
}
#wrapper h5, #wrapper .h5 * {
    font-size: clamp(17px, 4vw, 20px);
}
#wrapper h6, #wrapper .h6 * {
    font-size: clamp(15px, 4vw, 17px);
}

/* Boutons, Liens
--------------------------------------------- */
#wrapper .custom-link.btn, #wrapper .menu-item-button .btn {
    padding: 12px 25px !important;
}
#wrapper .custom-link.btn-color-65E587 {
    color: var(--dark) !important;
}
#wrapper .style-dark .custom-link.btn-color-65E587:hover {
    color: var(--vert) !important;
}
#wrapper .custom-link.btn-color-xsdn {
    color: var(--dark) !important;
}
#wrapper .custom-link.btn-color-FFE62E {
    color: var(--dark) !important;
}

/* Icon Box
--------------------------------------------- */
#wrapper .icon-box:not(.icon-box-top):not(.icon-box-bottom) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#wrapper .icon-box:not(.icon-box-top):not(.icon-box-bottom)>.icon-box-icon {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    height: auto;
    width: auto;
    margin-top: 0;
}

#wrapper .icon-box:not(.icon-box-top)>.icon-box-content {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: auto;
}
#wrapper  .icon-box-top .icon-box-heading p {
    margin-top: 10px;
}

/* Listes
--------------------------------------------- */
#wrapper .uncode_text_column ul,
#wrapper .uncode-list ul {
    list-style: none;
    padding: 0;
}
#wrapper .uncode_text_column ul>li,
#wrapper .uncode-list ul>li {
    margin: 8px 0;
    position: relative;
    padding-left: 20px;
}
#wrapper .uncode_text_column ul>li:before {
    position: absolute;
    left: 0;
    top: 12px;
    display: block;
    content: '';
    background: var(--vert);
    width: 4px;
    height: 4px;
    border-radius: 50%;
}
#wrapper .uncode-list ul li {
    margin: 15px 0;
    position: relative;
    padding-left: 30px;
}
#wrapper .uncode-list ul.text-lead li {
    font-size: clamp(17px, 4vw, 20px);
}
#wrapper .uncode-list ul li:before {
    position: absolute;
    left: 0;
    top: -2px;
    content: '';
    background: url('https://palettes.ateliers-du-bocage.fr/wp-content/uploads/2023/09/checklist.svg') no-repeat center center;
    width: 26px;
    height: 23px;
}

#wrapper .uncode_text_column.empty {
    display: none;
}
.prefooter-bleuciel #wrapper .prefooter {
    background-color: var(--bleu-pastel);
}


/* ================================================== 
	COMPLIANZ
================================================== */

#cmplz-cookies-overview .cmplz-service-header, #cmplz-cookies-overview .cookies-per-purpose div {
    background: rgba(255,255,255,0.1) !important;
}

.cmplz-cookiebanner {
    overflow: visible;
}
/* .cmplz-cookiebanner:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120vw;
    height: 120vh;
    margin-left: -50vw;
    margin-top: -50vh;
    z-index: -1;
    background: rgba(0,0,0,0.5);
    overflow: hidden;
} */
.cmplz-cookiebanner:before {
    content: '';
    position: absolute;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    /* border-radius: 8px; */
}
.cmplz-cookiebanner > * {
    z-index: 1;
}
body .cmplz-cookiebanner .cmplz-title {
    font-size: 18px;
    font-weight: 700;
}
body .cmplz-cookiebanner .cmplz-links .cmplz-link {
    text-decoration: none;
}
#cmplz-document {
  max-width: 100% !important;
}
#cmplz-manage-consent .cmplz-manage-consent {
	right: 30px !important;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
	        box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-deny {
min-height: auto;
}



/* ================================================== 
HEADER
================================================== */
/*  Top bar
--------------------------------------------- */
#wrapper .topbar-col-right .menu-horizontal {
    order: -1;
}
#wrapper .topbar-col-right .menu-horizontal .fa-angle-right, #wrapper .topbar-col-right .social-icon:before {
    display: none;
}
#wrapper .topbar-col-right .menu-item {
    padding: 18px;
}
#wrapper .topbar-col-right .menu-bloginfo {
    padding-right: 4px !important;
}
#wrapper .topbar-col-right .menu-bloginfo-inner {
    font-size: 15px;
}
#wrapper .topbar-col-right  {
    width: auto;
}
#wrapper .top-menu {
    position: absolute;
    right: -20px;
    top: 6px;
    height: 0;
}

/*  Menu
--------------------------------------------- */
#masthead .navbar-main .fa-angle-down {
    color: var(--vert);
    font-size: 18px;
}
#masthead .navbar-main .btn {
    background: var(--vert);
    color: var(--dark);
    border-color: var(--vert);
    font-size: 13px;
}
#masthead .navbar-main .btn:hover {
    background: transparent;
    color: var(--vert);
}

#wrapper .row-menu-inner {
    display: flex;
    align-items: flex-end;
}
#wrapper .row-menu-inner > * {
    height: auto;
}
#masthead .logo-container:not(.shrinked) {
    padding-top: 26px;
    padding-bottom: 26px;
}
#masthead .logo-container.shrinked {
    padding-top: 15px;
    padding-bottom: 15px;
}
#masthead .menu-primary-inner { 
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
#masthead .menu-primary-inner > li {
    height: auto;
}
#masthead .menu-primary-inner > li:not(.menu-item-button) > a {
    padding-bottom: 30px;
    padding-top: 30px;
}
/*  Sous-menu
--------------------------------------------- */
#wrapper #masthead .drop-menu>li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
#wrapper #masthead .drop-menu {
    border-left: 3px solid var(--dark);
    box-shadow: 0px -5px 40px 0px rgba(0,0,0,0.1);
    width: auto !important;
    min-width: 220px !important;
}
#wrapper #masthead .drop-menu > li > a {
    padding: 15px 20px;
}

#wrapper #masthead .drop-menu,
#wrapper #masthead .drop-menu>li {
    padding: 0;
}
#wrapper #masthead .navbar-nav .drop-menu li.current-menu-item a {
    font-weight: 700;
}
#wrapper #masthead .drop-menu > li > a:hover {
    background: var(--bleu-pastel) !important;
    color: var(--dark) !important;
}

/*  Sticky menu
--------------------------------------------- */
#wrapper #masthead.is_stuck .top-menu {
    top: 2px;
}
#masthead.is_stuck .menu-primary-inner > li:not(.menu-item-button) > a {
    padding-bottom: 15px;
    padding-top: 15px;
}
#wrapper #masthead.is_stuck  .menu-item-button .btn {
    padding: 8px 15px !important;
}
#wrapper #masthead.is_stuck  .topbar-col-right .menu-bloginfo-inner, #wrapper .topbar-col-right .menu-item {
    font-size: 14px;
}
#wrapper #masthead.is_stuck  .topbar-col-right .menu-bloginfo, #wrapper #masthead.is_stuck .topbar-col-right .menu-item, #wrapper #masthead.is_stuck .social-menu-link {
    padding-bottom: 8px !important;
}

/* ================================================== 
FOOTER
================================================== */
/*  Icon box footer
--------------------------------------------- */
#colophon .prefooter > .row {
    width: 950px;
    max-width: calc(100% - 72px);
    margin: auto;
}
#colophon .prefooter .icon-box {
    background: #fff;
    padding: 36px !important;
    border-radius: 10px;
    box-shadow:  0px -5px 40px 0px rgba(0,0,0,0.1);
}
/*  Footer top
--------------------------------------------- */
#colophon .footer-top .row-child > .row-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
#colophon .footer-top .col-lg-2 {
    margin: 0;
    width: auto;
    flex-basis: auto;
    height: auto;
}
#colophon .footer-top .col-lg-2 .uncoltable {
    width: auto;
}
#colophon .footer-top .uncode-vc-social  {
    margin-top: 10px;
}
#colophon .prefooter + .vc_row > .row {
    padding-bottom: 18px;
    padding-top: 135px;
}
#colophon .footer-top p, #colophon .footer-top li a {
    font-size: 15px;
}
#colophon .footer-top .liens-villes ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    max-width: 240px;
}
#colophon .footer-top .liens-villes li {
    margin: 0;
    width: 50%;
}
#colophon .footer-top .liens-villes li:before {
    display: none;
}

/*  Footer bottom
--------------------------------------------- */
#colophon .footer-bottom {
    margin-top: 25px;
}
#colophon .footer-bottom p {
    opacity: 0.5;
}




/* ================================================== 
STYLES SPECIFIQUES
================================================== */
/* Bords arrondis
--------------------------------------------- */
#wrapper .uncell.unradius-std, #wrapper .img-round-std.img-round > img {
    border-radius: 10px;
}
#wrapper .bg-radius:not(.img-right) .column-background {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#wrapper .bg-radius.img-right .column-background {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#wrapper .radius-full {
    border-radius: 10px;
    overflow: hidden;
}

#wrapper .wrap-full-border {
    max-width: calc(100% - 72px);
    margin-left: 36px;
}

#wrapper .uncode-single-media .t-entry-visual-tc {
    line-height: 0;
}


/* Bandeau home
--------------------------------------------- */
#wrapper .bandeau-home .row-background .background-inner {
    max-width: 78%;
    margin-left: auto;
}
#wrapper .bandeau-home .row-background .background-wrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 19%;
    top: 0;
    background: url('https://palettes.ateliers-du-bocage.fr/wp-content/uploads/2023/09/forme-home.svg') no-repeat center left;
    background-size: auto 100%;
    z-index: 1;
}
#wrapper .bandeau-home > .row {
    z-index: 2;
}
#wrapper .bandeau-home .heading-text {
    width: 100%;
}
#wrapper .bandeau-home .h1 {
    width: 50%;
    max-width: 860px;
    padding-bottom: 20px;
}
#wrapper .bandeau-home .h1 * {
    font-size: clamp(28px, 4vw, 45px);
    line-height: 1.15;
}
#wrapper .bandeau-home .uncode_text_column {
    width: 33%;
    max-width: 400px;
}
#wrapper .bandeau-home .row-icon-box { 
    max-width: 800px;
    margin-top: 70px;
}
#wrapper .bandeau-home .row-icon-box .uncell {
    padding: 14px 18px;
}
#wrapper .bandeau-home .row-icon-box .uncell::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    display: block;
    background-color: transparent;
    border: 1px solid var(--dark);
    border-radius: 10px;
    transition: all .1s ease-in-out;
}
#wrapper .bandeau-home .row-icon-box .wpb_column:hover .uncell::before {
    left: -4px;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    border-radius: 13px;
    transition: all .2s ease-in-out;
}
#wrapper .bandeau-home .row-icon-box img {
    transform: none !important;
}

/* Bandeau page interne
--------------------------------------------- */
#wrapper .header-wrapper {
    overflow: visible;
}
#wrapper .breadcrumb li, #wrapper .breadcrumb li a {
    color: var(--dark);
    font-size: 14px;
    font-weight: 500;
}
#wrapper .breadcrumb li br {
    display: none;
}
#wrapper .style-dark .breadcrumb li, #wrapper .style-dark .breadcrumb li a {
    color: white;
}
#wrapper .breadcrumb {
    border-left: 4px solid var(--vert);
    padding-left: 10px;
}
#wrapper .uncode_breadcrumbs_wrap  + .vc_custom_heading_wrap  {
    margin-top: 18px;
}
/* #wrapper .bandeau-page::before {
    position: absolute;
    bottom: -175px;
    right: 0; 
    height: 380px;
    width: 100%;
    content: '';
    background: url('https://palettes.ateliers-du-bocage.fr/wp-content/uploads/2023/09/formes-bandeau-page.svg') no-repeat right bottom;
    background-size: contain;
}
#wrapper .bandeau-page > .row-background, #wrapper .bandeau-page > .row-background .background-wrapper {
    overflow: visible;
}

#wrapper .bandeau-page .column-background {
    border-radius: 10px;
    height: calc(100% + 100px);
}
#wrapper .bandeau-page:not(.bandeau-simple) .column-background {
    margin-right: 36px;
} */

#wrapper .txt-bandeau-full .uncont {
    padding: 45px;
    background-color: rgb(255 255 255 / 88%);
    width: 500px;
    max-width: 45%;
    min-height: 470px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/* #wrapper .txt-bandeau-full::before {
    position: absolute;
    top: 0;
    right: 0; 
    height: 100%;
    width: 300px;
    content: '';
    background: url('https://palettes.ateliers-du-bocage.fr/wp-content/uploads/2023/09/vague-droite.svg') no-repeat right bottom;
    background-size: auto 100%;
} */

/* Bandeau page interne simple
--------------------------------------------- */
/* #wrapper .bandeau-page.bandeau-simple .block-bg-overlay {
    background: rgb(241,244,255);
    background: linear-gradient(60deg, rgba(241,244,255,1) 12%, rgba(241,244,255,0.33) 100%); 
}
#wrapper .bandeau-page.bandeau-simple .background-inner, #wrapper .bandeau-simple .block-bg-overlay {
    max-width: 600px;
    margin-left: auto;
    right: 0;
}
#wrapper .bandeau-page.bandeau-simple:before {
    top: 100%;
    height: 216px;
    background: url('https://palettes.ateliers-du-bocage.fr/wp-content/uploads/2023/09/formes-bandeau-simple.svg') no-repeat right bottom;
    background-size: auto 100%;
} */

/* Icon Certification
--------------------------------------------- */
#wrapper .certif p {
    color: var(--rouge);
    font-weight: 600;
    margin: 0;
    line-height: 1.3em;
}
#wrapper .certif {
    max-width: 150px;
    border-radius: 10px;
    padding: 12px 10px 0 !important;
    box-shadow:  0px -5px 40px 0px rgba(0,0,0,0.1);
    transform: rotate(-6deg);
    position: absolute;
    z-index: 2;
    background: #fff;
    bottom: 70px;
    left: -50px;
}
#wrapper .certif .icon-box-icon {
    position: relative;
    z-index: -1;
    margin: -5px 0;
}
#wrapper .grille-icos .uncell.style-color-F1F4FF-bg  {
    padding: 25px 36px;
}
#wrapper .grille-icos .uncell::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    display: block;
    background-color: transparent;
    border: 1px solid var(--vert);
    border-radius: 10px;
    transition: all .1s ease-in-out;
    z-index: -1;
}
#wrapper .grille-icos .wpb_column:hover .uncell::before {
    left: -4px;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    border-radius: 13px;
    transition: all .2s ease-in-out;
}


/* Chiffres
--------------------------------------------- */
#wrapper .uncode-counter {
    font-size: clamp(40px, 4vw, 48px);
}
#wrapper .counter-text p {
    font-weight: 500;
    line-height: 1.4em;
    margin-top: 10px;
}
#wrapper .chiffres .heading-text .text-top-reduced p {
    font-weight: 500;
}
#wrapper .chiffres .fontsize-48 {
    line-height: 1;
}

/* Rangée liseré
--------------------------------------------- */
#wrapper .lisere > .row> .row-inner > .wpb_column > .uncol:before  {
    content: '';
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    position: absolute;
    top: 10px;
    left: 10px;
    border: 1px solid var(--dark);
    border-radius: 10px;
    z-index: 1;
}
#wrapper .lisere .uncont {
    z-index: 2;
    position: relative;
} 

/* Boites textes
--------------------------------------------- */
#wrapper .boite-cta {
    max-width: 510px;
}
#wrapper .boite-cta .heading-text .text-lead p {
    font-size: clamp(19px, 4vw, 22px);
    line-height: 1.3em;
}
#wrapper .boite-cta .column-background .background-inner {
    filter: grayscale(1);
}
#wrapper .boite-cta .column-background .background-wrapper:before {
    background: url('https://palettes.ateliers-du-bocage.fr/wp-content/uploads/2023/09/waves-boite.svg') no-repeat left bottom;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    background-size: 100% auto;
    z-index: 1;
}
#wrapper .boite-cta .uncont {
    z-index: 1;
    position: relative;
}

/* Logos
--------------------------------------------- */
#wrapper .logos .owl-item .t-entry-visual-cont > a {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

#wrapper .logos .owl-item img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

/* Grille photos
--------------------------------------------- */
/* #wrapper .grille-photos {
    margin-bottom: 60px;
} */
#wrapper .grille-photos .background-inner {
    filter: grayscale(1);
}
#wrapper .grille-photos .vc_custom_heading_wrap .text-lead p {
    line-height: 1.4;
}

/* Schéma
--------------------------------------------- */
#wrapper .schema .icon-media {
    width: 100% !important;
}
#wrapper .schema .uncode_text_column ul > li {
    margin: 15px 0;
}

/* Rangée ateliers
--------------------------------------------- */
#wrapper #wrap-ateliers .icon-box-icon {
    height: 80px;
    display: flex;
    align-items: center;
    margin: auto;
    position: relative;
    z-index: 2;
}
#wrapper #wrap-ateliers .icon-box-icon:before {
    content: "";
    width: 44px;
    height: 44px;
    background-color: var(--vert);
    border-radius: 22px;
    margin: auto;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: -1;
    opacity: 0;
}
#wrapper #wrap-ateliers .icon-box .h6 {
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 14px;
}
#wrapper #wrap-ateliers .icon-box .icon-box-content p {
    margin-top: 14px;
}
#wrapper #wrap-ateliers .icon-box a.btn-link {
    text-transform: none;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: var(--vert);
    font-size: 14px;
}
#wrapper #wrap-ateliers .col-lg-4 {
    padding: 25px;
    border-radius: 10px;
}
#wrapper #wrap-ateliers .col-lg-4:hover {
    background-color: white;
}
#wrapper #wrap-ateliers .col-lg-4:hover .icon-box-icon:before {
    opacity: 1;
}


/* numéros engagements
--------------------------------------------- */
#wrapper .num-tt .heading-text {
    z-index: 1;
    position: relative;
}
#wrapper .num-tt .heading-text div p {
    font-size: 120px;
    font-weight: 700;
    opacity: 0.12;
    position: absolute;
    top: -80px;
    left: -25px;
    z-index: -1;
}
#wrapper .style-dark .num-tt .heading-text div p {
    opacity: 0.2;
}
#wrapper .align_center .num-tt .heading-text div p {
    margin: auto;
    left: 0;
    right: 0;
}

/* Tabs contact
--------------------------------------------- */
#wrapper .tabs-contact {
    padding-top: 30px;
}
#wrapper .tabs-contact .vc_tta-tab:before {
    opacity: 1;
    background-color: var(--bleu-pastel);
}
#wrapper .tabs-contact .switcher-cursor {
    background-color: var(--vert);
}
#wrapper .tabs-contact .nav-tabs > li > a {
    color: var(--dark) !important;
}
#wrapper .tabs-contact .nav-tabs > li.active > a {
    color: var(--dark) !important;
}
#wrapper .tabs-contact .tab-content {
    background-color: var(--bleu-pastel);
    padding: 10px 36px 20px;
    border-radius: 10px;
    margin-top: 30px;
}
#wrapper .tabs-contact .tab-content .vc_custom_heading_wrap, #wrapper .tabs-contact .tab-content .btn-container {
    text-align: center;
}
#wrapper .tabs-contact .tab-content .uncode_text_column {
    text-align: center;
    margin-top: 10px;
    padding-bottom: 20px;
}
#wrapper .gfield_required {
    color: var(--vert);
}
#wrapper .gform_fields input, #wrapper .gform_fields select, #wrapper .gform_fields textarea {
    box-shadow: none;
    border-color: #877aab;
}
#wrapper .gform_fields input:focus, #wrapper .gform_fields select:focus, #wrapper .gform_fields textarea:focus {
    border-color: var(--vert);
}
#wrapper .tabs-contact input[type="submit"] {
    background-color: var(--vert);
    color: var(--dark);
    border-color: var(--vert);
    white-space: initial;
    line-height: 1.3;
}
#wrapper .tabs-contact input[type="submit"]:hover {
    background-color: transparent;
    border-color: var(--vert);
}
#wrapper .infos-contact .icon-box-heading .h5 {
    margin-top: 18px;
}
#wrapper .infos-contact .icon-box-heading + p {
    margin-top: 8px;
}
#wrapper .infos-contact a {
    color: var(--dark) !important;
}

/* Liste collecte palettes
--------------------------------------------- */
#wrapper .list-hztl-collecte ul, #wrapper .list-hztl-palette ul {
    display: flex;
    flex-wrap: wrap;
}
#wrapper .list-hztl-collecte li {
    width: 20%;
    padding-right: 20px;
}
#wrapper .list-hztl-palette li {
    width: 33.3%;
    padding-right: 20px;
    text-align: left;
    font-size: 17px;
}
#wrapper .list-hztl-collecte li strong {
    display: block;
    font-size: 17px;
    line-height: 1.15;
    margin-bottom: 5px;
}

/* Blog
--------------------------------------------- */
.single-post #wrapper .col-img-head-blog {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}
.single-post #wrapper .col-img-head-blog .uncont {
    min-height: 500px;
}
.single-post #wrapper .cat_article span {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px 8px;
    background-color: var(--bleu-pastel);
    margin-right: 10px;
}
.single-post #wrapper .uncode-info-box {
    font-size: clamp(17px, 4vw, 20px);
    font-style: italic;
    color: var(--vert);
    margin-top: 20px;
}
.single-post #wrapper .uncode-info-box .date-info::after {
    content: "";
    position: relative;
    display: inline-block;
    margin-left: 18px;
    background-color: var(--vert);
    width: 8px;
    height: 8px;
    border-radius: 4px;
    top: -3px;
}
.single-post #wrapper .uncode-info-box::after {
    content: 'de lecture';
    margin-left: 6px;
}
.single-post #wrapper #page-header .text-lead > * {
    font-size: clamp(17px, 4vw, 20px);
    line-height: 1.5;
}
.single-post #wrapper .post-content {
    max-width: 1000px;
    margin: 30px auto 0;
}
.single-post #wrapper .post-content .uncode-single-media figcaption {
    position: absolute;
    z-index: 1;
    bottom: 0;
    margin: 0;
    display: block;
    width: 100%;
    background: rgb(26 18 46 / 60%);
    color: white;
    padding: 6px 11px;
}
.single-post #wrapper .post-content .quote {
    max-width: 75%;
    margin: auto;
}
.single-post #wrapper .post-content .quote p {
    position: absolute;
    font-size: 350px;
    font-weight: 600;
    color: var(--vert);
    top: 30px;
    left: -68px;
    height: 130px;
    line-height: 0.8;
    margin: 0;
    opacity: 0.25;
}

#wrapper .all-posts {
    text-align: center;
}
#wrapper .all-posts .grid-filters {
    border-radius: 10px;
    width: auto;
    display: inline-block;
}
#wrapper .all-posts .grid-filters a.active {
    border-bottom: 1px solid var(--vert);
    padding-bottom: 2px;
}
#wrapper .all-posts .grid-filters li span {
    padding-top: 20px;
    padding-bottom: 20px;
}
#wrapper .all-posts .t-entry-visual {
    border-radius: 10px;
}
#wrapper .all-posts .t-entry-category a {
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 4px;
    font-weight: 600;
    padding: 5px 8px;
    background-color: var(--vert);
    color: var(--dark) !important;
}
#wrapper .all-posts .t-entry-date {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
}
#wrapper .all-posts .t-entry-excerpt {
    padding-top: 10px;
}

/* Sous-titre gros
--------------------------------------------- */
#wrapper .vc_custom_heading_wrap.big-subtitle .text-lead {
    margin-top: 0px;
}
#wrapper .vc_custom_heading_wrap.big-subtitle .h2 + .text-lead {
    font-size: 33px;
}
#wrapper .vc_custom_heading_wrap.big-subtitle .h3 + .text-lead {
    font-size: 28px;
}
#wrapper .vc_custom_heading_wrap.big-subtitle .h4 + .text-lead {
    font-size: 22px;
}
#wrapper .vc_custom_heading_wrap.big-subtitle .h5 + .text-lead {
    font-size: 20px;
}
#wrapper .vc_custom_heading_wrap.big-subtitle .text-lead p {
    font-size: 75%;
    margin-top: 0px;
    font-weight: 700;
    line-height: 1.4;
}

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

@media screen and (min-width: 1399px) {
    #masthead .menu-primary-inner > li:not(.menu-item-button) > a {
        padding-left: 30px;
        padding-right: 30px;
    }
}
/* @media screen and (max-width: 1699px) {
    #wrapper .bandeau-page > .row {
        margin-bottom: 60px;
    }
}

@media screen and (max-width: 1499px) {
    #wrapper .bandeau-page > .row {
        margin-bottom: 80px;
    }
    #wrapper .bandeau-page::before {
        bottom: -136px;
        height: 300px;
    }
} */

@media screen and (max-width: 1199px) { 
    /* Ajustements menu
    --------------------------------------------- */
    #masthead .logo-image {
        height: 60px !important;
    }
    #logo-container-mobile {
        padding-right: 10px;
    }
    #wrapper .navbar-main .menu-smart > li > a {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    #wrapper #masthead:not(.is_stuck) .menu-primary-inner {
        padding-bottom: 10px;   
    }
    #wrapper .top-menu {
        top: -2px;
    }
    #wrapper #masthead .menu-item-button .btn  {
        padding: 8px 15px !important;
    }
    #masthead > .menu-container > .row-menu > .row-menu-inner {
        padding: 0 18px;
    }
    /* #wrapper .bandeau-page:not(.bandeau-simple) > .row {
        padding-bottom: 0;
    } */
}

@media screen and (max-width: 1050px) {
    #colophon .footer-top .wpb_column {
        width: 50%;
    }
    #colophon .footer-top .wpb_column:nth-child(3), #colophon .footer-top .wpb_column:nth-child(3) .uncoltable {
        width: 100%;
    }
    #colophon .footer-top .liens-villes ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 36px 0;
        max-width: unset;
        width: 100%;
    }
    #colophon .footer-top .liens-villes li {
        width: calc(50% - 18px);
        padding: 0 25px 0 0;
    }
    #wrapper .list-hztl-collecte li {
        width: 50%;
    }
    #wrapper .txt-bandeau-full .uncont {
        min-height: 430px;
    }
}

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

    /* Menu Mobile
    --------------------------------------------- */
    #wrapper .row-menu-inner {
        display: block;
    }
    #wrapper .mobile-menu-button {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    #wrapper #masthead .main-menu-container.open-items .top-menu {
        height: 78px;
    }
    #wrapper #masthead .top-menu, #wrapper #masthead.is_stuck .top-menu {
        right: auto;
        bottom: 0px;
        top: auto;
    }
    #masthead .top-menu .row-menu-inner {
        padding: 0px;
    }
    #wrapper .topbar-col-right {
        width: auto;
    }
    #masthead .main-menu-container {
        height: 100%;
    }
    #masthead.is_stuck .menu-primary-inner > li:not(.menu-item-button) > a {
        padding-top: 0;
        padding-bottom: 0;
    }
    #wrapper #masthead .top-menu + .menu-horizontal {
        height: calc(100% - 78px);
        min-height: unset;
        display: block !important;
        overflow-y: auto;
        margin: 0;
        width: 100%;
    }
    #wrapper #masthead .top-menu + .menu-horizontal .menu-horizontal-inner {
        padding-bottom: 0;
        display: block;
    }
    #masthead .menu-primary-inner {
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-around;
        padding: 20px !important;
    }
    #wrapper .menu-item .fa-angle-down {
        display: inline-block !important;
        position: absolute;
        right: 0;
        top: 2px;
    }
    #masthead .navbar-main .fa-angle-down {
        font-size: 22px;
    }
    #wrapper .navbar-main .menu-smart > li > a {
        display: block;
        padding-left: 0;
    }
    #wrapper .navbar-main .menu-smart > li  {
        width: 100%;
        padding: 20px 0;
    }
    #masthead > .menu-container > .row-menu > .row-menu-inner {
        padding: 0;
    }
    #masthead .navbar-main .btn  {
        font-size: 18px;
    }
    #wrapper #masthead .drop-menu > li > a {
        margin: 0;
    }
    #wrapper #masthead .drop-menu {
        margin-top: 20px !important;
    }
    #wrapper #logo-container-mobile {
        padding: 18px !important;
    }
    #wrapper .topbar-col-right {
        align-items: center;
        width: 100%;
        justify-content: flex-start;
    }
    #wrapper #masthead.is_stuck .topbar-col-right .menu-bloginfo-inner, #wrapper .topbar-col-right .menu-item {
        font-size: 15px;
    }
    #wrapper .menu-smart a i {
        font-size: 18px;
    }
    #wrapper .txt-bandeau-full .uncont {
        min-height: unset;
    }
    #wrapper .uncode_breadcrumbs_wrap  + .vc_custom_heading_wrap  {
        margin-top: 5px;
    }

    /* Fix bug responsive cols
    --------------------------------------------- */
    #wrapper .row-inner.cols-md-responsive {
        display: flex;
        flex-wrap: wrap;
        height: auto !important;
    }
    #wrapper .row-inner.cols-md-responsive > .wpb_column {
        height: auto !important;
        display: flex;
        flex-direction: column;
    }

    /* Min-height sur rangée avec background column
    --------------------------------------------- */
    #wrapper .bg-radius .column_child.col-lg-5 .uncoltable, #wrapper .radius-full .column-background + .uncont, .single-post #wrapper .col-img-head-blog .uncont {
        min-height: 400px;
    }
    #wrapper .bg-radius:not(.img-right) .column-background {
        border-bottom-left-radius: 0;
        border-top-right-radius: 10px;
    }
    #wrapper .bg-radius.img-right .column-background {
        border-top-right-radius: 0;
        border-bottom-left-radius: 10px;
    }

    #wrapper .bandeau-home .row-background .background-wrapper {
        max-height: 480px;
        margin-left: auto;
    }
    #wrapper .bandeau-home .row-background .background-inner {
        max-width: 100%;
    }
    #wrapper .bandeau-home > .row {
        padding-top: 380px;
    }
    #wrapper .bandeau-home > .row > .wpb_row {
        background-color: #fff;
        border-radius: 10px;
        padding: 25px;
        box-shadow: 0px 2px 40px 0px rgba(0,0,0,0.12);
    }
    #wrapper .bandeau-home .heading-text {
        text-align: center;
    }
    #wrapper .bandeau-home .h1 {
        width: auto;
        max-width: 600px;
        padding-bottom: 0px;
    }
    #wrapper .bandeau-home .uncode_text_column {
        width: auto;
        max-width: unset;
        text-align: center;
        margin-top: 15px;
    }
    #wrapper .bandeau-home .row-icon-box {
        max-width: 100%;
    }
    #wrapper .bandeau-home .row-background .background-wrapper {
        overflow: hidden;
    }
    #wrapper .bandeau-home .row-background .background-wrapper:before {
        transform: scale(1.5);
        transform-origin: center 70%;
        left: 30px;
    }
    #wrapper .bandeau-home .row-icon-box {
        margin-top: 36px;
    }
    #wrapper .bandeau-home .row-icon-box > .row > .wpb_row {
        margin-left: -25px;
    }
    #wrapper .bandeau-home .row-icon-box .wpb_column {
        padding-left: 25px;
    }
    #wrapper .bandeau-home .row-icon-box .icon-box {
        flex-direction: column;
        align-items: flex-start;
    }
    #wrapper .bandeau-home .row-icon-box .icon-box-icon {
        left: -15px;
        position: relative;
        max-width: 75px;
    }
    #wrapper .bandeau-home .row-icon-box .icon-box-content {
        padding-left: 0px;
        max-width: 300px;
    }
    #wrapper .col-reco-devis .shift_y_triple {
        margin-top: 0px !important;
    }
    #wrapper .palettes-reco-home .uncell {
        border-radius: 0;
        background: transparent;
        padding: 0;
    }
    #colophon .footer-top .liens-villes li {
        width: 50%;
    }
    #colophon .footer-top .wpb_column {
        padding-top: 0;
    }
    /* #wrapper .bandeau-page:not(.bandeau-simple) .column-background {
        margin-left: 36px;
        height: auto;
    }
    #wrapper .bandeau-page:not(.bandeau-simple) > .row {
        padding-top: 0;
    }
    #wrapper .bandeau-page:not(.bandeau-simple) > .row > .wpb_row > .wpb_column:nth-child(2) {
        padding-top: 0;
    }
    #wrapper .bandeau-page:not(.bandeau-simple) > .row > .wpb_row > .wpb_column:nth-child(2) .uncell {
        padding: 0;
    } */
    .single-post #wrapper .col-img-head-blog {
        border-radius: 0;
    }
    /* #wrapper .bandeau-page.bandeau-simple:before {
        height: 160px;
    } */
}
@media screen and (max-width: 768px) {
    #wrapper #header-pages {
        margin-bottom: 110px;
    }
    #wrapper .txt-bandeau-full .uncont {
        width: calc(100% - 72px);
        margin: 270px 36px -120px;
        background-color: #fff;
        border-radius: 10px;
        padding: 25px;
        box-shadow: 0px 2px 40px 0px rgba(0,0,0,0.12);
    }
    #wrapper .list-hztl-palette li {
        width: 50%;
    }
    /* #wrapper .bandeau-page > .row {
        margin-bottom: 30px;
    }
    #wrapper .bandeau-page.bandeau-simple:before {
        height: 130px;
    } */
    #wrapper .bandeau-home .row-icon-box .icon-box-content .h5 {
        font-size: 17px;
        hyphens: auto;
    }
    #wrapper .bandeau-home .row-background .background-wrapper:before {
        left: -20px;
    }
    #wrapper .tabs-contact .nav-tabs {
        display: flex;
        flex-direction: column;
        padding: 0 !important;
        border-radius: 24px;
        overflow: hidden;
    }
    #wrapper .tabs-contact .vc_tta-tabs-scroller.tab-switch {
        margin-bottom: 0px !important;
    }
    #wrapper .tabs-contact .vc_tta-tab:before {
        width: 100%;
        top: 0;
        left: 0;
        border-radius: 0px;
    }
    #wrapper .tabs-contact .nav-tabs > li > a {
        padding: 13px 18px;
    }
    #wrapper .tabs-contact .nav-tabs .vc_tta-tab:first-child.active ~ .switcher-cursor {
        top: 0;
    }
    #wrapper .tabs-contact .vc_tta-tab:nth-child(2).active ~ .switcher-cursor {
        top: 0;
        bottom: 0;
        margin: auto;
    }
    #wrapper .tabs-contact .vc_tta-tab:nth-child(3).active ~ .switcher-cursor {
        bottom: 0;
    }
    #wrapper .tabs-contact .switcher-cursor {
        height: 33.333%;
    }
}
@media screen and (max-width: 659px) {
    #wrapper .bandeau-home .row-background .background-wrapper .background-inner:before {
        left: -30px;
    }
    #colophon .prefooter .icon-box {
        flex-direction: column;
    }
    #colophon .prefooter .icon-box-content {
        padding-left: 0;
    }
    #wrapper .bg-radius .column_child.col-lg-5 .uncoltable, #wrapper .radius-full .column-background + .uncont, .single-post #wrapper .col-img-head-blog .uncont {
        min-height: 350px;
    }
    #wrapper .list-hztl-collecte li {
        width: 100%;
        padding-right: 0;
    }
}
@media screen and (max-width: 569px) {

    /* Menu Mobile
    --------------------------------------------- */
    #wrapper .navbar-main .menu-smart > li > a {
        font-size: 18px !important;
    }
    #wrapper .navbar-main .menu-smart > li {
        padding: 30px 0;
    }
    #wrapper .bandeau-home .row-background .background-wrapper {
        max-height: 340px;
    }
    #wrapper .bandeau-home > .row {
        padding-top: 300px;
    }
    #wrapper .bandeau-home .row-icon-box .wpb_column:last-child {
        padding-top: 25px;
    }
    #wrapper .bandeau-home .row-icon-box .icon-box {
        align-items: center;
    }
    #wrapper .bandeau-home .row-icon-box .icon-box-icon {
        left: 0;
    }
    #wrapper .bandeau-home .row-icon-box .icon-box-content {
        text-align: center;
    }
    #colophon .footer-top .liens-villes ul {
        padding: 0;
    }
    #colophon .footer-top .wpb_column {
        width: 100%;
    }
    #colophon .footer-top .wpb_column:not(:first-child) {
        padding-top: 36px;
    }
    #wrapper .txt-bandeau-full .uncont {
        padding-right: 70px;
    }
    #wrapper .list-hztl-palette li {
        width: 100%;
        padding-right: 0;
    }
    /* #wrapper .bandeau-page::before {
        bottom: -60px;
        height: 140px;
    } */
    .single-post #wrapper .post-content .quote {
        max-width: 100%;
    }
    .single-post #wrapper .post-content .quote p {
        font-size: 250px;
        top: -42px;
        left: 5px;
    }
    /* #wrapper .bandeau-page.bandeau-simple:before {
        height: 90px;
    } */
}

@media screen and (max-width: 479px) { 
    body.menu-mobile-off-canvas .main-menu-container {
        width: 100vw
    }
    .menu-mobile-centered.menu-mobile-off-canvas .main-menu-container .menu-horizontal {
        width: 100%;
        margin: 0;
    }
    #wrapper .main-container .row-container .row-parent:not(.no-h-padding), #wrapper .main-container .row-container .single-h-padding {
        padding-left: 20px;
        padding-right: 20px;
    }
    .single-block-padding, .double-block-padding {
        padding: 22px;
    }
    #colophon .footer-top .wpb_column:not(:first-child) {
        padding-top: 25px;
    }
    #wrapper .bandeau-home > .row > .wpb_row {
        padding: 20px;
    }
    #wrapper .bandeau-home .row-icon-box .icon-box-icon {
        max-width: 90px;
    }
    #wrapper .bandeau-home .row-icon-box .icon-box-heading p {
        font-size: 18px;
    }
    #colophon .prefooter > .row {
        max-width: calc(100% - 40px);
    }
    #colophon .prefooter .icon-box {
        padding: 25px !important;
    }
    #wrapper #header-pages {
        margin-bottom: 120px;
    }
    #wrapper .txt-bandeau-full .uncont {
        padding: 20px;
        width: calc(100% - 40px);
        margin: 180px 20px -120px;
    }
    #wrapper .wrap-full-border {
        max-width: calc(100% - 40px);
        margin-left: 20px;
    }
    .main-container .row-container .double-top-padding, .main-container .row-container .triple-top-padding, .main-container .row-container .quad-top-padding, .main-container .row-container .penta-top-padding {
        padding-top: 36px;
    }
    .main-container .row-container .double-bottom-padding, .main-container .row-container .triple-bottom-padding, .main-container .row-container .quad-bottom-padding, .main-container .row-container .penta-bottom-padding {
        padding-bottom: 36px;
    }
    #wrapper .bg-radius .column_child.col-lg-5 .uncoltable, #wrapper .radius-full .column-background + .uncont, .single-post #wrapper .col-img-head-blog .uncont {
        min-height: 250px;
    }
    /* #wrapper .bandeau-page::before {
        bottom: -45px;
        height: 100px;
    }
    #wrapper .bandeau-page:not(.bandeau-simple) .column-background {
        margin-left: 22px;
        margin-right: 22px;
    } */
    .single-post #wrapper .uncode-info-box .date-info {
        width: 100%;
        display: block;
    }
    .single-post #wrapper .uncode-info-box .uncode-ib-separator {
        display: none;
    }
    .single-post #wrapper .uncode-info-box .date-info::after {
        display: block;
        margin: 4px 0 2px;
        width: 5px;
        height: 5px;
    }
    #wrapper .tabs-contact .tab-content {
        padding: 0px;
    }
}

@media screen and (max-width: 450px) {
    #wrapper .bandeau-home > .row {
        padding-top: 235px;
    }
}

@media screen and (max-width: 400px) {
    #wrapper .bg-radius .column_child.col-lg-5 .uncoltable, #wrapper .radius-full .column-background + .uncont, .single-post #wrapper .col-img-head-blog .uncont {
        min-height: 200px;
    }
}