/*
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
*/

/* … */

/* || Reset CSS */

.grecaptcha-badge {
    display: none;
}

/* … */

/* || General styles */

* {
    scroll-behavior: smooth;
}

*::selection {
	color: var(--black);
	background-color: rgba(0, 0, 0, 0.849)
}

html {
    height: auto;
}

body {
    background-color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
    letter-spacing: 0px;
}

.box-container {
    width: 100% !important;
    margin: 0 !important;
}

p, li, dt, dd, dl, address, label, small, pre, code, span.tab-excerpt {
    line-height: 30px;
}

/* - Colors - */

:root {

    --border-color-gris: #EAECF0;

    /* Brand Colors */

	--orange: #EB7E2E;
    --bleu-navy: #2D3B4F;
    --petit-gris: #7B8F9E;

    /* Brand Colors -- Accents */

    --orange-accent: #E17221;
    --bleu-navy-accent: #263243;
    --petit-gris-accent: #7B8F9E;

    /* Activities Colors */

    --jaune: #FADD1F;
    --rouge: #D22E2E;
    --turquoise: #64D2C8;
    --bleu: #2979BA;

    /* Activities Colors -- Accents */

    --jaune-accent: #CDB515;
    --rouge-acent: #C81B1B;
    --turquoise-accent: #5ABBB2;
    --bleu-accent: #0870C3;


    --border-radius: 2px;
    --box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
}

/* - Classes - */

#mat-wrap h1,
#mat-wrap .h1 {
    font-size: clamp(35px, 5vw, 55px);
}

#mat-wrap h2,
#mat-wrap .h2 {
    font-size: clamp(25px, 5vw, 35px);
}

#mat-wrap h3,
#mat-wrap .h3 {
    font-size: clamp(25px, 3.5vw, 25px);
}

#mat-wrap h4,
#mat-wrap .h4 {
    font-size: clamp(20px, 3.5vw, 20px);
}

#mat-wrap h5,
#mat-wrap .h5 {
    font-size: clamp(18px, 3.5vw, 18px);
}

#mat-wrap h6,
#mat-wrap .h6 {
    font-size: clamp(16px, 3.5vw, 16px);
}

/* -- */

/* … */

/* || Components styles */

/* - Headings - */

#mat-wrap .vc_custom_heading_wrap .clear {
    display: none;
}

#mat-wrap .vc_custom_heading_wrap.title-separator {
    display: inline-flex;
    align-items: center;
    align-self: stretch;
    flex-shrink: 0;
    gap: 12px;
    width: 100%;
}

#mat-wrap .vc_custom_heading_wrap.title-separator .heading-text {
    display: block;
    width: fit-content;
    flex: 1 0 auto;
}

#mat-wrap .vc_custom_heading_wrap.title-separator span {
    color: var(--petit-gris);
}

#mat-wrap .vc_custom_heading_wrap.title-separator::before,
#mat-wrap .vc_custom_heading_wrap.title-separator:after {
    content: '';
    display: inline-block;
    height: 1px;
    background-color: var(--petit-gris);
    width: 50%;
}

#mat-wrap .align_left .vc_custom_heading_wrap.title-separator::before {
    width: 50px;
}

#mat-wrap .align_left .vc_custom_heading_wrap.title-separator::after {
    width: 100%;
}

#mat-wrap .align_right .vc_custom_heading_wrap.title-separator::before {
    width: 100%;
}

#mat-wrap .align_right .vc_custom_heading_wrap.title-separator::after {
    width: 50px;
}

#mat-wrap .vc_custom_heading_wrap .heading-text {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    position: relative;
}

#mat-wrap .vc_custom_heading_wrap .heading-text > :first-child {
    width: 100%;
    order: 1;
}

#mat-wrap .vc_custom_heading_wrap .heading-text > div {
    order: 0;
    width: 100%;
}

#mat-wrap .vc_custom_heading_wrap .heading-text > div > p {
    margin: 0;
}

#mat-wrap .vc_custom_heading_wrap.bg-light::before {
    content: '';
    position: absolute;
    left: -50px;
    top: -50px;
    width: 300px;
    height: 480px;
    background-color: #F9FAFB;
    background-image: url('https://mateloc.enjin-dev.fr/wp-content/uploads/2024/08/motif-m-gris.png');
    background-position: left top;
    background-repeat: repeat;
    background-size: 800px 300px;
    z-index: -1;
    opacity: 0.3;
}

#mat-wrap .vc_custom_heading_wrap.bg-light.bg-light-square::before {
    height: 236px;
}

#mat-wrap .vc_custom_heading_wrap.title-square .heading-text > :first-child::before {
    content: '';
    display: block;
    position: absolute;
    left: -24px;
    top: 14px;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='13' height='13' stroke='%23EB7E2E'/%3E%3Crect x='3' y='3' width='8' height='8' fill='%23EB7E2E'/%3E%3C/svg%3E%0A");
    background-size: 14px 14px;
    background-position: center center;
    background-repeat: no-repeat;
}

#mat-wrap .vc_custom_heading_wrap.title-square > div > :first-child {
    color: var(--bleu-navy) !important;
}

#mat-wrap .vc_custom_heading_wrap.title-square .heading-text .text-color-130004-color::before,
#mat-wrap .category-materiels-de-manutention .title-square .heading-text > :first-child::before,
#mat-wrap .product.product_cat-materiels-de-manutention .title-square .heading-text > :first-child::before  {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='13' height='13' stroke='%2364D2C8'/%3E%3Crect x='3' y='3' width='8' height='8' fill='%2364D2C8'/%3E%3C/svg%3E%0A");
}

#mat-wrap .vc_custom_heading_wrap.title-square .heading-text .text-color-970040-color::before,
#mat-wrap .category-decoupe-beton-et-demolition .title-square .heading-text > :first-child::before,
#mat-wrap .product.product_cat-decoupe-beton-demolition .title-square .heading-text > :first-child::before  {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='13' height='13' stroke='%232979BA'/%3E%3Crect x='3' y='3' width='8' height='8' fill='%232979BA'/%3E%3C/svg%3E%0A");
}

#mat-wrap .vc_custom_heading_wrap.title-square .heading-text .text-color-853417-color::before,
#mat-wrap .category-coffrage-et-passerelles .title-square .heading-text > :first-child::before,
#mat-wrap .product.product_cat-coffrage-et-passerelles .title-square .heading-text > :first-child::before {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='13' height='13' stroke='%23D22E2E'/%3E%3Crect x='3' y='3' width='8' height='8' fill='%23D22E2E'/%3E%3C/svg%3E%0A");
}

#mat-wrap .vc_custom_heading_wrap.subtitle-left > div > div {
    position: absolute;
    left: -35px;
    top: 5px;
    display: block;
    width: fit-content;
}

#mat-wrap .vc_custom_heading_wrap.subtitle-left > div > div p {
    color: var(--orange);
    text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    transform-origin: center center;
}

#mat-wrap .vc_custom_heading_wrap.subtitle-orange > div > div p {
    color: var(--orange);
}

#mat-wrap .vc_custom_heading_wrap.logo-materiels-de-manutention > div > div,
#mat-wrap .vc_custom_heading_wrap.logo-decoupe-beton-et-demolition > div > div,
#mat-wrap .vc_custom_heading_wrap.coffrage-et-passerelles > div > div {
    padding: 4px 8px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: fit-content;
}

#mat-wrap .vc_custom_heading_wrap.logo-materiels-de-manutention > div > div::before,
#mat-wrap .vc_custom_heading_wrap.logo-decoupe-beton-et-demolition > div > div::before,
#mat-wrap .vc_custom_heading_wrap.coffrage-et-passerelles > div > div::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    background-position: center center;
    background-size: 24px 24px;
}

#mat-wrap .vc_custom_heading_wrap.logo-materiels-de-manutention > div > div::before {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.6666 0H0.666626V24H24.6666V0Z' fill='%2364D2C8'/%3E%3Cpath d='M20.6604 7.88113C20.6604 6.4935 20.6604 5.22076 20.6604 3.87044C18.7267 3.87044 16.7855 3.69288 14.8906 3.91669C12.7002 4.17482 10.9142 6.14585 10.8649 8.25564C10.7724 12.2007 10.8381 16.1502 10.8381 20.1833C12.0691 20.1833 13.2642 20.1833 14.6339 20.1833C14.6339 19.7968 14.6339 19.3955 14.6339 18.9926C14.6339 16.0666 14.6235 13.1407 14.6414 10.2162C14.6518 8.47498 15.2487 7.89456 16.972 7.88262C18.1791 7.87516 19.3862 7.88113 20.6604 7.88113Z' fill='%23263243'/%3E%3Cpath d='M11.1619 3.98533C7.7122 3.48996 4.45052 5.51619 4.68478 9.21504C4.8877 12.432 4.72656 15.6727 4.72656 18.9031C4.72656 19.3119 4.72656 19.7207 4.72656 20.1982C6.03511 20.1982 7.23175 20.1982 8.59103 20.1982C8.59103 19.7879 8.59103 19.3865 8.59103 18.9851C8.59103 15.4892 8.65519 11.9918 8.56566 8.49736C8.51493 6.52036 9.0849 5.00143 11.1619 3.98533Z' fill='%23263243'/%3E%3Cpath d='M20.6574 9.9581C19.6712 9.9581 18.7998 9.97451 17.9284 9.95362C17.2227 9.93572 16.8482 10.2431 16.8467 10.9548C16.8422 13.9927 16.8452 17.0305 16.8452 20.1684C18.1313 20.1684 19.3548 20.1684 20.6574 20.1684C20.6574 16.8157 20.6574 13.454 20.6574 9.9581Z' fill='%23263243'/%3E%3C/svg%3E%0A");
}

#mat-wrap .vc_custom_heading_wrap.logo-decoupe-beton-et-demolition > div > div::before {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.3333 0H0.333252V24H24.3333V0Z' fill='%232979BA'/%3E%3Cpath d='M20.327 7.88113C20.327 6.4935 20.327 5.22076 20.327 3.87044C18.3933 3.87044 16.4521 3.69288 14.5572 3.91669C12.3668 4.17482 10.5808 6.14585 10.5316 8.25564C10.4391 12.2007 10.5047 16.1502 10.5047 20.1833C11.7357 20.1833 12.9308 20.1833 14.3005 20.1833C14.3005 19.7968 14.3005 19.3955 14.3005 18.9926C14.3005 16.0666 14.2901 13.1407 14.308 10.2162C14.3185 8.47498 14.9153 7.89456 16.6386 7.88262C17.8457 7.87516 19.0528 7.88113 20.327 7.88113Z' fill='white'/%3E%3Cpath d='M10.8285 3.98533C7.37882 3.48996 4.11715 5.51619 4.35141 9.21504C4.55433 12.432 4.39318 15.6727 4.39318 18.9031C4.39318 19.3119 4.39318 19.7207 4.39318 20.1982C5.70173 20.1982 6.89838 20.1982 8.25765 20.1982C8.25765 19.7879 8.25765 19.3865 8.25765 18.9851C8.25765 15.4892 8.32181 11.9918 8.23229 8.49736C8.18156 6.52036 8.75153 5.00143 10.8285 3.98533Z' fill='white'/%3E%3Cpath d='M20.3241 9.9581C19.3378 9.9581 18.4664 9.97451 17.595 9.95362C16.8893 9.93572 16.5148 10.2431 16.5133 10.9548C16.5088 13.9927 16.5118 17.0305 16.5118 20.1684C17.798 20.1684 19.0215 20.1684 20.3241 20.1684C20.3241 16.8157 20.3241 13.454 20.3241 9.9581Z' fill='white'/%3E%3C/svg%3E%0A");
}

#mat-wrap .vc_custom_heading_wrap.logo-coffrage-et-passerelles > div > div::before {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.6666 0H0.666626V24H24.6666V0Z' fill='%23D22E2E'/%3E%3Cpath d='M20.6604 7.88113C20.6604 6.4935 20.6604 5.22076 20.6604 3.87044C18.7267 3.87044 16.7855 3.69288 14.8906 3.91669C12.7002 4.17482 10.9142 6.14585 10.8649 8.25564C10.7724 12.2007 10.8381 16.1502 10.8381 20.1833C12.0691 20.1833 13.2642 20.1833 14.6339 20.1833C14.6339 19.7968 14.6339 19.3955 14.6339 18.9926C14.6339 16.0666 14.6235 13.1407 14.6414 10.2162C14.6518 8.47498 15.2487 7.89456 16.972 7.88262C18.1791 7.87516 19.3862 7.88113 20.6604 7.88113Z' fill='white'/%3E%3Cpath d='M11.1619 3.98533C7.7122 3.48996 4.45052 5.51619 4.68478 9.21504C4.8877 12.432 4.72656 15.6727 4.72656 18.9031C4.72656 19.3119 4.72656 19.7207 4.72656 20.1982C6.03511 20.1982 7.23175 20.1982 8.59103 20.1982C8.59103 19.7879 8.59103 19.3865 8.59103 18.9851C8.59103 15.4892 8.65519 11.9918 8.56566 8.49736C8.51493 6.52036 9.0849 5.00143 11.1619 3.98533Z' fill='white'/%3E%3Cpath d='M20.6574 9.9581C19.6712 9.9581 18.7998 9.97451 17.9284 9.95362C17.2227 9.93572 16.8482 10.2431 16.8467 10.9548C16.8422 13.9927 16.8452 17.0305 16.8452 20.1684C18.1313 20.1684 19.3548 20.1684 20.6574 20.1684C20.6574 16.8157 20.6574 13.454 20.6574 9.9581Z' fill='white'/%3E%3C/svg%3E%0A");
}

/* -- */

/* - ScrollTop - */

.footer-scroll-top a {
    display: block;
    width: 52px;
    height: 52px;
    line-height: 52px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
}

.footer-scroll-top a i {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.63907 15.891L6.66666 14.0434L15.9962 5.33337L25.3333 14.0431L23.3576 15.8851L17.3915 10.3076V26.6667H14.6106V10.3025L8.63907 15.891Z' fill='%23EB7E2E'/%3E%3C/svg%3E%0A");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    border: none;
}

.footer-scroll-top a i::before {
    content: none;
}

/* -- */

/* - Texts - */

#mat-wrap .uncode_text_column.truncate {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

#mat-wrap .uncode_text_column.truncate.ml-4 {
    -webkit-line-clamp: 4;
}

/* -- */

/* - Images - */

/* -- */

/* - Checkbox - */

#mat-wrap input[type=checkbox]:checked:before,
#mat-wrap input[type=radio]:checked:before {
    font-family: "uncodeicon" !important;
    line-height: 16px;
    color: var(--blue);
}

/* -- */

/* - Overlay - */

.overlay.style-dark-bg {
    background-color: rgba(20, 22, 24, 0.5) !important;
    backdrop-filter: blur(10px);
}

.overlay .mmb-container {
    right: 36px !important;
    top: 72px !important;
}

.overlay .mmb-container .overlay-close span,
.overlay .mmb-container .overlay-close span::before,
.overlay .mmb-container .overlay-close span::after {
    background-color: white;
}

/* -- */

/* - Search Area - */

.overlay .search-container input {
    border-radius: 2px;
    border-color: white;
    color: white;
}

.overlay .search-container i {
    color: white;
}

/* -- */

/* - Icon Box - */

#mat-wrap .icon-box h3 {
    font-weight: 600;
}

#mat-wrap .icon-box .icon-box-content p {
    margin-top: 24px;
}

/* -- */

/* - Fil d'Ariane - */

#mat-wrap .breadcrumb p,
#mat-wrap .breadcrumb a {
    font-weight: 500;
}

#mat-wrap .house-icon {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 17.3423V11.7943C20 11.2603 20 10.9933 19.935 10.7443C19.8775 10.5241 19.7828 10.3155 19.655 10.1273C19.51 9.91426 19.31 9.73726 18.907 9.38626L14.107 5.18626C13.361 4.53326 12.987 4.20626 12.567 4.08226C12.197 3.97226 11.803 3.97226 11.432 4.08226C11.012 4.20626 10.64 4.53226 9.894 5.18426L5.093 9.38626C4.691 9.73826 4.49 9.91426 4.346 10.1263C4.2178 10.3147 4.12276 10.5237 4.065 10.7443C4 10.9923 4 11.2603 4 11.7943V17.3423C4 18.2743 4 18.7403 4.152 19.1073C4.2524 19.35 4.39963 19.5706 4.58528 19.7564C4.77093 19.9422 4.99137 20.0896 5.234 20.1903C5.602 20.3423 6.068 20.3423 7 20.3423C7.932 20.3423 8.398 20.3423 8.766 20.1903C9.00863 20.0896 9.22907 19.9422 9.41472 19.7564C9.60037 19.5706 9.7476 19.35 9.848 19.1073C10 18.7403 10 18.2743 10 17.3423V16.3423C10 15.8118 10.2107 15.3031 10.5858 14.928C10.9609 14.553 11.4696 14.3423 12 14.3423C12.5304 14.3423 13.0391 14.553 13.4142 14.928C13.7893 15.3031 14 15.8118 14 16.3423V17.3423C14 18.2743 14 18.7403 14.152 19.1073C14.2524 19.35 14.3996 19.5706 14.5853 19.7564C14.7709 19.9422 14.9914 20.0896 15.234 20.1903C15.602 20.3423 16.068 20.3423 17 20.3423C17.932 20.3423 18.398 20.3423 18.766 20.1903C19.0086 20.0896 19.2291 19.9422 19.4147 19.7564C19.6004 19.5706 19.7476 19.35 19.848 19.1073C20 18.7403 20 18.2743 20 17.3423Z' stroke='%23FCFCFD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); 
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}

#mat-wrap .breadcrumb > span {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px;
    width: 100%;
}

#mat-wrap .breadcrumb .fa-angle-right {
    display: block;
}

#mat-wrap .breadcrumb a,
#mat-wrap .breadcrumb .breadcrumb_last {
    color: white;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
}

#mat-wrap .breadcrumb .breadcrumb_last {
    text-decoration: none;
}

#mat-wrap .product .breadcrumb a,
#mat-wrap .product .breadcrumb .breadcrumb_last {
    font-size: 12px;
}

#mat-wrap .product .breadcrumb a,
#mat-wrap .product .breadcrumb a span {
    color: var(--bleu-navy);
}

#mat-wrap .product .breadcrumb span.house-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 17.3423V11.7943C20 11.2603 20 10.9933 19.935 10.7443C19.8775 10.5241 19.7828 10.3155 19.655 10.1273C19.51 9.91426 19.31 9.73726 18.907 9.38626L14.107 5.18626C13.361 4.53326 12.987 4.20626 12.567 4.08226C12.197 3.97226 11.803 3.97226 11.432 4.08226C11.012 4.20626 10.64 4.53226 9.894 5.18426L5.093 9.38626C4.691 9.73826 4.49 9.91426 4.346 10.1263C4.2178 10.3147 4.12276 10.5237 4.065 10.7443C4 10.9923 4 11.2603 4 11.7943V17.3423C4 18.2743 4 18.7403 4.152 19.1073C4.2524 19.35 4.39963 19.5706 4.58528 19.7564C4.77093 19.9422 4.99137 20.0896 5.234 20.1903C5.602 20.3423 6.068 20.3423 7 20.3423C7.932 20.3423 8.398 20.3423 8.766 20.1903C9.00863 20.0896 9.22907 19.9422 9.41472 19.7564C9.60037 19.5706 9.7476 19.35 9.848 19.1073C10 18.7403 10 18.2743 10 17.3423V16.3423C10 15.8118 10.2107 15.3031 10.5858 14.928C10.9609 14.553 11.4696 14.3423 12 14.3423C12.5304 14.3423 13.0391 14.553 13.4142 14.928C13.7893 15.3031 14 15.8118 14 16.3423V17.3423C14 18.2743 14 18.7403 14.152 19.1073C14.2524 19.35 14.3996 19.5706 14.5853 19.7564C14.7709 19.9422 14.9914 20.0896 15.234 20.1903C15.602 20.3423 16.068 20.3423 17 20.3423C17.932 20.3423 18.398 20.3423 18.766 20.1903C19.0086 20.0896 19.2291 19.9422 19.4147 19.7564C19.6004 19.5706 19.7476 19.35 19.848 19.1073C20 18.7403 20 18.2743 20 17.3423Z' stroke='%232D3B4F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

