/*



Theme Name:   Luna By Dagoba



Description:  Dagoba Child Theme



Author:       Daniel Badillo



Author URI:   http://yosoycoapa.com



Template:    aquabydagoba



Version:      0.1.3



License:      GNU General Public License v2 or later



License URI:  http://www.gnu.org/licenses/gpl-2.0.html



Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments



Text Domain:  luna-by-dagoba



/* 576px, 768px , 1024px, 1200px, 1440px, 1920px */

/* 

*

*ADMIN

*

*/

/* 

*********************************************************************************************

*********************************************************************************************

*/
#maquillaje-carrousel-wrapper .maquillaje-carrousel.carousel-control-prev, #maquillaje-carrousel-wrapper .maquillaje-carrousel.carousel-control-next {
  background-color: #050505 !important;
}
body,
html {
  margin: 0;

  padding: 0;

  width: 100vw;

  overflow-x: hidden;

  min-height: 100vh;
}

.bi {
  vertical-align: -0.125em;
  fill: #d1c38f;
}
a.nav-link.p-0 {
  color: #d1c38f;
}
.parallax-section {
  /* Ajusta la altura según sea necesario */

  height: 400px;

  /* Agrega la imagen de fondo y configura su visualización */

  background-size: cover;

  background-position: center;

  /* Configura la imagen de fondo como fija para el efecto de parallax */

  background-attachment: fixed;
}

section#Products {
  position: relative; /* Asegura que el contenido superpuesto esté correctamente posicionado */
  background-image: url(https://moonvanity.com.mx/wp-content/uploads/2024/03/Se-2.jpg);
  background-size: cover; /* Ajusta la imagen para cubrir completamente el contenedor */
  background-repeat: no-repeat; /* Evita que la imagen se repita */
}

section#Products::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgb(0 0 0 / 0%), rgb(0 0 0 / 78%));
  z-index: 0;
}

.dgb-products-advice {
  background-color: unset !important;
  color: #fff !important;
  opacity: 1 !important;
  z-index: 5;
  position: relative;
}

.d-flex.flex-column.flex-sm-row.justify-content-between {
  margin-right: 22px;
  margin-top: 25px;
}

/* Estilo para cambiar el color del texto en el menú de navegación */

nav .nav-link {
  color: #e8d89b !important; /* Cambia el color del texto según tus preferencias */
}

.navbar-brand {
  color: #8e6219 !important;

  margin-left: 0.5em;
}

a.navbar-brand img {
  width: 80px !important;

  height: 75px;
}

.dropdown-item {
  color: #e8d89b !important; /* Cambia el color del texto según tus preferencias */
}

.dropdown-item.active,
.dropdown-item:active {
  color: #000000 !important;

  text-decoration: none;

  background-color: #ffc107;
}

div.brand-space-none {
  display: none !important;
}


.featurette-divider {
  margin: 5rem 0;
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: .25;
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
}

@media only screen and (min-width: 768px) {
  .aqua-container {
    height: 600px !Important;
}
 
  .carousel-caption {
    position: absolute;
    bottom: 6rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #000;
    text-align: start;
    /* background-color: #0000000f; */
    left: 2%;
    right: 0%;
    max-width: 30%;
  }
  p.p-people-intro {
    height: auto;
  }
  button.carousel-control-prev {
    width: 56px;
}
button.carousel-control-next {
  width: 56px;
}
}

@media only screen and (min-width: 992px) {
  p.p-people-intro {
    height: 200px;
  }

  

  /* #slider1 .carousel-item {
    height: calc(100vh - -100px);
    max-height: 772px;
} */

  section#Colors {
    padding: 120px 0;
  }

  /* div#carouselCaptions {

    border-bottom: 10px solid #3e3d34;

  } */
}

@media only screen and (min-width: 1200px) {

 /* For desktop square: */

 .navbar-brand {
  margin-right: 3em;

  margin-left: 1.5em;
}

a.navbar-brand img {
  width: 117px !important;

  height: 110px;
}

 

  div#brand-space {
    width: 90px;
  }

  .bg-brand-logo-block {
    margin-top: 71px;

    background-color: #212529;

    width: 142px;

    height: 139px;

    padding-top: 11px;

    border-radius: 110px;

    box-shadow: 0px 8px 16px 0px #3f3b3b;

    display: block;
  }

  /* Tamaño reducido de la imagen */

  .navbar-brand.smaller {
    margin-left: 13px;
  }

  .navbar-transparent {
    background-color: rgba(0, 0, 0, 0.7) !important;

    height: 80px;
  }

  .navbar {
    transition: background-color 0.3s ease; /* Transición suave para el color de fondo */
  }

  .navbar-brand img,
  .navbar-brand {
    transition: all 1.8s ease; /* Transición suave para el tamaño y otros estilos */
  }


  #slider1 .carousel-item {
    margin-top: -227px;
  }
  /* For desktop hd: */
}