/* =========================================================
   Tikkun Strategies Custom Styles
   =========================================================

   TABLE OF CONTENTS
   ---------------------------------------------------------
   1. Utilities
      1.1 Underlined Highlighted Text
      1.2 Slider Typography
   2. Global / Divi Main Menu
      2.1 Base Submenu Styles
      2.2 Active States
      2.3 Flatten Grandchild Menus
      2.4 Arrow Icons (Hide)
   3. Section Menus (Service & Footer)
      3.1 Desktop Styles
      3.2 Mobile Behavior
   4. Content Elements
   5. Stacking Context / Z-Index
*/

/* =========================================================
   1) UTILITIES
   ========================================================= */

/* 1.1 Underlined Highlighted Text (utility classes)
   Usage: wrap text in <span class="underline-blue"> … </span> */
.underline-blue {
  text-decoration: none;
  box-shadow: inset 0 -.5em 0 #0C0094;
  color: inherit;
}

.underline-orange {
  text-decoration: none;
  box-shadow: inset 0 -.5em 0 #f68b1f;
  color: inherit;
}

.underline-lightblue {
  text-decoration: none;
  box-shadow: inset 0 -.5em 0 #3bc9d9;
  color: inherit;
}

/* 1.2 Slider Typography */
.slider-small {
  font-family: "Montserrat", sans-serif;
  font-size: 60px;
  font-weight: 300;
  color: #ffffff;
}

.slider-big {
  font-family: "Montserrat", sans-serif;
  font-size: 76px;
  font-weight: 600;
  color: #ffffff;
}


/* =========================================================
   2) GLOBAL / DIVI MAIN MENU
   Target: Divi header menu and its dropdowns
   ========================================================= */

/* 2.1 Base Submenu Styles */
.et_pb_menu .sub-menu {
  display: inline-block !important;
  min-width: unset !important;
  width: auto !important;
  white-space: nowrap;
  padding: 0;
  background-color: #ffffff;
}

.et_pb_menu .sub-menu li {
  display: block;
}

.et_pb_menu .sub-menu li a {
  display: block;
  width: 100%;
  font-size: 17px !important;
  font-weight: 400 !important;
  color: #4d4d4d !important;
  background-color: transparent !important;
}

.et_pb_menu .sub-menu li a:hover {
  color: #3bc9d9 !important;
  background-color: transparent !important;
}

/* 2.2 Active States
   Note: scoped to the header menu instance (Divi adds IDs/classes) */
.et_pb_menu_1_tb_header.et_pb_menu ul.sub-menu li.current-menu-item > a,
.et_pb_menu_1_tb_header.et_pb_menu ul.sub-menu li.current-menu-ancestor > a {
  color: #3bc9d9 !important;
}

/* 2.3 Flatten Grandchild Menus (disable flyout; stack items)
   – Removes flyout positioning so grandchildren appear inline under their parent
   – Also removes borders/box-shadow artifacts
*/
.et_pb_menu .sub-menu .sub-menu {
  position: static !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

/* Visual indent for grandchild items */
.et_pb_menu .sub-menu .sub-menu li {
  padding-left: 1.5rem;
}

/* Grandchild link style */
.et_pb_menu .sub-menu .sub-menu li a {
  font-size: 15px !important;
  padding-left: 1rem !important;
  font-weight: 400 !important;
  background: transparent !important;
}

/* Ensure child <li> can contain the grandchild block */
.et_pb_menu .sub-menu > li {
  position: relative;
}

/* 2.4 Arrow Icons (Hide on items with children) */
.et_pb_menu .sub-menu > li.menu-item-has-children > a::after,
.et_pb_menu .sub-menu .sub-menu li.menu-item-has-children > a::after {
  content: none !important;
}


/* =========================================================
   3) SECTION MENUS (SERVICE & FOOTER)
   Context: Menus placed within page content (not the header)
   ========================================================= */

/* 3.1 Desktop Styles */
.service-menu .et_pb_menu__menu { text-align: left; }
.footer-menu  .et_pb_menu__menu { text-align: center; }

.service-menu .et_pb_menu__menu nav ul li,
.footer-menu  .et_pb_menu__menu nav ul li {
  display: block;
  width: 100%;
  margin: 10px 0;
}

/* Leading chevron for list-style look */
.service-menu .et_pb_menu__menu nav ul li a::before,
.footer-menu  .et_pb_menu__menu nav ul li a::before {
  content: ">";
  margin-right: 8px;
}

/* 3.2 Mobile Behavior
   Keep these menus expanded/visible on mobile */
@media (max-width: 980px) {
  .service-menu .et_mobile_nav_menu,
  .footer-menu  .et_mobile_nav_menu {
    display: none !important;
  }

  .service-menu .et_pb_menu__menu,
  .footer-menu  .et_pb_menu__menu {
    display: block !important;
  }

  .service-menu .et_pb_menu__menu nav,
  .footer-menu  .et_pb_menu__menu nav {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
  }
}


/* =========================================================
   4) CONTENT ELEMENTS
   ========================================================= */

.custom-portfolio-excerpt {
  font-size: 14px;
  color: #4d4d4d;
  margin-top: 5px;
  line-height: 1.7em;
}


/* =========================================================
   5) STACKING CONTEXT / Z-INDEX
   ========================================================= */

#tikkun-lightbox { z-index: 9999 !important; }
.et_fixed_nav #main-header { z-index: 1000 !important; }