@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700;900&display=swap');

body {
font-family:Poppins;

}

footer {
    bottom: 0 !important;
}

.carousel-item img {
    width: 100%;
    max-height: 600px !important;
    object-fit: cover;
}

.carousel:hover {
    pointer-events: auto;
}

.carousel-item {
    transition: transform 0s ease;
}

.team-section {
    padding: 50px 0;
}

.team-member {
    text-align: center;
}

    .team-member img {
        border-radius: 50%;
        width: 100px;
        height:auto;
        object-fit: cover;
        padding-bottom:15px;
    }

    .team-member h5 {
        margin-top: 15px;
        font-weight: bold;
    }

.slider:hover .slides {
    animation-play-state: running; /* Omogućava nastavak animacije tokom hovera */
}



.pacifico-regular {
    font-family: "Pacifico", cursive;
    font-style: normal;
}

h1{
    font-weight: 600;
    font-size: 7vw;
    font-family: Pacifico;
    margin-bottom: 30px;
    text-shadow: gold 0 0 5px;
}
h2 {
    font-weight: 600;
    font-size: 5vw;
    font-family: Pacifico;
    margin-bottom: 30px;
    text-shadow: rgb(237, 176, 33) 3px 3px 1px;
}

h3 {
    text-align: center;
    font-size: 60px;
    margin-bottom: 0 !important;
    font-family:Pacifico;
    color:white;
}



#carouselExampleIndicators {
    position: relative;
}


.carousel-caption {
    bottom: 0;
    font-family: Pacifico;
    opacity: 0.9;
}

h5 {
    font-family: 'Poppins', sans-serif;
    font-size: 15px; /* ili bilo koja druga vrednost koju želite */
}

.text1 {
    font-family: 'Poppins', sans-serif;
    margin-left: 1.5vw;
    margin-right: 1.5vw;
    font-size: 15px;
    font-weight: 500;
}

.text2 {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 2vw;
    list-style-type: none;
}

    .text2 a {
        color:darkorange !important;}

hr {
    color: gold;
    border: 1px solid black;
}

.aboutus {
}

    .aboutus img {
        padding: 15px;
        background: linear-gradient( #edb021, #ff9100, #d47800);
        width: 100% !important;
        height: auto !important;
        object-fit: cover;
        border-radius: 50%;
    }



.textanimated {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    font-weight: 900;
    text-align: center;
    font-size: 1.2vw;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    background: linear-gradient(90deg, #edb021, #000, #ff9100);
    letter-spacing: 0.2vw;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-repeat: no-repeat;
    background-size: 80%;
    animation: shine 15s linear infinite;
}

@keyframes shine {
    0% {
        background-position-x: -500%;
    }

    100% {
        background-position-x: 500%;
    }
}

.pacifico-regular {
    font-family: "Pacifico", cursive;
    font-style: normal;
}

.sentence {
    background-color: rgb(237, 176, 33);
    text-align:center;
}

    .sentence h1 {
        padding-top: 30px;
        font-family: Pacifico;
        font-size: 50px;
        color: white;
        font-weight: 500;
        text-shadow: darkgoldenrod 0 0 0;
        margin-bottom: 30px;
    }

    .sentence p {
        margin: 10px;
        text-align: center;
        margin-left: 70%;
        font-family: Pacifico;
        font-size: 25px;
        color: white;
    }

    .sentence h5 {
        text-align: justify;
        margin-left: 8vw;
        margin-right: 8vw;
        font-size: 20px;
        margin-top: 5vw;
        margin-bottom: 0 !important;
        padding-bottom: 70px;
        color: wheat;
        font-weight: 500;
    }

.razmak {
}

.razmak p hr{
   margin-left:1vw; margin-right:1vw
}


.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25); /* Poluprovidni crni overlay */
    pointer-events: none; /* Omogućava da korisnik i dalje može kliknuti na elemente ispod */

}

.galleryhead {
    color:black;
    font-weight: 600;
    font-size: 6vw;
    font-family: Pacifico;
    padding-bottom: 30px;
    background-color: rgb(237, 176, 33);
}

