.elementor-kit-6{--e-global-color-primary:#6BAE45;--e-global-color-secondary:#3B82F6;--e-global-color-text:#2D3748;--e-global-color-accent:#F5A623;--e-global-typography-primary-font-family:"Patrick Hand";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.4em;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.7em;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:700;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================
   1. HERO SEKCIJA - DESKTOP
========================================== */

.hero-title,
.hero-title * {
    font-family: "Patrick Hand", cursive !important;
    font-size: 58px !important;
    line-height: 1.05 !important;
    font-weight: 400 !important;
    color: #17345C !important;
    max-width: 650px !important;
}

.hero-text,
.hero-text * {
    font-family: "Poppins", sans-serif !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    color: #17345C !important;
    max-width: 560px !important;
}

.hero-button .elementor-button {
    background: #6BAE45 !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    padding: 15px 32px !important;
    font-weight: 700 !important;
    box-shadow: 0 12px 28px rgba(107, 174, 69, .30) !important;
}


/* ==========================================
   2. KARTICE
========================================== */

.feature-card {
    background: #ffffff !important;
    border-radius: 30px !important;
    padding: 42px 38px 36px !important;
    min-height: 310px !important;
    box-shadow: 0 22px 55px rgba(0, 0, 0, .12) !important;
}

.feature-card img {
    width: 115px !important;
    display: block !important;
    margin: 0 auto 24px !important;
}

.feature-card h2,
.feature-card .elementor-heading-title {
    font-family: "Patrick Hand", cursive !important;
    font-size: 36px !important;
    color: #6BAE45 !important;
}

.feature-card p {
    font-family: "Poppins", sans-serif !important;
    font-size: 15px !important;
    color: #17345C !important;
}

/* ==========================================
   3. NOVICE
========================================== */

.section-title,
.section-title * {
    font-family: "Patrick Hand", cursive !important;
    font-size: 42px !important;
    color: #1E1E1E !important;
}

.news-card {
    width: 100%;
    height: 100%;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Elementor image widget */
.news-card .elementor-widget-image,
.news-card .elementor-widget-image .elementor-widget-container {
    width: 100%;
    height: 240px;
    overflow: hidden;
}

/* dejanska slika */
.news-card .elementor-widget-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}

/* naslov */
.news-card h2 {
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #14532D;
    margin: 12px 18px 6px;
}

/* tekst */
.news-card p {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    margin: 0 18px 12px;
}

/* gumb spodaj */
.news-card .elementor-button-wrapper {
    margin: auto 18px 18px;
}

/* ==========================================
   4. MOBILE - SPLOŠNO
========================================== */

@media (max-width: 767px) {

    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }


    /* ======================================
       HERO SEKCIJA
    ====================================== */

    .hero-section {
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 560px !important;
        min-height: 560px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        background-size: cover !important;
        background-position: 56% center !important;
        background-repeat: no-repeat !important;
    }


    /* ======================================
       HERO NASLOV
    ====================================== */

    .hero-title {
        position: absolute !important;

        top: 58px !important;
        left: 22px !important;

        width: 285px !important;
        max-width: calc(100% - 44px) !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;

        z-index: 5 !important;
    }

    .hero-title,
    .hero-title * {
        font-family: "Patrick Hand", cursive !important;

        font-size: 35px !important;
        line-height: 1.03 !important;
        font-weight: 400 !important;

        color: #17345C !important;

        text-align: left !important;

        width: auto !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
    }


    /* ======================================
       HERO OPIS
    ====================================== */

    .hero-text {
        position: absolute !important;

        top: 165px !important;
        left: 22px !important;

        width: 265px !important;
        max-width: calc(100% - 44px) !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;

        z-index: 5 !important;
    }

    .hero-text,
    .hero-text * {
        font-family: "Poppins", sans-serif !important;

        font-size: 13px !important;
        line-height: 1.42 !important;
        font-weight: 400 !important;

        color: #17345C !important;

        text-align: left !important;

        width: auto !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* ======================================
       HERO GUMB
    ====================================== */

    .hero-button {
        position: absolute !important;

        top: 275px !important;
        left: 22px !important;

        width: auto !important;
        max-width: calc(100% - 44px) !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;

        z-index: 6 !important;
    }

    .hero-button .elementor-button {
        padding: 11px 22px !important;

        font-size: 13px !important;
        line-height: 1 !important;
        font-weight: 700 !important;

        border-radius: 999px !important;
    }


    /* ======================================
       KARTICE - MOBILE
    ====================================== */

    .feature-card {
        width: 100% !important;
        max-width: 100% !important;

        min-height: auto !important;

        padding: 28px 22px !important;

        border-radius: 22px !important;

        box-sizing: border-box !important;
    }

    .feature-card img {
        width: 90px !important;
        margin-bottom: 18px !important;
    }

    .feature-card h2,
    .feature-card .elementor-heading-title {
        font-size: 31px !important;
    }

    .feature-card p {
        font-size: 14px !important;
    }


    /* ======================================
       NASLOVI SEKCIJ - MOBILE
    ====================================== */

    .section-title,
    .section-title * {
        font-size: 34px !important;
        line-height: 1.1 !important;
    }


    /* ======================================
       NOVICE - MOBILE
    ====================================== */

    .news-card {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .news-card img {
        height: 190px !important;
    }

    .news-card h2 {
        font-size: 18px !important;
    }

    .news-card p {
        font-size: 14px !important;
    }


    /* ======================================
       MOBILE MENU WRAPPER
    ====================================== */

    .school-mobile-menu {
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        min-height: 0 !important;
        height: auto !important;

        /*
         * Celoten hamburger blok malo dvignemo.
         */
        margin: 0 !important;

        padding: 10px 0 12px !important;

        box-sizing: border-box !important;

        background: #ffffff !important;

        overflow: visible !important;

        z-index: 9999 !important;
    }


    /* ======================================
       SEARCH NA MOBILNEM SKRIJ
    ====================================== */

    .school-mobile-menu .elementor-widget-search,
    .school-mobile-menu .elementor-search-form {
        display: none !important;
    }


    /* ======================================
       HAMBURGER / X
    ====================================== */

    .school-mobile-menu .elementor-menu-toggle {
        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;

        width: 48px !important;
        height: 48px !important;

        min-width: 48px !important;
        min-height: 48px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 auto !important;
        padding: 0 !important;

        background: #6BAE45 !important;
        color: #ffffff !important;

        border: none !important;
        border-radius: 50% !important;

        box-shadow: 0 8px 22px rgba(23, 52, 92, .16) !important;

        z-index: 10001 !important;
    }

    .school-mobile-menu .elementor-menu-toggle:hover {
        background: #5E9F40 !important;
    }

    .school-mobile-menu .elementor-menu-toggle svg,
    .school-mobile-menu .elementor-menu-toggle i {
        width: 23px !important;
        height: 23px !important;

        color: #ffffff !important;
        fill: #ffffff !important;
    }


    /* ======================================
       DROPDOWN MENU
    ====================================== */

    .school-mobile-menu .elementor-nav-menu--dropdown {
        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;

        width: calc(100% - 44px) !important;
        max-width: 310px !important;

        margin: 12px auto 0 !important;
        padding: 9px !important;

        box-sizing: border-box !important;

        background: #ffffff !important;

        border: 1px solid rgba(23, 52, 92, .08) !important;
        border-radius: 18px !important;

        box-shadow: 0 14px 38px rgba(23, 52, 92, .13) !important;

        max-height: 70vh !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        z-index: 10000 !important;
    }


    /* ======================================
       ZAPRT / ODPRT MENU
    ====================================== */

    .school-mobile-menu
    .elementor-nav-menu--dropdown[aria-hidden="true"] {
        display: none !important;
    }

    .school-mobile-menu
    .elementor-nav-menu--dropdown[aria-hidden="false"] {
        display: block !important;
    }


    /* ======================================
       MENU LISTA
    ====================================== */

    .school-mobile-menu .elementor-nav-menu--dropdown ul {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
    }

    .school-mobile-menu .elementor-nav-menu--dropdown li {
        width: 100% !important;

        margin: 1px 0 !important;
        padding: 0 !important;

        background: transparent !important;
    }


    /* ======================================
       MENU POVEZAVE
    ====================================== */

    .school-mobile-menu .elementor-nav-menu--dropdown a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        min-height: 38px !important;

        margin: 0 !important;
        padding: 8px 13px !important;

        box-sizing: border-box !important;

        font-family: "Poppins", sans-serif !important;
        font-size: 14px !important;
        line-height: 1.25 !important;
        font-weight: 600 !important;

        color: #17345C !important;

        text-align: left !important;

        background: transparent !important;

        border: none !important;
        border-radius: 10px !important;
    }

    .school-mobile-menu .elementor-nav-menu--dropdown a:hover {
        background: #F0F7EC !important;
        color: #17345C !important;
    }


    /* ======================================
       AKTIVNA STRAN
    ====================================== */

    .school-mobile-menu
    .elementor-nav-menu--dropdown
    .current-menu-item > a,

    .school-mobile-menu
    .elementor-nav-menu--dropdown
    .current_page_item > a,

    .school-mobile-menu
    .elementor-nav-menu--dropdown
    .elementor-item-active {

        background: #6BAE45 !important;
        color: #ffffff !important;
    }


    /* ======================================
       PUŠČICE ŠOLA / UČENCI
    ====================================== */

    .school-mobile-menu .sub-arrow {
        margin-left: auto !important;
        padding-left: 10px !important;

        color: #6BAE45 !important;
    }


    /* ======================================
       PODMENI
    ====================================== */

    .school-mobile-menu .sub-menu {
        width: 100% !important;

        margin: 3px 0 5px !important;
        padding: 4px !important;

        box-sizing: border-box !important;

        background: #F5F9F2 !important;

        border-radius: 10px !important;

        box-shadow: none !important;
    }

    .school-mobile-menu .sub-menu a {
        min-height: 32px !important;

        padding: 7px 11px !important;

        font-size: 12.5px !important;
        font-weight: 500 !important;

        color: #17345C !important;

        background: transparent !important;

        border-radius: 8px !important;
    }

    .school-mobile-menu .sub-menu a:hover {
        background: #EAF4E4 !important;
    }

}/* End custom CSS */