/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

@media (min-width: 992px) {
  #header.hover-light.transparent-header.floating-header .container-fluid, #header.sticky-header.transparent-header.floating-header .container-fluid {
    background-color: #f4c140 !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
  }
}

.breadcrumb a {
  color: var(--bs-white);
}

.text-white-50 {
  
  color: white !important;
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-white);
  content: var(--bs-breadcrumb-divider, "/");
}

.breadcrumb-item.active {
  color: var(--bs-white);
}

.not-dark {
  --cnvs-loader-color: var(--bs-white);
}

.menu-item.current > .menu-link {
  color: var(--cnvs-primary-menu-active-color);
}

@media (min-width: 992px) {
  .menu-container:hover > .menu-item:not(:hover):not(.active) > .menu-link {
    color: #FFF;
  }
}

.menu-item:hover > .menu-link {
  color: #EF6292;
}

.menu-item.current > .menu-link {
  color: #EF6292;
}