.gallery {
    display: flex; /* Koristi flexbox za raspored */
    flex-wrap: wrap; /* Omogućava prelamanje */
    justify-content: flex-start; /* Poravnava slike levo */
}

.gallery-item {
    display: block; /* Prikazuje slike kao blok */
    max-width: 100%; /* Osigurava da slike ne izlaze iz okvira */
    margin-bottom:20px;
}

    .gallery-item img {
        padding: 5px;
        background-color: rgba(158, 111, 2, 0.5);
        width: 100%;
        transition: transform 0.2s; /* Efekat prilikom hover-a */
    }

        .gallery-item img:hover {
            transform: scale(1.05); /* Uvećanje slike pri hover-u */
        }

.custom-modal-image {
    width: 100%; /* Prilagođava sliku unutar modala */
    height: auto;
}

.socialmedia {
    margin-left: 20vw;
    margin-right: 20vw;
}
    .socialmedia img {
        transition: all ease-in-out 0.5s;
    }

    .socialmedia img:hover {
        transform: scale(1.15);
    }

#scrollToTopBtn {
    position: fixed; /* Pozicija fiksna */
    bottom: 20px; /* Udaljenost od donjeg dela stranice */
    right: 20px; /* Udaljenost od desnog dela stranice */
    display: none; /* Prikazivati ga samo kada korisnik skroluje */
    background-color: #edb021; /* Pozadinska boja dugmeta */
    border: none; /* Bez okvira */
    color: white; /* Boja teksta */
    padding: 10px; /* Unutrašnja margina */
    border-radius: 50%; /* Okrugli oblik */
    cursor: pointer; /* Kursor se menja u rukicu pri pregledu */
    font-size: 24px; /* Veličina fonta */
    text-align: center; /* Centriranje teksta */
    transition: background-color 0.3s; /* Animacija pri promeni boje */
}

    #scrollToTopBtn:hover {
        background-color: #d17a00; /* Tamnija nijansa na hover */
    }

.privacytext {
    text-align:center;
}

    .privacytext h3 {
        margin-left: 8vw;
        margin-right: 8vw;
        font-size: 15px;
        margin-bottom: 3vw;
        font-family: Poppins;
        font-weight: 700;
        border-top: 1px solid black;
        padding-top: 3vw;
    }


.maps {


}
    .maps img {
        width: 100%;
        max-height: 90vh !important;
        object-fit: contain;
    }

    .maps hr {
        margin:2vw;
    }

.text2 li {
    position: relative;
    padding-left: 40px; /* Prostor za sliku */
    margin-right: 7vw;
    transition: all ease-in-out 0.5s;
}

    .text2 li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 30px; /* Širina slike */
        height: 30px; /* Visina slike */
        background-size: contain;
        background-repeat: no-repeat;
    }
    .text2 li:hover {
        transform: scale(1.05);
        transition: all ease-in 0.5s;
    }

    .text2 li:nth-child(1)::before {
        background-image: url('/pictures/redpointer.png'); /* Prva stavka - crveni pointer */
    }

    .text2 li:nth-child(2)::before {
        background-image: url('/pictures/bluepointer.png'); /* Druga stavka - plavi pointer */
    }

    .text2 li:nth-child(3)::before {
        background-image: url('/pictures/whitepointer.png'); /* Treća stavka - beli pointer */
    }

.text2 a {
color:black;
text-decoration:none;

}
@media (max-width: 900px) {
    .aboutus img {
        width: 75% !important;
    }

    .text2 {
        font-size: 12px;
    }

    .text1 {
        font-size: 10px;
    }

    h1 {
        font-size: 13vw;
    }

    h2 {
        font-size:7vw;
    }

    .privacytext h3 {
        font-size: 10px;
    }
    .team-member img {
    width: 80px;
    
    }
    .text2 li:hover {
        transform: scale(1.03)
    }
    .galleryhead {
        font-size:10vw;
    
    }
    .sentence h5 {
    
        font-size:10px;
    }
    .sentence h1 {
        font-size: 20px;
        margin-left: 10px;
        margin-bottom: 30px;
        margin-bottom: 15px;
    }

    .sentence p {
        margin-top:0;
        font-size:15px;
    }

    h3 {
        font-size:22px;    
    }

    }