/* T3 Layouts */
@media all {
    hr,
    .ce-div {
        border: none;
        border-top: 1px solid rgb(222,222,222);
        margin: 0;
        height:0.9375rem;
    }
}

/* page layout */
@media all {

    .wrap-inner {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }

    /* sticky header */
    .page-header-sticky .page-header {
        position: fixed;
        z-index:10;
        top:0;
        left:0;
        right:0;
    }
    .page-header-sticky {
        padding-top: 5rem;
    }

    .page-header-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .page-logo {
        overflow: hidden;
        width: 200px;
        height: 5rem;
        margin: 0;
    }

    .logo-link {
        display: block;
    }

    .logo-img {
        max-width: 100%;
        display: block;
    }

    /* stage */
    .page-stage {
        background-color: rgb(240, 240, 240);
    }

    .page-stage .ce-grid-slider,
    .page-stage .ce-element { margin: 0; }

    .page-stage .ce-gallery { padding: 0 !important; }

    .page-stage .ce-row { margin: 0; }
    .page-stage .ce-column { margin: 0; padding: 0; }

    .page-stage .ce-gallery {
        overflow:hidden;
    }
    .page-stage .ce-media {
        margin: 0 -6.25rem;
        max-width: none;
    }
    .page-stage .ce-media-copyright {
        right:calc(0.5em + 6.25rem);
    }
    .page-stage .ce-slider .ce-media {
        margin: 0;
    }
    /* stage logo */
    .page-stage .ce-teaserlink-outer { margin: 0; }

    .page-stage .ce-col:last-child .ce-media {
        margin: 0;
        padding: 1.25rem 0;
        display: flex;
        justify-content: center;
    }

    .page-stage .ce-col:last-child .ce-media > img {
        width: auto;
        height:60px !important;
    }

    /* stage slider */
    .page-stage .ce-slider {
        background-color: rgb(110,34,114);
        padding-bottom: 1.25rem;
    }

    .page-stage .ce-slider .ce-header {
        position: static;
        transform: none;
    }

    .page-stage .ce-header a {
        text-decoration: none !important;
    }

    .page-stage .slick-dots {
        bottom: 0.625rem;
        color: rgb(255,255,255);
    }

    .page-stage .slick-arrow {
        display: none !important;
    }

    /* stage slider without text */
    .page-stage .ce-frame-slider-notext .ce-slider {
        padding: 0;
    }
    .page-stage .ce-frame-slider-notext .ce-header,
    .page-stage .ce-frame-slider-notext .ce-bodytext {
        display: none;
    }

    /* content */
    .page-content {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }


    /* footer */

    .page-footer-share {
        padding: 1.25rem 0;
    }
    .page-footer-shariff {
        margin-top: 0.9375rem;
    }
    .page-footer-content {
        padding-top: 1.25rem;
    }

    .social-media-follow {
        margin-top: 1.25rem;
        display: flex;
        gap: 1.25rem;
    }

    .social-media-follow a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2.5rem;
        height: 2.5rem;
        color: rgb(90,37,114) !important;
        background: rgb(255,255,255) !important;
        border-radius: 50%;
        font-size: 1.75rem;
    }

    .social-media-follow a .fa:not(i)::before {
        margin: 0;
    }

    /*  remove gap between fullwidth bg and footer */

    .page-content:has(.content-main > .ce-type-grid-fullwidth-bg:nth-last-child(2) + .totoplink) {
        padding-bottom: 0;
    }
    
    .page-content .content-main > .ce-type-grid-fullwidth-bg:nth-last-child(2):has(+ .totoplink) > .ce-grid-fullwidth-bg {
    margin-bottom: 0;
    }

}

