/* ------------------------------ */
/* ------- Cross linking -------- */
/* ------------------------------ */
  
.section >  .section__cross_links {
    padding-right: 0;
    padding-left: 0;
}

.cross_links.row {
    margin-right: 0;
    margin-left: 0;
}

.cross_links.row .cross_link {
    padding-right: 0;
    padding-left: 0;
}

.cross_link {
    position: relative;
}
  
.cross_link__container, .cross_link__media {
    position: relative;
}
  
.cross_link__caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.cross_link__media::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 150px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.cross_link__title {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-bottom: 0;
    color: var(--brand-white);
}

.cross_link__title::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: -1px;
    width: 0;
    height: 3px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewBox="0 0 12 2"><line style="fill:none;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-dasharray:6,6;" x1="1" y1="1" x2="12" y2="1"/></svg>');
    background-repeat: repeat-x;
    -webkit-transition: var(--transition-2);
    -o-transition: var(--transition-2);
    transition: var(--transition-2);
}

.no-touchevents .cross_link__container:hover .cross_link__title::after, .cross_link--active .cross_link__title::after {
    width: calc(100% + 2px);
}

.cross_link__media img {
    width: 100%;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    -webkit-transition: all var(--transition-2);
    -o-transition: all var(--transition-2);
    transition: all var(--transition-2);
}

.no-touchevents .cross_link:not(.cross_link--active) .cross_link__container:hover .cross_link__media img {
    -webkit-transform: scale3d(1.01, 1.01, 1);
            transform: scale3d(1.01, 1.01, 1);
}

.cross_link  .picture_container__copyright a {
    opacity: .4;
}


/* ------------------------------ */
/* -------- Media Queries ------- */
/* ------------------------------ */

@media all and (min-width: 1240px) {

    .cross_link__caption {
        padding-bottom: var(--spacing-4);
    }

}


@media all and (max-width: 1239.98px) and (min-width: 768px)  {

    .cross_link__title {
        font-size: var(--font-size-5);
    }

    .cross_link__caption {
        padding-bottom: var(--spacing-3);
    }

}


@media all and (max-width: 991.98px) and (min-width: 768px) {

    .cross_links {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .cross_links.row .cross_link--active {
        display: none;
    }

}


@media all and (max-width: 767.98px) {

    .cross_links  {
        padding-right: var(--spacing-3);
        padding-left: var(--spacing-3);
    }

    h3.cross_link__title {
        font-size: var(--font-size-7);
    }

    .cross_link__caption {
        padding-bottom: var(--spacing-4);
    }

}


@media all and (max-width: 389.98px) {

    .cross_links {
        padding-right: var(--spacing-2);
        padding-left: var(--spacing-2);
    }

    .cross_link__caption {
        padding-bottom: var(--spacing-3);
    }

}


@media all and (max-width: 349.98px) {

    .cross_links {
        padding-right: var(--spacing-1);
        padding-left: var(--spacing-1);
    }

}