#mat-wrap .product .breadcrumb > span {
    justify-content: flex-start;
}

#mat-wrap .product .breadcrumb > span > *:nth-last-child(2),
#mat-wrap .product .breadcrumb .breadcrumb_last {
    display: none;
}

/* -- */

/* - Buttons - */

#mat-wrap .block-cta > div > .row-inner {
    display: inline-flex;
    gap: 8px;
    align-items: center;
}

#mat-wrap .block-cta > div > .row-inner > div {
    display: block;
    width: auto;
    height: auto;
}

#mat-wrap .block-cta .uncoltable {
    display: inline-block;
}

#mat-wrap .block-cta .btn-container {
    display: block;
    width: fit-content;
}

#mat-wrap .btn:not(.btn-link),
#mat-wrap .gform_button {
    padding: 0px 24px !important;
    line-height: 58px;
    border-radius: var(--border-radius);
    position: relative;
    letter-spacing: 0;
    display: flex;
    width: fit-content;
    justify-content: space-between;
    transition: all .3s cubic-bezier(.19,1,.22,1);
}

#mat-wrap .btn.btn-icon-right {
    padding-right: 12px !important;
}

#mat-wrap .btn.btn-icon-right i {
    display: inline-block;
    width: 32px;
    line-height: 58px;
    height: calc(100% - 2px);
    transition: all .5s cubic-bezier(.19,1,.22,1);
}

#mat-wrap .btn.btn-primary,
#mat-wrap .gform_button {
    background-color: var(--orange);
    border-color: var(--orange);
    color: white;
    transition: all .5s cubic-bezier(.19,1,.22,1);
}

#mat-wrap .btn.btn-primary:hover,
#mat-wrap .gform_button:hover {
    background-color: var(--orange-accent);
}

#mat-wrap.logo-materiels-de-manutention .main-wrapper .btn-primary {
    background-color: var(--turquoise);
    border-color: var(--turquoise);
    color: var(--bleu-navy) !important;
}

#mat-wrap.logo-materiels-de-manutention .main-wrapper .btn-primary:hover {
    background-color: var(--turquoise-accent);
    border-color: var(--turquoise-accent);
}

#mat-wrap.logo-decoupe-beton-et-demolition .main-wrapper .btn-primary {
    background-color: var(--bleu);
    border-color: var(--bleu);
}

#mat-wrap.logo-decoupe-beton-et-demolition .main-wrapper .btn-primary:hover {
    background-color: var(--bleu-accent);
    border-color: var(--bleu-accent);
}

#mat-wrap.logo-coffrage-et-passerelles .main-wrapper .btn-primary {
    background-color: var(--rouge);
    border-color: var(--rouge);
}

#mat-wrap.logo-coffrage-et-passerelles .main-wrapper .btn-primary:hover {
    background-color: var(--rouge-acent);
    border-color: var(--rouge-acent);
}


#mat-wrap .btn.btn-primary.btn-button_color-207489 {
    color: var(--turquoise) !important;
}

#mat-wrap .btn.btn-primary.btn-button_color-207489 i {
    color: var(--turquoise);
}

#mat-wrap .btn.btn-primary[class*="btn-icon"] i {
    margin-left: 12px;
}

#mat-wrap .btn.btn-secondary {
    border-width: 2px;
    font-weight: 500;
    border-color: var(--bleu-navy);
    color: var(--bleu-navy) !important;
    background-color: transparent !important;
}

#mat-wrap.logo-materiels-de-manutention .main-wrapper .btn-secondary:not(.cards .btn-secondary, .section-articles .btn-secondary, .sticky-element .btn-secondary, .section-readmore .btn-secondary) {
    border-color: var(--turquoise-accent);
    color: var(--turquoise-accent) !important;
}

#mat-wrap.logo-materiels-de-manutention .main-wrapper .btn-secondary:not(.cards .btn-secondary, .section-articles .btn-secondary, .sticky-element .btn-secondary, .section-readmore .btn-secondary) i {
    color: var(--turquoise-accent) !important;
}

#mat-wrap.logo-decoupe-beton-et-demolition .main-wrapper .btn-secondary:not(.cards .btn-secondary, .style-color-970040-bg .btn-secondary, .section-articles .btn-secondary, .sticky-element .btn-secondary, .section-readmore .btn-secondary) {
    border-color: var(--bleu);
    color: var(--bleu) !important;
}

#mat-wrap.logo-decoupe-beton-et-demolition .main-wrapper .btn-secondary:not(.cards .btn-secondary, .style-color-970040-bg .btn-secondary, .section-articles .btn-secondary, .sticky-element .btn-secondary, .section-readmore .btn-secondary) i {
    color: var(--bleu) !important;
}

#mat-wrap.logo-coffrage-et-passerelles .main-wrapper .btn-secondary:not(.cards .btn-secondary, .section-articles .btn-secondary, .sticky-element .btn-secondary, .section-readmore .btn-secondary) {
    border-color: var(--rouge);
    color: var(--rouge) !important;
}

#mat-wrap.logo-coffrage-et-passerelles .main-wrapper .btn-secondary:not(.cards .btn-secondary, .section-articles .btn-secondary, .sticky-element .btn-secondary, .section-readmore .btn-secondary) i {
    color: var(--rouge) !important;
}

#mat-wrap .btn.btn-secondary.only-icon {
    font-size: 24px;
    position: relative;
    width: 52px;
    height: 52px;
    text-align: center;
    line-height: 32px;
    display: block;
    border: 2px solid var(--bleu-navy);
    padding: 4px !important;
    transition: all .3s cubic-bezier(.19,1,.22,1);
}

#mat-wrap .btn.btn-secondary.only-icon i {
    margin: 0;
    vertical-align: middle;
}

#mat-wrap .btn.btn-secondary.only-icon:hover {
    width: 62px;
}

#mat-wrap .btn.btn-secondary:not(.btn.btn-icon-right):not(.only-icon):hover {
    padding: 0px 28px !important;
}

#mat-wrap .btn.btn-secondary.color-white {
    border-color: white;
    color: white !important;
} 

#mat-wrap .btn.btn-secondary.btn-color-970040 {
    border-color: var(--bleu);
    color: var(--bleu) !important;
} 

#mat-wrap .btn.btn-secondary.btn-color-853417 {
    border-color: var(--rouge);
    color: var(--rouge) !important;
} 

#mat-wrap .btn.btn-secondary[class*="btn-icon"]:not(.only-icon) i {
    margin-left: 12px;
    border-color: var(--bleu-navy);
    color: var(--bleu-navy) !important;
    transition: all .5s cubic-bezier(.19,1,.22,1);
}

#mat-wrap .btn.btn-secondary[class*="btn-icon"].color-white i {
    border-color: white;
    color: white !important;
}

#mat-wrap .btn.btn-primary:not(.only-icon):hover i,
#mat-wrap .btn.btn-secondary:not(.only-icon):hover i {
    margin-left: 18px;
}

#mat-wrap .btn:not(.btn-link).btn-terciary {
    border: none;
    padding: 0 !important;
    line-height: 28px;
}

#mat-wrap .btn.btn-terciary i {
    display: inline-block;
    position: relative;
    width: 52px;
    height: 52px;
    font-size: 24px;
    border-radius: var(--border-radius);
    line-height: 52px;
    transition: all .3s cubic-bezier(.86,0,.07,1);
}

#mat-wrap .btn.btn-terciary:hover i {
    top: -5px;
}

#mat-wrap .btn.btn-link {
    color: var(--orange);
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0;
    position: relative;
    left: 0;
    transition: all .3s cubic-bezier(.86,0,.07,1);
}

#mat-wrap .btn.btn-link:hover {
    left: 10px;
    transition: all .3s cubic-bezier(.86,0,.07,1);
}


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

    #mat-wrap .btn.btn-secondary[class*="btn-icon"]:not(.only-icon) i {
        margin-left: 16px;
    }
}

@media screen and (max-width: 1024px) {
    #mat-wrap .btn-container > a {
        font-size: 14px;
        padding: 0px 16px !important;
    }
}


@media screen and (max-width: 650px) {
    #mat-wrap .btn-container {
        display: block;
        width: 100%;
    }

    #mat-wrap .btn, #mat-wrap .gform_button {
        padding-left: 0 16px !important;
    }

    #mat-wrap .btn-container > a {
        width: fit-content;
        font-size: 14px;
        transform: none;
    }
}

/* - Icon Buttons - */

/* -- */

/* - Dots - */

#mat-wrap .owl-dots {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: inherit;
    position: relative;
    margin: 0;
}

#mat-wrap .owl-dots-align-center .owl-dots {
    justify-content: center;
}

#mat-wrap .owl-dot {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: white;
    position: relative;
    z-index: 1;
}

#mat-wrap .owl-dot span {
    display: none;
}

#mat-wrap .owl-dot::before,
#mat-wrap .owl-dot::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#mat-wrap .owl-dot::before {
    width: 8px;
    height: 8px;
    background-color: var(--bleu-navy);
}

#mat-wrap .owl-dot::after {
    width: 100%;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}

#mat-wrap .owl-dot.active::before {
    background-color: var(--orange);
}

#mat-wrap .owl-dot.active::after {
    border-color: var(--orange);
}

/* -- */

/* - Table - */

#mat-wrap .table-custom thead th {
    color: var(--orange);
    vertical-align: top;
}

#mat-wrap .table-custom tbody tr td {
    font-weight: 400;
}

#mat-wrap .table-custom tbody tr:nth-child(odd) {
    background-color: #FCFCFD;
}

#mat-wrap .table-custom tbody tr:nth-child(even) {
    background-color: #ffffff;
}

#mat-wrap .table-custom tfoot tr {
    background-color: var(--bleu-navy);
    color: white;
}

@media screen and (max-width: 960px) {
    #mat-wrap .table-container {
        width: 100%;
        overflow-x: auto; /* Permet le défilement horizontal */
        -webkit-overflow-scrolling: touch; /* Smooth scrolling pour les appareils mobiles */
    }
    
    #mat-wrap .table-custom {
        width: 100%;
        min-width: 600px; /* Une largeur minimale pour éviter que le tableau ne devienne trop petit sur de très petits écrans */
        table-layout: auto; /* Permet au tableau de s'ajuster automatiquement */
    }
}

/* -- */

/* - Search - */

.search-results  #mat-wrap .t-entry-meta.t-entry-type {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    position: relative;
}

.search-results  #mat-wrap .t-entry-meta.t-entry-type::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background-color: var(--orange);
}

.search-results  #mat-wrap .uncode-post-table-column {
    padding: 12px;
    margin-bottom: 12px;
    position: relative;
}

.search-results  #mat-wrap .post-table-column-2 > p {
    text-align: right;
}

.search-results  #mat-wrap .uncode-post-table .btn {
    font-size: 0;
    position: relative;
    width: 52px;
    height: 52px;
    text-align: center;
    line-height: 32px;
    display: block;
    border: 2px solid var(--bleu-navy);
    padding: 4px !important;
    transition: all .3s cubic-bezier(.19,1,.22,1);
}

.search-results  #mat-wrap .uncode-post-table .btn:hover {
    width: 62px;
}

.search-results  #mat-wrap .uncode-post-table .btn::before {
    content: "\e0c3";
    font-family: 'uncodeicon' !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    color: var(--bleu-navy);
    font-size: 24px;
}

.search-results  #mat-wrap .uncode-post-table .btn-container {
    display: inline-flex;
    width: 100%;
    justify-content: flex-end;
}

/* -- */

/* - Lists - */

#mat-wrap .uncode-list ul,
#mat-wrap .uncode-list ol,
#mat-wrap .list-qualites > div  {
    padding: 24px 36px;
    background-color: white;
    box-shadow: var(--box-shadow);
    border-bottom: 2px solid var(--orange);
}

#mat-wrap.logo-materiels-de-manutention .uncode-list ul,
#mat-wrap.logo-materiels-de-manutention .uncode-list ol,
#mat-wrap.logo-materiels-de-manutention .list-qualites > div {
    border-color: var(--turquoise);
}

#mat-wrap.logo-decoupe-beton-et-demolition .uncode-list ul,
#mat-wrap.logo-decoupe-beton-et-demolition .uncode-list ol,
#mat-wrap.logo-decoupe-beton-et-demolition .list-qualites > div {
    border-color: var(--bleu);
}

#mat-wrap.logo-coffrage-et-passerelles .uncode-list ul,
#mat-wrap.logo-coffrage-et-passerelles .uncode-list ol,
#mat-wrap.logo-coffrage-et-passerelles .list-qualites > div {
    border-color: var(--bleu);
}

#mat-wrap .list-qualites .vc_custom_heading_wrap .heading-text > :first-child {
    order: 0;
}

#mat-wrap .list-qualites .vc_custom_heading_wrap .heading-text > div {
    order: 1;
}

#mat-wrap .list-qualites .vc_custom_heading_wrap .heading-text > div p {
    font-size: 14px;
}

/* -- */

/* - Filtres FacetWP - */

#mat-wrap .facetwp-facet .facetwp-checkbox .facetwp-counter {
    display: none;
}

/* -- */

/* - Formulaire - */

#mat-wrap input[type="checkbox"]:checked::before {
    content: "\e116";
}

/* -- */

/* - Listing FacetWP (Cards) - */

#mat-wrap .facetwp-template .fwpl-result {
    padding: 24px 24px;
    background-color: white;
    box-shadow: var(--box-shadow);
    border-bottom: 2px solid var(--orange);
}

#mat-wrap .facetwp-template .fwpl-term  {
    padding: 4px;
    font-size: 14px;
    background-color: var(--orange);
    color: var(--bleu-navy);
    display: inline-flex;
    align-content: center;
    align-items: center;
    gap: 4px;
}

#mat-wrap .facetwp-template .fwpl-term::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.98453C14 3.96885 14 3.03727 14 2.0489C12.5486 2.0489 11.0915 1.91894 9.66924 2.08276C8.02518 2.27169 6.68463 3.71439 6.64767 5.25865C6.57824 8.14622 6.62751 11.0371 6.62751 13.9891C7.55145 13.9891 8.44852 13.9891 9.47661 13.9891C9.47661 13.7062 9.47661 13.4124 9.47661 13.1176C9.47661 10.9759 9.46877 8.83426 9.48221 6.6937C9.49005 5.41919 9.93802 4.99436 11.2315 4.98562C12.1376 4.98016 13.0436 4.98453 14 4.98453Z' fill='%23FCFCFD'/%3E%3Cpath d='M6.87054 2.13299C4.28126 1.77041 1.8331 3.25351 2.00893 5.96088C2.16124 8.3155 2.04029 10.6876 2.04029 13.052C2.04029 13.3513 2.04029 13.6505 2.04029 14C3.02247 14 3.92065 14 4.9409 14C4.9409 13.6997 4.9409 13.4059 4.9409 13.1121C4.9409 10.5533 4.98906 7.99332 4.92186 5.43557C4.88379 3.98851 5.3116 2.87673 6.87054 2.13299Z' fill='%23FCFCFD'/%3E%3Cpath d='M13.9978 6.50476C13.2575 6.50476 12.6034 6.51677 11.9494 6.50148C11.4197 6.48838 11.1386 6.71336 11.1375 7.2343C11.1341 9.45786 11.1363 11.6814 11.1363 13.9782C12.1017 13.9782 13.0201 13.9782 13.9978 13.9782C13.9978 11.5242 13.9978 9.06361 13.9978 6.50476Z' fill='%23FCFCFD'/%3E%3C/svg%3E%0A");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

#mat-wrap .facetwp-template h4 a {
    color: var(--bleu-navy);
}

#mat-wrap .facetwp-template .offre-head {
    position: relative;
    min-height: 24px;
}

#mat-wrap .facetwp-template .offre-head > :first-child {
    position: absolute;
    left: 2px;
    top: 2px;
}

#mat-wrap .facetwp-template .offre-tags {
    display: block;
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

#mat-wrap .facetwp-template .offre-tags > * {
    font-size: 10px;
    color: var(--petit-gris);
}

#mat-wrap .facetwp-template .fwpl-term {
    font-size: 12px;
}

#mat-wrap .facetwp-template .fwpl-term.fwpl-term-materiels-de-manutention {
    background-color: var(--turquoise);
}

#mat-wrap .facetwp-template .fwpl-term.fwpl-term-materiels-de-manutention::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3291 5.2541C13.3291 4.32902 13.3291 3.48052 13.3291 2.58031C12.04 2.58031 10.7459 2.46193 9.48256 2.61114C8.02232 2.78323 6.83165 4.09725 6.79882 5.50377C6.73715 8.1338 6.78092 10.7668 6.78092 13.4555C7.60156 13.4555 8.39832 13.4555 9.31147 13.4555C9.31147 13.1979 9.31147 12.9303 9.31147 12.6617C9.31147 10.7111 9.30451 8.76047 9.31645 6.81083C9.32341 5.65 9.7213 5.26305 10.8702 5.2551C11.6749 5.25012 12.4796 5.2541 13.3291 5.2541Z' fill='%23263243'/%3E%3Cpath d='M6.99677 2.6569C4.69699 2.32665 2.52254 3.67748 2.67871 6.14338C2.81399 8.28798 2.70656 10.4485 2.70656 12.6021C2.70656 12.8746 2.70656 13.1472 2.70656 13.4655C3.57893 13.4655 4.37669 13.4655 5.28288 13.4655C5.28288 13.1919 5.28288 12.9244 5.28288 12.6568C5.28288 10.3262 5.32565 7.99454 5.26597 5.66492C5.23215 4.34692 5.61213 3.3343 6.99677 2.6569Z' fill='%23263243'/%3E%3Cpath d='M13.3271 6.63874C12.6696 6.63874 12.0887 6.64969 11.5078 6.63576C11.0373 6.62382 10.7876 6.82874 10.7866 7.30321C10.7837 9.32846 10.7856 11.3537 10.7856 13.4456C11.6431 13.4456 12.4588 13.4456 13.3271 13.4456C13.3271 11.2105 13.3271 8.96936 13.3271 6.63874Z' fill='%23263243'/%3E%3C/svg%3E%0A");
}

#mat-wrap .facetwp-template .fwpl-term.fwpl-term-decoupe-beton-et-demolition {
    background-color: var(--bleu);
    color: white;
}

#mat-wrap .facetwp-template .fwpl-term.fwpl-term-coffrage-et-passerelles {
    background-color: var(--rouge);
    color: white;
}

#mat-wrap .facetwp-template .fwpl-result p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 14px;
}

#mat-wrap .facetwp-template .fwpl-result .btn-secondary  {
    margin-top: 36px;
}

#mat-wrap .facetwp-template .fwpl-result .btn-secondary > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    font-size: 24px;
    border: 2px solid var(--bleu-navy);
    transition: all .3s cubic-bezier(.86,0,.07,1);
}

