/*
Theme Name: Divi Child Theme
Version: 2.0
Description: Basic Child Theme by JoshHall.co
Author: Josh Hall
Template: Divi
Author URL: https://joshhall.co
*/
 
/* TEMP TEST */
/*
body::before{
  content:"Child CSS loaded";
  position: fixed; top: 6px; left: 6px;
  padding: 2px 6px; background: #000; color:#fff; font: 12px/1.2 sans-serif;
  z-index: 999999;
}
*/


/*------- Theme Customizations------- */

/* Keep logo + address in one row on tablet only */

@media (min-width: 600px) and (max-width: 980px) {
  .mogc-header.et_pb_row {
    display: flex;
    align-items: center;         /* vertical centering */
    justify-content: space-between;
    gap: 12px;                   /* small space between columns */
    flex-wrap: nowrap;           /* don't wrap to a new line */
  }
  .mogc-header .et_pb_column {
    margin: 0 !important;        /* kill accidental top margins on tablet */
    flex: 0 0 auto;              /* size to content */
    width: auto !important;      /* override Divi's 100% tablet widths */
    float: none !important;      /* neutralize legacy floats */
  }
  .mogc-header .logo-col img {
    max-height: 100px;            /* tweak as needed for your header height */
    height: auto;
  }
  /* Optional: keep address on one line to prevent dropping */
  .mogc-header .address-col { white-space: nowrap; }
}

/* ===== MOGC Tab/Pill Menu (no CSS variables) ===== */

/* make the menu a flex row */
.mogc-tabs .et_pb_menu__menu > nav > ul {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;           /* change to wrap if you want multi-line */
  margin-left: -6px;           /* creates visual "gap" with the li padding below */
  margin-right: -6px;
}

/* spacing between items (gap replacement) */
.mogc-tabs .et_pb_menu__menu > nav > ul > li {
  padding: 0 6px;              /* controls horizontal spacing */
  margin: 0 !important;        /* Divi sometimes injects margins */
}

/* links as rounded “pills” */
.mogc-tabs .et_pb_menu__menu > nav > ul > li > a {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 9999px;
  background: transparent;
  color: #0d5c63;
  line-height: 1.2;
  text-decoration: none;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease;
  box-shadow: none;
}

/* hover/focus */
.mogc-tabs .et_pb_menu__menu > nav > ul > li:hover > a,
.mogc-tabs .et_pb_menu__menu > nav > ul > li:focus-within > a {
  background: #0d5c63;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

/* ACTIVE state */
.mogc-tabs .et_pb_menu__menu > nav > ul > li.current-menu-item > a,
.mogc-tabs .et_pb_menu__menu > nav > ul > li.current_page_item > a,
.mogc-tabs .et_pb_menu__menu > nav > ul > li.current-menu-ancestor > a,
.mogc-tabs .et_pb_menu__menu > nav > ul > li.current_page_parent > a {
  background: #0d5c63;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

/* submenu spacing/shape */
.mogc-tabs .et_pb_menu__menu > nav ul.sub-menu {
  padding: 8px 0;
  border-radius: 10px;
}
.mogc-tabs .et_pb_menu__menu > nav ul.sub-menu li a {
  padding: 10px 16px;
  line-height: 1.2;
}

/* Tablet tweaks */
@media (min-width:768px) and (max-width:980px){
  .mogc-tabs .et_pb_menu__menu > nav > ul {
    margin-left: -4px;
    margin-right: -4px;
  }
  .mogc-tabs .et_pb_menu__menu > nav > ul > li { padding: 0 4px; }
  .mogc-tabs .et_pb_menu__menu > nav > ul > li > a { padding: 8px 14px; }
}

/* Phone: flat dropdown */
@media (max-width:767px){
  .mogc-tabs .et_mobile_menu li a {
    border-radius: 0;
    padding: 12px 16px;
    background: transparent;
    color: inherit;
    box-shadow: none;
  }
  .mogc-tabs .et_mobile_menu li.current-menu-item > a,
  .mogc-tabs .et_mobile_menu li.current_page_item > a {
    font-weight: 600;
  }
}