@media all and (min-width: 30em) {

    .wrap-inner {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .nav-toggle {
        margin-right: 0.625rem;
    }

    .page-stage .ce-col:last-child .ce-media > img {
        height:80px !important;
    }

}

/* tablet + print */
@media all and (min-width: 47.5em), print {
    .page-stage .ce-col:last-child .ce-media {
        padding: 1.875rem 0;
    }

    .page-footer-share {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .social-media-follow {
        margin-top: 0;
        margin-left: 1.25rem;
    }

    .modernizr-flexbox .page-footer-shariff {
        margin-top: 0;
        margin-left: 1.25rem;
    }
}

/* desktop */
@media all and (min-width: 58.75em) {

    /* page layout */

    .wrap-inner {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .nav-toggle {
        margin-right: 1.875rem;
    }

    .page-content {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    /* stage */
    .page-stage .ce-media {
        margin: 0;
    }

    .page-stage .ce-media-copyright {
        right:0.5em;
    }

    /* stage logo */
    .page-stage .ce-grid-large-66-33 {
        margin: 0;
        display: flex;
    }

    .page-stage .ce-grid-large-66-33 .ce-col {
        padding: 0;
    }

    .page-stage .ce-grid-large-66-33 .ce-col:first-child {
        width: calc(66.6666% + 2.5rem);
    }

    .page-stage .ce-grid-large-66-33 .ce-col:last-child {
        width: calc(33.3333% - 2.5rem);
    }

    .page-stage .ce-col:last-child .ce-element,
    .page-stage .ce-col:last-child .ce-teaserlink-outer {
        margin: 0;
        height: 100%;
    }
    .page-stage .ce-col .ce-teaserlink-inner {
        position: absolute;
        top: 2.5rem;
        left: 2.5rem;
        right: 2.5rem;
        bottom: 2.5rem;
    }

    .page-stage .ce-col:last-child .ce-media {
        position: absolute;
        top: 50%;
        left:0;
        right:0;
        transform: translateY(-50%);
        padding: 0;
    }
    .page-stage .ce-col:last-child .ce-media > img {
        width: 100%!important;
        height: auto !important;
    }

    /* stage slider */
    .page-stage .ce-slider {
        padding: 0;
    }

    .page-stage .ce-slider .ce-textmedia {
        display: flex;
    }
    .page-stage .ce-slider .ce-gallery {
        float: left;
        width: 66.6666%;
        width: calc((100% - 2.5rem) / 3 * 2 + 2.5rem);
        flex-grow: 0;
        flex-shrink: 0;
    }

    .page-stage .ce-slider .ce-textmedia-inner {
        float:right;
        width: 33.3333%;
        width: calc((100% - 2.5rem) / 3);
    }

    .page-stage .slick-pause {
        left: 1.25rem;
        right: auto;
    }

    .page-stage .slick-dots {
        position: absolute;
        bottom: 2rem;
        left: auto;
        right: 16.6666%;
        right: calc((100% - 2.5rem) / 6);
        transform: translateX(50%);
    }

    .page-stage .slick-dots button {
        width: 1rem;
        height: 1rem;
        border-width: 3px;
    }

    .page-stage .slick-arrow {
        top: auto;
        bottom: 1.25rem;
        display: block !important;
    }

    .page-stage .slick-prev {
        left: 66.6666%;
        left: calc((100% - 2.5rem) / 3 * 2 + 2.5rem);
        margin-left: 1.25rem;
    }

    .page-stage .slick-next {
        right: 1.25rem
    }

    .page-stage .ce-frame-slider-notext .ce-slider .ce-gallery {
        width: 100%;
        float: none;
    }
    .page-stage .ce-frame-slider-notext .slick-prev {
        left: 0;
    }
    .page-stage .ce-frame-slider-notext .slick-dots {
        right: 50%;
    }

    .page-footer-content {
        padding-top: 2.5rem;
    }

}

/* desktop - xlarge */
@media (min-width:72.5em) {

    body { max-width: 120rem; margin: 0 auto; } /* Full HD */

    .page,
    .wrap-outer {
        max-width: 92.5rem;
        margin: 0 auto;
    }

    .page-grid-xlarge {
        margin-left: -2.5rem;
        margin-right: -2.5rem;
    }
    .page-grid-xlarge .page-col {
        float:left;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        max-width: 100%;
        min-height: 1px;
    }
    .page-grid-xlarge-66-33 .page-col {
        width: 66.6666%;
    }
    .page-grid-xlarge-66-33 .page-col:last-child {
        width: 33.3333%;
    }

    .page-logo {
        width: 14.1875rem;
        height: 6.25rem;
        flex-grow: 0;
        flex-shrink: 0;
    }

    .page-header-navigation {
        flex-grow: 1;
        padding-right: 1.25rem;
    }

    .page-header-searchbox {
        position: relative;
        margin: 2rem 1.5625rem 2rem 0;
        height: 2.25rem;
        width: 6.25rem;
        flex-grow: 0;
        flex-shrink: 0;
        font-size: 112.5%;
    }
    .page-modifier-search .page-header-searchbox {
        display: none;
    }

    .page-header-searchbox .searchbox {
        position: absolute;
        transition: width ease 0.25s;
        top:0;
        right:0;
        bottom:0;
        width:6.25rem;
        border: 1px solid rgba(255,255,255,0);
        background-color: rgb(46,38,114);
    }

    .page-header-searchbox .searchbox:focus-within {
        width: 15rem;
    }

    .page-header-searchbox .searchbox:focus-within {
        border-color: rgb(255,255,255);
        border-radius: 0;
    }

    .page-header-searchbox .searchbox .search-word {
        padding: 0.25rem;
        padding-right: 0;
    }
    .page-header-searchbox .searchbox .search-button {
        padding: 0 0.9375rem 0 0;
    }
    /* sticky header */
    .page-header-sticky {
        padding-top: 6.25rem;
    }

    /* */
    .page-stage .ce-slider .ce-textmedia-inner {
        padding: 1.25rem;
    }

    .page-stage .slick-arrow {
        width: 3.125rem;
        height: 3.125rem;
        bottom: 2.5rem;
    }
    .page-stage .slick-prev {
        margin-left: 2.5rem;
    }
    .page-stage .slick-next {
        right: 2.5rem;
    }

    .page-stage .slick-dots {
        bottom: 3.625rem;
    }
}


/* desktop - xlarge */
@media (min-width:92.5em) {
    .page-header-searchbox {
        width: 7rem;
        font-size: 125%;
    }
    .page-header-searchbox .searchbox {
        width: 7rem;
    }
    .page-header-searchbox .search-word {
       line-height: 1.3125 !important;
    }
}