/* ==========================================================
   GLAVNI FOOTER
   ========================================================== */

.sokoli-shared-footer .sokoli-footer{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:34px 24px 28px !important;

    background:#070b10 !important;

    border-top:1px solid #152536 !important;

    box-sizing:border-box !important;
}

.sokoli-shared-footer .sokoli-footer > .elementor-container{
    width:calc(100% - 80px) !important;
    max-width:1180px !important;

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


/* ==========================================================
   DVA GLAVNA STUPCA
   ========================================================== */

.sokoli-shared-footer .sokoli-footer-red{
    width:100% !important;

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

.sokoli-shared-footer .sokoli-footer-red > .elementor-container{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:78px !important;

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

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

    align-items:start !important;
}

.sokoli-shared-footer .sokoli-footer-red > .elementor-container > .elementor-column{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    flex:none !important;
}

.sokoli-shared-footer .sokoli-footer-red > .elementor-container > .elementor-column > .elementor-element-populated{
    padding:0 !important;
}


/* ==========================================================
   TEKSTUALNI WIDGET
   ========================================================== */

.sokoli-shared-footer .sokoli-footer-links,
.sokoli-shared-footer .sokoli-footer-links .elementor-widget-container{
    width:100% !important;

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

    background:transparent !important;
}


/* ==========================================================
   GRUPE
   ========================================================== */

.sokoli-shared-footer .sokoli-footer-grupa{
    margin:0 0 14px !important;
    padding:0 !important;
}

.sokoli-shared-footer .sokoli-footer-grupa:last-child{
    margin-bottom:0 !important;
}

.sokoli-shared-footer .sokoli-footer-kosarica{
    margin-top:14px !important;
}


/* ==========================================================
   NASLOVI GRUPA
   ========================================================== */

.sokoli-shared-footer .sokoli-footer-grupa h3{
    position:relative !important;

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

    color:#ffffff !important;

    font-size:21px !important;
    line-height:1.15 !important;
    font-weight:700 !important;
}

.sokoli-shared-footer .sokoli-footer-grupa h3:before{
    content:"›" !important;

    position:absolute !important;

    left:0 !important;
    top:-1px !important;

    color:#1f8de4 !important;

    font-size:24px !important;
    line-height:1 !important;
    font-weight:400 !important;
}


/* ==========================================================
   LINKOVI - ZBIJENI REDOVI
   ========================================================== */

.sokoli-shared-footer .sokoli-footer-grupa a{
    position:relative !important;

    display:block !important;

    width:100% !important;

    margin:0 !important;
    padding:2px 0 2px 56px !important;

    color:#b9c1cb !important;

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

    text-decoration:none !important;

    transition:color .18s ease,transform .18s ease !important;
}

.sokoli-shared-footer .sokoli-footer-grupa a:before{
    content:"›" !important;

    position:absolute !important;

    left:29px !important;
    top:1px !important;

    color:#1878bd !important;

    font-size:20px !important;
    line-height:1 !important;
    font-weight:400 !important;
}

.sokoli-shared-footer .sokoli-footer-grupa a:hover{
    color:#ffffff !important;

    transform:translateX(3px) !important;
}

.sokoli-shared-footer .sokoli-footer-grupa a:hover:before{
    color:#39a9ff !important;
}


/* Elementor zna ubaciti P/UL/LI */
.sokoli-shared-footer .sokoli-footer-grupa p,
.sokoli-shared-footer .sokoli-footer-grupa ul,
.sokoli-shared-footer .sokoli-footer-grupa li{
    margin:0 !important;
    padding:0 !important;
}

.sokoli-shared-footer .sokoli-footer-grupa li{
    list-style:none !important;
    margin-bottom:2px !important;
    line-height:1.18 !important;
}


/* ==========================================================
   LAPTOP
   ========================================================== */

@media (min-width:1201px) and (max-width:1450px){

    .sokoli-shared-footer .sokoli-footer{
        padding:31px 22px 26px !important;
    }

    .sokoli-shared-footer .sokoli-footer > .elementor-container{
        width:calc(100% - 60px) !important;
        max-width:1080px !important;
    }

    .sokoli-shared-footer .sokoli-footer-red > .elementor-container{
        gap:62px !important;
    }

    .sokoli-shared-footer .sokoli-footer-grupa h3{
        font-size:19px !important;
        margin-bottom:7px !important;
    }

    .sokoli-shared-footer .sokoli-footer-grupa a{
        padding-top:2px !important;
        padding-bottom:2px !important;

        font-size:15px !important;
        line-height:1.16 !important;
    }
}


/* ==========================================================
   MANJI LAPTOP
   ========================================================== */

@media (min-width:1025px) and (max-width:1200px){

    .sokoli-shared-footer .sokoli-footer{
        padding:29px 20px 24px !important;
    }

    .sokoli-shared-footer .sokoli-footer > .elementor-container{
        width:calc(100% - 40px) !important;
        max-width:1000px !important;
    }

    .sokoli-shared-footer .sokoli-footer-red > .elementor-container{
        gap:48px !important;
    }

    .sokoli-shared-footer .sokoli-footer-grupa h3{
        font-size:18px !important;
        margin-bottom:6px !important;
    }

    .sokoli-shared-footer .sokoli-footer-grupa a{
        padding:1px 0 1px 50px !important;

        font-size:14px !important;
        line-height:1.15 !important;
    }

    .sokoli-shared-footer .sokoli-footer-grupa a:before{
        left:26px !important;
        top:0 !important;
    }
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (min-width:768px) and (max-width:1024px){

    .sokoli-shared-footer .sokoli-footer{
        padding:27px 18px 23px !important;
    }

    .sokoli-shared-footer .sokoli-footer > .elementor-container{
        width:calc(100% - 24px) !important;
        max-width:none !important;
    }

    .sokoli-shared-footer .sokoli-footer-red > .elementor-container{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:30px !important;
    }

    .sokoli-shared-footer .sokoli-footer-grupa{
        margin-bottom:12px !important;
    }

    .sokoli-shared-footer .sokoli-footer-kosarica{
        margin-top:12px !important;
    }

    .sokoli-shared-footer .sokoli-footer-grupa h3{
        font-size:17px !important;
        line-height:1.12 !important;

        margin-bottom:6px !important;
        padding-left:23px !important;
    }

    .sokoli-shared-footer .sokoli-footer-grupa h3:before{
        font-size:21px !important;
    }

    .sokoli-shared-footer .sokoli-footer-grupa a{
        padding:1px 0 1px 42px !important;

        font-size:13.5px !important;
        line-height:1.14 !important;
    }

    .sokoli-shared-footer .sokoli-footer-grupa a:before{
        left:21px !important;
        top:0 !important;

        font-size:18px !important;
    }
}


/* ==========================================================
   MOBITEL
   ========================================================== */

@media (max-width:767px){

    .sokoli-shared-footer .sokoli-footer{
        padding:24px 16px 21px !important;
    }

    .sokoli-shared-footer .sokoli-footer > .elementor-container{
        width:100% !important;
        max-width:none !important;
    }

    .sokoli-shared-footer .sokoli-footer-red > .elementor-container{
        grid-template-columns:1fr !important;
        gap:24px !important;
    }

    .sokoli-shared-footer .sokoli-footer-grupa{
        margin-bottom:10px !important;
    }

    .sokoli-shared-footer .sokoli-footer-kosarica{
        margin-top:10px !important;
    }

    .sokoli-shared-footer .sokoli-footer-grupa h3{
        margin-bottom:5px !important;
        padding-left:22px !important;

        font-size:17px !important;
        line-height:1.12 !important;
    }

    .sokoli-shared-footer .sokoli-footer-grupa a{
        padding:1px 0 1px 38px !important;

        font-size:13.5px !important;
        line-height:1.12 !important;
    }

    .sokoli-shared-footer .sokoli-footer-grupa a:before{
        left:18px !important;
        top:0 !important;
    }
}