@charset "UTF-8";
/* CSS Document */

/***********************************************
 * 1) MOBILE MENU — CLEAN WHITE DESIGN (CORRECTED)
 ***********************************************/

/* Mobile menu background → white */
#fh5co-menu-wrap {
  background: #ffffff !important;
}

/* Top-level items → black + uppercase */
#fh5co-menu-wrap > ul.sf-menu > li > a {
  color: #000000 !important;
  text-transform: uppercase !important;
}

/* Submenu items → black + normal capitalization */
#fh5co-menu-wrap ul.fh5co-sub-menu li a {
  color: #000000 !important;
  text-transform: none !important;
}

/* Divider lines → soft grey */
#fh5co-menu-wrap ul.sf-menu > li {
  border-bottom: 1px solid #e5e5e5 !important;
}

/* Remove FH5CO’s harsh white underline */
#fh5co-menu-wrap ul.sf-menu li a {
  border-bottom: none !important;
}

/* Hover/tap → Planterra green */
#fh5co-menu-wrap ul.sf-menu li a:hover,
#fh5co-menu-wrap ul.sf-menu li a:active {
  color: #2f4f2f !important;
}


/***********************************************
 * 2) HERO SLIDES — MOBILE TEXT SHRINKING
 ***********************************************/

@media screen and (max-width: 768px) {
  #fh5co-hero .slider-text-inner h2 {
    font-size: 24px !important;
    line-height: 1.25 !important;
    margin-bottom: 14px !important;
  }

  #fh5co-hero .slider-text-inner p {
    font-size: 15px !important;
    line-height: 1.3 !important;
  }

  #fh5co-hero .slider-text-inner .btn-lg {
    font-size: 15px !important;
    padding: 10px 18px !important;
  }
}


/***********************************************
 * 3) FIREFOX MOBILE FONT INHERITANCE FIX
 ***********************************************/

/* Force font-family into Flexslider injected nodes */
#fh5co-hero .slider-text-inner,
#fh5co-hero .slider-text-inner * {
  font-family: "Open Sans", "Montserrat", Arial, sans-serif !important;
}


/***********************************************
 * 4) NAV MENU — DESKTOP CLEANUP
 ***********************************************/

/* Desktop nav hover → Planterra green */
#fh5co-header nav ul li a:hover {
  color: #2f4f2f !important;
}

/* Remove weird spacing from FH5CO */
#fh5co-header nav ul li {
  margin: 0 !important;
  padding: 0 !important;
}


/***********************************************
 * 5) GENERAL CLEANUP — CONSISTENT LINK COLORS
 ***********************************************/

a {
  color: #2f4f2f;
}

a:hover {
  color: #1f351f;
}

/***********************************************
 * MOBILE OFFCANVAS MENU — CLEAN WHITE VERSION
 ***********************************************/

/* Offcanvas container background */
#offcanvas-menu {
  background: #ffffff !important;
}

/* Top-level items → black + uppercase */
#offcanvas-menu > ul.sf-menu > li > a {
  color: #000000 !important;
  text-transform: uppercase !important;
}

/* Submenu items → black + normal capitalization */
#offcanvas-menu ul.fh5co-sub-menu li a {
  color: #000000 !important;
  text-transform: none !important;
}

/* Divider lines → soft grey */
#offcanvas-menu ul.sf-menu > li {
  border-bottom: 1px solid #e5e5e5 !important;
}

/* Remove underline */
#offcanvas-menu ul.sf-menu li a {
  border-bottom: none !important;
}

/* Hover/tap → Planterra green */
#offcanvas-menu ul.sf-menu li a:hover,
#offcanvas-menu ul.sf-menu li a:active {
  color: #2f4f2f !important;
}

/***********************************************
 * MOBILE OFFCANVAS MENU — FIX SUBMENU OVERLAP
 ***********************************************/

/* Collapse all submenus by default */
#offcanvas-menu .fh5co-sub-menu {
  display: none !important;
}

/* Open submenu when parent is active */
#offcanvas-menu li.sfHover > .fh5co-sub-menu {
  display: block !important;
}

/* Spacing inside submenus */
#offcanvas-menu .fh5co-sub-menu li a {
  padding: 10px 20px !important;
  display: block;
}

/* Spacing between main items */
#offcanvas-menu > ul.sf-menu > li {
  padding-bottom: 8px;
}

/* Collapse all submenus by default */
#offcanvas-menu .fh5co-sub-menu {
  display: none !important;
}

/* Open submenu when parent <li> is active (FH5CO adds .active on tap) */
#offcanvas-menu li.active > .fh5co-sub-menu {
  display: block !important;
}

/* Ensure submenus push content down normally */
#offcanvas-menu li.active > .fh5co-sub-menu li a {
  display: block;
}