/*
 * Copyright (c) 2020. Button Systems, s.r.o. www.buttonsystems.eu
 */


html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: overlay;
    width: 100%;
    max-width: 100%;
}

.wrapper {
    display: grid;
    grid-template-columns: var(--grid-layout-base);
    min-height: 100vh;
    grid-template-rows: max-content;
}

.wrapper > .uk-sticky-placeholder {
    grid-column: 1 / -1;
}

.wrapper > .uk-sticky-placeholder + .ps-topbar:not(.uk-sticky-fixed) {
    margin-top: 0 !important;
}

.wrapper > .uk-sticky-placeholder:not([style*="height"]) {
    height: 0 !important;
}

@media (max-width: 1120px) {
    /* Keep UIKit sticky placeholder height on mobile so fixed topbar does not overlap the hero/content. */
    .wrapper > .uk-sticky-placeholder + .ps-topbar,
    .wrapper > .uk-sticky-placeholder + .ps-topbar:not(.uk-sticky-fixed) {
        margin-top: 0 !important;
    }
}

/* Fix white strip above header on specific templates when UIKit sticky placeholder keeps height */
body.page-template-page-kariera-php .wrapper > .uk-sticky-placeholder,
body.page-template-page-kariera .wrapper > .uk-sticky-placeholder,
body.page-template-page-nazor-php .wrapper > .uk-sticky-placeholder,
body.page-template-page-nazor .wrapper > .uk-sticky-placeholder {
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

header,
nav,
section,
article,
footer {
    display: grid;
    grid-column: 1 / -1;
    max-width: 100vw;
}

header,
nav,
section,
article,
footer {
    grid-template-columns: var(--grid-layout-base);
}

nav .wrap,
header .wrap,
section .wrap,
footer .wrap {
    grid-column: 2 / -2;
}