@charset "utf-8";

.modOntavio,
.plgOntavioplus,
.plgJobdetails {
    --ontavioMainColor: #004b73;
    --ontavioDarkColor: #333;
    --ontavioGreyColor: #6d7e87;
    --ontavioLightColor: #b3cfde;
    --ontavioWhiteColor: #fff;
    --ontavioFontWeightBold: 500;
    --ontavioJobdetailsMediaRatio: 3 / 4;
    --ontavioSpacer: 1.5rem;
}

.ontavio__alert .ontavio__alert__inner {
    border: 1px solid #ddd;
    border-left: 1.25rem solid var(--ontavioMainColor);
    border-radius: .5rem;
    padding: 1.5rem;
    background-color: var(--ontavioWhiteColor);
    color: var(--ontavioDarkColor);
    box-shadow: 0 1rem 1.75rem rgba(0,0,0,.075);
}

.ontavio__alert .ontavio__alert__heading {
    text-transform: inherit;
    color: var(--ontavioDarkColor);
    margin-bottom: .75rem;
}

.ontavio__alert__messages p {
    margin-bottom: 0;
}

.ontavio__advanced {
    margin-bottom: 2rem;
}

.ontavio__more {
    text-align: right;
}

.ontavio__item:not(:last-of-type) {
    margin: 0 0 2rem;
}

@media screen and (min-width: 768px) {  
    .ontavio__media.col-md-4 img {
        height: 100%;
        -webkit-object-fit: cover;
        object-fit: cover;
    }
}


/* PLG ONTAVIOPLUS */
.plgOntavioplus .plgOntavioplus__inner {
    position: relative;
    margin: 1rem 0 2rem;
    padding: 0 0 2rem;
}

.plgOntavioplus .plgOntavioplus__inner::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: var(--ontavioSpacer);
    background-color: var(--ontavioDarkColor);
    height: 1px;
    width: calc(100% - 2 * var(--ontavioSpacer));
}

.plgOntavioplus .ontavio__filterParent:not(:last-of-type) {
    margin: 0 0 1.5rem;
}

.plgOntavioplus .ontavio__filterSearch::-webkit-search-cancel-button {
    display: none;
}

.plgOntavioplus .ontavio__filterLabel {
    font-weight: var(--ontavioFontWeightBold);
    margin: 0 0 .5rem;
    display: block;
}

.plgOntavioplus .ontavio__filterSort {
    display: -ms-flexbox;
    display: flex;
}

.plgOntavioplus .ontavio__filterSort label {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
}

.plgOntavioplus .ontavio__filterSort .btn {
    padding: .5rem .75rem;
    font-size: .9rem;
}

@media screen and (min-width: 992px) {    
    .plgOntavioplus .plgOntavioplus__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: calc(-1 * var(--ontavioSpacer));
        margin-right: calc(-1 * var(--ontavioSpacer));
    }
    .plgOntavioplus .ontavio__filterParent {
        padding-left: var(--ontavioSpacer);
        padding-right: var(--ontavioSpacer);
    }
    .plgOntavioplus .ontavio__filterParent.ontavio__search {
        -ms-flex: 1 0 66.6666%;
        flex: 1 0 66.6666%;
        max-width: 100%;
    }
    .plgOntavioplus .ontavio__filterParent.ontavio__type {
        -ms-flex: 1 0 33.3333%;
        flex: 1 0 33.3333%;
        max-width: 100%;
    }
    .plgOntavioplus .ontavio__filterParent.ontavio__radios {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%;
    }
    .plgOntavioplus .ontavio__filterParent.ontavio__sort {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

/* PLG JOBDETAILS */
.plgJobdetails .returnLinkButton {
    position: relative;
    display: inherit;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    color: var(--ontavioDarkColor);
    border: 0 none;
    margin: 0 0 0 auto;
    padding: .5rem 0 .5rem 3.25rem;
}

.plgJobdetails .returnLinkButton::before {
    position: absolute;
    content: '';
    left: 0;
    top: .15rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    background-size: 1.25rem;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--ontavioMainColor);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'/%3E%3C/svg%3E");
}

.plgJobdetails .jobdetails {
    margin: 1.5rem 0 0;
    color: var(--ontavioDarkColor);
}

.plgJobdetails .jobdetailsHeader {
    margin: 0 0 2rem;
}

.plgJobdetails .jobdetailsHeaderLabel {
    margin: 0;
    padding: 0 0 1.5rem;
    border-bottom: 1px solid var(--ontavioLightColor);
}

.plgJobdetails .jobdetailsHeaderLabel span {
    font-size: 80%;
    color: var(--ontavioGreyColor);
}

.plgJobdetails .jobdetailsHeaderLabel {
    color: var(--ontavioMainColor);
}

.plgJobdetails .jobdetailsMedia {
    position: relative;
    margin: 0 0 2rem;
}

.plgJobdetails .jobdetailsMedia::before {
    display: inline-block;
    content: '';
    padding-top: calc(var(--ontavioJobdetailsMediaRatio) * 100%);
}

.plgJobdetails .jobdetailsMedia picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    object-fit: cover;
    display: -ms-flexbox;
    display: flex;
}

.plgJobdetails .jobdetailsMedia img {
    -webkit-object-fit: cover;
    object-fit: cover;
}

.plgJobdetails .jobdetailsAdvancedBox {
    background-color: var(--ontavioMainColor);
    color: var(--ontavioWhiteColor);
    padding: 2rem;
    margin: 0 0 2rem;
}

.plgJobdetails .jobdetailsAdvancedBox strong {
    display: inline-block;
    color: var(--ontavioLightColor);
    width: 100%;
    border-bottom: 1px solid;
    margin: 0 0 .5rem;
    font-size: .8rem;
    letter-spacing: .025rem;
    text-transform: uppercase;
}

.plgJobdetails .jobdetailsAdvancedBox p {
    margin: 0 0 1.5rem;
}

.plgJobdetails .jobdetailsAdvancedBox p:last-of-type {
    margin: 0;
}

.plgJobdetails .jobdetailsLocationPLZ::after {
    content: '\00a0';
}

.plgJobdetails .jobdetailsApplicationFormUrl {
    margin: 2.5rem 0 0;
}

@media screen and (min-width: 992px) {
    .plgJobdetails .jobdetails {
        padding: 0 var(--ontavioSpacer);
    }

    .plgJobdetails .jobdetailsInner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 calc(-1 * var(--ontavioSpacer));
    }

    .plgJobdetails .jobdetailsHeader {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 var(--ontavioSpacer);
    }

    .plgJobdetails .jobdetailsInfoBox,
    .plgJobdetails .jobdetailsBody {
        padding: 0 var(--ontavioSpacer);
    }

    .plgJobdetails .jobdetailsInfoBox {
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%;
    }

    .plgJobdetails .jobdetailsBody {
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55%;
    }
}