/* ==================================================
   SAY MAKEUP ARTIST | HOMEPAGE CSS (CLEANED)
   Consolidated from the supplied Additional CSS.
   Keep a backup before replacing the live CSS.
   ================================================== */

@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;500&display=swap');

/* 01. HEADER & NAVIGATION */
.site-header { display: none; }

.nav-primary .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}

.nav-primary .wrap::before {
  content: "SAY MAKEUP ARTIST";
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 3px;
  color: #756E68;
  white-space: nowrap;
}

.nav-primary .genesis-nav-menu { width: auto; margin: 0; }

/* 02. HOMEPAGE GENERAL SPACING */
.home .home-slider {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.home .site-inner {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.ivy-home .site-inner { margin-bottom: 0 !important; }
.home .site-container { padding-bottom: 0 !important; }

/* 03. FRONT PAGE 1 | INTRO */
.home #front-page-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #F1EDEC !important;
}
.home #front-page-1 .wrap {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #F1EDEC !important;
}
.home #front-page-1 .widget,
.home #front-page-1 .widget_custom_html {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.home #front-page-1 .widget_custom_html,
.home #front-page-1 .widget_custom_html > div {
  background-color: #F1EDEC !important;
}
.home #front-page-1 .widget_custom_html > div {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* 04. FRONT PAGE 2 | ABOUT / MEET ELLY */
.home #front-page-2,
.home #front-page-2 .wrap,
.home .front-page-2,
.home .front-page-2 .wrap {
  background-color: #F1EDEC !important;
}
.home #front-page-2 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.home #front-page-2 .flexible-widgets {
  display: flex !important;
  align-items: center !important;
}
.home #front-page-2 .widget_media_image img {
  width: 350px !important;
  max-width: 100% !important;
  height: auto !important;
}
.home #front-page-2 .widget-title,
.home #front-page-2 h1,
.home #front-page-2 h2,
.home #front-page-2 h3 {
  font-family: 'Bodoni Moda', Georgia, serif !important;
  font-size: 40px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  color: #383331 !important;
}

/* 05. FRONT PAGE 3 | MY FEATURED WORK */
.home #front-page-3,
.home #front-page-3 > .wrap,
.home #front-page-3 .flexible-widgets {
  background-color: #FAF9F8 !important;
}
.home #front-page-3 .wrap {
  max-width: 900px !important;
  margin: 0 auto !important;
}
.home #front-page-3 .flexible-widgets {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 30px 24px !important;
}
.home #front-page-3 .flexible-widgets > .widget {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
}
.home #front-page-3 .flexible-widgets > .widget_custom_html {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  text-align: center;
}
.home #front-page-3 .widget_custom_html h2 {
  font-family: 'Bodoni Moda', Georgia, serif !important;
  font-size: 40px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  color: #383331 !important;
}
.home #front-page-3 .featuredpage,
.home #front-page-3 .featuredpage .widget-wrap,
.home #front-page-3 .featuredpage .entry,
.home #front-page-3 .featuredpage .entry-header {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.home #front-page-3 .featuredpage img {
  display: block;
  width: 100%;
  height: auto;
  border: none !important;
  box-shadow: none !important;
}
.home #front-page-3 .featuredpage .entry-title,
.home #front-page-3 .featuredpage .entry-title a,
.home #front-page-3 .featuredpage .page-title,
.home #front-page-3 .featuredpage .page-title a {
  font-family: 'Bodoni Moda', Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: 1px !important;
  color: #383331 !important;
}
.home #front-page-3 .featuredpage .entry-title {
  background: transparent !important;
  border: none !important;
  padding: 12px 0 0 !important;
  margin: 0 !important;
  text-align: center !important;
}
.home #front-page-3 .featuredpage .entry-title a {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* 06. FRONT PAGE 4 | SERVICE & PRICE */
.home #front-page-4 .flexible-widgets { display: block !important; }
.home #front-page-4 .flexible-widgets > .widget { width: 100% !important; }
.home #front-page-4 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  background-color: #F1EDEC !important;
  background-image:
    linear-gradient(
      to right,
      rgba(241,237,236,0) 0%,
      rgba(241,237,236,0.25) 20%,
      rgba(241,237,236,0.85) 45%,
      #F1EDEC 65%
    ),
    url('https://saymakeupartist.com/wp-content/uploads/2026/10/Unknown-4.png') !important;
  background-size: cover !important;
  background-position: left center !important;
  background-repeat: no-repeat !important;
}
.home #front-page-4 .service-lace-fade {
  background: transparent !important;
  background-position: left center !important;
}
.home #front-page-4 .elementor-widget-icon-list .elementor-icon-list-item a {
  display: flex !important;
  flex-direction: row-reverse !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.home #front-page-4 h2.e-heading-base {
  color: #383331 !important;
  font-family: 'Bodoni Moda', Georgia, serif !important;
}
.home #front-page-4 .elementor-widget-heading h2 {
  font-family: 'Bodoni Moda', Georgia, serif !important;
  font-size: 40px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  color: #383331 !important;
}
/* Text position and image size remain controlled by Elementor. */

/* 07. FRONT PAGE 5 | BRIDAL TRIAL */
.home #front-page-5 .flexible-widgets { display: block !important; }
.home #front-page-5 .flexible-widgets > .widget { width: 100% !important; }
.home #front-page-5 .elementor-widget-image img {
  width: 350px !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}
.home #front-page-5 .elementor-widget-icon-list .elementor-icon-list-item a {
  display: flex !important;
  flex-direction: row-reverse !important;
  justify-content: space-between !important;
  align-items: center !important;
}

/* 08. FRONT PAGE 6 | CLIENT REVIEWS */
.home .front-page-6,
.home .front-page-6 .wrap {
  background-color: #F1EDEC !important;
}
.home .front-page-6 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.home .elementor-widget-testimonial-carousel .elementor-main-swiper {
  padding-bottom: 10px !important;
  overflow: hidden !important;
}
.home .elementor-widget-testimonial-carousel .elementor-testimonial__text {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/* 09. GUIDES | EXISTING SELECTORS PRESERVED
   Verify #front-page-6 is actually the Guides section;
   this ID is also used above for Reviews in the source. */
.home #front-page-6 .say-guides-fullwidth {
  position: relative !important;
  width: 100vw !important;
  max-width: none !important;
  left: 50% !important;
  margin-left: -50vw !important;
  transform: none !important;
  min-height: 540px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
}
.home #front-page-6 img.e-image-base {
  display: block !important;
  width: auto !important;
  height: 380px !important;
  max-height: 380px !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

/* 10. MOBILE */
@media (max-width: 767px) {
  .home #front-page-3 .flexible-widgets {
    grid-template-columns: 1fr !important;
  }
}
/* My Featured Work — Full Width Background */

.home #front-page-3 {
    width: 100vw !important;
    max-width: none !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-left: 0 !important;
    background-color: #FAF9F8 !important;
}

.home #front-page-3 > .wrap {
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}