/* BASE.CSS */
:root{--school-blue:#123a73;--school-blue-dark:#003b8e;--school-blue-light:#1b4f9c;--school-pink:#e83e8c;--school-pink-dark:#c91f68;--school-bg:#eaf0f8;--school-text:#233041;--school-max-width:1450px}
html{overflow-x:hidden;scrollbar-gutter:stable;min-height:100%;background:transparent!important}

body {
    margin: 0 !important;
    padding: 20px 0 !important;
    min-height: 100vh !important;
    overflow-x: hidden;

    background-color: var(--school-bg) !important;
    background-image: url("../images/w5_kep.webp") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    background-attachment: fixed !important;

    color: var(--school-text);
    font-family: "Segoe UI", Arial, sans-serif;
}

.site{width:92%!important;max-width:var(--school-max-width)!important;margin:0 auto!important;border-radius:20px!important;
/*box-shadow:0 8px 35px rgba(0,0,0,.14)!important;*/
box-sizing:border-box!important;overflow:visible!important;min-height:0!important}
.site-grid,.site-container{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important}
.container-header,.container-nav,.container-topbar,.container-banner,.container-main,.container-component,.container-footer{width:100%!important;max-width:none!important;box-sizing:border-box!important}
.container-header,.container-nav,.container-topbar,.container-banner,.container-footer{background:transparent!important}
.container-component{background:#fff!important}
h1,h2,h3{color:var(--school-blue)!important;font-weight:700!important}
a{color:#144387}a:hover,a:focus{color:#0b5caa}