/*********************************************
 * Gallery with Content
**********************************************/
.twc-gallery-content {
    --gc-ratio:618/443;
    --gc-spacing-item-content:110px;
    position:relative;
}
.twc-gallery-content:before, .twc-gallery-content:after {
    content:""; display:block;
    width:100%; height:1px; background:rgba(112, 112, 112, .2);
    position:absolute; left:0;
}
.twc-gallery-content:before {top:0;}
.twc-gallery-content:after {bottom:0;}
.twc-gallery-content__wrapper {max-width:1440px; margin-left:auto; margin-right:auto;}
.twc-gallery-content__col {width:50%;}


/* Slider */
.twc-gallery-content__col.slider {padding:50px; border:1px solid rgba(112, 112, 112, .2); border-bottom:none;}
.twc-gallery-content__slider-item {width:100%;}
.twc-gallery-content__slider-item-bg {aspect-ratio:var(--gc-ratio); display:block;}

/* Content */
.twc-gallery-content__content-inner {height:100%; padding:40px 0;}
.gallery-right-pos .twc-gallery-content__col.content {padding-left:calc((100% - var(--twc-container)) / 2);}
.gallery-left-pos .twc-gallery-content__col.content {padding-right:calc((100% - var(--twc-container)) / 2);}

/* Button arrow */
.twc-gallery-content__slider .flickity-button {
    top:auto; transform:translateY(0); bottom:35px;
    z-index:2;
}

/* Dots */
body .twc-gallery-content .flickity-page-dots {
    padding-top:0; position:absolute; bottom:55px; z-index:1;
}


@media only screen and (min-width:1441px) {
    /* Gallery in the right */
    .gallery-right-pos .twc-gallery-content__col.content {
        padding-left:calc((100% - var(--twc-container)) / 2 - 40px);
    }

    /* Gallery in the left */
    .gallery-left-pos .twc-gallery-content__col.content {
        padding-right:calc((100% - var(--twc-container)) / 2 - 40px);
    }
}
@media only screen and (min-width:768px) {
    .gallery-left-pos .twc-gallery-content__inner {flex-direction:row-reverse;}
    .gallery-right-pos .twc-gallery-content__col.content {
        padding-right:var(--gc-spacing-item-content);
        border-left:1px solid rgba(112, 112, 112, .2);
    }
    .gallery-left-pos .twc-gallery-content__col.content {
        padding-left:var(--gc-spacing-item-content);
        border-right:1px solid rgba(112, 112, 112, .2);
    }
}

/*********************************************
 * Gallery with Content Responsive
**********************************************/
@media only screen and (max-width:1439px) {
    /* Content */
    .gallery-right-pos .twc-gallery-content__col.content {padding-left:var(--twc-gap-side); border-left:none;}
    .gallery-left-pos .twc-gallery-content__col.content {padding-right:var(--twc-gap-side); border-left:none;}

}
@media only screen and (max-width:1180px) {
    .twc-gallery-content {--gc-spacing-item-content:var(--twc-gap-container);}
    .twc-gallery-content__col.slider {padding:var(--twc-gap-container);}

    /* Arrow */
    .twc-gallery-content__slider .flickity-button {
        --flkt-position:0px;
        bottom:30px;
    }

    /*  Dots */
    body .twc-gallery-content .flickity-page-dots {bottom:40px;}
}
@media only screen and (max-width:767px) {
    /* General */
    .twc-gallery-content {--gc-ratio:1/1;}
    .twc-gallery-content:before {display:none;}
    .twc-gallery-content__inner {flex-direction:column;}
    .twc-gallery-content__col {width:100%;}

    /* Content */
    .twc-gallery-content__col.content {padding:0 var(--twc-gap-side); text-align:center;}
    .twc-gallery-content__content-inner {padding-top:var(--twc-spacing-default);}

    /* Slider */
    .twc-gallery-content__col.slider {
        padding:40px var(--twc-gap-container);
        border-left:none; border-right:none;
    }
    .twc-gallery-content__slider {max-width:500px; margin-left:auto; margin-right:auto;}
}