/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

button, .button, .hs-button { padding: 5px 15px; }

/* Main Menu Styles */
.bottom-bar { padding: 3px 0 8px;box-shadow: none; }
.mb-main-nav .plus { display: none; }
.mb-main-nav .hs-menu-depth-1 { padding-top: 5px; }

/* Dropdown Menu Styles */
.mb-main-nav .dropdown-menu { padding-top: 5px; }
.mb-main-nav .dropdown-menu ul:before { display: none; }
.mb-main-nav .dropdown-menu ul { border-bottom: none; }
.mb-main-nav .sub-menu a { color: #FFFFFF; }
.mb-main-nav .sub-menu a:hover { color: #0d7fb4; }

.sticky-space { padding-top: 0px; }

/* Remove the Play Button On Services*/
.splide__controls{ display: none !important; }

/*Tracker*/
<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/44165159.js"></script>
<!-- End of HubSpot Embed Code -->

/* ==============================
   MOBILE RESPONSIVE LAYOUT FIXES
   ============================== */

/* Keep wrapper centered and padded */
.wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

/* Row layout for larger screens */
.content-row {
  display: flex;
  flex-wrap: wrap;
}

.content-row .col {
  flex: 1;
  min-width: 0;
}

.content-row .col.sidebar {
  flex: 0 0 300px;
}

/* Stack columns on mobile (screen width <= 768px) */
@media (max-width: 768px) {
  .content-row {
    display: block;
  }
  .content-row .col,
  .content-row .col.sidebar {
    width: 100%;
    margin-bottom: 20px;
  }
}

/* Mobile menu toggle + panel */
.mobile-menu-toggle {
  display: none;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
}

@media (max-width: 768px) {
  .mobile-menu-toggle { display: inline-flex; align-items: center; gap: 8px; }

  /* Hide the mobile menu panel by default */
  #mobile-menu { display: none; }

  /* Show it when JS adds .open */
  #mobile-menu.open { display: block; }
}

/* Make sure the mobile menu sits above everything and can be clicked */
@media (max-width: 768px) {
  /* The panel that contains your mobile links */
  #mobile-menu {
    position: relative;   /* keep layout intact */
    z-index: 9999;        /* higher than sticky bars/overlays */
  }

  /* Belt-and-suspenders: ensure links receive taps */
  #mobile-menu, #mobile-menu * {
    pointer-events: auto;
  }
/* Mobile menu styling */
@media (max-width: 768px) {
  /* Background color of the dropdown menu */
  #mobile-menu {
    background-color: #000 !important; /* black */
  }

  /* Make all top-level and submenu links white */
  #mobile-menu a {
    color: #fff !important;
  }

  /* Optional: change hover/focus to gray */
  #mobile-menu a:hover,
  #mobile-menu a:focus {
    color: #ccc !important;
  }

  /* Ensure dropdown items match */
  #mobile-menu .dropdown-menu {
    background-color: #000 !important;
  }

  #mobile-menu .dropdown-menu a {
    color: #fff !important;
  }
}

}