/* ==========================================================================
   Interactive Link Carousel shortcode styles
   ========================================================================== */

.qodef-interactive-link-carousel {
    position: relative;
    height: 100vh;
}

.qodef-interactive-link-carousel .qodef-m-item-images-holder {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.qodef-interactive-link-carousel .qodef-m-item-images-holder:hover .qodef-m-hover-image {
    opacity: 1;
}

.qodef-interactive-link-carousel .qodef-m-item-images-holder:hover .qodef-m-image {
    opacity: 0;
}

.qodef-interactive-link-carousel .qodef-m-image {
    opacity: 1;
    transition: opacity 0s;
}

.qodef-interactive-link-carousel .qodef-m-hover-image {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
    opacity: 0;
    transition: opacity 0s;
}

.qodef-interactive-link-carousel a.qodef-m-item-images-holder {
    cursor: url('../img/arrow_cursor.svg'), auto;
}

.qodef-interactive-link-carousel .swiper {
    overflow: visible;
}

.qodef-interactive-link-carousel .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.56, 0.14, 0.52, 0.91);
}

.admin-bar .qodef-interactive-link-carousel {
    height: calc(100vh - 32px);
}

.qodef-interactive-link-carousel > .qodef-m-inner {
    position: relative;
    display: block;
    height: 100%;
}

.qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-table {
    position: relative;
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-table-cell {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line {
    padding: 0;
    font-size: 0;
}

.qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line:not(:last-child) {
    margin-bottom: 50px;
}

.qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line:last-child {
    margin-bottom: 64px;
}

.qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line .qodef-m-item {
    display: inline-block;
    position: relative;
    width: auto;
}

.qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line .qodef-m-item.qodef--hovered .qodef-m-item-content .qodef-m-item-wrap a {
    color: #000;
}

.qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line .qodef-m-item-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    word-break: break-word;
    line-height: 1;
    cursor: -webkit-grab;
    cursor: grab;
}

.qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line .qodef-m-item-content .qodef-m-item-wrap {
    display: flex;
    align-items: center;
    font-size: 130px;
    font-weight: 400;
    line-height: .9;
    color: inherit;
    transition: color 0.15s ease-out;
}

.qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line .qodef-m-item-content .qodef-m-item-wrap .qodef-m-image {
    margin-right: 44px;
    margin-left: 32px;
}

.qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line .qodef-m-item-content .qodef-m-item-wrap .qodef-m-hover-image {
    margin-left: 32px;
}

.qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line .qodef-m-item-content .qodef-m-item-wrap a {
    color: inherit;
    display: inline-block;
    text-decoration: none;
    font-style: italic;
    transition: none;
}

.qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line:nth-of-type(odd) {
    text-align: left;
}

.qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line:nth-of-type(odd) .qodef-m-item-content {
    padding: 0 13px 0 25px;
}

.qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line:nth-of-type(even) {
    text-align: right;
}

.qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line:nth-of-type(even) .qodef-m-item-content {
    padding: 0 13px 0 25px;
}

.qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line .qodef-m-item-link-holder a {
    cursor: url('../img/arrow_cursor.svg'), auto;
}

.qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line .qodef-m-item-link-holder .qodef-m-item-link {
    position: relative;
    display: inline-block;
}

.qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line .qodef-m-item-link-holder .qodef-m-item-link:after {
    content: '';
    position: absolute;
    bottom: -16px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.4s ease;
}

.qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line .qodef-m-item-link-holder .qodef-m-item-link:hover:after {
    transform: scaleX(1);
    transform-origin: left center;
}

.qodef-interactive-link-carousel .qodef-m-content-line {
    opacity: 0;
}

.qodef-interactive-link-carousel .qodef-m-content-line:nth-of-type(odd) {
    transform: translate3d(-100%, 0, 0);
}

.qodef-interactive-link-carousel .qodef-m-content-line:nth-of-type(even) {
    transform: translate3d(100%, 0, 0);
}

.qodef-interactive-link-carousel.qodef-initialized .qodef-m-content-line {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 2s cubic-bezier(0.09, 0.94, 0.27, 0.96);
    transition: opacity 2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 2s cubic-bezier(0.09, 0.94, 0.27, 0.96);
}

.qodef-interactive-link-carousel .qodef-m-widget-area {
    position: absolute;
    right: 70px;
    bottom: 0;
    z-index: 98;
    display: flex;
    border-top: 1px solid #000;
    padding-top: 35px;
}

.qodef-skin--black .qodef-interactive-link-carousel .qodef-m-widget-area {
    border-top: 1px solid #fff;
}

.qodef-interactive-link-carousel .qodef-m-widget-area .widget {
    margin-right: 85px;
    margin-bottom: 25px;
}

/* ==========================================================================
   Interactive Link Carousel shortcode responsive styles
   ========================================================================== */

@media only screen and (max-width: 480px) {
    .qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line .qodef-m-item-content .qodef-m-item-wrap {
        font-size: 20vw;
    }
}

@media only screen and (max-width: 1440px) {
    .qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line:not(:last-child) {
        margin-bottom: 30px;
    }

    .qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line .qodef-m-item-content {
        padding: 0 13px 0 15px !important;
    }

    .qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line .qodef-m-item-content .qodef-m-item-wrap {
        font-size: 70px;
    }

    .qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line .qodef-m-item-content .qodef-m-item-wrap .qodef-m-image {
        margin-right: 30px;
    }

    .qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line .qodef-m-item-content .qodef-m-image,
    .qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line .qodef-m-item-content .qodef-m-hover-image {
        max-height: 100px;
        width: auto;
    }
}

@media only screen and (max-width: 1366px) {
    .qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line:not(:last-child) {
        margin-bottom: 24px;
    }

    .qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line:last-child {
        margin-bottom: 54px;
    }

    .qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line .qodef-m-item-content .qodef-m-item-wrap {
        font-size: 50px;
    }

    .qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line .qodef-m-item-content .qodef-m-image,
    .qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line .qodef-m-item-content .qodef-m-hover-image {
        max-height: 80px;
        width: auto;
    }

    .qodef-interactive-link-carousel .qodef-m-widget-area {
        padding-top: 25px;
    }
}

@media only screen and (max-width: 1024px) {
    .qodef-interactive-link-carousel .qodef-m-widget-area {
        display: none;
    }

    .qodef-interactive-link-carousel > .qodef-m-inner .qodef-m-content-holder .qodef-m-content-line:last-child {
        margin-bottom: 0;
    }
}