/* section#sp-main-body {
    background-color: #FFFFFF;
}

#sp-header .logo a {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 2.4rem;
    letter-spacing: 0.5px;
}

.sp-megamenu-parent>li.active>a {
    font-weight: 500;
    letter-spacing: 0px; 
    font-size: 1.6rem;
    display: inline-block; 
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.sp-megamenu-parent>li.active:hover>a, .sp-megamenu-parent > li > a:hover  {


    letter-spacing: 0.5px;
    transform: scale(1.05); 
}

span.sp-menu-heading {
    font-weight: 500;
    font-size: 1.6rem;
    color: #FFFFFF !important;
    letter-spacing: 0px; 
    display: inline-block; 
    
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    color: #FFFFFF;
}

span.sp-menu-heading:hover{
    letter-spacing: 0.5px;
    transform: scale(1.05); 
}


#qx-column-eesqy .qx-column-eesqy-background-overlay {
    border-radius: 20px;
}

@media (max-width: 1199px) {
    #sp-header.full-header {
        background-color: #FF6600 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    #sp-header {
        padding: 0px 0;
        height: auto;
    }
    #sp-header .logo a {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 2.0rem;
    letter-spacing: 0.5px;
    }
}
@media screen and (width: 1024px) and (height: 1366px) {
    nav.sp-megamenu-wrapper.d-flex {
    display: none !important;
    }
}

div#event {
    padding-top: 5vh;
}
h4.date {
    display: none !important;
} */
/* HAMBURGER OFFCANVAS STARI MODER DESIGN */
/* .qx-offcanvas-bar.qx-offcanvas-bar-animation.qx-offcanvas-slide, .offcanvas-menu {
    background-color: #102E50;
    border: solid 1px #fff;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, 
.offcanvas-menu .offcanvas-inner ul.menu>li span, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus,
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
color: #FFF;

} */

/* span.menu-toggler {
    color: #FFF !important;
} */

/* .eis-hero-fotka {
    border-radius: 20px !important;
}



.qx-offcanvas-bar.qx-offcanvas-bar-animation.qx-offcanvas-slide, .offcanvas-menu {
    background-color: #ff7b3b;
    border: solid 1px #102E50;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active>a {
    color: #102E50 !important;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: #FFF;
}
.logo a {
    color: #FFF !important;
    font-size: x-large;
}
.offcanvas-menu .offcanvas-inner .sp-contact-email a {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 0.8rem;
}
.offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas {
    color: #FFFFFF;
}
#qx-joomla-menu-a1uhg ul.qx-nav.qx-flex-column> li.qx-active> a, #qx-joomla-menu-a1uhg-offcanvas .qx-offcanvas-bar ul.qx-nav> li.qx-active> a{
    color: #FFFFFF !important;
} */

/* ------------------------------------------------------------ */
/* TERRALUX  */


header#sp-header {
    background-color: #010101 !important;
}
.burger-icon>span {
    background-color: #FFF !important;
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    color: #fdec00;
}

.sp-megamenu-parent>li>a {
    color: #FFF;
}
.sp-megamenu-parent>li>a:hover {
    color: #fdec00;
}

#sp-footer1 {
    background-color: #010101 !important;
}

.offcanvas-menu {
    background-color: #010101;
    color: #FFF;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: #fdec00;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #FFF;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active>a {
    color: #fdec00 !important;
}

.offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, 
.offcanvas-menu .fas, .offcanvas-menu .offcanvas-inner a {
    color: #FFF;
}
.offcanvas-menu .fa:hover, .offcanvas-menu .fab:hover, .offcanvas-menu .far:hover, 
.offcanvas-menu .fas:hover, .offcanvas-menu .offcanvas-inner a:hover {
    color: #fdec00;
}
span.sp-menu-heading {
    color: #FFF;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
span.sp-menu-heading:hover {
    color: #fdec00;
}

.sp-module ul>li>a:hover {
    color: #010101;
}

span.menu-toggler {
    color: #FFF !important;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    color: #FFF !important;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a:hover {
    color: #fdec00 !important;
}

.qx-joomla-menu-offcanvas .qx-offcanvas-bar ul.qx-nav.qx-flex-column > li.qx-parent > a::after {
    background-color: #FFF !important;
    border-radius: 2rem;
}

.sodelovanje a
{
    color: #fdec00;
    text-shadow: 1px 1px 1px black;
    font-size: 1.2rem;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.sodelovanje a:hover  {
    letter-spacing: 0.5px;
    transform: scale(1.05); 
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.skice a
{
    color: #fdec00;
    text-shadow: 1px 1px 1px black;
    font-size: 1.2rem;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}