/*Animations*/
.fadeinleft {
    opacity:0;
    transform: translateX(200px);
    transition: all 1.3s ease-out;
}

.fadeinright{
    opacity: 0;
    transform: translateX(-200px);
    transition: all 0.8s ease-out;
}

.fadeindown{
    opacity: 0;
    transform: translateY(-100px);
    transition: all 1.2s ease-out;
}

.fade-in{
    opacity:0;
    transition: all 1.3s ease-in;
}

.active-left,.active,.active-right,.active-down{
    opacity:1;
    transform: translateX(0);
    transform: translateY(0);
}



.fadein{
opacity: 0;
}   


/* End Animations*/



  #mainNavbar .nav-link:hover {
      color: rgb(171, 138, 98) !important;
    }
    #mainNavbar .btn:hover {
      background-color: #b48b61cc !important; 
    }


.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=UTF8,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cline stroke='rgb(171,138,98)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' x1='4' y1='7' x2='26' y2='7' /%3e%3cline stroke='rgb(171,138,98)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' x1='4' y1='15' x2='26' y2='15' /%3e%3cline stroke='rgb(171,138,98)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' x1='4' y1='23' x2='26' y2='23' /%3e%3c/svg%3e");
}




/* Animacion fade-in */
@keyframes fadeUpScale {
  0% {
    opacity: 0;
    transform: translate(-50%, 30px) scale(0.95);
  }
  60% {
    opacity: 1;
    transform: translate(-50%, -5px) scale(1.02);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
  }
}
.animate-caption {
  opacity: 0;
  position: relative;
}
.carousel-item.active .animate-caption {
  animation: fadeUpScale 1.2s ease forwards;
}


html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.carousel-caption h1 {
    font-family: 'Jost', sans-serif;
    animation: fadeInUp 1s ease forwards;
    opacity: 0;
}


  .carousel-caption p {
     font-family: 'Jost', sans-serif;
    animation: fadeInUp 1s ease forwards;
    animation-delay: 0.5s;
    opacity: 0; 
  }

      .hover-underline:hover {
      text-decoration: underline;
      text-underline-offset: 4px;
      transition: text-decoration 0.3s ease;
      color: rgb(171, 138, 98) !important; 
    }


 
.navbar-nav .nav-link.active {
    color: rgb(171, 138, 98) !important;
}





