/** Jobs - general */

/** JOBS - list */
.job_option {
    /* border: 1px solid #393B3B; */
    /* border-radius: 6px; */
    padding: 6px 10px 6px 10px;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    color: #4B9266;
    text-align: center;

}

.job-item { 
    display: block;
    padding: 30px 10px 5px 10px;
    /* border: 1px solid rgba(0, 0, 0, 0.1); */
    /* box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);*/
    box-shadow: 0px 5px 20px lightgray;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
}

.job-item h5 { padding-left: 20px; padding-right: 20px; color: #4B9266; }
.job-item .job-item-options { padding-left: 10px; }
.job-item .job-item-title-icon { color: #4B9266; margin-right: -15px; }

.job-item:hover { background-color: #E20613; color: white; }
.job-item:hover h5 { color: white; }
.job-item:hover .job-item-title-icon,
.job-item:hover .job_option { color: white; }

/** Job details - frame */
.job-posting { border: 1px solid lightgray; margin-bottom: 50px; }

    .job-posting .job-posting-header .job-posting-header-content { position: relative; }
    .job-posting .job-posting-header .job-posting-header-content .logo { 
        position: absolute; width: 45%; max-width: 600px;
        left: 0; right: 0; margin-left: auto; margin-right: auto;
        top: 50%; 
        -ms-transform: translateY(-50%); 
        transform: translateY(-50%);
    }

    .wn-job-content ul {  padding-left: 0; padding-inline-start: 22px;}
    .wn-job-content ul li { padding-left: 10px; padding-bottom: 8px; }

    @media (max-width: 992px) {
        /** Logo */
        .job-posting .job-posting-header .job-posting-header-content .logo { width: 70%; max-width: 300px; top: 40%; }

        /** header */
        .job-posting .job-posting-header .job-posting-header-content { overflow: hidden; }
        .job-posting .job-posting-header .job-posting-header-content div:not(.wn-image-position-bottom) .img { width: auto !important; }

        /* .job-posting .job-posting-header .job-posting-header-content .wn-image-position-bottom img { width: auto !important; } */
        ul.list-characteristics { display: flex !important; flex-direction: column !important; }
        ul.list-characteristics li { width: 100%; white-space: nowrap; }
    }
    .wn-job-content ul li::marker { color: #4B9266; }

    .job-posting-footer .footer-wave { /*position: relative; */background-color: white; }
    .job-posting-footer .footer-wave .footer-wave-desktop {
        position: absolute; width: 100%; bottom: 0; left: 0; right: 0;
    }
    .job-posting-footer .footer-text { font-size: 16px; }
    @media (max-width: 1500px) {
        .job-posting-footer h5 { font-size: 26px; }
        .job-posting-footer .footer-text { font-size: 14px; }
    }

    @media (min-width: 1200px) and (max-width: 1300px) {
        .job-posting-footer h5 { font-size: 22px; }
    }

    .job-posting-footer .wn-button { min-width: auto; }

    @media (min-width: 992px) {
        .job-posting-info { position: absolute; bottom: 0; left: 0; right: 0; }
    }
    @media (max-width: 992px) {
        .job-posting-footer .footer-text { font-size: 18px; line-height: 1.4em; }
        .job-posting-info-wrapper { background-color: #4B9266; }
        .job-posting-info-wrapper .job-posting-info-image { 
            background-color: white; 
            background-image: url('/images/jobs/frame/footer-wave-mobile.svg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: 0 -20%;
        }
        .job-posting-info-wrapper .job-posting-info-image .col-padding { padding-left: 18% !important; padding-bottom: 40px;}
    }

    .job-posting .footer-products { 
        position: relative; 
        width: 100%;
        height: 100%;
    }
    /* .footer-products-image { position: absolute; bottom: 0; right: 0; }*/
    .job-posting .footer-products-stamp { position: absolute; top: 0px; right: -3%; width: 26%; }
    @media (max-width: 992px) {
        .job-posting .footer-products-stamp { position: absolute; top: 0px; left: -14%; width: 30%; }
    }
    .job-posting .footer-button { text-wrap-mode: nowrap; }