/*TheLoopSLL css*/

/* Hide Dentalia/Vantage/Generic desktop navs (keep mobile if you want) */
@media (min-width: 992px) {
  .main-navigation, .site-navigation, .nav, .orion-nav, .dentalia-menu,
  .navbar, .topbar-menu, .header-nav, .menu-main-container {
    display: none !important;
  }
  .page-heading.heading-classic h1.entry-title {
      display: none !important;
  }
  
  .page-heading.heading-classic {
      height: 175px !important;
      padding: 0px !important;
  }
  .tablet-text-center.desktop-right {
      display: none !important;
  }
  
  .site-main.section.row {
      padding: 0px !important;
  }
  #content {
      margin-top: -100px;
  }
  article.category-blogpage {
  margin-top: 100px; /* or whatever the normal value is */
}
}

/* Header actions (fixed at top-right so it always aligns visually with header) */
.mka-header-actions {
  position: absolute;
  top: 18px;
  right: 250px;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Contact button */
.mka-contact-btn {
  display: inline-block;
  padding: 0px 16px;
  border-radius: 9999px;
  text-decoration: none;
  font-weight: 600;
  border: 1px solid rgba(0,0,0,0.15);
  background: #ED503B;
  color: #ffffff;
  transition: box-shadow .2s ease, transform .05s ease;
}
.mka-contact-btn:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.12); }
.mka-contact-btn:active { transform: translateY(1px); }

/* Hamburger button */
.mka-hamburger {
  display: inline-flex;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 0;
  line-height: 0;
}
.mka-hamburger img {
  width: 32px;
  height: 32px;
  display: block;
}

/* Off-canvas panel (right slideout) */
.mka-offcanvas {
  position: fixed;
  top: 0; right: 0; bottom: 0;
  width: min(84vw, 420px);
  background: #123a49;
  box-shadow: -8px 0 24px rgba(0,0,0,0.15);
  transform: translateX(100%);
  transition: transform .28s ease-in-out;
  z-index: 10000;
  padding: 24px 20px 32px;
  overflow-y: auto;
}
.mka-offcanvas.is-open { transform: translateX(0); }

/* Close button */
.mka-offcanvas__close {
  position: absolute;
  text-align: right;
  top: 10px; left: 10px;
  border: 0; background: transparent; font-size: 20px; line-height: 1;
  cursor: pointer;
  margin-bottom: 25px;
  color: red;
  font-weight: bold;
}

/* Overlay */
.mka-offcanvas-overlay {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.36);
  z-index: 9998;
}

/* Menu inside panel */
.mka-offcanvas-nav { margin-top: 32px; }
.mka-offcanvas-list { list-style: none; margin: 0; padding: 0; }
.mka-offcanvas-list > li { margin: 0; border-bottom: 1px solid rgba(0,0,0,0.06); }
.mka-offcanvas-list > li > a {
  display: block; padding: 14px 6px; text-decoration: none; font-weight: 600; color: #ffffff; font-family:Ubuntu; font-size: 24px; 
}
.mka-offcanvas-list > li > a:hover { background: rgba(0,0,0,0.04); }
.mka-offcanvas-buffer{
  margin:25px;
}
/*Menu styling*/

/* 1) Remove bullets + reset spacing */
.mka-offcanvas__nav .mka-offcanvas-nav {
  list-style: none;
  margin: 0 auto;              /* center the list */
  padding: 0;
  width: min(560px, 88%);      /* 4) keep lines inset (not full screen) */
  border-top: 3px solid #fff;  /* 4) top border frame */
  border-bottom: 3px solid #fff; /* 4) bottom border frame */
}

/* Some themes add left padding to ULs—defuse it just in case */
.mka-offcanvas__nav .mka-offcanvas-nav { padding-left: 0; }

/* 3) 3px separators between items (not the first) */
.mka-offcanvas__nav .mka-offcanvas-nav > li + li {
  border-top: 3px solid #fff;
  margin: 0;                   /* keep tight against the line */
}

/* 2) Link typography */
.mka-offcanvas__nav .mka-offcanvas-nav > li > a {
  display: block;
  padding: 14px 0;             /* vertical rhythm around each item */
  text-decoration: none;
  font-size: 34px;
  font-weight: 500;
  color: #fff;
  font-family: Ubuntu, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Optional: subtle hover */
.mka-offcanvas__nav .mka-offcanvas-nav > li > a:hover {
  opacity: .9;
}

/* (If you have submenus and want them smaller & without separators) */
.mka-offcanvas__nav .mka-offcanvas-nav .sub-menu {
  list-style: none;
  margin: 6px 0 10px;
  padding: 0;
  border: 0;                   /* no inner borders */
}
.mka-offcanvas__nav .mka-offcanvas-nav .sub-menu a {
  font-size: 20px;
  font-weight: 500;
  padding: 10px 0;
}



/* Optional: slightly adjust on mobile so it still works there too */
@media (max-width: 991.98px) {
  .mka-header-actions { top: 12px; right: 12px; }
}

.no-comments{
    display:none;
}

/* page specific */

/* Let SiteOrigin Page Background show through on page ID 42 */
body.page-id-42 > div.site > div.site-content {
  background: url("/wp-content/uploads/sites/2/2025/09/TopOfFold.png") 
              no-repeat center center !important;
  background-size: cover !important;
}

body.page-id-42 > div.orion-testimonial.carousel.row > div.image-wrap{
    display:none !important;
}


.single-post .entry-title,
.single .entry-title,
h1.entry-title {
  font-family: Ubuntu, sans-serif;
  font-weight: 700;
  color: #123A49;
}

body.single-post.category-blogpage .post-thumbnail,
body.single-post.category-blogpage .entry-thumbnail,
body.single-post.category-blogpage .entry-media,
body.single-post.category-blogpage .wp-post-image {
  display: none !important;
}

.category-blogpage .entry-header img.wp-post-image {
    display: none !important;
}

/* Optional: hide the whole header block if you don’t want the empty space */
.category-blogpage .entry-header {
    display: none !important;
}

header.entry-header > img {
    display: none !important;
}

header.entry-header {
    margin-top:175px;
}

#primary {
    margin-top:175px;
}

.cf7-block{
    color:#123A49 !important;
    font-weight: bold !important;
    font-family: Ubuntu !important;
}





.wpcf7-list-item-label, .wpcf7-form-control, .wpcf7-submit, .has-spinner {
    color:#123A49 !important;
    font-weight: bold !important;
    font-family: Ubuntu !important;
}

/* One-per-line for the "position" radios */
.wpcf7-form-control-wrap[data-name="radio-142"] .wpcf7-radio .wpcf7-list-item {
  display: block !important;           /* stack items vertically */
  margin: 6px 0 !important;
}
.wpcf7-form-control-wrap[data-name="radio-142"] .wpcf7-list-item label {
  display: flex !important;            /* keeps dot + text aligned */
  align-items: center !important;
  gap: 8px !important;
}