body {scroll-behavior: smooth;}

.c-item {
    height: 550px;
}   

.c-img {
    height: 100%;
    object-fit: cover;
    filter: brightness(0.6);
}

.textGreen {
    color: #08f742;
}

.bgGreen {
    background: #009f62;
    background: linear-gradient(90deg,#009f62 0%, #237d5a 61%);
}

.about {
    text-align: justify;
}

.refContent {
    background: #dfffef;
}

.card h5 {color: #237d5a}

img.orez {
    max-width: 400px;
    max-height: 300px;
    object-fit: cover;
}

a {
    color: #237d5a;
}

a:hover {
   color: #31ae7e; 
}

.nav-item a:hover {
    
    color: #08f742;
}

/*---------------------------------------------
fotogalerie
---------------------------------------------
*/

.galerie {
    padding: 10px 0;
}

.galerie img {
    max-width: 100%;
}

/**********************************************
 * miniatury
 * ********************************************/
 .miniatura {
    width: 180px;
    height: 180px;
    object-fit: cover;
 }

 @media only screen and (max-width: 640px) {
    .miniatura {
        width: 150px;
        height: 150px;
        object-fit: cover;
    }
}

/*************************************************************/

#kontakt {
    background-image: url(../img/kontakt-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/**************** Patička *************************************/

footer {
    color: #cfcfcf;
    font-size: 90%;
}


/****** BUTTON VZHURU *****************************************************************************/
#topBtn {
  position: fixed; /* Fixed/sticky position */
  bottom: 60px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 999; /* Make sure it does not overlap */
  font-size: 40px; /* Increase font size */
  display: none;
  cursor: pointer;
  color: #00601d;
}



/********** Animace elementu pro Waypoint *******************************************************/

/* Počáteční stav obrázku - před animací */
div.animOnScroll, img.animOnScroll {
    opacity: 1; /* Začíná neviditelný */
    /*transform: translateY(50px); /* Mírně posunutý dolů (nebo jiný efekt, např. scale(0.9)) */
    transform: rotateY(180deg);
    transition: opacity 2.8s ease-out, transform 2.8s ease-out; /* Plynulý přechod */
}

/* Konečný stav obrázku - po aktivaci animace */
div.animOnScroll.is-visible, img.animOnScroll.is-visible {
    opacity: 1; /* Stane se viditelným */
    /*transform: translateY(0); /* Vrátí se na původní pozici */
    transform: rotateY(0);
}