.elementor-84 .elementor-element.elementor-element-90c6ccf{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-d4cc655 > .elementor-widget-container{margin:60px 0px 35px 0px;padding:0px 0px 0px 0px;}.elementor-84 .elementor-element.elementor-element-d4cc655 .wpo-custom-site-header .navigation{height:120px;}.elementor-84 .elementor-element.elementor-element-d4cc655 .navigation #navbar>ul>li>a{padding-left:28px;padding-right:28px;padding-top:0px;padding-bottom:0px;}.elementor-84 .elementor-element.elementor-element-acdb9db{--spacer-size:50px;}@media(max-width:767px){.elementor-84 .elementor-element.elementor-element-d4cc655 > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for wpo-istiqbal_header, class: .elementor-element-d4cc655 *//* ==================================================
   DESKTOP HEADER - 5 GLAVNIH + 5 SEKUNDARNIH
   ================================================== */

@media (min-width: 1025px) {

    /* ŠIRINA HEADERA */
    #header .elementor-container,
    #header .e-con-inner,
    #header .container,
    #header .container-fluid {
        max-width: 1450px !important;
        width: 100% !important;
    }


    /* NAVIGACIJA */
    #header nav,
    #header .navigation,
    #header .main-menu {
        width: 100% !important;
        max-width: none !important;
        flex: 1 1 auto !important;
    }


    /* ==================================================
       GLAVNI GRID - 5 + 5
       ================================================== */

    #header nav > ul,
    #header .navigation > ul,
    #header .main-menu > ul,
    #header ul.navbar-nav {
        display: grid !important;

        grid-template-columns:
            0.8fr
            0.9fr
            1.35fr
            1.35fr
            1.35fr !important;

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

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

        column-gap: 12px !important;
        row-gap: 0 !important;

        align-items: stretch !important;

        position: relative !important;
    }


    /* ==================================================
       JEDNA SPOJENA LINIJA IZMEĐU REDOVA
       ================================================== */

    #header nav > ul::after,
    #header .navigation > ul::after,
    #header .main-menu > ul::after,
    #header ul.navbar-nav::after {
        content: "";
        position: absolute;

        left: 0;
        right: 0;

        top: 53px;

        height: 1px;

        background: rgba(20, 33, 61, 0.22);

        pointer-events: none;

        z-index: 1;
    }


    /* ==================================================
       SVE GLAVNE STAVKE
       ================================================== */

    #header nav > ul > li,
    #header .navigation > ul > li,
    #header .main-menu > ul > li,
    #header ul.navbar-nav > li {
        width: 100% !important;
        max-width: none !important;

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

        float: none !important;

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

        text-align: center !important;

        position: relative !important;

        border: none !important;
    }


    /* ==================================================
       SVI LINKOVI
       ================================================== */

    #header nav > ul > li > a,
    #header .navigation > ul > li > a,
    #header .main-menu > ul > li > a,
    #header ul.navbar-nav > li > a {
        width: 100% !important;

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

        text-align: center !important;

        padding: 8px 5px !important;

        line-height: 1.15 !important;

        word-break: keep-all !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }


    /* ==================================================
       GORNJIH 5 - GLAVNI MENI
       ================================================== */

    #header nav > ul > li:nth-child(-n+5),
    #header .navigation > ul > li:nth-child(-n+5),
    #header .main-menu > ul > li:nth-child(-n+5),
    #header ul.navbar-nav > li:nth-child(-n+5) {
        padding-bottom: 10px !important;
        margin-bottom: 0 !important;

        border-bottom: none !important;
    }


    #header nav > ul > li:nth-child(-n+5) > a,
    #header .navigation > ul > li:nth-child(-n+5) > a,
    #header .main-menu > ul > li:nth-child(-n+5) > a,
    #header ul.navbar-nav > li:nth-child(-n+5) > a {
        font-size: 17px !important;
        font-weight: 700 !important;

        opacity: 1 !important;

        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }


    /* ==================================================
       DONJIH 5 - SEKUNDARNI MENI
       ================================================== */

    #header nav > ul > li:nth-child(n+6),
    #header .navigation > ul > li:nth-child(n+6),
    #header .main-menu > ul > li:nth-child(n+6),
    #header ul.navbar-nav > li:nth-child(n+6) {
        margin-top: 16px !important;
        padding-top: 5px !important;

        border-top: none !important;
    }


    #header nav > ul > li:nth-child(n+6) > a,
    #header .navigation > ul > li:nth-child(n+6) > a,
    #header .main-menu > ul > li:nth-child(n+6) > a,
    #header ul.navbar-nav > li:nth-child(n+6) > a {
        font-size: 14px !important;
        font-weight: 600 !important;

        opacity: 1 !important;

        line-height: 1.2 !important;

        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }


    /* DONJI MENI HOVER */
    #header nav > ul > li:nth-child(n+6) > a:hover,
    #header .navigation > ul > li:nth-child(n+6) > a:hover,
    #header .main-menu > ul > li:nth-child(n+6) > a:hover,
    #header ul.navbar-nav > li:nth-child(n+6) > a:hover {
        opacity: 1 !important;
    }


    /* ==================================================
       SUBMENIJI
       ================================================== */

    header#header .sub-menu {
        display: none;
    }

    header#header li:hover > .sub-menu {
        display: block;
    }

    header#header .sub-menu > li {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
    }

    header#header .sub-menu > li > a {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
    }

}/* End custom CSS */