/* Változó (variable) font esetén */
@font-face {
    font-family: "ESquare";
    src: url("/website/fonts/E-SQUARE.woff2") format("woff2-variations"),
    url("/website/fonts/E-SQUARE.woff2") format("woff2");
    font-weight: 100 900;       /* változó tartomány */
    font-style: normal;
    font-display: swap;
}

/* Ha külön fájlok vannak súlyonként: */
@font-face {
    font-family: "ESquare";
    src: url("/website/fonts/E-SQUARE.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "ESquare";
    src: url("/website/fonts/E-SQUARE.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.font-esquare {
    font-family: "ESquare", Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

@media (min-width: 768px) {
    .sticky-md-bottom, .sticky-md-top {
        z-index: 1019 !important;
    }
}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by {
    display: none;
}

.klaro .cookie-notice:not(.cookie-modal-notice) {
    z-index: 10000 !important;
}


.klaro .cookie-modal .cm-modal.cm-klaro {
    padding: 2rem 2.5rem 2rem 2.5rem;
}

.klaro .cookie-notice:not(.cookie-modal-notice) {
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    z-index: 999;
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body {
    max-width: calc(100% - 30px);
    width: 600px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    bottom: auto !important;
    padding: 2rem 2.5rem 2rem 2.5rem;
}

@media (min-width: 1024px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) {
        max-width: 100vw;
    }
}