#mat-wrap .facetwp-template .fwpl-result .btn-secondary > a i {
    color: var(--bleu-navy);
}

#mat-wrap .facetwp-template .fwpl-result .btn-secondary > a:hover {
    width: 62px;
    transition: all .3s cubic-bezier(.86,0,.07,1);
}

/* -- */

/* - Message Box - */

#mat-wrap .messagebox_text {
    color: var(--bleu-navy);
    font-size: 20px;
    display: inline-flex;
    gap: 8px;
    border-radius: 0;
}

#mat-wrap .messagebox_text::before {
    content: "\f05a";
    font-family: 'uncodeicon' !important;
    font-size: 24px;
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}

#mat-wrap.logo-materiels-de-manutention .messagebox_text {
    background-color: var(--turquoise);
}

#mat-wrap.logo-decoupe-beton-et-demolition .messagebox_text {
    background-color: var(--bleu);
    color: white;
}

#mat-wrap.logo-coffrage-et-passerelles .messagebox_text {
    background-color: var(--rouge);
    color: white;
}

/* -- */

/* - Cards - */

#mat-wrap .card-primary .btn-container {
    position: absolute;
    bottom: -24px;
    right: 12px;
}

#mat-wrap .card-primary:hover .btn-container i {
    top: -5px;
}

#mat-wrap .card-primary .style-color-130004-bg .background-wrapper,
#mat-wrap .card-primary .style-color-644653-bg .background-wrapper {
    background-color: var(--turquoise-accent);
}

#mat-wrap .card-primary .style-color-130004-bg .background-inner,
#mat-wrap .card-primary .style-color-644653-bg .background-inner {
    opacity: 0.1;
}

#mat-wrap .card-primary .style-color-130004-bg .block-bg-overlay,
#mat-wrap .card-primary .style-color-644653-bg .block-bg-overlay {
    mix-blend-mode: darken;
}

#mat-wrap .card-primary .style-color-130004-bg .btn-container i,
#mat-wrap .card-primary .style-color-644653-bg .btn-container i {
    background-color: var(--turquoise);
    box-shadow: var(--box-shadow);
}

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

    #mat-wrap .card-primary {
        margin-top: 36px !important;
    }

    #mat-wrap .card-primary .uncell {
        padding-top: 72px !important;
        padding-bottom: 144px !important;
    }
}

/* -- */

/* - Forms - */

#mat-wrap .gform_wrapper select {
    background-size: 52px 52px;
    background-position: right center;
    padding-right: 12px !important;
}

#mat-wrap #gform_wrapper_2 {
    max-width: 960px;
    margin: 0 auto;
}

#mat-wrap .gform_wrapper .gform_button {
    font-size: 16px;
}

/* -- */

/* - Details (Offre d'emploi) - */

#mat-wrap .offre-detail  {
    border-left: 1px solid #eaecf0;
}

#mat-wrap .offre-detail .uncell .uncont {
    padding: 24px;
    background-color: white;
    box-shadow: var(--box-shadow);
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-color: var(--orange);
}

#mat-wrap .offre-detail .detail-container .detail-label {
    display: inherit;
    min-width: inherit;
}

#mat-wrap .category-materiels-de-manutention .offre-detail .uncell .uncont {
    border-color: var(--turquoise);
}

#mat-wrap .category-decoupe-beton-et-demolition .offre-detail .uncell .uncont {
    border-color: var(--bleu);
}

#mat-wrap .category-coffrage-et-passerelles .offre-detail .uncell .uncont {
    border-color: var(--rouge);
}

#mat-wrap .category-materiels-de-manutention .offre-detail .uncell .btn {
    background-color: var(--turquoise);
    border-color: var(--turquoise);
    color: var(--bleu-navy) !important;
}

#mat-wrap .category-decoupe-beton-et-demolition .offre-detail .uncell .btn {
    background-color: var(--bleu);
    border-color: var(--bleu);
}

#mat-wrap .category-coffrage-et-passerelles .offre-detail .uncell .btn {
    background-color: var(--rouge);
    border-color: var(--rouge);
}

#mat-wrap .portfolio-wrapper .column_parent:first-of-type p {
    margin-top: 12px;
    margin-bottom: 52px;
}

.je-postule p {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.details_offre_acf .acf-field {
    padding: 5px 0;
}

#mat-wrap .category-materiels-de-manutention #apply-form .gform_button {
    background-color: var(--turquoise);
    border-color: var(--turquoise);
}

#mat-wrap .category-materiels-de-manutention #apply-form .gform_button:hover {
    background-color: var(--turquoise-accent);
    border-color: var(--turquoise-accent);
}

#mat-wrap .category-decoupe-beton-et-demolition #apply-form .gform_button {
    background-color: var(--bleu);
    border-color: var(--bleu);
}

#mat-wrap .category-decoupe-beton-et-demolition #apply-form .gform_button:hover {
    background-color: var(--bleu-accent);
    border-color: var(--bleu-accent);
}

#mat-wrap .category-coffrage-et-passerelles #apply-form .gform_button {
    background-color: var(--rouge);
    border-color: var(--rouge);
}

#mat-wrap .category-coffrage-et-passerelles #apply-form .gform_button:hover {
    background-color: var(--rouge-acent);
    border-color: var(--rouge-acent);
}

/* -- */

/* - Scroll Top - */

/* -- */

/* - Single Card - */

#mat-wrap .tmb .t-entry > p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

#mat-wrap .tmb .t-cat-over {
    padding: 8px;
    opacity: 1;
}

#mat-wrap .tmb .t-cat-over a,
#mat-wrap .tmb .t-entry-tax a,
#mat-wrap .tmb .t-entry-category a {
    text-transform: none;
    font-weight: 400;
    font-size: 12px !important;
    padding: 4px;
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    user-select: none;
    pointer-events: none;
    line-height: 0;
}

#mat-wrap .tmb.grid-cat-61 .t-cat-over a,
#mat-wrap .tmb.grid-cat-61 .t-entry-tax a,
#mat-wrap .tmb.grid-cat-61 .t-entry-category a {
    background-color: var(--turquoise);
    color: var(--bleu-navy);
}

#mat-wrap .tmb.grid-cat-61 .t-cat-over a::before,
#mat-wrap .tmb.grid-cat-61 .t-entry-tax a::before,
#mat-wrap .tmb.grid-cat-61 .t-entry-category a::before  {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3291 5.2541C13.3291 4.32902 13.3291 3.48052 13.3291 2.58031C12.04 2.58031 10.7459 2.46193 9.48256 2.61114C8.02232 2.78323 6.83165 4.09725 6.79882 5.50377C6.73715 8.1338 6.78092 10.7668 6.78092 13.4555C7.60156 13.4555 8.39832 13.4555 9.31147 13.4555C9.31147 13.1979 9.31147 12.9303 9.31147 12.6617C9.31147 10.7111 9.30451 8.76047 9.31645 6.81083C9.32341 5.65 9.7213 5.26305 10.8702 5.2551C11.6749 5.25012 12.4796 5.2541 13.3291 5.2541Z' fill='%23263243'/%3E%3Cpath d='M6.99677 2.6569C4.69699 2.32665 2.52254 3.67748 2.67871 6.14338C2.81399 8.28798 2.70656 10.4485 2.70656 12.6021C2.70656 12.8746 2.70656 13.1472 2.70656 13.4655C3.57893 13.4655 4.37669 13.4655 5.28288 13.4655C5.28288 13.1919 5.28288 12.9244 5.28288 12.6568C5.28288 10.3262 5.32565 7.99454 5.26597 5.66492C5.23215 4.34692 5.61213 3.3343 6.99677 2.6569Z' fill='%23263243'/%3E%3Cpath d='M13.3271 6.63874C12.6696 6.63874 12.0887 6.64969 11.5078 6.63576C11.0373 6.62382 10.7876 6.82874 10.7866 7.30321C10.7837 9.32846 10.7856 11.3537 10.7856 13.4456C11.6431 13.4456 12.4588 13.4456 13.3271 13.4456C13.3271 11.2105 13.3271 8.96936 13.3271 6.63874Z' fill='%23263243'/%3E%3C/svg%3E%0A");
}

#mat-wrap .tmb.grid-cat-62 .t-cat-over a,
#mat-wrap .tmb.grid-cat-62 .t-entry-tax a,
#mat-wrap .tmb.grid-cat-62 .t-entry-category a {
    background-color: var(--bleu);
    color: white
}

#mat-wrap .tmb.grid-cat-63 .t-cat-over a,
#mat-wrap .tmb.grid-cat-63 .t-entry-tax a,
#mat-wrap .tmb.grid-cat-63 .t-entry-category a {
    background-color: var(--rouge);
    color: white;
}

#mat-wrap .tmb .t-entry-category a.style-color-130004-bg {
    color: var(--bleu-navy) !important;
}

#mat-wrap .tmb .t-cat-over a::before,
#mat-wrap .tmb .t-entry-tax a::before,
#mat-wrap .tmb .t-entry-category a::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.98453C14 3.96885 14 3.03727 14 2.0489C12.5486 2.0489 11.0915 1.91894 9.66924 2.08276C8.02518 2.27169 6.68463 3.71439 6.64767 5.25865C6.57824 8.14622 6.62751 11.0371 6.62751 13.9891C7.55145 13.9891 8.44852 13.9891 9.47661 13.9891C9.47661 13.7062 9.47661 13.4124 9.47661 13.1176C9.47661 10.9759 9.46877 8.83426 9.48221 6.6937C9.49005 5.41919 9.93802 4.99436 11.2315 4.98562C12.1376 4.98016 13.0436 4.98453 14 4.98453Z' fill='%23FCFCFD'/%3E%3Cpath d='M6.87054 2.13299C4.28126 1.77041 1.8331 3.25351 2.00893 5.96088C2.16124 8.3155 2.04029 10.6876 2.04029 13.052C2.04029 13.3513 2.04029 13.6505 2.04029 14C3.02247 14 3.92065 14 4.9409 14C4.9409 13.6997 4.9409 13.4059 4.9409 13.1121C4.9409 10.5533 4.98906 7.99332 4.92186 5.43557C4.88379 3.98851 5.3116 2.87673 6.87054 2.13299Z' fill='%23FCFCFD'/%3E%3Cpath d='M13.9978 6.50476C13.2575 6.50476 12.6034 6.51677 11.9494 6.50148C11.4197 6.48838 11.1386 6.71336 11.1375 7.2343C11.1341 9.45786 11.1363 11.6814 11.1363 13.9782C12.1017 13.9782 13.0201 13.9782 13.9978 13.9782C13.9978 11.5242 13.9978 9.06361 13.9978 6.50476Z' fill='%23FCFCFD'/%3E%3C/svg%3E%0A");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}

#mat-wrap .tmb .t-cat-over a.style-color-130004-bg::before,
#mat-wrap .tmb .t-entry-tax a.style-color-130004-bg::before,
#mat-wrap .tmb .t-entry-category a.style-color-130004-bg::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 0H0V16H16V0Z' fill='%2364D2C8'/%3E%3Cpath d='M13.3292 5.25409C13.3292 4.329 13.3292 3.48051 13.3292 2.58029C12.04 2.58029 10.7459 2.46192 9.48262 2.61113C8.02238 2.78321 6.83171 4.09723 6.79888 5.50376C6.73721 8.13379 6.78098 10.7668 6.78098 13.4555C7.60162 13.4555 8.39838 13.4555 9.31153 13.4555C9.31153 13.1979 9.31153 12.9303 9.31153 12.6617C9.31153 10.7111 9.30457 8.76046 9.31651 6.81082C9.32347 5.64998 9.72136 5.26304 10.8703 5.25508C11.675 5.25011 12.4797 5.25409 13.3292 5.25409Z' fill='%23263243'/%3E%3Cpath d='M6.99683 2.65689C4.69705 2.32664 2.5226 3.67746 2.67877 6.14336C2.81405 8.28797 2.70662 10.4485 2.70662 12.6021C2.70662 12.8746 2.70662 13.1472 2.70662 13.4655C3.57899 13.4655 4.37675 13.4655 5.28293 13.4655C5.28293 13.1919 5.28293 12.9243 5.28293 12.6568C5.28293 10.3261 5.32571 7.99453 5.26603 5.66491C5.2322 4.34691 5.61219 3.33429 6.99683 2.65689Z' fill='%23263243'/%3E%3Cpath d='M13.3272 6.63873C12.6697 6.63873 12.0888 6.64967 11.5079 6.63575C11.0374 6.62381 10.7877 6.82872 10.7867 7.3032C10.7837 9.32844 10.7857 11.3537 10.7857 13.4456C11.6431 13.4456 12.4588 13.4456 13.3272 13.4456C13.3272 11.2104 13.3272 8.96935 13.3272 6.63873Z' fill='%23263243'/%3E%3C/svg%3E%0A");
}

#mat-wrap .tmb .t-entry-title a {
    color: var(--bleu-navy);
    font-weight: 600;
}

/* -- */

/* - Blog filter - */

#mat-wrap .filter-cat-1 {
    display: none !important;
}

#mat-wrap .isotope-filters {
    margin-bottom: 24px;
}

#mat-wrap .isotope-filters span {
    padding: 0;
    text-transform: none;
}

#mat-wrap .isotope-filters .menu-smart {
    width: 100%;
    display: inline-flex;
    gap: 4px;
    border-bottom: 1px solid #EAECF0;
}

#mat-wrap .isotope-filters span a {
    text-transform: none;
    padding: 8px;
    font-size: 14px;
    color: var(--bleu-navy);
}

#mat-wrap .isotope-filters span a.active {
    color: var(--orange);
    border-bottom: 1px solid var(--orange);
}

/* -- */

/* - Ajax Filters - */

#mat-wrap .ajax-grid-system .grid-filters {
    display: none;
}

#mat-wrap .ajax-filter-wrapper .term-filter a {
    color: var(--bleu-navy);
    font-size: 14px;
}

#mat-wrap .ajax-filter-wrapper .ajax-filter-sidebar-body {
    background-color: #F2F4F7;
    padding: 24px;
}

/* -- */

/* - Cartes (Grid & Carousel Layout) - */

#mat-wrap .tmb.tmb-woocommerce > .t-inside {
    background-color: white;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
    border-bottom: 2px solid var(--bleu-navy);
    height: 100%;
}

#mat-wrap .tmb.tmb-woocommerce .t-entry-visual {
    border: none;
}

#mat-wrap .tmb.tmb-woocommerce .t-entry-visual .dummy {
    padding-top: 170px !important;
}

#mat-wrap .tmb.tmb-woocommerce .t-entry-visual img {
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

#mat-wrap .tmb.tmb-woocommerce .t-entry-text-tc {
    padding: 24px !important;
}

#mat-wrap .tmb.tmb-woocommerce .t-entry-text-tc .t-entry-title a {
    font-size: 20px;
    color: var(--bleu-navy);
    font-weight: 500;
}

#mat-wrap .tmb.tmb-content-overlay .t-entry-visual-overlay-in {
    background-image: linear-gradient(to top, #000 0%, #000 80%) !important;
}

#mat-wrap .tmb.tmb-content-overlay .t-overlay-content {
    vertical-align: bottom;
}

#mat-wrap .tmb.tmb-content-overlay .t-overlay-text {
    padding: 24px;
}

#mat-wrap .tmb.tmb-content-overlay .t-overlay-text .t-entry-title {
    font-weight: 500;
}

#mat-wrap .tmb.tmb-content-overlay .btn-container span {
    font-size: 0 !important;
    display: block;
    width: 52px;
    height: 52px;
    border-width: 2px;
    padding: 0 !important;
    position: relative;
    background-color: transparent !important;
}

#mat-wrap .tmb.tmb-content-overlay .btn-container span:hover {
    width: 62px;
}

#mat-wrap .tmb.tmb-content-overlay .btn-container span::before {
    content: "\e0c3";
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 20px;
    line-height: 24px;
    color: white;
    font-family: 'uncodeicon' !important;
    transform: translate(-50%, -50%);
}

/* -- */

/* - Compteur - */

#mat-wrap .uncode-counter-wrap {
    padding: 24px;
    background-color: white;
    box-shadow: var(--box-shadow);
    border-bottom: 2px solid var(--orange);
}

#mat-wrap .uncode-counter-wrap > :first-child {
    font-size: 60px;
    font-weight: 700;
}

#mat-wrap .uncode-counter-wrap > :last-child {
    margin-top: 36px;
    font-size: 25px;
    font-weight: 500;
}

/* -- */

/* - Section (Listing des catégories produits - */

@media screen and (max-width: 960px) {
    #mat-wrap .section-categorylist .tmb .dummy {
        padding-top: 70% !important;
    }
}

/* -- */

/* - Bloc Services - */

#mat-wrap .section-services .cards .column_parent > div {
    background-color: white;
    box-shadow: var(--box-shadow);
    border-bottom: 2px solid var(--orange);
    height: 100%;
}

#mat-wrap .section-services .cards .column_parent:hover .btn {
    width: 62px;
}

#mat-wrap.logo-materiels-de-manutention .section-services .cards .column_parent > div {
    border-color: var(--turquoise);
}

#mat-wrap.logo-decoupe-beton-et-demolition .section-services .cards .column_parent > div {
    border-color: var(--bleu);
}

#mat-wrap.logo-coffrage-et-passerelles .section-services .cards .column_parent > div {
    border-color: var(--rouge);
}

/* -- */

/* - Bloc - Témoignages clients - */

#mat-wrap .bloc-client-testimonials {
    padding: 96px 0;
}

#mat-wrap .bloc-client-testimonials .row-container .quad-top-padding {
    padding-top: 144px;
}

#mat-wrap .bloc-client-testimonials > div > div {
    padding: 0;
}

#mat-wrap .bloc-client-testimonials > div > div:nth-child(2) {
    height: 450px;
    max-height: 450px;
    padding-left: 8px;
}

#mat-wrap .bloc-client-testimonials > div {
    max-width: 1100px;
    margin: 0 auto;
}

#mat-wrap .bloc-client-testimonials .owl-carousel {
    background-color: var(--orange);
    position: relative;
}

#mat-wrap .product.product_cat-materiels-de-manutention .bloc-client-testimonials .owl-carousel,
#mat-wrap.logo-materiels-de-manutention .bloc-client-testimonials .owl-carousel {
    background-color: var(--turquoise-accent);
}

#mat-wrap .product.product_cat-decoupe-beton-demolition .bloc-client-testimonials .owl-carousel,
#mat-wrap.logo-decoupe-beton-et-demolition .bloc-client-testimonials .owl-carousel {
    background-color: var(--bleu);
}

#mat-wrap .product.product_cat-coffrage-et-passerelles .bloc-client-testimonials .owl-carousel,
#mat-wrap.logo-coffrage-et-passerelles .bloc-client-testimonials .owl-carousel {
    background-color: var(--rouge);
}

#mat-wrap .bloc-client-testimonials .owl-carousel::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://mateloc.enjin-dev.fr/wp-content/uploads/2024/08/image-hero.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    mix-blend-mode: overlay;
    opacity: 0.4;
    z-index: 0;
}

