/* ==================================================
   HLAVNE MENU + ROZBALOVACIE PODMENU
   Joomla 5 / Cassiopeia
   ================================================== */


/* Obaly nesmu dropdown orezat */

.container-top-b,
.container-top-b .card,
.container-top-b .card-body,
.container-top-b nav,
.container-top-b .navbar-collapse,
.container-top-b .mod-menu {
    overflow: visible !important;
}


/* ==================================================
   HLAVNE MENU
   ================================================== */

.container-top-b .mod-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 0 !important;

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

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

    list-style: none !important;

    background: #173468 !important;

    border-radius: 7px !important;
}


/* ==================================================
   POLOZKA HLAVNEHO MENU
   ================================================== */

.container-top-b .mod-menu > li {
    position: relative !important;

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

    width: auto !important;

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


/* ==================================================
   ODKAZY HLAVNEHO MENU
   ================================================== */

.container-top-b .mod-menu > li > a,
.container-top-b .mod-menu > li > span {
    display: block !important;

    padding: 14px 18px !important;

    color: #ffffff !important;

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

    text-decoration: none !important;
    white-space: nowrap !important;

    background: transparent !important;

    transition: background-color 0.16s ease;
}


/* ==================================================
   HOVER A AKTIVNA POLOZKA
   ================================================== */

.container-top-b .mod-menu > li:hover > a,
.container-top-b .mod-menu > li.active > a,
.container-top-b .mod-menu > li.current > a {
    color: #ffffff !important;

    background: #234a8f !important;
}


/* ==================================================
   SIPKA PRI KLUBOVKY A SPOLOCENSKA RUBRIKA
   ================================================== */

.container-top-b .mod-menu > li > .mod-menu__toggle-sub {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    align-self: stretch !important;

    margin: 0 !important;
    padding: 14px 12px 14px 0 !important;

    color: #b9d2ff !important;

    background: transparent !important;

    border: 0 !important;

    cursor: pointer !important;
}


/* ==================================================
   SAMOTNE PODMENU
   ================================================== */

.container-top-b .mod-menu > li > .mod-menu__sub {
    display: none !important;

    position: absolute !important;

    /*
       Podmenu zacne presne pod polozkou hlavneho menu
    */

    top: 100% !important;
    left: 0 !important;
    right: auto !important;

    z-index: 99999 !important;


    /* Velkost ako na povodnom menu */

    width: 275px !important;
    min-width: 275px !important;
    max-width: 320px !important;

    height: auto !important;


    /* Ziadne roztahovanie hlavneho menu */

    flex-direction: column !important;

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

    box-sizing: border-box !important;

    list-style: none !important;


    /* Povodna svetlozelena */

    background: #edf7c9 !important;

    border: 1px solid #c8d59e !important;
    border-top: 1px solid #a9bd55 !important;

    border-radius: 0 0 3px 3px !important;


    /* Jemny tien */

    box-shadow:
        3px 5px 10px rgba(0, 0, 0, 0.16) !important;
}


/* ==================================================
   OTVORENIE PODMENU
   ================================================== */

.container-top-b .mod-menu > li > .mod-menu__toggle-sub[aria-expanded="true"] + .mod-menu__sub,
.container-top-b .mod-menu > li > .mod-menu__sub[aria-hidden="false"],
.container-top-b .mod-menu > li > .mod-menu__sub.show,
.container-top-b .mod-menu > li:hover > .mod-menu__sub,
.container-top-b .mod-menu > li:focus-within > .mod-menu__sub {
    display: block !important;
}


/* ==================================================
   POLOZKY PODMENU
   ================================================== */

.container-top-b .mod-menu > li > .mod-menu__sub > li {
    display: block !important;

    position: static !important;

    width: 100% !important;
    height: auto !important;

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

    background: transparent !important;
}


/* ==================================================
   ODKAZY PODMENU
   ================================================== */

.container-top-b .mod-menu > li > .mod-menu__sub > li > a,
.container-top-b .mod-menu > li > .mod-menu__sub > li > span {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    padding: 8px 13px !important;

    color: #294318 !important;

    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;

    text-align: left !important;
    text-decoration: none !important;

    white-space: normal !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    transition:
        background-color 0.15s ease,
        color 0.15s ease,
        padding-left 0.15s ease;
}


/* ==================================================
   HOVER PODMENU
   ================================================== */

.container-top-b .mod-menu > li > .mod-menu__sub > li > a:hover,
.container-top-b .mod-menu > li > .mod-menu__sub > li > span:hover {
    color: #173468 !important;

    padding-left: 17px !important;

    background: #dfeab8 !important;
}


/* ==================================================
   AKTIVNA POLOZKA PODMENU
   ================================================== */

.container-top-b .mod-menu > li > .mod-menu__sub > li.current > a,
.container-top-b .mod-menu > li > .mod-menu__sub > li.active > a {
    color: #173468 !important;

    font-weight: 600 !important;

    background: #e6efc6 !important;
}


/* ==================================================
   MOBIL
   ================================================== */

@media (max-width: 768px) {

    .container-top-b .mod-menu {
        flex-direction: column !important;
    }


    .container-top-b .mod-menu > li {
        flex-wrap: wrap !important;

        width: 100% !important;
    }


    .container-top-b .mod-menu > li > .mod-menu__sub {
        position: static !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;

        box-sizing: border-box !important;

        border-radius: 0 !important;

        box-shadow: none !important;
    }


    /* Na mobile sa podmenu neotvara hoverom */

    .container-top-b .mod-menu > li:hover > .mod-menu__sub:not([aria-hidden="false"]),
    .container-top-b .mod-menu > li:focus-within > .mod-menu__sub:not([aria-hidden="false"]) {
        display: none !important;
    }


    /* Na mobile sa otvori kliknutim na sipku */

    .container-top-b .mod-menu > li > .mod-menu__toggle-sub[aria-expanded="true"] + .mod-menu__sub {
        display: block !important;
    }
}


/* ==================================================
   HORNY BANNER
   ================================================== */

.container-top-a img {
    display: block;

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

    height: auto !important;
}