/* 
Theme Name: Hello Elementor Child
*/

.page-id-437 {
    & .max-w-520 {
        max-width: 520px!important;

        @media (max-width: 1024px) {
            max-width: 100%!important;
        }
    }
    
    & .max-w-220 {
        max-width: 220px!important;
    }
    
    & .max-w-280 {
        max-width: 280px!important;

        @media (max-width: 1024px) {
            max-width: 100%!important;
        }
    }

    & .max-w-120 {
        max-width: 120px!important;
    }

    & .max-w-470 {
        max-width: 470px!important;

        @media (max-width: 1024px) {
            max-width: 100%!important;
        }
    }

    & .max-w-590 {
        max-width: 590px!important;
        @media (max-width: 1024px) {
            max-width: 100%!important;
        }
    }

    & .emploi-description-short {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    & #formulaire-container {
        position: relative;
        z-index: 2;

        &::after {
            content: "";
            position: absolute;
            bottom: -75px;
            width: 100%;
            height: 150px;
            background: #191919;
            left: 0;
        }

        & .form-wrapper {
            position: relative;
            z-index: 2;
        }
    }
}



.carriere-template-default {

    & .guillemets-before-after .elementor-heading-title {
        position: relative;
        padding: 0 20px;
        width: fit-content;
    
        &::before, &::after {
            content: '"';
            right: 0;
            top: 0;
            color: #fff;
            font-size: 42px;
        }
    
    
        &::before {
            content: ' OFFRE D\’EMPLOI "';
            right: auto;
            left: 0;
        }
    }
    
    & .max-w-900 {
        max-width: 900px!important;
    
    }
    
    & .contenue-emploi {
        & * {
            color: #727272;
        }

        & h1, & h2, & h3, & h4, & h5, & h6, & a,
        & ul::marker {
            color: var(--e-global-color-primary)!important;
        }
    
        & ul {
            list-style: none;
            padding-left: 0;
        
            & li::before {
            content: "•";
            color: var(--e-global-color-primary)!important;
            font-size: 2.5rem;
            margin-right: 8px;
            display: inline-block;
            vertical-align: middle;
        }
    }
    
}