#mat-wrap .bloc-client-testimonials .owl-carousel::after {
    content: '';
    display: block;
    width: 394px;
    height: 394px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='394' height='394' viewBox='0 0 394 394' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:screen' opacity='0.1'%3E%3Cpath d='M394 98.5803C394 65.2481 393.898 33.0929 393.898 0.654167C346.252 0.654167 298.501 -1.99412 251.808 3.36626C197.846 9.55976 153.824 56.9098 152.605 107.567C150.328 202.324 151.95 297.169 151.95 394H245.5C245.5 384.701 245.496 375.061 245.5 365.426C245.525 295.166 245.252 224.904 245.692 154.648C245.954 112.85 260.666 98.8994 303.128 98.6193C332.865 98.4207 362.601 98.5803 394 98.5803Z' fill='%23FCFCFD'/%3E%3Cpath d='M159.922 4.65629C74.907 -7.24502 -5.47682 41.4131 0.29294 130.267C0.00190502 208.329 1.33704 285.339 1.33704 362.908V394H96.5636C96.5636 384.144 96.5672 374.497 96.5636 364.854C96.5636 280.896 98.1607 196.899 95.9415 112.998C94.6864 65.5277 108.751 29.051 159.922 4.65629Z' fill='%23FCFCFD'/%3E%3Cpath d='M393.897 148.819C369.607 148.819 393.897 148.819 326.658 148.695C309.388 148.667 300.028 155.662 300.006 172.743C299.908 245.703 299.962 318.664 299.962 394H393.897V148.819Z' fill='%23FCFCFD'/%3E%3Cpath d='M394 98.5803C394 65.2481 393.898 33.0929 393.898 0.654167C346.252 0.654167 298.501 -1.99412 251.808 3.36626C197.846 9.55976 153.824 56.9098 152.605 107.567C150.328 202.324 151.95 297.169 151.95 394H245.5C245.5 384.701 245.496 375.061 245.5 365.426C245.525 295.166 245.252 224.904 245.692 154.648C245.954 112.85 260.666 98.8994 303.128 98.6193C332.865 98.4207 362.601 98.5803 394 98.5803Z' fill='%23FCFCFD'/%3E%3Cpath d='M159.922 4.65629C74.907 -7.24502 -5.47682 41.4131 0.29294 130.267C0.00190502 208.329 1.33704 285.339 1.33704 362.908V394H96.5636C96.5636 384.144 96.5672 374.497 96.5636 364.854C96.5636 280.896 98.1607 196.899 95.9415 112.998C94.6864 65.5277 108.751 29.051 159.922 4.65629Z' fill='%23FCFCFD'/%3E%3Cpath d='M393.897 148.819C369.607 148.819 393.897 148.819 326.658 148.695C309.388 148.667 300.028 155.662 300.006 172.743C299.908 245.703 299.962 318.664 299.962 394H393.897V148.819Z' fill='%23FCFCFD'/%3E%3C/g%3E%3C/svg%3E%0A");
    z-index: 0;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 294px 294px;
}

#mat-wrap .bloc-client-testimonials .owl-stage-outer {
    overflow: hidden;
    height: 100% !important;
    z-index: 1;
    position: relative;
}

#mat-wrap .bloc-client-testimonials .owl-stage-outer::before {
    content: '';
    display: block;
    width: 97px;
    height: 78px;
    position: absolute;
    left: 36px;
    top: 52px;
    background-image: url("data:image/svg+xml,%3Csvg width='97' height='78' viewBox='0 0 97 78' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:screen' opacity='0.3'%3E%3Cpath d='M41.7087 8.7612L25.7385 39.4137C28.5 40 31.1311 41.2579 34.2607 44.2136C37.8357 47.59 39.6232 51.9595 39.6232 57.322C39.6232 62.6846 37.6371 67.4513 33.6649 71.6221C29.8912 75.5944 25.3231 77.5805 19.9606 77.5805C14.598 77.5805 9.93064 75.5944 5.95838 71.6221C1.98613 67.6499 0 62.8832 0 57.322C0 54.9387 0.496532 52.2574 1.4896 49.2782C2.48266 46.1004 4.17087 42.1281 6.55422 37.3614L26.5148 0.419464L41.7087 8.7612ZM96.5258 8.7612L80.5556 39.4137C82.5 40 85.7014 40.8372 89.0778 44.2136C92.6528 47.59 94.4404 51.9595 94.4404 57.322C94.4404 62.6846 92.4542 67.4513 88.482 71.6221C84.7083 75.5944 80.1403 77.5805 74.7777 77.5805C69.4152 77.5805 64.7478 75.5944 60.7755 71.6221C56.8032 67.6499 54.8171 62.8832 54.8171 57.322C54.8171 54.9387 55.3137 52.2574 56.3067 49.2782C57.2998 46.1004 58.988 42.1281 61.3713 37.3614L81.3319 0.419464L96.5258 8.7612Z' fill='%23FCFCFD'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;
}

#mat-wrap .bloc-client-testimonials .owl-stage-outer > div {
    height: 100%;
    position: relative;
    z-index: 2;
}

#mat-wrap .bloc-client-testimonials .owl-carousel-wrapper {
    overflow: visible;
    height: 100%;
}

#mat-wrap .bloc-client-testimonials .owl-carousel-wrapper .owl-dots {
    bottom: -36px !important;
    justify-content: flex-start;
    position: absolute;
}

#mat-wrap .bloc-client-testimonials .owl-stage-outer .owl-item {
    height: 100%;
}

#mat-wrap .bloc-client-testimonials .owl-stage-outer .owl-item > div {
    display: table-cell;
}

#mat-wrap .bloc-client-testimonials .owl-stage-outer .owl-item .row div.column_child.pos-top {
    vertical-align: middle;
}


#mat-wrap .bloc-client-testimonials .owl-stage-outer .owl-item .heading-text p {
    font-size: 40px;
}

#mat-wrap .bloc-client-testimonials .owl-stage-outer .owl-item .heading-text p span {
    font-weight: 900 !important;
}

#mat-wrap .bloc-client-testimonials .card-primary .btn-container i {
    background-color: var(--orange);
}

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

    #mat-wrap .bloc-client-testimonials > div {
        padding: 24px;
    }

    #mat-wrap .bloc-client-testimonials > div > div:nth-child(2) {
        margin-top: 52px;
        padding: 0;
        height: 350px;
    }

    #mat-wrap .bloc-client-testimonials > div > div:nth-child(2) .card-primary {
        display: table-cell;
        height: 100%;
    }

    #mat-wrap .bloc-client-testimonials .row .uncont:not(.overflow-hidden-mask) {
        height: 100% !important;
    }

    #mat-wrap .bloc-client-testimonials .btn-container {
        width: fit-content;
    }
}

/* -- */

/* - Articles (Showcase thumbnails) - */

#mat-wrap .section-articles .vc_custom_heading_wrap > div > div {
    position: absolute;
    left: -25px;
    top: 10px;
    display: block;
    width: fit-content;
}

#mat-wrap .section-articles .vc_custom_heading_wrap > div > div p {
    color: var(--orange);
    text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    transform-origin: center center;
}

.parent-pageid-566 #mat-wrap .section-articles .vc_custom_heading_wrap > div > div p,
#mat-wrap.logo-materiels-de-manutention .section-articles .vc_custom_heading_wrap > div > div p,
#mat-wrap .product.product_cat-materiels-de-manutention .section-articles .vc_custom_heading_wrap > div > div p {
    color: var(--turquoise);
}

.parent-pageid-566 #mat-wrap .section-articles .vc_custom_heading_wrap > div > div p,
#mat-wrap.logo-decoupe-beton-et-demolition .section-articles .vc_custom_heading_wrap > div > div p,
#mat-wrap .product.product_cat-decoupe-beton-demolition .section-articles .vc_custom_heading_wrap > div > div p {
    color: var(--bleu);
}

#mat-wrap.logo-coffrage-et-passerelles .section-articles .vc_custom_heading_wrap > div > div p,
#mat-wrap .product.product_cat-coffrage-et-passerelles .section-articles .vc_custom_heading_wrap > div > div p {
    color: var(--rouge);
}

#mat-wrap .section-articles .owl-carousel-wrapper {
    overflow: visible;
    clip-path: inset( -100vw -100vw -100vw 0 );
}

#mat-wrap .section-articles .owl-prev,
#mat-wrap .section-articles .owl-next {
    display: block !important;
}

#mat-wrap .section-articles .owl-prev.disabled,
#mat-wrap .section-articles .owl-next.disabled {
    opacity: 0.2 !important;
}

#mat-wrap .section-articles .owl-prev {
    margin-left: 0 !important;
    top: auto;
    bottom: -52px;
}

#mat-wrap .section-articles .owl-next {
    margin-right: 0 !important;
    right: auto !important;
    left: 45px;
    top: auto;
    bottom: -52px;
}

#mat-wrap .section-articles .owl-prev > div,
#mat-wrap .section-articles .owl-next > div {
    top: 0;
    background-color: transparent;
    width: 36px;
    height: 36px;
}

#mat-wrap .section-articles .owl-prev.disabled > div,
#mat-wrap .section-articles .owl-next.disabled > div {
    cursor: auto;
}

#mat-wrap .section-articles .owl-prev > div > i,
#mat-wrap .section-articles .owl-next > div > i {
    color: var(--bleu-navy);
    top: 0;
    line-height: 36px;
}

#mat-wrap .section-articles .tmb .t-entry-text-tc {
    padding-top: 12px;
}

#mat-wrap .section-articles .btn-container > a,
#mat-wrap.logo-materiels-de-manutention .section-articles .btn-container > a {
    border-color: var(--bleu-navy) !important;
    color: var(--bleu-navy) !important;
}

#mat-wrap .section-articles .btn-container > a i,
#mat-wrap .section-articles .btn-container > a i {
    color: var(--bleu-navy) !important;
}

@media screen and (max-width: 960px) {
    #mat-wrap .section-articles .row-parent.limit-width {
        margin-bottom: 72px;
    }
}

/* -- */

/* … */

/* || Header and Main Navigation */

#mat-wrap .menu-wrapper #masthead.is_stuck .menu-container {
    background-color: transparent;
}

#mat-wrap .menu-wrapper li:not(.current-menu-ancestor, .current-menu-item) a {
    color: var(--bleu-navy);
    letter-spacing: 0;
    transition: all .5s cubic-bezier(.86,0,.07,1);
}

#mat-wrap .menu-wrapper .menu-container {
    width: 100% !important;
}

#mat-wrap .menu-wrapper .row-menu-inner {
    max-width: 1440px;
    margin: 0 auto;
    background-clip: border-box !important;
}

#mat-wrap .menu-wrapper a .fa-angle-right {
    display: none;
}

#mat-wrap .top-menu .row-menu-inner {
    width: 100%;
}

#mat-wrap .top-menu .row-menu-inner .topbar-col-right a {
    position: relative;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    color: var(--bleu-navy);
}

#mat-wrap .top-menu .row-menu-inner .topbar-col-right a::before {
    content: "\f095";
    font-family: 'uncodeicon' !important;
    color: transparent;
    -webkit-text-stroke: 1.5px var(--bleu-navy);
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}

.home #mat-wrap .top-menu .row-menu-inner .topbar-col-right a {
    color: white;
}

.home #mat-wrap .top-menu .row-menu-inner .topbar-col-right a::before {
    -webkit-text-stroke: 2px white;
}

#mat-wrap .top-menu.top-menu-enhanced::after,
#mat-wrap #masthead .menu-container,
body:not(.home) #mat-wrap #masthead .menu-container .main-menu-container .menu-cta-inner {
    border-color: rgb(208, 213, 221, 0.5) !important;
}

#mat-wrap #masthead .menu-container .main-menu-container .menu-cta-inner {
    margin-left: 12px !important;
    padding-left: 12px !important;
}

#mat-wrap #masthead .menu-container {
    box-shadow: none;
    width: 100%;
    max-width: 100% !important;
}

#mat-wrap #masthead .menu-container .menu-horizontal-inner {
    display: inline-flex;
    align-items: center;
}

#mat-wrap #masthead .menu-container .menu-horizontal-inner > .navbar-nav-first {
    order: 0;
}

#mat-wrap #masthead .menu-container .menu-horizontal-inner > .navbar-extra-icons {
    order: 1;
}

#mat-wrap #masthead .menu-container .menu-horizontal-inner > .navbar-cta{
    order: 2;
}

#mat-wrap #masthead .menu-container .menu-horizontal-inner > .navbar-cta a {
    padding: 0;
}

#mat-wrap #masthead .menu-container .menu-horizontal-inner > .navbar-cta > ul > :first-child a {
    padding-right: 8px;
}

#mat-wrap .menu-wrapper .menu-container .menu-primary-inner {
    padding-left: 0;
    padding-right: 0;
}

#mat-wrap .menu-wrapper #masthead.is_stuck .menu-container .btn.color-white,
#mat-wrap .menu-wrapper #masthead:not(.menu-transparent) .menu-container .btn.color-white,
body:not(.home) #mat-wrap .menu-wrapper #masthead .menu-container .btn.color-white {
    border-color: var(--orange);
    color: var(--orange) !important;
    transition: all .5s cubic-bezier(.86,0,.07,1);
}

#mat-wrap .menu-wrapper .drop-menu {
    background-color: white;
}

#mat-wrap .menu-wrapper .menu-primary-inner > .mega-menu > .mega-menu-inner,
#mat-wrap .menu-wrapper .menu-primary-inner > .menu-item:not(.mega-menu) > ul.drop-menu,
#mat-wrap .top-menu .navbar-topmenu > .menu-smart > li > .drop-menu {
    border-bottom: 2px solid var(--orange);
}

#mat-wrap .mega-menu-inner {
    background-color: white;
    box-shadow: var(--box-shadow);
}

#mat-wrap .mega-menu-inner > div {
    display: flex;
    justify-content: center;
    gap: 24px;
}

#mat-wrap .mega-menu-inner > div > li:first-child {
    flex-basis: 20%;
    max-width: inherit !important;
    padding-right: 36px;
}

#mat-wrap .menu-sub-enhanced.menu-horizontal .menu-smart > .mega-menu .mega-menu-inner {
    text-align: left;
}

#mat-wrap .mega-menu-inner > div > li {
    width: auto;
    padding: 0;
    flex: 1 0 0;
}

#mat-wrap .mega-menu-inner > div > li > .drop-menu > li {
    margin-bottom: 12px;
}

#mat-wrap .mega-menu-inner .fa-angle-down {
    display: none;
}

#mat-wrap .mega-menu-inner .drop-menu {
    visibility: visible !important;
    pointer-events: auto !important;
    top: 0px !important;
    left: 0px !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-top: 0px !important;
    display: block !important;
    position: relative;
    padding: 0;
}

#mat-wrap .megamenu-manutention .mega-menu-inner a:hover, #mat-wrap .megamenu-manutention .mega-menu-inner li.active > a {
    color: var(--turquoise) !important;
}
#mat-wrap .megamenu-beton .mega-menu-inner a:hover, #mat-wrap .megamenu-beton .mega-menu-inner li.active > a {
    color: var(--bleu) !important;
}
#mat-wrap .megamenu-coffrage .mega-menu-inner a:hover, #mat-wrap .megamenu-coffrage .mega-menu-inner li.active > a {
    color: var(--rouge) !important;
}

#mat-wrap .mega-menu-inner > div {
    max-width: 1300px;
    margin: 0 auto;
}

#mat-wrap .mega-menu-inner > div > .menu-item > a {
    margin-bottom: 24px;
}

#mat-wrap .mega-menu-inner > div > .menu-item > a::after {
    content: '';
    background-color: var(--border-color-gris);
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
}

#mat-wrap .mega-menu-inner > div > .menu-item > a[data-type="title"] {
    font-weight: 600;
    font-size: 20px;
    color: var(--bleu-navy);
    padding: 9px;
    
}

#mat-wrap .mega-menu-inner > div > .menu-item > a[data-type="title"][href="#"] {
    user-select: none;
    pointer-events: none;
    color: var(--bleu-navy) !important;
}

#mat-wrap .mega-menu-inner > div > .menu-item > ul > li > a[data-type="title"] {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 8px;
    color: var(--petit-gris);
    display: inline-flex;
    align-items: center;
    align-self: stretch;
    flex-shrink: 0;
    gap: 12px;
    width: 100%;
    padding: 0;
}

#mat-wrap .mega-menu-inner > div > .menu-item > ul > li > a[data-type="title"]::before,
#mat-wrap .mega-menu-inner > div > .menu-item > ul > li > a[data-type="title"]::after {
    content: '';
    display: inline-block;
    height: 1px;
    background-color: var(--petit-gris);
    width: 25px;
}

#mat-wrap .mega-menu-inner > .menu-item > ul > li > a[data-type="title"]::before {
    width: 10px;
}


body.home #mat-wrap .menu-wrapper .mmb-container .mobile-menu-button span,
body.home #mat-wrap .menu-wrapper .mmb-container .mobile-menu-button span::before,
body.home #mat-wrap .menu-wrapper .mmb-container .mobile-menu-button span::after {
    background-color: var(--border-color-gris);
}

#mat-wrap .menu-wrapper header .mmb-container .mobile-menu-button span,
#mat-wrap .menu-wrapper header .mmb-container .mobile-menu-button span::before,
#mat-wrap .menu-wrapper header .mmb-container .mobile-menu-button span::after,
#mat-wrap .menu-wrapper header.is_stuck .mmb-container .mobile-menu-button span,
#mat-wrap .menu-wrapper header.is_stuck .mmb-container .mobile-menu-button span::before,
#mat-wrap .menu-wrapper header.is_stuck .mmb-container .mobile-menu-button span::after,
body.home #mat-wrap header.is_stuck .menu-wrapper .mmb-container .mobile-menu-button span,
body.home #mat-wrap header.is_stuck .menu-wrapper .mmb-container .mobile-menu-button span::before,
body.home #mat-wrap header.is_stuck .menu-wrapper .mmb-container .mobile-menu-button span::after {
    background-color: var(--bleu-navy);
}

@media screen and (min-width: 960px) {

    body:not(.home) #mat-wrap .menu-wrapper .row-menu {
        background-color: white;
    }

}

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

    #mat-wrap .menu-wrapper .row-menu-inner {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    #mat-wrap .menu-wrapper .logo-image {
        height: 30px !important;
    }

    #mat-wrap .menu-wrapper a {
        font-size: 14px;
    }

    #mat-wrap .menu-wrapper .btn {
        font-size: 14px;
        padding: 0 14px !important;
    }

    #mat-wrap .btn.btn-secondary:not(.btn.btn-icon-right):not(.only-icon):hover {
        padding: 0 18px !important;
    }
}

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

    #mat-wrap .menu-wrapper .logo-container,
    body:not(.hmenu-center-split) #masthead[class*="-h-padding"] .row-menu .row-menu-inner .logo-container {
        padding-right: 12px !important;
    }

    #mat-wrap .menu-wrapper .menu-primary-inner > li > a {
        padding-left: 0px;
        padding-right: 8px;
    }
    
    #mat-wrap #masthead .menu-container .menu-horizontal-inner > .navbar-cta > ul > :first-child a {
        padding-right: 3px;
    }


    #mat-wrap #masthead .menu-container .menu-horizontal-inner > .navbar-extra-icons > .menu-smart {
        padding-left: 12px !important;
    }

    #mat-wrap .menu-wrapper a {
        font-size: 12px;
    }
}

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

    body:not(.home) #mat-wrap .menu-wrapper #logo-container-mobile {
        background-color: white;
    }

    .home #mat-wrap .menu-wrapper #logo-container-mobile::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: -100%;
        top: 0%;
        background-color: white;
        z-index: -1;
        transition: all .5s cubic-bezier(.86,0,.07,1);
    }

    .home #mat-wrap .menu-wrapper #masthead.is_stuck #logo-container-mobile::before {
        left: 0%;
        transition: all .5s cubic-bezier(.86,0,.07,1);
    }

    #mat-wrap .menu-wrapper .row-menu-inner {
        padding: 0 !important;
    }

    #mat-wrap .top-menu .row-menu-inner {
        flex-direction: row;
    }

    #mat-wrap .top-menu .row-menu-inner .topbar-col-left,
    #mat-wrap .top-menu .row-menu-inner .topbar-col-right {
        width: 50%;
    }

    #mat-wrap #masthead .menu-container .menu-horizontal {
        padding: 24px;
        background-color: white;
        border-bottom: 2px solid var(--orange);
    }

    #mat-wrap #masthead .menu-container .menu-horizontal-inner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    #mat-wrap .mega-menu-inner {
        padding: 0;
        margin-bottom: 24px;
    }

    #mat-wrap .menu-wrapper .btn-secondary.color-white {
        color: var(--orange) !important;
        border-color: var(--orange) !important;
        margin-top: 12px;
    }

    #mat-wrap .menu-wrapper #masthead #menu-entete-boutons-dactions {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    #mat-wrap .mega-menu-inner > div {
        flex-direction: column;
    }

    #mat-wrap .mega-menu-inner > div > li:first-child,
    #mat-wrap .mega-menu-inner > div > li {
        flex: 1 0 0;
    }

    #mat-wrap .mega-menu-inner > div > li {
        width: 100%;
    }

    #mat-wrap .menu-wrapper .btn {
        padding: 0 16px !important;
        font-size: 16px;
    }

    #mat-wrap .menu-wrapper header .navbar-extra-icons {
        display: none;
    }
}

