/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

#index body, #index main {
    background-color: var(--bg-white);
}

.dancing-script {
  font-family: "Dancing Script", cursive;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.color-dark {
    color: var(--fg);
    background-color: var(--bg);
}

.color-light {
    color: var(--bg);
    background-color: var(--fg);
}

.color-pink {
    color: var(--pink);
}

.color-purple {
    color: var(--purple);
}

.color-blue {
    color: var(--blue);
}

.color-white {
    color: var(--bg-white);
}
.color-black {
    color: black;
}


#pokrovitelji, #pokrovitelji main {
    color: var(--fg);
    background-color: var(--bg);
}

#pokrovitelji-container {
    text-align: center;
    background-color: var(--bg-white);
    margin-top: 82px;
}

#pokrovitelji-container img {
    max-width: 10em;
    max-height: 10em;
    object-fit: scale-down;
}

.magnific-gallery img {
    max-width: 100%;
    object-fit: scale-down;
    max-height: 15.728em;
}

#galerija, #galerija main {
    color: var(--fg);
    background-color: var(--bg);
}

#galerija main {
    margin-top: 82px;
}

.program, .program main {
    color: var(--fg);
    background-color: var(--bg); 
}

#page {
    margin-top: 6rem;
}

/* .program h1, .program h2, .program h3, .program h4, .program h5, .program h6 {
    color: var(--fg);
} */

#o-name main {
    background-color: var(--bg);
}

a.box_news figure figcaption img {
    width: 60px;
}

.vegas-animation-eluvade {
    animation: eluvade ease-in-out;
}

@keyframes eluvade {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes eluvade-reverse {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.2);
    }
}

.webshop img {
    transition: transform .2s;
}

.webshop img:hover {
    transform: scale(1.04);
}

.pokrovitelji {
    display: flex;
    justify-items: center;
    align-items: center;
}

.pokrovitelji img {
    max-height: 120px;
    max-width: 100%;
}

.pokrovitelji li {
    padding: 0 10px!important;
}

.pokrovitelji {
    width: 100%;
}

@media only screen and  (max-width: 575px) {
    .pokrovitelji {
        flex-wrap: wrap;
    }
}

.index-galerija {
    background-color: var(--bg);
    color: white;
}

.img-blog {
    max-height: 475px;
}

#za-download img {
    max-width: 100%;
}