/*********************************************
 * Product Image Content
**********************************************/
/* test */
/*.vii-p-image-content__col.image,*/
/*.vii-p-image-content__content {box-shadow:inset 0 0 0 1px #2700ff;}*/

/* columns */
.vii-p-image-content__col {width:50%;}
.vii-p-image-content__col.image {}
.vii-p-image-content__col.content {
    padding-left:var(--vii-gap-container); padding-right:var(--vii-gap-container);
}

/* table no border */
.vii-p-image-content tr td {border:none; padding:0; line-height:1.3;}
.vii-p-image-content tr:not(:last-child) td {padding-bottom:var(--vii-spacing-28);}


/*********************************************
 * Product Image Content: default
**********************************************/
/* image */
.vii-p-image-content__image {}

/* content */
.vii-p-image-content__content {
    --vii-spacing-heading:var(--vii-spacing-16);
    --vii-spacing-paragraph:var(--vii-spacing-16);

    max-width:475px; margin-left:auto; margin-right:auto;
}
.vii-p-image-content__content tr:first-child td {padding-top:var(--vii-spacing-16);}

/* after hr */
.vii-p-image-content__content hr + table tr:first-child td {padding-top:0;}
.vii-p-image-content__content hr + table {margin-bottom:var(--vii-spacing-paragraph);}

/* force table 2 columns */
@media only screen and (max-width:1280px) {
    table.is-force-table-size tr {display:flex; flex-wrap:wrap; gap:var(--vii-spacing-20) 0;}
    table.is-force-table-size tr td {width:50% !important;}
}

/* content wide */
.content-size-wide .vii-p-image-content__content {max-width:600px;}


/*********************************************
 * Product Image Content: Solid + image
**********************************************/
.layout-solid-img {
    --bg-color:#f5f5f5;
    background-color:var(--bg-color);
}
@media only screen and (min-width:769px) {
    .layout-solid-img .vii-p-image-content__col.image {width:60%;}
    .layout-solid-img .vii-p-image-content__col.content {width:40%;}
    .layout-solid-img .vii-p-image-content__content {max-width:360px;}

    .content-size-wide.layout-solid-img .vii-p-image-content__content {max-width:500px;}
    .content-size-wide.layout-solid-img .vii-p-image-content__col.image {width:55%;}
    .content-size-wide.layout-solid-img .vii-p-image-content__col.content {width:45%;}
}


/*********************************************
 * Product Image Content: Background image
**********************************************/
@media only screen and (min-width:769px) {
    .layout-bg-image {padding-left:20px; padding-right:20px;}
    .layout-bg-image .vii-p-image-content__inner {
        width:100%;
        max-height:800px;
        aspect-ratio:1400/650;
    }
    .layout-bg-image.image-position-left .vii-p-image-content__inner:before {content:""; width:50%;}
    .layout-bg-image .vii-p-image-content__content {max-width:415px;}

    .layout-bg-image .vii-p-image-content__col.image {
        width:100%;
        position:absolute; inset:0;
    }
    .layout-bg-image .vii-p-image-content__image {height:100%; animation:none;}
    .layout-bg-image.has-mobile-image .is-mobile-img.hidden {display:none;}
}


/*********************************************
 * Image position
**********************************************/
.vii-p-image-content__col.image {order:-1;}
@media only screen and (min-width:769px) {
    /* Image position right */
    .image-position-right .vii-p-image-content__col.image {order:1;}
}


/*********************************************
 * Responsive
**********************************************/
@media only screen and (max-width:768px) {
    .vii-p-image-content__col {width:100%;}

    .vii-p-image-content:not(.is-mobile-text-image) .vii-p-image-content__col.image {margin-bottom:var(--vii-spacing-36);}

    /* center block with max-width */
    .vii-p-image-content__image {max-width:520px; margin-left:auto; margin-right:auto;}

    /* Background image */
    .layout-bg-image .vii-p-image-content__image {max-width:unset; width:100%; aspect-ratio:3/2;}
    .layout-bg-image.has-mobile-image .is-mobile-img.hidden {display:block;}
    .layout-bg-image.has-mobile-image .is-desktop-img {display:none;}

    /* Solid + image */
    .layout-solid-img .vii-p-image-content__col.content {padding-bottom:var(--vii-spacing-36);}

    /* add margin bottom when desktop has none */
    .vii-p-image-content.no-margin-bottom.layout-default {
        margin-bottom:var(--vii-spacing-default) !important;
    }

    /* layout text image on mobile */
    .vii-p-image-content.is-mobile-text-image .vii-p-image-content__col.image {order:unset;}
    .vii-p-image-content.is-mobile-text-image .vii-p-image-content__col.content {margin-bottom:var(--vii-spacing-36);}

    /* adjust spacing: always have bottom spacing on mobile */
    .vii-p-image-content:not(.wpb_content_element) {
        margin-bottom:var(--vii-spacing-default) !important;
    }

    /* adjust spacing: first section > first image content has bg image > remove top spacing */
    .vc_section.has-custom-bg-color:first-child .vc_row:first-child .vii-p-image-content.layout-bg-image {
        margin-top:calc(-1 * var(--vii-spacing-default));
    }
}