/*
 * CSS that the live site emitted inline on individual pages, moved here so the content modules carry it
 * wherever they are placed. The live stylesheets (site*.css) are unchanged.
 */

/* CM11 / CM18 card button (live used an inline style on each link) */
.benefits .card-button {
    position: relative;
    bottom: -30px;
}

/* Custom CSS class for a section that pulls the next block up (live: inline margin-bottom -20px above the
   partnership form) */
.kd-pull-up {
    margin-bottom: -20px !important;
}

/* "Always show nav arrows" setting on carousels (live partnership pages forced this inline) */
.kd-show-nav .owl-nav {
    display: block !important;
}

/* CM19 jobs embed + CM20 image card carousel (nl-nl careers page) */
.careers .bg-blue .content1 {
    margin-top: 100px;
    margin-bottom: 150px;
}
.careers .owl-carousel {
    margin: -100px 0 50px 0;
}
.careers .owl-carousel .item {
    height: 400px;
    background-position: center;
    background-size: cover;
}
.careers .owl-carousel .item .content {
    height: 100%;
    margin: 30px;
    overflow: auto;
    color: #000;
}
.careers .owl-carousel .item .content > .heading {
    margin-top: 30px;
}

/* CM21 two column text */
.txt2 .content2 {
    position: relative;
}
.txt2 .col12,
.txt2 .col22 {
    text-align: left;
}
.txt2 .quote-img {
    position: absolute;
    top: 40px;
    left: -100px;
}
@media screen and (max-width: 768px) and (min-width: 414px) {
    .txt2 .quote-img {
        top: -50px;
        left: 40px;
    }
}
@media screen and (max-width: 414px) {
    .txt2 .quote-img {
        top: -70px;
        left: 40px;
    }
}