/* 

============ PARALLAX ============

.parallax-container {
  position: relative;
  overflow: hidden;
  height: 60vh;
}

.parallax-container .parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.parallax-container .parallax img {
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  transform: translate3d(0, 0, 0);
  transform: translateX(-50%);
}

main {
  overflow: hidden;
}

============ HTML ============

<div class="parallax-container">
  <div class="parallax"><img src="img/imagen.jpg"></div>
</div>

*/

/**************************************/
/************** CUSTOM ****************/
/**************************************/

body {
  font-family: 'Outfit', sans-serif;
}

h1,h2,h3,h4 {
  color:#5b8369;
}

.h-100vh {
  height: 100vh;
}

.bg-celeste {
  background-color: #ffffff;
}

.bg-naranja {
  background-color: #5b8369;
}

.bg-verde {
  background-color: #5b8369;
}

.bg-verde-custom {
  background-color: #5b8369;
}

.bg-verde-oscuro, .tabs-semana .btn-activo {
  background-color: #5b8369;
}

.text-verde, .tabs-semana button {
  color: #5b8369;
}

.text-azul {
  color: #22408a;
}

.text-gris {
  color: #6E726E;
}

.text-naranja {
  color: #EA5B3A !important;
}

.tabs-semana .btn-activo {
  color: #fff;
}

.bg-patron, body, .page-index, .page-semanas, .page-semana {
  background-image: url("../img/fondo.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.logo-menu {
  width: 130px;
}

.food {
  width: 45px;
  margin-right:10px;
}

.hvr-grow-custom {
  transition: 0.5s;
}

.hvr-grow-custom:hover {
  transform: scale(1.05);
}

.form-control {
  font-size: 1.5rem;
}

.form-control-registro {
  border: 1px solid #B2D8AC;
  background-color: #F4F9F3;
  font-size: 1.5rem;
}

.thumb-perfil-salud {
  height: 250px;
  object-fit: cover;
}

.feedback {
  position:absolute;
  left:-13px;
  bottom:30px;
}

.feedback img {
  width:60px
}