/*********************************************
 * Sticky Banner
**********************************************/
.vii-banner__rips-image {height:250px; margin-top:-100px;}
.vii-banner__rips-image > img {object-position:top;}
.vii-page-sticky-banner-content {margin-top:-60px;}

/* desktop */
@media only screen and (min-width:1024px) {
    body.has-sticky-banner { /* padding-top:100vh; */}
    .vii-sticky-banner-child { /* position:fixed; */ /* top:0; */ /* left:0; */ /* right:0; */}
    .vii-sticky-banner-child {
        /* height:100vh; */
        padding-bottom:50px;
        padding-top:calc(var(--vii-header-height) + var(--vii-spacing-45));
    }
}

/* mobile */
@media only screen and (max-width:1023px) {
    .vii-sticky-banner-child {
        padding-top:calc(var(--vii-header-height) + var(--vii-spacing-45));
        padding-bottom:100px;
    }
    .vii-banner__rips-image {height:150px; margin-top:-150px;}
    .vii-page-sticky-banner-content {margin-top:-60px;}
}

/*********************************************
 * Sticky Bottom
**********************************************/
.vii-sticky-banner__bottom {position:relative; z-index:2; width:100%;}