/* styles for subtemplate */

@media all {

    .page {
        
        overflow: clip;

        &.page-header-sticky {
            --page-header-height: 0;  
        }

        .page-header {
            background: transparent;
            border-bottom: unset;
        }

        .page-header-logo {
            transition: all .25s ease-in-out;
            filter: drop-shadow(0 0 2.5rem white);
            height: 6rem;
        }

        &.page-header-sticky.page-scrolled .page-header-logo {
            height: 4rem;
        }

        .ce-layout-showdesktop {
            display: none;
        }

        .ce-layout-box-inner > .ce-above-header {
            margin-top: calc(-1 * var(--ce-layout-box-padding, 0.625rem) * 1.5);
        }

        .ce-carousel.slick-initialized ,
        .ce-carousel.slick-initialized .slick-list {
            overflow: visible;
        }
        
        .ce-grid-fullwidth-content > div > .ce-type-grid-50-50 > .row:has( > div:nth-child(1) > .ce-type-textmedia:is(.ce-no-image)) {
            flex-direction: column-reverse;
        }
        
        .ce-grid-fullwidth-content > div > .ce-type-grid-50-50 > .row.align-items-center {
            align-items: stretch !important;
        }
        
        .ce-grid-fullwidth-content > div > .ce-type-grid-50-50 > .row.align-items-center *:not(.ce-no-image *) {
            display: grid;
        }
        
        .ce-grid-fullwidth-content > div > .ce-type-grid-50-50 > .row.align-items-center .ce-no-image > .ce-textmedia {
            display: flex;
            justify-content: center;
            flex-direction: column;
        }
        
        .ce-grid-fullwidth-content > div > .ce-type-grid-50-50 > .row.align-items-center img {
            justify-self: stretch;
            align-self: stretch;
            object-fit: cover;
        }
        
        .ce-grid-fullwidth-content > div > .ce-type-grid-50-50 > .row.align-items-center figure {
        }
        
        .page-stage .ce-gallery {
            margin: 0;
        }

    }

}

@media (min-width: 48rem) {

    .page {

        .page-header-logo {
            height: 9rem;
        }

        &.page-header-sticky.page-scrolled .page-header-logo {
            height: 6rem;
        }

        .ce-layout-showdesktop {
            display: block;
        }

        .ce-layout-showmobile {
            display: none;
        }
        
        .ce-grid-fullwidth-content > div > .ce-type-grid-50-50 > .row:has( > div:nth-child(1) > .ce-type-textmedia:is(.ce-no-image)) {
            flex-direction: row;
        }

    }

}

@media (min-width: 62rem) {

    .page {

        .page-header-main > .container-xxl {
            padding-left: var(--ce-spacer);            
        }

        .page-header-logo {
            /*
            width: calc(66.66666667% + (var(--bs-gutter-x) * -1 / 3));
            margin: 0 auto;
            */
            height: 12rem;
        }

        &.page-header-sticky.page-scrolled .page-header-logo {
            height: 8rem;
        }

    }

}