@media screen and (max-width: 650px) {
    #mat-wrap .top-menu .row-menu-inner {
        flex-direction: column;
    }
}

/* … */

/* || Footer */

#colophon {
    background-color: var(--bleu-navy);
    overflow: hidden;
}

#colophon a {
    padding: 0 2px;
    color: white;
    margin: 0;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 0;
    width: 100%;
}

#colophon #menu-bas-de-page-liens-legales a {
    font-size: 12px;
}

#colophon > div:first-child {
    border-bottom: 1px solid #475467;
}
#mat-wrap #colophon {
    height: auto;
    position: relative;
    display: block;
}
/* #colophon:after {
    content: '';
    display: block;
    width: 1px;
    height: 800px;
    background-color: #475467;
    position: absolute;
    left: 0px;
    top: 0;
} */

#colophon > div:first-child .column_parent:nth-of-type(2)::before {
    content: '';
    display: block;
    width: 1px;
    height: 800px;
    background-color: #475467;
    position: absolute;
    left: 0px;
    top: 0;
}

#colophon > div:first-child .column_parent:first-of-type {
    width: 35%;
}

#colophon > div:first-child .column_parent:nth-of-type(2) .row-inner {
    display: flex;
    gap: 36px;
    height: auto;
    margin-left: 0;
}

#colophon > div:first-child .column_parent:nth-of-type(2) .row-inner > div {
    height: auto;
}

#colophon > div:first-child .column_parent:nth-of-type(2) .row-inner > div ul > li {
    margin-bottom: 12px;
}

#colophon > div:first-child .column_parent:nth-of-type(2) .column_child {
    padding: 0;
}

#colophon > div:first-child .column_parent:nth-of-type(2) .column_child:not(:first-of-type)::before {
    content: '';
    display: block;
    position: absolute;
    left: -18px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #475467;
    z-index: 0;
}

#colophon > div:first-child .column_parent:nth-of-type(2) .column_child:not(:first-of-type) a[target="_blank"] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    position: relative;
}

#colophon > div:first-child .column_parent:nth-of-type(2) .column_child:not(:first-of-type) a[target="_blank"]::after {
    content: "\f08e";
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    position: relative;
    font-family: 'uncodeicon', sans-serif;
}


#colophon > div:first-child .menu-bas-de-page-nos-solutions-container > ul > li {
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;
}

#colophon > div:first-child .menu-bas-de-page-nos-solutions-container > ul > li::before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    position: relative;
    left: 0;
    top: 3px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

#colophon > div:first-child .menu-bas-de-page-nos-solutions-container > ul > li:first-child:before {
    background-image: url('https://mateloc.enjin-dev.fr/wp-content/uploads/2024/08/logo-manutention.svg');
}

#colophon > div:first-child .menu-bas-de-page-nos-solutions-container > ul > li:nth-child(2):before {
    background-image: url('https://mateloc.enjin-dev.fr/wp-content/uploads/2024/08/logo-decoupe.svg');
}

#colophon > div:first-child .menu-bas-de-page-nos-solutions-container > ul > li:nth-child(3):before {
    background-image: url('https://mateloc.enjin-dev.fr/wp-content/uploads/2024/08/logo-coffrage.svg');
}

#colophon > div:first-child .menu-bas-de-page-nos-solutions-container > ul > li:nth-child(4):before {
    background-image: url('https://mateloc.enjin-dev.fr/wp-content/uploads/2024/09/logo-matedis.svg');
}

#colophon > div:first-child,
#colophon > div:nth-child(2) {
    z-index: 1;
}

#colophon .vc_custom_heading_wrap > div > div > span {
    font-size: 12px;
    letter-spacing: 0;
    color: var(--petit-gris);
}

#colophon::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 100%;
    max-width: 1440px;
    height: 298px;
    z-index: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='297' height='298' viewBox='0 0 297 298' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.2'%3E%3Cpath d='M297 74.5607C297 49.3501 296.923 25.0297 296.923 0.494776C260.886 0.494776 224.77 -1.50824 189.454 2.54605C148.64 7.23048 115.344 43.0434 114.422 81.3581C112.7 153.027 113.927 224.763 113.927 298H184.682C184.682 290.967 184.68 283.676 184.682 276.388C184.702 223.248 184.495 170.105 184.828 116.967C185.026 85.3534 196.154 74.802 228.269 74.5902C250.76 74.4401 273.252 74.5607 297 74.5607Z' fill='black'/%3E%3Cpath d='M119.956 3.52176C55.6555 -5.47973 -5.14237 31.3226 -0.778436 98.5268C-0.998559 157.569 0.0112609 215.814 0.0112609 274.484V298H72.0354C72.0354 290.545 72.0382 283.249 72.0354 275.956C72.0354 212.455 73.2433 148.924 71.5649 85.4657C70.6156 49.5616 81.2531 21.9726 119.956 3.52176Z' fill='black'/%3E%3Cpath d='M296.922 112.559C278.55 112.559 296.922 112.559 246.066 112.465C233.004 112.444 225.925 117.734 225.908 130.653C225.834 185.836 225.875 241.02 225.875 298H296.922V112.559Z' fill='black'/%3E%3Cpath d='M297 74.5607C297 49.3501 296.923 25.0297 296.923 0.494776C260.886 0.494776 224.77 -1.50824 189.454 2.54605C148.64 7.23048 115.344 43.0434 114.422 81.3581C112.7 153.027 113.927 224.763 113.927 298H184.682C184.682 290.967 184.68 283.676 184.682 276.388C184.702 223.248 184.495 170.105 184.828 116.967C185.026 85.3534 196.154 74.802 228.269 74.5902C250.76 74.4401 273.252 74.5607 297 74.5607Z' fill='black'/%3E%3Cpath d='M119.956 3.52176C55.6555 -5.47973 -5.14237 31.3226 -0.778436 98.5268C-0.998559 157.569 0.0112609 215.814 0.0112609 274.484V298H72.0354C72.0354 290.545 72.0382 283.249 72.0354 275.956C72.0354 212.455 73.2433 148.924 71.5649 85.4657C70.6156 49.5616 81.2531 21.9726 119.956 3.52176Z' fill='black'/%3E%3Cpath d='M296.922 112.559C278.55 112.559 296.922 112.559 246.066 112.465C233.004 112.444 225.925 117.734 225.908 130.653C225.834 185.836 225.875 241.02 225.875 298H296.922V112.559Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: left bottom;
    background-size: 297px 298px;
    background-repeat: no-repeat;
}

.menu-bas-de-page-liens-legales-container a{
        color: #7b8f9e !important;
    fill: #7b8f9e !important;
}

@media screen and (max-width: 960px) {
    #colophon > div:first-child .column_parent:first-of-type {
        width: 75%;
    }

    #colophon > div:first-child .column_parent:nth-of-type(2) .row-internal {
        padding-left: 0 !important;
    }

    #colophon > div:first-child .column_parent:nth-of-type(2) .row-internal .row-inner {
        display: flex;
        flex-wrap: wrap;
        gap: 36px;
        height: auto;
    }

    #colophon > div:first-child .column_parent:nth-of-type(2) .row-internal .row-inner > div {
        display: block;
        flex: 1 0 0;
        padding: 0;
    }

    #colophon > div:nth-child(2) > div > div {
        display: flex;
    }

    #colophon > div:nth-child(2) > div > div > div:first-child {
        width: 150px;
    }

    #colophon > div:nth-child(2) > div > div > div {
        height: auto;
        padding: 0;
    }

    #colophon > div:nth-child(2) .menu-smart > li {
        display: inline-block;
    }
}

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

    #colophon > div:nth-child(2) > div > div {
        flex-wrap: wrap;
    }

    #colophon > div:nth-child(2) > div > div > div:first-child {
        width: 100%;
    }

    #colophon > div:nth-child(2) .menu-smart,
    #colophon > div:nth-child(2) .uncode_text_column p {
        text-align: center;
    }

    #colophon > div:nth-child(2) .single-block-padding {
        padding: 18px 36px;
    }
}


@media screen and (max-width: 500px) {
    #colophon > div:first-child .column_parent:nth-of-type(2) .row-internal .row-inner > div {
        flex-basis: 100%;
    }
}

/* … */

/* || Layout */

/* … */

/* || Content Blocks */

/* - Entête Bandeau : Pages internes - */

#mat-wrap .header-wrapper {
    overflow: visible;
}

#mat-wrap .header-custom .uncont {
    margin: 0 auto;
}

#mat-wrap .header-custom .uncont .uncode_text_column p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-weight: 500;
    max-width: 768px;
    -webkit-line-clamp: 3;
    margin: 0 auto;
}

#mat-wrap .header-custom .background-element::after {
    content: '';
    display: block;
    width: 100%;
    max-width: 2000px;
    margin: 0 auto;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background-image: url('https://mateloc.enjin-dev.fr/wp-content/uploads/2024/08/filigrane-2.svg');
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

#mat-wrap.header-has-logo .header-custom {
    margin-bottom: 72px;
    display: block;
}

#mat-wrap.header-has-logo .header-custom::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translate(-50%, 75%);
    bottom: 0%;
    display: block;
    width: 76px;
    height: 76px;
}

#mat-wrap.logo-materiels-de-manutention .header-custom::after {
    background-image: url("data:image/svg+xml,%3Csvg width='76' height='76' viewBox='0 0 76 76' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='76' height='76' fill='white'/%3E%3Cpath d='M60.8 15.2H15.2V60.7999H60.8V15.2Z' fill='%2364D2C8'/%3E%3Cpath d='M53.1882 30.1741C53.1882 27.5376 53.1882 25.0656 53.1882 22.5C49.5141 22.5 45.8259 22.2164 42.2255 22.6417C38.0638 23.1321 34.6704 26.8771 34.5768 30.8857C34.4011 38.3812 34.5258 45.8853 34.5258 53.5482C36.8646 53.5482 39.1354 53.5482 41.7379 53.5482C41.7379 52.8139 41.7379 52.0513 41.7379 51.2859C41.7379 45.7266 41.718 40.1673 41.7521 34.6108C41.7719 31.3024 42.9059 30.1996 46.1802 30.1769C48.4737 30.1628 50.7643 30.1741 53.1854 30.1741H53.1882Z' fill='white'/%3E%3Cpath d='M35.141 22.7721C28.5866 21.8309 22.3894 25.6807 22.8345 32.7085C23.2201 38.8207 22.9139 44.9782 22.9139 51.1158C22.9139 51.8926 22.9139 52.6693 22.9139 53.5765C25.4001 53.5765 27.6737 53.5765 30.2564 53.5765C30.2564 52.7969 30.2564 52.0343 30.2564 51.2717C30.2564 44.6295 30.3783 37.9844 30.2082 31.3449C30.1118 27.5886 31.1947 24.7027 35.141 22.7721Z' fill='white'/%3E%3Cpath d='M53.1825 34.1203C51.3086 34.1203 49.653 34.1515 47.9974 34.1118C46.6565 34.0778 45.9449 34.6618 45.9421 36.0141C45.9336 41.786 45.9393 47.5579 45.9393 53.5198C48.383 53.5198 50.7076 53.5198 53.1825 53.5198C53.1825 47.1497 53.1825 40.7654 53.1825 34.1232V34.1203Z' fill='white'/%3E%3C/svg%3E%0A");
}

#mat-wrap.logo-coffrage-et-passerelles .header-custom::after {
    background-image: url("data:image/svg+xml,%3Csvg width='76' height='76' viewBox='0 0 76 76' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='76' height='76' fill='white'/%3E%3Cpath d='M60.8 15.2H15.2V60.7999H60.8V15.2Z' fill='%23D22E2E'/%3E%3Cpath d='M53.1882 30.1741C53.1882 27.5376 53.1882 25.0656 53.1882 22.5C49.5141 22.5 45.8259 22.2164 42.2255 22.6417C38.0638 23.1321 34.6704 26.8771 34.5768 30.8857C34.4011 38.3812 34.5258 45.8853 34.5258 53.5482C36.8646 53.5482 39.1354 53.5482 41.7379 53.5482C41.7379 52.8139 41.7379 52.0513 41.7379 51.2859C41.7379 45.7266 41.718 40.1673 41.7521 34.6108C41.7719 31.3024 42.9059 30.1996 46.1802 30.1769C48.4737 30.1628 50.7643 30.1741 53.1854 30.1741H53.1882Z' fill='white'/%3E%3Cpath d='M35.141 22.7721C28.5866 21.8309 22.3894 25.6807 22.8345 32.7085C23.2201 38.8207 22.9139 44.9782 22.9139 51.1158C22.9139 51.8926 22.9139 52.6693 22.9139 53.5765C25.4001 53.5765 27.6737 53.5765 30.2564 53.5765C30.2564 52.7969 30.2564 52.0343 30.2564 51.2717C30.2564 44.6295 30.3783 37.9844 30.2082 31.3449C30.1118 27.5886 31.1947 24.7027 35.141 22.7721Z' fill='white'/%3E%3Cpath d='M53.1825 34.1203C51.3086 34.1203 49.653 34.1515 47.9974 34.1118C46.6565 34.0778 45.9449 34.6618 45.9421 36.0141C45.9336 41.786 45.9393 47.5579 45.9393 53.5198C48.383 53.5198 50.7076 53.5198 53.1825 53.5198C53.1825 47.1497 53.1825 40.7654 53.1825 34.1232V34.1203Z' fill='white'/%3E%3C/svg%3E%0A");
}

#mat-wrap.logo-decoupe-beton-et-demolition .header-custom::after {
    background-image: url("data:image/svg+xml,%3Csvg width='76' height='76' viewBox='0 0 76 76' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='76' height='76' fill='white'/%3E%3Cpath d='M60.8 15.2H15.2V60.8H60.8V15.2Z' fill='%230870C4'/%3E%3Cpath d='M53.1881 30.1741C53.1881 27.5376 53.1881 25.1194 53.1881 22.5538C49.5141 22.5538 45.8258 22.2164 42.2254 22.6417C38.0637 23.1321 34.6703 26.8771 34.5768 30.8857C34.401 38.3812 34.5257 45.8853 34.5257 53.5482C36.8646 53.5482 39.1353 53.5482 41.7378 53.5482C41.7378 52.8139 41.7378 52.0513 41.7378 51.2859C41.7378 45.7266 41.718 40.1673 41.752 34.6108C41.7718 31.3024 42.9058 30.1996 46.1802 30.1769C48.4736 30.1628 50.7643 30.1741 53.1853 30.1741H53.1881Z' fill='white'/%3E%3Cpath d='M35.1409 22.7721C28.5865 21.8309 22.3894 25.6807 22.8344 32.7085C23.22 38.8207 22.9138 44.9782 22.9138 51.1158C22.9138 51.8926 22.9138 52.6693 22.9138 53.5765C25.4001 53.5765 27.6737 53.5765 30.2563 53.5765C30.2563 52.7969 30.2563 52.0343 30.2563 51.2717C30.2563 44.6295 30.3782 37.9844 30.2081 31.3449C30.1117 27.5886 31.1947 24.7027 35.1409 22.7721Z' fill='white'/%3E%3Cpath d='M53.1825 34.1203C51.3086 34.1203 49.653 34.1515 47.9974 34.1118C46.6564 34.0778 45.9449 34.6618 45.942 36.0141C45.9335 41.786 45.9392 47.5579 45.9392 53.5198C48.3829 53.5198 50.7076 53.5198 53.1825 53.5198C53.1825 47.1497 53.1825 40.7654 53.1825 34.1232V34.1203Z' fill='white'/%3E%3C/svg%3E%0A");
}

@media screen and (max-width: 650px) {
    #mat-wrap .header-custom .background-element::after {
        background-position: right bottom;
        background-size: cover;
        width: 100%;
        transform: none;
        left: auto;
        right: 0;
    }
}

/* -- */

/* - Bloc Marques - */

#mat-wrap .block-brands {
    border-bottom: 1px solid #EAECF0;
    margin-bottom: 72px;
}

#mat-wrap .block-brands .row-parent.limit-width {
    max-width: 1440px;
}

#mat-wrap.logo-materiels-de-manutention .block-brands .column-background > div {
    background-color: var(--turquoise-accent);
}

#mat-wrap.logo-decoupe-beton-et-demolition .block-brands .column-background > div {
    background-color: var(--bleu-accent);
}

#mat-wrap.logo-coffrage-et-passerelles .block-brands .column-background > div {
    background-color: var(--rouge-acent);
}

#mat-wrap .block-brands .uncell.style-color-130004-bg h2 span,
#mat-wrap .block-brands .uncell.style-color-130004-bg p {
    color: var(--bleu-navy);
}

/* -- */

/* - Liste de logos - */

#mat-wrap .logo-list .t-entry-visual .dummy {
    display: none;
}

#mat-wrap .logo-list .t-entry-visual a {
    position: relative;
}

#mat-wrap .logo-list .t-entry-visual a img {
    width: auto;
    height: auto;
    max-height: 90px;
    object-fit: contain;
    object-position: center center;
    mix-blend-mode: soft-light;
}

#mat-wrap .logo-list .t-inside {
    display: block;
    width: fit-content;
}

#mat-wrap .logo-list .t-inside * {
    display: block;
    width: fit-content;
}

/* -- */

/* … */

/* || Specific pages */

/* - Page d'accueil - */

.home #mat-wrap .menu-wrapper #masthead .menu-container::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0%;
    background-color: white;
    z-index: -1;
    transition: all .5s cubic-bezier(.86,0,.07,1);
}

.home #mat-wrap .menu-wrapper #masthead.is_stuck .menu-container::before {
    left: 0%;
    transition: all .5s cubic-bezier(.86,0,.07,1);
}

.home #mat-wrap .menu-wrapper #masthead #menu-entete-boutons-dactions {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.home #mat-wrap .menu-wrapper #logo-container-mobile {
    display: block;
    width: 200px;
    padding: 0;
    height: 100%;
}

