/**
 * Page secteur
 */

.et-db.single-secteur #page-container #et-boc .et-l .et_pb_section:not(.solutions-machines) ul li::before,
.et-db.single-secteur #page-container #et-boc .et-l .et_pb_section:not(.solutions-machines) h2::after,
.et-db.single-secteur #page-container #et-boc .et-l .et_pb_section:not(.solutions-machines) h2::before,
.et-db.single-secteur #page-container #et-boc .et-l .et_pb_section:not(.solutions-machines) h3::after,
.et-db.single-secteur #page-container #et-boc .et-l .et_pb_section:not(.solutions-machines) h3::before{
    background-color: var(--secteur-taxonomie);
}

.et-db.single-secteur #page-container #et-boc .et-l .et_pb_section.solutions-machines h3::before,
.et-db.single-secteur #page-container #et-boc .et-l .et_pb_section.solutions-machines h2::after{
    background-color: var(--text-color);
}

/* =============================================================================
    SECTION SOLUTIONS-MACHINES
    ============================================================================= */
.et-db.single-secteur #page-container #et-boc #left-area{
    padding-bottom: 0;
}

.et-db.single-secteur #page-container #et-boc #left-area article{
    margin-bottom: 0;
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines {
    background-color: var(--secteur-taxonomie);
    position: relative;
    overflow: hidden;
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines::before {
    content: '';
    position: absolute;
    top: 15%;
    left: 11%;
    width: 38%;
    height: 100%;
    background-image: var(--secteur-svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left top;
    opacity: 0.05;
    filter: brightness(0.2) contrast(0.9);
    pointer-events: none;
    z-index: 1;
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines.bg-red.txt-white::before{
    background-image: url("../../img/JYGA-background.svg");
    top: 0;
    left: 9%;
    width: 42%;
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_row{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines h3:after{
    background-color: var(--text-color) !important;
}


.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_column:has(.et_pb_code_inner) .et_pb_code_inner{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
    place-items: center;
    align-items: start;
}


.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_code_inner a{
    padding: 1.5rem;
    line-height: 1.26 !important;
    font-size: 1.187rem;
    font-weight: bold;
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_code_inner a:hover{
    background-color: var(--text-color);
    color: var(--secteur-taxonomie);
    display: flex;
    flex-direction: column-reverse;
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines.bg-red.txt-white .et_pb_code_inner a:hover{
    background-color: #fff;
    color: var(--main-color) !important;
    transition: background-color 0.2s ease-in-out;
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines.bg-red.txt-white .et_pb_code_inner a:after,
.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_code_inner a:hover:after,
.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_code_inner a:before{
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 10rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 10rem;
    height: 10rem;
    display: block;
    margin-bottom: 0.875rem;
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_code_inner a.cobotique:before{
    background-image: url(../../img/cobotique.svg);
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_code_inner a.etuyage:before{
    background-image: url(../../img/etuyage.svg);
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_code_inner a.palettisation:before{
    background-image: url(../../img/palettisation.svg);
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_code_inner a.enclayage:before{
    background-image: url(../../img/enclayage.svg);
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_code_inner a.encaissage:before{
    background-image: url(../../img/encaissage.svg);
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_code_inner a.charge:before{
    background-image: url(../../img/chargement.svg);
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_code_inner a:hover:after{
    background-color: var(--secteur-taxonomie);
    mask-size: contain;
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines.bg-red.txt-white .et_pb_code_inner a{
    display: flex;
    flex-direction: column-reverse;
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines.bg-red.txt-white .et_pb_code_inner a:before{
    display: none;
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines.bg-red.txt-white .et_pb_code_inner a:after{
    background-color: #fff;
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines.bg-red.txt-white .et_pb_code_inner a:hover:after{
    background-color: var(--main-color);
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines.bg-red.txt-white .et_pb_code_inner a.cobotique:after,
.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_code_inner a.cobotique:hover:after {
    mask: url(../../img/cobotique-hover.svg) no-repeat center;
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines.bg-red.txt-white .et_pb_code_inner a.etuyage:after,
.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_code_inner a.etuyage:hover:after{
    mask: url(../../img/etuyage-hover.svg) no-repeat center;
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines.bg-red.txt-white .et_pb_code_inner a.palettisation:after,
.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_code_inner a.palettisation:hover:after{
    mask: url(../../img/palettisation-hover.svg) no-repeat center;
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines.bg-red.txt-white .et_pb_code_inner a.enclayage:after,
.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_code_inner a.enclayage:hover:after{
    mask: url(../../img/enclayage-hover.svg) no-repeat center;
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines.bg-red.txt-white .et_pb_code_inner a.encaissage:after,
.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_code_inner a.encaissage:hover:after{
    mask: url(../../img/encaissage-hover.svg) no-repeat center;
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines.bg-red.txt-white .et_pb_code_inner a.charge:after,
.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_code_inner a.charge:hover:after{
    mask: url(../../img/chargement-hover.svg) no-repeat center;
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_code_inner a:hover:before{
    display: none;
}

.et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_code_inner a:after{
    display: none;
}

@media(max-width: 1446px){
    .et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_column:has(.et_pb_code_inner) .et_pb_code_inner{
        gap: 0;
    }
}

@media(max-width: 1280px){
    .et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines.bg-red.txt-white::before {
        top: 0;
        left: 49%;
        width: 55%;
    }
    .et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_row{
        flex-direction: column-reverse;
        justify-content: center;
        align-items: baseline;
        gap: 2rem;
    }
    .et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_row .et_pb_column:has(.et_pb_text){
        width: 90%;
    }

    .et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines::before{
        left: 57%;
    }
}

@media(max-width: 980px){
    .et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines{
        margin-bottom: 0;
        padding-bottom: 2rem;
        margin-top: 0;
    }
}

@media(max-width: 800px){
    .et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_column:has(.et_pb_code_inner) .et_pb_code_inner{
        gap: 2rem;
    }
}

@media(max-width: 765px){
    .et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_column:has(.et_pb_code_inner) .et_pb_code_inner{
        grid-template-columns: 1fr 1fr;
    }

    .et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_column:has(.et_pb_code_inner) .et_pb_code_inner a{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 0.5rem;
    }

    .et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines.bg-red.txt-white::before {
        top: 0;
        left: -4%;
        width: 106%;
    }
}

@media(max-width: 500px){
    .et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_column:has(.et_pb_code_inner) .et_pb_code_inner{
        grid-template-columns: 1fr 1fr;
        row-gap: 1.5rem;
        column-gap: 0.5rem;
        place-items: normal;
    }

    .et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_code_inner a{
        padding: 0;
    }

    .et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines.bg-red.txt-white::before{
        display: none;
    }

    .et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines::before{
        top: 62%;
        left: 57%;
    }

    .et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_code_inner a:before,
    .et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines.bg-red.txt-white .et_pb_code_inner a:after, .et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_code_inner a:hover:after{
        mask-size: contain !important;
        mask-repeat: no-repeat !important;
        mask-position: center !important;
        width: 8rem;
        height: 8rem;
    }

        .et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_column:has(.et_pb_code_inner) .et_pb_code_inner a,
    .et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines.bg-red.txt-white .et_pb_code_inner a{
        text-align: center;
        justify-content: space-between;
    }

}

@media(max-width: 425px){
    .et-db #page-container #et-boc .et-l .et_pb_section.solutions-machines .et_pb_row{
        gap: 3rem;
    }
}

/* =============================================================================
    SECTION SAVOIR-FAIRE
    ============================================================================= */
.et-db #et-boc .et-l .et_pb_section.savoir-faire a.et_pb_button::after{
    display: none !important;
}

.et-db #page-container #et-boc .et-l .et_pb_section.savoir-faire a.et_pb_button,
.et-db #et-boc .et-l .et_pb_section.savoir-faire a.et_pb_button{
    background-color: var(--secteur-taxonomie) !important;
    padding: 1rem !important;
    color: var(--text-color);
}

/* =============================================================================
    SOMMAIRE CPT
    ============================================================================= */
.single-secteur #et-boc #et-main-area .container{
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

/* =============================================================================
    SOUS SECTEUR CPT
    ============================================================================= */
.single-secteur #et-boc #et-main-area .secteur.has-post-thumbnail .et_post_meta_wrapper{
    display: none;
}

.et-db.sous-secteur #page-container #et-boc .et-l .entete .et_pb_column:not(:has(h1)){
    position: absolute;
    right: -9%;
    top: 7%;
    bottom: 0 !important;
    width: 55%;
}

.et-db.sous-secteur #page-container #et-boc .et-l .solutions-machines h2::after,
.et-db.sous-secteur #page-container #et-boc .et-l h3::before{
    background-color: var(--text-color) !important;
}

@media(max-width: 1718px){
    .et-db.sous-secteur #page-container #et-boc .et-l .entete .et_pb_column:not(:has(h1)){
        right: -7%;
        width: 49%;
    }
}

@media(max-width: 1604px){
    .et-db.sous-secteur #page-container #et-boc .et-l .entete .et_pb_column:not(:has(h1)){
        right: 0;
        width: 44%;
    }
}

@media(max-width: 1193px){
    .et-db.sous-secteur #page-container #et-boc .et-l .entete .et_pb_column:not(:has(h1)){
        position: relative;
        width: auto;
    }
}

@media(max-width: 980px){
    .et-db.sous-secteur #page-container #et-boc .et-l .et_pb_section:has(.entete){
        margin-top: 0;
    }

    .et-db.sous-secteur #page-container #et-boc .et-l .entete .et_pb_column:has(.et_pb_text){
        padding-top: 2rem;
    }
}