/* Extra custom style */

html {
  scroll-behavior: smooth;
}

body {
  font-family:'Plus Jakarta Sans',sans-serif;
 
}

:root{
    --main-color:#697857;
    --main-color-light: #E9EEE7
}

/* háttér */
.bg-main{
    background-color:var(--main-color);
}
.bg-light{
background-color:var(--main-color-light);
}



/* SECTION SYSTEM */

.section {
  padding: 6rem 1.5rem;
}

@media (min-width: 768px) {
  .section {
    padding: 8rem 1.5rem;
  }
}

@media (min-width: 1024px) {
  .section {
    padding: 10rem 2rem;
  }
}

/* container */
.container {
  max-width: 72rem;
  margin: 0 auto;
  width: 100%;
  padding: 0 1.5rem
}

/* backgrounds */
.section-white {
  background: white;
}

.section-light {
  background: var(--main-color-light);
}




/* szöveg */
.text-main{
    color:var(--main-color);
}

.text-light{
  color:var(--main-color-light)
}



.section-hero {
  padding-top: 5rem;
  padding-bottom: 4rem;
}

.parallax-section {
  background-image: url("/assets/image/forestRoad.jpg");
}

.card {
  padding: 2rem;
  transition: all 300ms;
}

.card:hover {
  transform: translateY(-0.25rem);
}

.card-title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.375;
}

.card-text {
  margin-top: 1.25rem;
  font-size: 1.125rem;
  line-height: 1.75;
  color: var(--main-color);
}


@keyframes slideLeft {
  from { opacity: 0; transform: translateX(-40px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes slideRight {
  from { opacity: 0; transform: translateX(40px); }
  to { opacity: 1; transform: translateX(0); }
}

.reveal-left.active {
  animation: slideLeft 0.6s ease-out forwards;
}
.reveal-right.active {
  animation: slideRight 0.6s ease-out forwards;
}



/* nincs szükség extra CSS, csak opcionális global fade class */
.fade-in-on-scroll.show {
  opacity: 1;
  transform: translateY(0);
}



@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.animate-scroll {
  animation: scroll 50s linear infinite;
}