.home #mat-wrap .menu-wrapper #logo-container-mobile > div#main-logo {
    width: 100%;
    height: 100%;
}

.home #mat-wrap .menu-wrapper #logo-container-mobile >  div#main-logo > a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 12px 0;
}

.home #mat-wrap .menu-wrapper .main-logo.logo-light,
.home #mat-wrap .menu-wrapper .main-logo.logo-dark {
    display: block !important;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s cubic-bezier(.86,0,.07,1);
}

.home #mat-wrap .menu-wrapper .main-logo.logo-light {
    opacity: 0;
}

.home #mat-wrap .menu-wrapper .main-logo.logo-dark {
    opacity: 1;
}

.home #mat-wrap .menu-wrapper #masthead.is_stuck .main-logo.logo-light {
    opacity: 1;
    transition: all .3s cubic-bezier(.86,0,.07,1);
}

.home #mat-wrap .menu-wrapper #masthead.is_stuck .main-logo.logo-dark {
    opacity: 0;
    transition: all .3s cubic-bezier(.86,0,.07,1);
}

.home #page-header {
    position: relative;
    z-index: 1;
}

.home #mat-wrap .menu-wrapper header:not(.is_stuck) .menu-primary-inner > li > a:not(.btn),
.home #mat-wrap .menu-wrapper .top-menu-enhanced-horizontal ul#menu-barre-du-haut > li > a:not(.btn),
.home #mat-wrap .menu-wrapper header:not(.is_stuck) .search-icon i {
    color: white;
}

.home #mat-wrap .header-wrapper {
    overflow: auto;
}

.home #mat-wrap #page-header {
    top: -60px;
}

#mat-wrap .hero {
    position: relative;
    z-index: 1;
}

#mat-wrap .hero::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.30) 100%);
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0px;
}

#mat-wrap .hero .row.limit-width {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    max-width: 1024px;
}

#mat-wrap .hero .background-element {
    height: 823px;
    left: 18px;
}

#mat-wrap .hero .row.limit-width .background-element + .uncont {
    padding-top: 0px !important;
}

#mat-wrap .hero .row.limit-width,
#mat-wrap .hero .row.limit-width > .row-inner,
#mat-wrap .hero .row.limit-width > .row-inner > .col-lg-12,
#mat-wrap .hero .row.limit-width > .row-inner > .col-lg-12 > .uncol,
#mat-wrap .hero .row.limit-width > .row-inner > .col-lg-12 > .uncol > .uncoltable, 
#mat-wrap .hero .row.limit-width > .row-inner > .col-lg-12 > .uncol > .uncoltable > .uncell,
#mat-wrap .hero .row.limit-width > .row-inner > .col-lg-12 > .uncol > .uncoltable > .uncell > .uncont   {
    position: initial;
}

#mat-wrap .hero .owl-carousel-wrapper {
    position: absolute;
    left: 0;
    top: 0px;
    z-index: -1;
    width: 100%;
    height: 100%;
    margin: 0;
}

#mat-wrap .hero .block-cta .uncont {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

#mat-wrap .hero .block-cta .uncont .uncode-vc-social {
    margin: 0;
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}

#mat-wrap .hero .block-cta .uncont .uncode-vc-social a i {
    color: white;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
}

#mat-wrap .hero .block-cta .uncont .uncode-vc-social::before {
    content: '';
    display: inline-block;
    width: 119px;
    height: 1px;
    background-color: white;
    order: 0;
}

#mat-wrap .hero .block-cta .uncont .uncode-vc-social::after {
    content: 'Nous suivre';
    display: inline-block;
    font-size: 16px;
    color: white;
    font-family: gesta, sans-serif, gesta, sans-serif;
    order: 1;
}

#mat-wrap .hero .block-cta .uncont .uncode-vc-social .social-icon {
    padding: 0;
}

#mat-wrap .hero .block-cta .uncont .uncode-vc-social .social-icon:first-of-type {
    order: 2;
}

#mat-wrap .hero .block-cta .uncont .uncode-vc-social .social-icon:nth-of-type(2) {
    order: 3;
}

#mat-wrap .hero .block-cta .uncont .uncode-vc-social .social-icon:last-of-type {
    order: 4;
}

.home #mat-wrap .hero .owl-carousel-wrapper .tmb .t-entry-visual,
.home #mat-wrap .hero .owl-carousel-wrapper .tmb .t-entry-visual .t-entry-visual-tc,
.home #mat-wrap .hero .owl-carousel-wrapper .tmb .t-entry-visual .t-entry-visual-tc .t-entry-visual-cont {
    height: 100%;
    display: table-cell;
}

.home #mat-wrap .hero .owl-carousel-wrapper .tmb .dummy {
    display: none;
}

.home #mat-wrap .hero .owl-carousel-wrapper .tmb .dummy a {
    position: relative;
    height: 100%;
}

.home #mat-wrap .hero .owl-carousel-wrapper .tmb a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

#mat-wrap .section-activities {
    position: relative;
    top: -130px;
    left: 52px;
}

#mat-wrap .section-activities .col-lg-4 .column-background {
    mix-blend-mode: multiply;
    opacity: 0.3;
    transition: all .5s cubic-bezier(.86,0,.07,1);
}

#mat-wrap .section-activities .col-lg-4 .btn-container{
    position: absolute;
    bottom: -24px;
    right: 12px;
}

#mat-wrap .section-activities .col-lg-4 > .uncol {
    background-color: white;
    box-shadow: var(--box-shadow);
}

#mat-wrap .section-activities .col-lg-4 .uncell {
    padding: 24px 24px 72px 24px;
}

#mat-wrap .section-activities .col-lg-4 .uncell::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    z-index: 0;
    transition: all .5s cubic-bezier(.86,0,.07,1);
}

#mat-wrap .section-activities .col-lg-4:hover .uncell::before {
    height: 100%;
}

#mat-wrap .section-activities .col-lg-4 .uncell .vc_custom_heading_wrap span,
#mat-wrap .section-activities .col-lg-4 .uncell .uncode_text_column p,
#mat-wrap .section-activities .col-lg-4 .uncell .btn-container a:not(i) {
    transition: all .5s cubic-bezier(.86,0,.07,1);
}

#mat-wrap .section-activities .col-lg-4:hover .uncell .vc_custom_heading_wrap span,
#mat-wrap .section-activities .col-lg-4:hover .uncell .uncode_text_column p,
#mat-wrap .section-activities .col-lg-4:hover .uncell .btn-container a:not(i) {
    color: white !important;
    transition: all .5s cubic-bezier(.86,0,.07,1);
}

#mat-wrap .section-activities .col-lg-4 .uncont::before {
    content: '';
    display: block;
    width: 56px;
    height: 56px;
    margin-bottom: 36px;
    position: relative;
    left: 0;
    top: 0;
    background-size: 56px 56px;
    background-position: center center;
}

#mat-wrap .section-activities .col-lg-4 .background-inner {
    opacity: 1;
    transition: all .5s cubic-bezier(.86,0,.07,1);
}

#mat-wrap .section-activities .col-lg-4 .background-wrapper {
    opacity: 0;
    transition: all .5s ease-out;
}

#mat-wrap .section-activities .col-lg-4:hover .uncell .background-wrapper {
    opacity: 1;
    transition: all .3s ease-in;
    transition-delay: .2s;
}

#mat-wrap .section-activities .col-lg-4:nth-of-type(1) .background-wrapper,
#mat-wrap .section-activities .col-lg-4:nth-of-type(1) .uncell::before {
    background-color: var(--turquoise-accent);
}

#mat-wrap .section-activities .col-lg-4:nth-of-type(1) .uncont::before {
    background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M56 0H0V56H56V0Z' fill='%2364D2C8'/%3E%3Cpath d='M46.6522 18.3893C46.6522 15.1515 46.6522 12.1818 46.6522 9.03102C42.1401 9.03102 37.6107 8.61672 33.1892 9.13895C28.0783 9.74125 23.911 14.3403 23.7961 19.2632C23.5802 28.4683 23.7334 37.6838 23.7334 47.0943C26.6057 47.0943 29.3943 47.0943 32.5904 47.0943C32.5904 46.1926 32.5904 45.2561 32.5904 44.3161C32.5904 37.4888 32.566 30.6616 32.6078 23.8379C32.6321 19.7749 34.0247 18.4206 38.0459 18.3928C40.8624 18.3754 43.679 18.3893 46.6522 18.3893Z' fill='white'/%3E%3Cpath d='M24.4889 9.2991C16.4397 8.14324 8.8291 12.8711 9.37569 21.5018C9.84918 29.0079 9.47317 36.5697 9.47317 44.1072C9.47317 45.0611 9.47317 46.015 9.47317 47.1291C12.5265 47.1291 15.3186 47.1291 18.4903 47.1291C18.4903 46.1717 18.4903 45.2352 18.4903 44.2987C18.4903 36.1415 18.64 27.9809 18.4311 19.8272C18.3127 15.2142 19.6426 11.67 24.4889 9.2991Z' fill='white'/%3E%3Cpath d='M46.6452 23.2356C44.3439 23.2356 42.3107 23.2739 40.2775 23.2251C38.6308 23.1833 37.7569 23.9005 37.7534 25.5612C37.743 32.6495 37.75 39.7379 37.75 47.0595C40.751 47.0595 43.6058 47.0595 46.6452 47.0595C46.6452 39.2366 46.6452 31.3927 46.6452 23.2356Z' fill='white'/%3E%3C/svg%3E%0A");
}

#mat-wrap .section-activities .col-lg-4:nth-of-type(2) .uncont::before {
    background-image: url("data:image/svg+xml,%3Csvg width='57' height='56' viewBox='0 0 57 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M56.3333 0H0.333252V56H56.3333V0Z' fill='%232979BA'/%3E%3Cpath d='M46.9854 18.3893C46.9854 15.1515 46.9854 12.1818 46.9854 9.03102C42.4734 9.03102 37.9439 8.61672 33.5224 9.13895C28.4116 9.74125 24.2442 14.3403 24.1293 19.2632C23.9135 28.4683 24.0667 37.6838 24.0667 47.0943C26.9389 47.0943 29.7276 47.0943 32.9236 47.0943C32.9236 46.1926 32.9236 45.2561 32.9236 44.3161C32.9236 37.4888 32.8992 30.6616 32.941 23.8379C32.9654 19.7749 34.358 18.4206 38.3791 18.3928C41.1957 18.3754 44.0122 18.3893 46.9854 18.3893Z' fill='white'/%3E%3Cpath d='M24.8222 9.2991C16.7729 8.14324 9.16235 12.8711 9.70894 21.5018C10.1824 29.0079 9.80643 36.5697 9.80643 44.1072C9.80643 45.0611 9.80643 46.015 9.80643 47.1291C12.8597 47.1291 15.6519 47.1291 18.8235 47.1291C18.8235 46.1717 18.8235 45.2352 18.8235 44.2987C18.8235 36.1415 18.9732 27.9809 18.7643 19.8272C18.646 15.2142 19.9759 11.67 24.8222 9.2991Z' fill='white'/%3E%3Cpath d='M46.9785 23.2356C44.6772 23.2356 42.644 23.2739 40.6108 23.2251C38.964 23.1833 38.0902 23.9005 38.0867 25.5612C38.0762 32.6495 38.0832 39.7379 38.0832 47.0595C41.0843 47.0595 43.9391 47.0595 46.9785 47.0595C46.9785 39.2365 46.9785 31.3927 46.9785 23.2356Z' fill='white'/%3E%3C/svg%3E%0A");
}


#mat-wrap .section-activities .col-lg-4:nth-of-type(2) .uncell::before,
#mat-wrap .section-activities .col-lg-4:nth-of-type(2) .background-wrapper {
    background: var(--bleu-accent);
}

#mat-wrap .section-activities .col-lg-4:nth-of-type(3) .background-wrapper {
    background-color: var(--rouge-acent);
}

#mat-wrap .section-activities .col-lg-4:nth-of-type(3) .uncont::before {
    background-image: url("data:image/svg+xml,%3Csvg width='57' height='56' viewBox='0 0 57 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M56.6666 0H0.666626V56H56.6666V0Z' fill='%23D22E2E'/%3E%3Cpath d='M47.3188 18.3893C47.3188 15.1515 47.3188 12.1818 47.3188 9.03102C42.8068 9.03102 38.2773 8.61672 33.8558 9.13895C28.745 9.74125 24.5776 14.3403 24.4627 19.2632C24.2469 28.4683 24.4 37.6838 24.4 47.0943C27.2723 47.0943 30.061 47.0943 33.257 47.0943C33.257 46.1926 33.257 45.2561 33.257 44.3161C33.257 37.4888 33.2326 30.6616 33.2744 23.8379C33.2988 19.7749 34.6914 18.4206 38.7125 18.3928C41.529 18.3754 44.3456 18.3893 47.3188 18.3893Z' fill='white'/%3E%3Cpath d='M25.1555 9.2991C17.1063 8.14324 9.49572 12.8711 10.0423 21.5018C10.5158 29.0079 10.1398 36.5697 10.1398 44.1072C10.1398 45.0611 10.1398 46.015 10.1398 47.1291C13.1931 47.1291 15.9852 47.1291 19.1569 47.1291C19.1569 46.1717 19.1569 45.2352 19.1569 44.2987C19.1569 36.1415 19.3066 27.9809 19.0977 19.8272C18.9793 15.2142 20.3093 11.67 25.1555 9.2991Z' fill='white'/%3E%3Cpath d='M47.3118 23.2356C45.0105 23.2356 42.9774 23.2739 40.9442 23.2251C39.2974 23.1833 38.4235 23.9005 38.4201 25.5612C38.4096 32.6495 38.4166 39.7379 38.4166 47.0595C41.4176 47.0595 44.2725 47.0595 47.3118 47.0595C47.3118 39.2365 47.3118 31.3927 47.3118 23.2356Z' fill='white'/%3E%3C/svg%3E%0A");
}

#mat-wrap .section-activities .col-lg-4:nth-of-type(3) .uncell::before {
    background-color: var(--rouge-acent);
}

#mat-wrap .section-activities .col-lg-4:first-of-type .uncell {
    height: 328px;
}

#mat-wrap .section-activities .col-lg-4:first-of-type .btn-container .btn-terciary {
    color: var(--turquoise) !important;
}

#mat-wrap .section-activities .col-lg-4:first-of-type .btn-container .btn-terciary i {
    background-color: var(--turquoise);
}

#mat-wrap .section-activities .col-lg-4:nth-of-type(2) .btn-container .btn-terciary {
    color: var(--bleu) !important;
}

#mat-wrap .section-activities .col-lg-4:nth-of-type(2) .btn-container .btn-terciary i {
    background-color: var(--bleu);
}

#mat-wrap .section-activities .col-lg-4:nth-of-type(3) .btn-container .btn-terciary {
    color: var(--rouge) !important;
}

#mat-wrap .section-activities .col-lg-4:nth-of-type(3) .btn-container .btn-terciary i {
    background-color: var(--rouge);
}

#mat-wrap .section-activities .col-lg-4:hover .btn.btn-terciary i {
    top: -5px;
}

#mat-wrap .section-activities .col-lg-4 .btn-container .btn-terciary i {
    color: white !important;
}

#mat-wrap .section-about {
    position: relative;
    z-index: 1;
}

#mat-wrap .section-about .row-parent.limit-width {
    max-width: 1300px;
}

#mat-wrap .section-about .vc_custom_heading_wrap h2 > span > strong:last-child {
    padding: 0 5px;
    background-color: var(--orange);
    color: white;
    display: ruby;
}

#mat-wrap .section-about .numbers .number p {
    font-size: clamp(35px, 4.5vw, 40px);
    text-align: right;
}

#mat-wrap .section-about .numbers .col-lg-4 .uncell {
    border-color: var(--border-color-gris);
    border-style: solid;
}

#mat-wrap .section-about .numbers::before {
    content: '';
    display: block;
    width: 1px;
    height: 850px;
    background-color: var(--border-color-gris);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    z-index: -1;
}

#mat-wrap .section-about .numbers .col-lg-4:first-of-type .uncell,
#mat-wrap .section-about .numbers .col-lg-4:nth-of-type(3) .uncell {
    border-top-width: 1px;
    border-bottom-width: 1px;
}

#mat-wrap .section-about .numbers .col-lg-4:nth-of-type(2) .uncell {
    border-width: 1px;
}

#mat-wrap .section-about {
    border-bottom: 1px solid var(--border-color-gris);
}

#mat-wrap .section-about .icons {
    position: relative;
    padding-bottom: 52px;
}

#mat-wrap .section-about .icons > .row-parent.limit-width::before {
    content: '';
    width: calc(41.67% + 150px);
    height: 247px;
    display: block;
    position: absolute;
    bottom: -52px;
    left: -150px;
    background-color: var(--petit-gris);
    background-image: url('https://mateloc.enjin-dev.fr/wp-content/uploads/2024/08/motif-m-gris.png');
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}

#mat-wrap .section-about .icons .icon-box {
    padding: 24px !important;
    background-color: white;
    box-shadow: var(--box-shadow);
    border-bottom: 2px solid var(--bleu-navy);
    height: 100%;
}

#mat-wrap .section-about .icons .icon-box h3 {
    margin-top: 8px;
    padding-bottom: 24px;
    font-size: 20px;
    color: var(--bleu-navy);
    border-bottom: 1px solid var(--border-color-gris);
}


#mat-wrap .section-testimonials .row-slider.row-parent {
    max-width: 1300px;
    margin: 0 auto;
}

#mat-wrap .section-testimonials .col-lg-5 {
    padding-top: 120px;
    padding-bottom: 150px;
    border-right: 1px solid var(--border-color-gris);
}

#mat-wrap .section-testimonials .owl-carousel-wrapper .owl-item .uncont {
    display: flex;
    flex-wrap: wrap;
}

#mat-wrap .section-testimonials .vc_custom_heading_wrap .heading-text > :first-child {
    order: 0;
}

#mat-wrap .section-testimonials .vc_custom_heading_wrap .heading-text > div {
    order: 1;
}

#mat-wrap .section-testimonials .owl-carousel-wrapper .owl-item .uncont .uncode-single-media {
    flex-basis: 219px;
}

#mat-wrap .section-testimonials .owl-carousel-wrapper .owl-item .uncont .uncode_text_column {
    flex: 1;
    padding: 18px 36px;
    margin: 0;
    background-color: var(--bleu-navy);
    display: flex;
    align-items: center;
}

#mat-wrap .section-testimonials .owl-carousel-wrapper .owl-item .uncont .uncode_text_column p {
    position: relative;
    z-index: 1;
    font-size: 14px;
}

