/*
Theme Name: DNHH
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


/* Page Hero Shortcode */
.page-hero {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.page-hero .section-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.page-hero .section-bg-overlay {
  background-color: rgba(0, 0, 0, 0.45); /* Soft overlay to improve readability */
  z-index: 1;
}

.page-hero .bg-fill {
  background-size: cover;
  background-position: center;
}

.page-hero .section-content {
  position: relative;
  z-index: 2;
  width: 100%;
}

.page-hero .page-hero-breadcrumbs {
  margin-bottom: 10px;
}

.page-hero .page-hero-breadcrumbs .crumb,
.page-hero .page-hero-breadcrumbs .crumb a,
.page-hero .page-hero-breadcrumbs .crumb span,
.page-hero .page-hero-breadcrumbs .breadcrumb,
.page-hero .page-hero-breadcrumbs .breadcrumb a,
.page-hero .page-hero-breadcrumbs .woocommerce-breadcrumb,
.page-hero .page-hero-breadcrumbs .woocommerce-breadcrumb a,
.page-hero .page-hero-breadcrumbs .rank-math-breadcrumb,
.page-hero .page-hero-breadcrumbs .rank-math-breadcrumb a {
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 0.95rem;
  text-decoration: none;
}

.page-hero .page-hero-breadcrumbs a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}

.page-hero .page-hero-title h1 {
  font-size: 2.5rem;
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 15px;
  line-height: 1.25;
  font-weight: 700;
}

.page-hero .page-hero-subtitle p {
  color: rgba(255, 255, 255, 0.85);
  font-size: 1.1rem;
  line-height: 1.6;
  margin-bottom: 0;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.page-hero .page-hero-title h1 {
  font-size: 2rem;
}

.page-hero .page-hero-subtitle p {
  font-size: 1rem;
}
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}