#mat-wrap .section-testimonials .owl-carousel-wrapper .owl-item .uncont .uncode_text_column::before {
    content: '';
    display: block;
    width: 289px;
    height: 289px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='289' height='289' viewBox='0 0 289 289' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.2'%3E%3Cpath d='M289 72.3089C289 47.8596 288.925 24.2738 288.925 0.479833C253.977 0.479833 218.951 -1.46269 184.702 2.46916C145.121 7.01211 112.83 41.7435 111.936 78.901C110.266 148.405 111.456 217.974 111.456 289H180.075C180.075 282.179 180.072 275.108 180.075 268.041C180.093 216.505 179.893 164.967 180.216 113.435C180.408 82.7756 191.199 72.5429 222.345 72.3375C244.157 72.1919 265.969 72.3089 289 72.3089Z' fill='black'/%3E%3Cpath d='M117.303 3.4154C54.9445 -5.31424 -4.01726 30.3766 0.214872 95.5512C0.00139733 152.81 0.98072 209.297 0.98072 266.194V289H70.8297C70.8297 281.77 70.8323 274.695 70.8297 267.622C70.8297 206.038 72.0011 144.426 70.3734 82.8845C69.4527 48.0648 79.7689 21.3089 117.303 3.4154Z' fill='black'/%3E%3Cpath d='M288.925 109.159C271.108 109.159 288.925 109.159 239.604 109.068C226.937 109.048 220.071 114.178 220.055 126.707C219.983 180.224 220.023 233.741 220.023 289H288.925V109.159Z' fill='black'/%3E%3Cpath d='M289 72.3089C289 47.8596 288.925 24.2738 288.925 0.479833C253.977 0.479833 218.951 -1.46269 184.702 2.46916C145.121 7.01211 112.83 41.7435 111.936 78.901C110.266 148.405 111.456 217.974 111.456 289H180.075C180.075 282.179 180.072 275.108 180.075 268.041C180.093 216.505 179.893 164.967 180.216 113.435C180.408 82.7756 191.199 72.5429 222.345 72.3375C244.157 72.1919 265.969 72.3089 289 72.3089Z' fill='black'/%3E%3Cpath d='M117.303 3.4154C54.9445 -5.31424 -4.01726 30.3766 0.214872 95.5512C0.00139733 152.81 0.98072 209.297 0.98072 266.194V289H70.8297C70.8297 281.77 70.8323 274.695 70.8297 267.622C70.8297 206.038 72.0011 144.426 70.3734 82.8845C69.4527 48.0648 79.7689 21.3089 117.303 3.4154Z' fill='black'/%3E%3Cpath d='M288.925 109.159C271.108 109.159 288.925 109.159 239.604 109.068C226.937 109.048 220.071 114.178 220.055 126.707C219.983 180.224 220.023 233.741 220.023 289H288.925V109.159Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
}

#mat-wrap .section-testimonials .owl-carousel-wrapper .owl-item .uncont .vc_custom_heading_wrap  {
    width: 100%;
    display: block;
    margin-top: 8px;
}

#mat-wrap .section-testimonials .owl-carousel-wrapper .owl-item .uncont .vc_custom_heading_wrap .heading-text > div p {
    font-size: 12px;
    color: var(--petit-gris);
}

#mat-wrap .section-testimonials .owl-carousel-wrapper .owl-prev,
#mat-wrap .section-testimonials .owl-carousel-wrapper .owl-next {
    opacity: 1;
    margin: 0 !important;
    padding: 0 !important;
    top: auto;
    bottom: 12px;
    display: block;
    height: fit-content;
}

#mat-wrap .section-testimonials .owl-carousel-wrapper .owl-prev {
    left: auto;
    right: 24px;
}

#mat-wrap .section-testimonials .owl-carousel-wrapper .owl-prev .owl-nav-container,
#mat-wrap .section-testimonials .owl-carousel-wrapper .owl-next .owl-nav-container {
    top: 0;
    width: 24px;
    height: 24px;
    background-color: transparent;
}

#mat-wrap .section-testimonials .owl-carousel-wrapper .owl-prev .owl-nav-container i,
#mat-wrap .section-testimonials .owl-carousel-wrapper .owl-next .owl-nav-container i {
    top: 0;
    font-size: 24px;
    color: var(--bleu-navy);
    width: 100%;
    height: 100%;
}

#mat-wrap .section-contact {
    padding: 0px 0 72px 0;
}

#mat-wrap .section-contact .row-parent.limit-width {
    max-width: 1440px;
    padding: 0 36px;
}

#mat-wrap .section-contact > div > div > div > .row-inner {
    min-height: 500px;
}

#mat-wrap .section-contact .owl-carousel-wrapper {
    overflow: visible;
    clip-path: inset( -100vw 0 -100vw 0 );
}

#mat-wrap .section-contact .owl-carousel-wrapper .owl-carousel {
    margin-bottom: 0;
}

#mat-wrap .section-contact .owl-carousel-wrapper,
#mat-wrap .section-contact .owl-carousel-wrapper > .owl-carousel-container,
#mat-wrap .section-contact .owl-carousel-wrapper > .owl-carousel-container > .owl-carousel,
#mat-wrap .section-contact .owl-carousel-wrapper > .owl-carousel-container > .owl-carousel > .owl-stage-outer,
#mat-wrap .section-contact .owl-carousel-wrapper > .owl-carousel-container > .owl-carousel > .owl-stage-outer > .owl-stage  {
    height: 100%;
}

#mat-wrap .section-contact .owl-carousel-wrapper .tmb {
    padding-right: 8px;
}

#mat-wrap .section-contact .owl-carousel-wrapper .owl-dots {
    padding: 0;
    bottom: -36px;
    position: absolute;
}

#mat-wrap .section-contact .owl-carousel-wrapper > .owl-carousel-container .t-entry-visual  {
    height: 100%;
    display: table-cell;
}

#mat-wrap .section-contact .owl-carousel-wrapper > .owl-carousel-container .t-entry-visual img {
    object-fit: cover;
}

#mat-wrap .section-contact .card-primary .btn-container i {
    background-color: var(--bleu-navy);
}

#mat-wrap .section-contact .card-primary .btn-container a {
    font-size: 20px;
}

#mat-wrap .section-contact .card-secondary .uncont {
    position: relative;
    z-index: 1;
}

#mat-wrap .section-contact .card-primary .btn-container,
#mat-wrap .section-contact .card-secondary .btn-container {
    width: fit-content;
}

#mat-wrap .section-contact .card-secondary .btn-container {
    margin-left: auto;
    margin-right: auto;
}

#mat-wrap .section-contact .card-secondary .uncell::after {
    content: '';
    display: block;
    width: 289px;
    height: 289px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='289' height='289' viewBox='0 0 289 289' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.2'%3E%3Cpath d='M289 72.3089C289 47.8596 288.925 24.2738 288.925 0.479833C253.977 0.479833 218.951 -1.46269 184.702 2.46916C145.121 7.01211 112.83 41.7435 111.936 78.901C110.266 148.405 111.456 217.974 111.456 289H180.075C180.075 282.179 180.072 275.108 180.075 268.041C180.093 216.505 179.893 164.967 180.216 113.435C180.408 82.7756 191.199 72.5429 222.345 72.3375C244.157 72.1919 265.969 72.3089 289 72.3089Z' fill='black'/%3E%3Cpath d='M117.303 3.4154C54.9445 -5.31424 -4.01726 30.3766 0.214872 95.5512C0.00139733 152.81 0.98072 209.297 0.98072 266.194V289H70.8297C70.8297 281.77 70.8323 274.695 70.8297 267.622C70.8297 206.038 72.0011 144.426 70.3734 82.8845C69.4527 48.0648 79.7689 21.3089 117.303 3.4154Z' fill='black'/%3E%3Cpath d='M288.925 109.159C271.108 109.159 288.925 109.159 239.604 109.068C226.937 109.048 220.071 114.178 220.055 126.707C219.983 180.224 220.023 233.741 220.023 289H288.925V109.159Z' fill='black'/%3E%3Cpath d='M289 72.3089C289 47.8596 288.925 24.2738 288.925 0.479833C253.977 0.479833 218.951 -1.46269 184.702 2.46916C145.121 7.01211 112.83 41.7435 111.936 78.901C110.266 148.405 111.456 217.974 111.456 289H180.075C180.075 282.179 180.072 275.108 180.075 268.041C180.093 216.505 179.893 164.967 180.216 113.435C180.408 82.7756 191.199 72.5429 222.345 72.3375C244.157 72.1919 265.969 72.3089 289 72.3089Z' fill='black'/%3E%3Cpath d='M117.303 3.4154C54.9445 -5.31424 -4.01726 30.3766 0.214872 95.5512C0.00139733 152.81 0.98072 209.297 0.98072 266.194V289H70.8297C70.8297 281.77 70.8323 274.695 70.8297 267.622C70.8297 206.038 72.0011 144.426 70.3734 82.8845C69.4527 48.0648 79.7689 21.3089 117.303 3.4154Z' fill='black'/%3E%3Cpath d='M288.925 109.159C271.108 109.159 288.925 109.159 239.604 109.068C226.937 109.048 220.071 114.178 220.055 126.707C219.983 180.224 220.023 233.741 220.023 289H288.925V109.159Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
}

#mat-wrap .section-blog {
    background-color: #FCFCFD;
}

#mat-wrap .section-blog::after {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    bottom: 36px;
    width: 100%;
    height: 1px;
    background-color: var(--border-color-gris);
}

#mat-wrap .section-blog .row-parent.limit-width {
    max-width: 1300px;
}

#mat-wrap .section-blog .col-lg-4::before {
    content: '';
    display: block;
    position: absolute;
    left: 18px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: var(--border-color-gris);
}

#mat-wrap .section-blog .col-lg-4 .tmb-content-size-1.tmb-content-lateral.tmb > .t-inside .t-entry-text {
    width: 100% !important;
}

@media screen and (max-width: 1330px) {
    .home #mat-wrap .menu-wrapper #logo-container-mobile {
        width: 153px;
    }

    #mat-wrap .hero .background-element {
        left: 0;
    }

    .home #mat-wrap .hero .background-inner {
        background-position: left top;
    }

    #mat-wrap .section-activities {
        padding-left: 0 !important;
        left: 0px;
    }
}

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

    .home #mat-wrap .menu-wrapper #masthead .menu-container::before {
        content: none;
    }

    .home #mat-wrap .menu-wrapper #logo-container-mobile {
        width: 100%;
        border-bottom: 1px solid rgb(208, 213, 221, 0.5);
    }

    .home #mat-wrap .menu-wrapper #logo-container-mobile > div:first-child {
        width: 50%;
    }

    .home #mat-wrap .menu-wrapper header:not(.is_stuck) .menu-primary-inner > li > a:not(.btn), .home #mat-wrap .menu-wrapper .top-menu-enhanced-horizontal a:not(.btn), .home #mat-wrap .menu-wrapper header:not(.is_stuck) .search-icon i {
        color: var(--bleu-navy);
    }

    .home #mat-wrap #page-header {
        top: -154px;
    }

    #mat-wrap .hero .row-header {
        padding: 0;
    }

    #mat-wrap .section-activities {
        top: -72px;
        left: 0;
        padding-left: 0 !important;
    }

    #mat-wrap .section-activities .column_parent > div > div > div > .uncont > .vc_custom_heading_wrap:first-child span {
        color: var(--bleu-navy) !important;
    }

    #mat-wrap .section-activities .row-parent.limit-width {
        max-width: 750px;
        margin: 0 auto;
    }

    #mat-wrap .section-activities .row-container .row-child.col-half-gutter > .row-inner > div:first-child {
        margin-top: 18px;
    }

    #mat-wrap .section-activities .row-container .row-child.col-half-gutter > .row-inner > div:not(.vc_helper):not(:first-child), .main-container .row-container .col-half-gutter > .row-inner > div:not(.vc_helper){
        padding-top: 52px;
    }

    #mat-wrap .section-activities .col-lg-4 .btn-container {
        width: auto;
        text-align: right;
    }

    #mat-wrap .section-activities .col-lg-4 .btn-container a {
        transform: scale(1);
    }

    #mat-wrap .section-testimonials .col-lg-5 {
        padding-bottom: 72px;
    }

    #mat-wrap .section-testimonials .col-lg-5 > div > div > .uncell {
        padding-left: 0px !important;
        padding-right: 0px;
    }

    #mat-wrap .section-testimonials .row-slider {
        padding: 0 36px;
    }

    #mat-wrap .section-testimonials .owl-stage-outer {
        height: 100% !important;
    }

    #mat-wrap .section-testimonials .owl-stage-outer .owl-item .column_child {
        display: block !important;
        height: auto !important;
        max-height: max-content !important;
    }

    #mat-wrap .section-about .uncode-single-media {
        margin-top: 12px;
    }
    
    #mat-wrap .section-about img {
        aspect-ratio: 4 / 3;
        object-fit: cover;
        object-position: center center;
    }

    #mat-wrap .section-contact .row-parent.limit-width {
        max-width: 100%;
        padding: 0 36px;
    }

    #mat-wrap .section-contact {
        margin-top: 52px;
    }

    #mat-wrap .section-contact .card-primary,
    #mat-wrap .section-contact .card-secondary {
        height: 300px !important;
        margin-top: 36px !important;
    }
    

    #mat-wrap .section-blog .row-container:first-of-type .column_parent:nth-of-type(2) .uncell {
        padding-top: 0 !important;
    }

    #mat-wrap .section-blog .row-container:nth-of-type(2) .column_parent:nth-of-type(1) .uncell {
        padding-bottom: 0 !important;
    }

    #mat-wrap .section-blog .col-lg-4::before {
        content: none;
    }

    #mat-wrap .section-blog .tmb-content-lateral.tmb-content-lateral-left.tmb .t-entry-text .t-entry-text-tc.no-block-padding {
        padding-left: 0;
    }

    #mat-wrap .section-blog .row-inner > div:not(.vc_helper) {
        padding-top: 0;
    }
}

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

    #mat-wrap .hero .col-lg-12 .uncell {
        vertical-align: bottom;
    }

    #mat-wrap .hero .block-cta .uncont .uncode-vc-social {
        margin-top: 24px;
    }

    #mat-wrap .section-testimonials .owl-carousel-wrapper .owl-item .uncont .uncode-single-media {
        flex-basis: 100%;
    }

    #mat-wrap .section-testimonials .owl-carousel-wrapper .owl-item .uncont .uncode-single-media > * {
        height: 100%;
    }

    #mat-wrap .section-testimonials .owl-carousel-wrapper .owl-item .uncont .uncode-single-media img {
        aspect-ratio: 4 / 3;
        object-fit: contain;
        object-position: top center;
        background-color: #FCFCFD;
    }
}

@media screen and (max-width: 500px) {
    #mat-wrap .block-cta .btn-container {
        width: 100%;
    }

    #mat-wrap .block-cta .btn-container a {
        transform: none;
    }
}

/* -- */

/* - Pages internes - */

#mat-wrap .section-activities.variant-2 {
    position: relative;
    top: 0;
    left: 0;
}

/* -- Page Qui-sommes nous ? -- */

#mat-wrap .section-map .column_parent:nth-of-type(2) {
    padding: 24px;
    background-color: var(--orange);
}

#mat-wrap .section-map .uncode-map-wrapper .gm-fullscreen-control {
    position: relative;
    right: 60px !important;
}

#mat-wrap .section-map .vc_custom_heading_wrap.title-separator::before,
#mat-wrap .section-map .vc_custom_heading_wrap.title-separator::after {
    background-color: white;
}

#mat-wrap .section-map .vc_custom_heading_wrap.title-separator span {
    color: white;
}

#mat-wrap .section-map .vc_custom_heading_wrap:not(.vc_custom_heading_wrap.title-separator) {
    margin-top: 8px;
}

#mat-wrap .section-map .icon-box {
    display: inline-block;
    padding: 0;
    margin-right: 24px;
    margin-top: 12px !important;
}

#mat-wrap .section-map .icon-box .icon-box-heading * {
    color: white;
}

#mat-wrap .section-map .icon-box .icon-box-icon {
    margin-top: 0;
    width: 40px !important;
}

#mat-wrap .section-map .icon-box .icon-box-icon .icon-media {
    width: 40px !important;
}

#mat-wrap .section-map .icon-box .icon-box-content {
    vertical-align: middle;
    padding-left: 4px;
}

#mat-wrap .section-map .uncont > .icon-box:first-child .icon-box-heading * {
    letter-spacing: -1px;
}

#mat-wrap .section-map .col-lg-5 > div > div > div > .uncont > .row-internal:nth-child(2) .uncont {
    text-align: left;
}

#mat-wrap .section-map .map .uncont,
#mat-wrap .section-map .map .uncont > .uncode_text_column,
#mat-wrap .section-map .map .uncont > .uncode_text_column > .wpgmp_map_container,
#mat-wrap .section-map .map .uncont > .uncode_text_column > .wpgmp_map_container > .wpgmp_map_parent > div {
    height: 100% !important;
}

#mat-wrap .section-map .map .uncont > .uncode_text_column > .wpgmp_map_container > .wpgmp_map_parent {
    display: table-cell;
    height: 100%;
    margin-bottom: 0;
}

/* ---- */

/* -- Page Histoire -- */

#mat-wrap .acf-slider {
    position: relative;
    width: 100%;
    overflow: visible;
    touch-action: pan-y;
}

#mat-wrap .acf-slider-inner {
    transition: transform 0.5s ease-in-out;
    width: 100%;
}

#mat-wrap .acf-slide {
    cursor: pointer;
    padding: 36px;
    height: auto;
    background-color: white;
    border-bottom: 2px solid var(--orange);
    box-shadow: var(--box-shadow);
    box-sizing: border-box;
}

#mat-wrap .acf-slide .slide-content {
    margin-top: 36px;
}


#mat-wrap .acf-slide * {
    user-select: none;
}

#mat-wrap .slide-date, .slide-title, .slide-text {
    margin: 0;
    padding: 5px 0;
}

#mat-wrap .slide-date {
    font-weight: 700;
    font-size: 60px;
    color: var(--orange);
}

#mat-wrap .slide-title {
    font-size: 25px;
}

#mat-wrap .slide-image {
    aspect-ratio: 4 / 3;
    min-height: 180px;
    max-height: 180px;
    object-fit: cover;
    object-position: center center;
    margin-top: 36px;
}

@media (max-width: 1024px) {
    #mat-wrap .acf-slide {
        flex: 0 0 calc((100% / 2) - 24px); /* 2 éléments visibles */
    }
}

@media (max-width: 768px) {
    #mat-wrap .acf-slide {
        flex: 0 0 100%; /* 1 élément visible */
        padding: 24px;
    }
    #mat-wrap .slide-date {
        font-size: 40px;
    }

    #mat-wrap .slide-title {
        font-size: 20px;
    }
}

/* ---- */

/* -- Page Blog -- */

/* ---- */

/* -- Page "Nous rejoindre" -- */

#mat-wrap .offres-emplois .tmb > div {
    background-color: white;
    border-bottom: 2px solid var(--orange);
    box-shadow: var(--box-shadow);
    padding: 24px;
}

#mat-wrap .offres-emplois .tmb .t-entry-text-tc {
    margin-top: 0;
    padding-top: 0;
}

#mat-wrap .offres-emplois .tmb .btn-container a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    font-size: 0px;
    padding: 4px !important;
    border: 2px solid var(--bleu-navy);
    transition: all .3s cubic-bezier(.86,0,.07,1);
}

#mat-wrap .offres-emplois .tmb .btn-container {
    margin-top: 36px;
}

#mat-wrap .offres-emplois .tmb .btn-container > a::before {
    content: "\e0c3";
    font-family: 'uncodeicon' !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    color: var(--bleu-navy);
    font-size: 24px;
}

#mat-wrap .offres-emplois .tmb .btn-container > a:hover {
    width: 62px;
    transition: all .3s cubic-bezier(.86,0,.07,1);
}

/* ---- */

/* -- Page Article -- */

#mat-wrap .section-readmore::before {
    content: '';
    width: 100%;
    height: 100%;
    max-height: 350px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background-image: url('https://mateloc.enjin-dev.fr/wp-content/uploads/2024/08/grille.png');
    background-position: center center;
    background-repeat: repeat-x;
    background-size: contain;
    opacity: 0.5;
}

#mat-wrap .section-readmore .tmb .t-entry p {
    padding-top: 18px;
    margin-top: 18px;
    border-top: 1px solid #EAECF0;
}

/* ---- */

/* -- Pages catégories de produits -- */

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

    #mat-wrap .section-readmore > div > div:first-child .column_parent:nth-of-type(2) .uncell {
        padding-top: 0 !important;
    }
    

    #mat-wrap .brand-description .uncode-single-media > div {
        max-width: 220px !important;
    }
}

/* ---- */

/* -- Template Produit -- */

#mat-wrap .product::before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 300px;
    background-color: #FCFCFD;
    background-image: url("data:image/svg+xml,%3Csvg width='595' height='287' viewBox='0 0 595 287' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:darken' opacity='0.2'%3E%3Cpath d='M595 148.871C595 98.5346 594.846 49.9754 594.846 0.987891C522.893 0.987891 450.781 -3.01142 380.268 5.08356C298.778 14.4367 232.297 85.9424 230.457 162.443C227.017 305.54 229.468 448.771 229.468 595H370.742C370.742 580.957 370.736 566.4 370.742 551.848C370.78 445.746 370.368 339.639 371.033 233.542C371.428 170.42 393.646 149.353 457.77 148.93C502.676 148.63 547.583 148.871 595 148.871Z' fill='%23D9D9D9'/%3E%3Cpath d='M241.506 7.03171C113.121 -10.9411 -8.27084 62.5402 0.442384 196.723C0.00287686 314.609 2.01913 430.905 2.01913 548.046V594.999H145.826C145.826 580.116 145.831 565.548 145.826 550.985C145.826 424.196 148.238 297.348 144.886 170.645C142.991 98.9569 164.23 43.8714 241.506 7.03171Z' fill='%23D9D9D9'/%3E%3Cpath d='M594.845 224.74C558.163 224.74 594.845 224.74 493.303 224.553C467.223 224.51 453.088 235.073 453.055 260.868C452.906 371.049 452.989 481.231 452.989 595H594.845V224.74Z' fill='%23D9D9D9'/%3E%3Cpath d='M595 148.871C595 98.5346 594.846 49.9754 594.846 0.987891C522.893 0.987891 450.781 -3.01142 380.268 5.08356C298.778 14.4367 232.297 85.9424 230.457 162.443C227.017 305.54 229.468 448.771 229.468 595H370.742C370.742 580.957 370.736 566.4 370.742 551.848C370.78 445.746 370.368 339.639 371.033 233.542C371.428 170.42 393.646 149.353 457.77 148.93C502.676 148.63 547.583 148.871 595 148.871Z' fill='%23D9D9D9'/%3E%3Cpath d='M241.506 7.03171C113.121 -10.9411 -8.27084 62.5402 0.442384 196.723C0.00287686 314.609 2.01913 430.905 2.01913 548.046V594.999H145.826C145.826 580.116 145.831 565.548 145.826 550.985C145.826 424.196 148.238 297.348 144.886 170.645C142.991 98.9569 164.23 43.8714 241.506 7.03171Z' fill='%23D9D9D9'/%3E%3Cpath d='M594.845 224.74C558.163 224.74 594.845 224.74 493.303 224.553C467.223 224.51 453.088 235.073 453.055 260.868C452.906 371.049 452.989 481.231 452.989 595H594.845V224.74Z' fill='%23D9D9D9'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto;
    z-index: -1;
}

#mat-wrap .product .uncode-single-product-gallery .woocommerce-product-gallery img {
    height: 550px;
    object-fit: cover;
}

#mat-wrap .product .row-parent.limit-width {
    padding-top: 72px;
}

#mat-wrap .uncode-single-product-gallery {
    position: relative;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
}

#mat-wrap .product .sticky-element .btn-container a {
    width: 100%;
    justify-content: center;
}

#mat-wrap .product .sticky-element .btn-container a:not(.btn-download) {
    color: var(--orange) !important;
}

#mat-wrap .product .sticky-element .btn-container a:not(.btn-download) i {
    color: var(--orange) !important;
}

#mat-wrap .product .sticky-element .btn-download {
    margin-top: 12px;
    position: relative;
}

#mat-wrap .product .sticky-element .uncell {
    padding: 36px 52px;
}

#mat-wrap .product .sticky-element .uncell {
    background-color: var(--orange-accent);

    background: 
    linear-gradient(
        rgb(225, 114, 33, 0.95),
        rgb(225, 114, 33, 0.95)
    ),
    url('https://mateloc.enjin-dev.fr/wp-content/uploads/2024/08/location-lcd-materiels-manutention.jpg');

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}

#mat-wrap .product .uncode-single-product-gallery::before {
    content: '';
    display: block;
    position: absolute;
    right: -8px;
    top: -38px;
    width: 110px;
    height: 110px;
    background-color: #FCFCFD;
    background-size: 66px 66px;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2;
}

#mat-wrap .product .uncode-single-product-gallery::before {
    background-image: url('https://mateloc.enjin-dev.fr/wp-content/uploads/2024/09/mateloc-icon-orange.svg');
}

#mat-wrap .product.product_cat-materiels-de-manutention .uncode-single-product-gallery::before {
    background-image: url('https://mateloc.enjin-dev.fr/wp-content/uploads/2024/08/logo-manutention.svg');
}

#mat-wrap .product.product_cat-decoupe-beton-demolition .uncode-single-product-gallery::before {
    background-image: url('https://mateloc.enjin-dev.fr/wp-content/uploads/2024/08/logo-decoupe.svg');
}

#mat-wrap .product.product_cat-coffrage-et-passerelles .uncode-single-product-gallery::before {
    background-image: url('https://mateloc.enjin-dev.fr/wp-content/uploads/2024/08/logo-coffrage.svg');
}

#mat-wrap .product.product_cat-materiels-de-manutention .sticky-element .uncell {
    background-color: var(--turquoise-accent);
    background: 
    linear-gradient(
        rgb(90, 187, 178, 0.95),
        rgb(90, 187, 178, 0.95)
    ),
    url('https://mateloc.enjin-dev.fr/wp-content/uploads/2024/08/location-lcd-materiels-manutention.jpg');

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#mat-wrap .product.product_cat-materiels-de-manutention .sticky-element .btn-container a:not(.btn-download),
#mat-wrap .product.product_cat-materiels-de-manutention .sticky-element .btn-container a:not(.btn-download) i {
    color: var(--turquoise) !important;
}

#mat-wrap .product.product_cat-decoupe-beton-demolition .sticky-element .uncell {
    background-color: var(--bleu-accent);

    background: 
    linear-gradient(
        rgb(8, 112, 195, 0.95),
        rgb(8, 112, 195, 0.95)
    ),
    url('https://mateloc.enjin-dev.fr/wp-content/uploads/2024/08/location-lcd-materiels-manutention.jpg');

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}

#mat-wrap .product.product_cat-decoupe-beton-demolition .sticky-element .btn-container a:not(.btn-download),
#mat-wrap .product.product_cat-decoupe-beton-demolition .sticky-element .btn-container a:not(.btn-download) i {
    color: var(--bleu) !important;
}

#mat-wrap .product.product_cat-coffrage-et-passerelles .sticky-element .uncell {
    background-color: var(--rouge);

    background: 
    linear-gradient(
        rgb(221, 34, 34, 0.95),
        rgb(221, 34, 34, 0.95)
    ),
    url('https://mateloc.enjin-dev.fr/wp-content/uploads/2024/08/location-lcd-materiels-manutention.jpg');

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}

#mat-wrap .product.product_cat-coffrage-et-passerelles .sticky-element .btn-container a:not(.btn-download),
#mat-wrap .product.product_cat-coffrage-et-passerelles .sticky-element .btn-container a:not(.btn-download) i {
    color: var(--rouge) !important;
}

#mat-wrap .product .post-body > .row-container:nth-child(2) .col-lg-5 > div {
    border-left: 1px solid #EAECF0;
}

#mat-wrap .product .related-products .swiper-slide {
    background-color: white;
    box-shadow: var(--box-shadow);
    border-bottom: 2px solid var(--bleu-navy);
    height: auto;
}

#mat-wrap .product .related-products .swiper-slide .slide-content {
    padding: 24px;
}

#mat-wrap .product .related-products .swiper-slide .slide-content h3 a {
    color: var(--bleu-navy);
    font-family: gesta, sans-serif;
    font-weight: 600;
}

#mat-wrap .product .related-products img {
    width: 100%;
    aspect-ratio: 4 / 3;
    max-height: 250px;
    object-fit: contain;
    object-position: center center;
}

#mat-wrap .product .product-attributes {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
    transform: none !important;
}

#mat-wrap .product .product-attributes > div {
    padding-right: 18px;
    border-right: 1px solid #D0D5DD;
}


#mat-wrap .product .product-attributes .attribute-title {
    text-transform: uppercase;
    font-size: 12px;
    color: var(--bleu-navy);
}

#mat-wrap .product .product-attributes p {
    margin-top: 8px;
    font-size: 14px;
    color: #1A1819;
}

#mat-wrap .product .related-products .product-attributes {
    display: block;
    gap: 12px;
}

#mat-wrap .product .related-products .product-attributes p {
    font-size: 14px;
    line-height: 20px;
}

#mat-wrap .product .related-products .product-attributes p:not(:first-of-type) {
    margin-top: 8px;
}

#mat-wrap .product .related-products .product-attributes > div {
    padding: 0;
    border: none;
    display: flex;
    gap: 8px;
}

#mat-wrap .product .related-products .product-attributes p {
    margin-top: 8px;
    font-size: 14px;
    color: #1A1819;
}

#mat-wrap .uncode-single-product-gallery .woocommerce-product-gallery-nav-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: auto;
}

#mat-wrap .uncode-single-product-gallery .woocommerce-product-gallery-nav-wrapper .owl-item {
    width: 100px !important;
}

#mat-wrap .uncode-single-product-gallery .woocommerce-product-gallery-nav-wrapper .owl-dots {
    display: none;
}

#mat-wrap .tab-container .nav-tabs {
    padding: 0;
    text-align: left;
}

#mat-wrap .product.product_cat-materiels-de-manutention .tab-container .nav-tabs > li.active > a {
    border-color: var(--turquoise);
}

#mat-wrap .product.product_cat-decoupe-beton-demolition .tab-container .nav-tabs > li.active > a {
    border-color: var(--bleu);
}

#mat-wrap .product.product_cat-coffrage-et-passerelles .tab-container .nav-tabs > li.active > a {
    border-color: var(--rouge);
}

#mat-wrap .tab-container .nav-tabs > li.active > a {
    border-color: var(--orange);
}

#mat-wrap .tab-container .yikes-custom-woo-tab-title {
    display: none;
}

#mat-wrap .tab-container .nav-tabs a {
    color: var(--bleu-navy);
    letter-spacing: normal;
    padding: 8px;
    display: -webkit-inline-box;
    border-color: var(--orange);
}

#mat-wrap .tab-container .nav-tabs a span {
    font-size: 14px;
    white-space: inherit;
}

#mat-wrap .tab-container .tab-content .tab-pane {
    padding: 18px 0;
}

#mat-wrap .table-accordion {
    margin-bottom: 12px;
}

#mat-wrap .table-accordion  .table-accordion-header {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding: 8px;
    background-color: #EAECF0;
    border-bottom: 1px solid #7B8F9E;
    cursor: pointer;
}

#mat-wrap .table-accordion  .table-accordion-header h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

#mat-wrap .table-accordion  .table-accordion-header .btn-toggle {
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    text-align: center;
}

#mat-wrap .table-accordion  .table-accordion-header .btn-toggle i {
    font-size: 24px;
    line-height: 16px;
}

#mat-wrap .table-accordion table {
    margin: 0;
    border: none;
}

#mat-wrap .table-accordion table th {
    border-left: none;
    border-right: none;
    font-weight: 400;
}

#mat-wrap .table-accordion table td {
    border-left: none;
    width: 50%;
    font-weight: 400;
}

#mat-wrap .section-autresproduits {
    border-bottom: 1px solid #EAECF0;
}

#mat-wrap .section-autresproduits > div > div > .row-parent.limit-width::before {
    content: '';
    width: calc(41.67% + 150px);
    height: 247px;
    display: block;
    position: absolute;
    bottom: 0px;
    left: -150px;
    background-color: var(--petit-gris);
    background-image: url('https://mateloc.enjin-dev.fr/wp-content/uploads/2024/08/motif-m-gris.png');  
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}

#mat-wrap .product_cat-materiels-de-manutention .section-autresproduits > div > div > .row-parent.limit-width::before,
.parent-pageid-394 #mat-wrap .section-autresproduits > div > div > .row-parent.limit-width::before,
#mat-wrap.logo-materiels-de-manutention .section-autresproduits > div > div > .row-parent.limit-width::before {
    background-color: #F9FAFB;
    background-image: url('https://mateloc.enjin-dev.fr/wp-content/uploads/2024/08/motif-m-gris.png');
    opacity: 0.3;
}

#mat-wrap .product.product_cat-decoupe-beton-demolition .section-autresproduits > div > div > .row-parent.limit-width::before,
.parent-pageid-874 #mat-wrap .section-autresproduits > div > div > .row-parent.limit-width::before,
#mat-wrap.logo-decoupe-beton-et-demolition .section-autresproduits > div > div > .row-parent.limit-width::before {
    background-color: var(--bleu);
    background-image: url('https://mateloc.enjin-dev.fr/wp-content/uploads/2024/08/motif-m-gris.png');
}

#mat-wrap .product.product_cat-coffrage-et-passerelles .section-autresproduits > div > div > .row-parent.limit-width::before,
.parent-pageid-961 #mat-wrap .section-autresproduits > div > div > .row-parent.limit-width::before,
#mat-wrap.logo-coffrage-et-passerelles .section-autresproduits > div > div > .row-parent.limit-width::before {
    background-color: var(--rouge);
    background-image: url('https://mateloc.enjin-dev.fr/wp-content/uploads/2024/08/motif-m-gris.png');
}


#mat-wrap .product .post-after {
    display: none;
}

/* ---- */

/* -- Page Contact -- */

#mat-wrap .bloc-informations_contact > div > div > div > .uncont > .row-internal:nth-child(4) .icon-box:first-of-type .icon-box-content p > a  {
    color: var(--turquoise);
}

#mat-wrap .bloc-informations_contact > div > div > div > .uncont > .row-internal:nth-child(4) .icon-box:nth-of-type(2) .icon-box-content p > a {
    color: var(--bleu);
}

#mat-wrap .bloc-informations_contact > div > div > div > .uncont > .row-internal:nth-child(4) .icon-box:nth-of-type(3) .icon-box-content p > a {
    color: var(--rouge);
}

#mat-wrap .bloc-informations_contact > div > div > div > div > .row-internal:nth-child(2) .icon-box-icon a {
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    background-color: #FDF2EA;
    color: var(--orange);
}

#mat-wrap .bloc-informations_contact > div > div > div > div > .row-internal:nth-child(2) .icon-box-icon a i {
    line-height: 32px;
}

#mat-wrap .bloc-informations_contact > div > div > div > div > .row-internal:nth-child(2) .icon-box-content a {
    font-size: 18px;
    color: var(--bleu-navy);
}

#mat-wrap .bloc-informations_contact .contact-services .icon-box-icon {
    width: 32px !important;
}

#mat-wrap .bloc-informations_contact .contact-services .icon-box-icon .icon-media {
    width: 100% !important;
}

#mat-wrap  #gform_wrapper_1 {
    --gf-color-primary: var(--green);
}

#mat-wrap #gform_confirmation_wrapper_1 {
    margin-top: 0;
}

#mat-wrap  #gform_confirmation_message_1 {
    padding: 0;
    color: var(--black);
    line-height: 50px;
    border-radius: var(--green);
    font-size: 25px;
    font-weight: 600;
}

#mat-wrap  #gform_wrapper_1 .gform_submission_error {
    font-size: 20px;
}

#mat-wrap  #gform_wrapper_1 .gform_fields {
    row-gap: 12px;
}

#mat-wrap  #gform_wrapper_1 .gform_fields input,
#mat-wrap  #gform_wrapper_1 .gform_fields textarea,
#mat-wrap  #gform_wrapper_1 .gform_fields select {
    box-shadow: none;
    border: 1px solid var(--bleu-navy);
    position: relative;
}

#mat-wrap  #gform_wrapper_1 .gform_fields input {
    border-radius: var(--border-radius);
    box-decoration-break: inherit;
}

#mat-wrap  #gform_wrapper_1 .gform_fields input:focus,
#mat-wrap  #gform_wrapper_1 .gform_fields textarea:focus {
    border: 1px solid var(--orange) !important;
    outline: none;
}

#mat-wrap  #gform_wrapper_1 .gform_fields select {
    background-size: 50px 50px;
    background-position: right center;
}

#mat-wrap  #gform_wrapper_1 .gform_fields .ginput_container_select {
    position: relative;    
}

#mat-wrap  #gform_wrapper_1 .gform_fields .gform-field-label > a {
    text-decoration: underline;
    color: var(--blue);
}

#mat-wrap  #gform_wrapper_1 .gfield--type-section {
    border: none;
    margin-top: 24px;
}

#mat-wrap  #gform_wrapper_1 .gfield--type-section .gsection_title {
    font-size: 16px;
    margin: 0;
}

#mat-wrap  #gform_wrapper_1 .gfield--type-address .ginput_complex span {
    display: flex;
    flex-direction: column;
}

#mat-wrap  #gform_wrapper_1 .gfield--type-address .ginput_complex span > label {
    order: 1;
    color: var(--black);
    font-weight: 500;
    font-size: 14px;
    color: var(--blue);
}

#mat-wrap  #gform_wrapper_1 .gfield--type-address .ginput_complex span > input {
    order: 2;
}

#mat-wrap  #gform_wrapper_1 .ginput_container_date input {
    width: 100%;
}

#mat-wrap  #gform_wrapper_1 .gfield--type-time .gform-grid-col {
    flex: 1;
}

#mat-wrap  #gform_wrapper_1 .gfield--type-textarea {
    margin-top: 24px;
}

#mat-wrap  #gform_wrapper_1 .gform_button {
    font-size: 16px;
}

/* ---- */

/* - 404 - */

.error404 #mat-wrap .row-container .col-lg-12::before {
    content: '404';
    display: block;
    font-size: 550px;
    color: white;
    -webkit-text-stroke: 1px #D0D5DD;
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.error404 #mat-wrap .row-container .btn-container {
    width: fit-content;
    margin: 36px auto 0 auto;
}

/* -- */

/* - Complianz Pages - */

#mat-wrap #cmplz-document {
    font-size: 16px;
    max-width: 100%;
}

#mat-wrap #cmplz-document h2,
#mat-wrap #cmplz-document h3,
#mat-wrap #cmplz-document h4,
#mat-wrap #cmplz-document h5 {
    font-family: gesta,sans-serif;
    color: var(--bleu-navy);
    font-weight: 500;
}

#mat-wrap #cmplz-document p, #mat-wrap #cmplz-document li, #mat-wrap #cmplz-document td {
    font-size: 16px;
    color: var(--bleu-navy);
}

#mat-wrap #cmplz-document details {
    margin-top: 15px;
}

#mat-wrap #cmplz-document details summary {
    background-color: #FDF2EA;
    color: var(--orange);
}

#mat-wrap #cmplz-document details summary h3,
#mat-wrap #cmplz-document details summary p {
    color: var(--bleu-navy);
}

#mat-wrap #cmplz-document p,
#mat-wrap #cmplz-document p a {
    color: var(--bleu-navy);
}

/* ---- */

/* … */