#wp-admin-bar-enable-jquery-migrate-helper { 
	display: none; 
}

body.single a {
  color: #047b84;
}

a {
    color: #047b84;
    text-decoration: inherit;
}

#email-notice {
    color: #035C63!important;
}

#header-request-appt > div.req-appt-btn-grp-hdr > div > div.gb-container > div.gb-inside-container {
  padding: 0;
  margin-top: 3px;
}

.wp-block-list {
  font-size: 18px;
}

body.single h1 strong,
body.single h2 strong,
body.single h3 strong,
body.single h4 strong,
body.single h5 strong,
body.single h6 strong,
body.single h1 b,
body.single h2 b,
body.single h3 b,
body.single h4 b,
body.single h5 b,
body.single h6 b {
  font-weight: inherit;
}

/* ------------------------------------------------------------------------------------------------ */
/* Please use this CSS section ONLY for site-wide styling (header, footer, content frame, main      */
/* menu). Use the page-specific CSS section at bottom of pages/posts for changes only on that page. */
/* ------------------------------------------------------------------------------------------------ */

/* ---------------------*/
/* Common Theme Classes */
/* -------------------- */

/* These classes can be used when a block doesn't allow styling that you need. They are setup in the theme's CSS.
 *
 *

.petit-font             ... add Petit Formal Script font to something.
.kgallery-hover-zoom-1  ... add the slight zoom to a gallery image. Put it on gallery top level element and it will work for all the images.
.hover-opacity-1        ... opacity effect on hover for image.
.hide-at-800px          ... specifically for social media icons above the "Request an Appointment" button in header. Helps with responsiveness.
.show-at-800px          ... specifically for social media icons above the "Request an Appointment" button in header. Helps with responsiveness.
.underline              ... underline linked text and color #1999d6 (bluish)

NOTE: To use the above two .hide and .show classes, move the icons you want to be visible at 800px or less to the far right above the button. 800px is approximate. 

  For example,

	body div.request-button-group div.kt-btn-wrap-2 a.show-at-800px div.kt-btn-svg-icon {
  		color: #1c98d6;
	}

 *
 *
 * -------------------- */

/* Desktop and Tablet -- but not mobile */

.not-mobile {
  display: block;
  /* visibility: visible; */
  /* Use this instead if you need to element to still occupy the space */
}

@media only screen and (max-width: 500px) {
  .not-mobile {
    display: none;
    /* visibility: hidden; */
    /* Use this instead if you need to element to still occupy the space */
  }
}

/* --------------------------------------------------------------------- */

/* Forminator styling. Change these as needed for individual sites START */

/* --------------------------------------------------------------------- */

/* Default color for Forminator form buttons */

.forminator-button-upload,
.forminator-button-submit {
  background-color: #000 !important;
  color: #fff !important;
  border-radius: 10px !important;
}

.forminator-button-upload:hover,
.forminator-button-submit:hover {
  background-color: #464646 !important;
  color: #fff !important;
  border-radius: 10px !important;
}

/* input fields - commented out here, this grey seems too dark */

/* input.forminator-input {
		background-color: #C3C3C3 !important;
} */

/* Field labels */

div.forminator-field label.forminator-label {
  font-weight: 400 !important;
  color: black !important;
  font-size: 18px !important;
}

/* --------------------------------------------------------------------- */

/* Forminator styling. Change these as needed for individual sites END   */

/* --------------------------------------------------------------------- */

/* Hamburger menu icon color */

#hamburger-menu:before {
  color: #000000;
}

/* ------------------------------------------------------------------------------- */

/* Side (slideout) menu styling. Change these as needed for individual sites START */

/* ------------------------------------------------------------------------------- */

/* Side menu item hover color - linked items */

#site-navigation > input#toggle-mobile-menu + #main-menu a:hover,
#site-navigation > input#toggle-mobile-menu + #main-menu a:active {
  color: #5a5a5a !important;
}

/* Side menu item hover color - non-linked (sub-menu) items */

#site-navigation > input#toggle-mobile-menu + #main-menu a:not([href^=http]):hover {
  color: black !important;
}

/* Side menu sub-menu item hover color - linked items */

#site-navigation > input#toggle-mobile-menu + #main-menu li.menu-item.menu-item-has-children > ul.sub-menu a:hover {
  color: #313131 !important;
}

/* ----------------------------------------------------------------------------- */

/* Side (slideout) menu styling. Change these as needed for individual sites END */

/* ----------------------------------------------------------------------------- */

/* MQ 7-19-21 Services pages link color fix */

body.dvme-services .underline a {
  text-decoration: underline;
  color: #000;
}

/**********************************/

/* Kris's site-wide section START */

/**********************************/

#page-wrapper #menu-column {
  background-color: #f4f4f4;
}

#site-navigation > input#toggle-mobile-menu + #main-menu {
  background-color: #f4f4f4;
}

#site-navigation > input#toggle-mobile-menu + #main-menu a {
  background-color: transparent;
}

#site-navigation > input#toggle-mobile-menu + #main-menu > li.menu-item {
  border-bottom: 0.5px solid #516345;
}

#header-content {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: center;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 1200px) {
		#header-content {
				padding: 0px 20px;
		}
}

#header-wrap {
  /* background-color: #ebebeb;
  padding: 0 20px; */
  /* background-image: linear-gradient(to right top, #c7c7c7, #cbcbcb, #cfcfcf, #d3d3d3, #d7d7d7, #d7d7d7, #d7d7d7, #d7d7d7, #d3d3d3, #cfcfcf, #cbcbcb, #c7c7c7) !important; */
    height: 200px;
		background-image: linear-gradient(to bottom, #d9d9d9 0%, #e6e6e6 40%, #f1f1f1 100%);
		padding: 0px;
}

@media only screen and (max-width: 767px) {
    #header-wrap {
        height: 165px;
    }
}

/* #header-logo {
  position: absolute;
  width: fit-content;
  left: 50%;
  transform: translateX(-50%);
} */

#header-logo {
  position: relative;
  width: fit-content;
  order: 1;
}

#top-menu {
  order: 2;
}

/* Adjust logo size */

#header-logo img {
  width: 215px;
  height: auto;
  filter: none !important;
  margin-top: 0;
}

@media only screen and (max-width: 1050px) {
  #header-logo {
    position: absolute;
    width: fit-content;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media only screen and (max-width: 870px) {
  #header-logo img {
    width: 200px;
  }
}

@media only screen and (max-width: 850px) {
  #header-logo img {
    width: 200px;
  }
		
    #hamburger-menu {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 500px) {
  #header-logo img {
    width: 190px;
    margin-top: 5px;
  }
}

#header-call-to-action {
  padding-left: unset;
  padding-top: unset;
  width: auto;
  margin-top: 32px;
  order: 3;
}

#header-request-appt {
  position: relative;
  top: unset;
  right: unset;
  /*  margin-right: 50px;
	margin-top: 25px; */
  order: 4;
	width: 25%;
}

@media only screen and (max-width: 1200px) {
#header-request-appt .kb-button {
  font-size: 15px!important;
}
}

@media only screen and (max-width: 1050px) {
#header-request-appt {
    width: auto;
    margin-right: 0;
    margin-left: auto;
}
}

@media only screen and (max-width: 850px) {
  #header-call-to-action {
    display: block;
    margin-top: 25px;
  }

  #header-request-appt {
    margin-top: -8px;
  }
}

@media only screen and (max-width: 767px) {
  #header-request-appt {
    margin-top: 32px;
  }
}

/* Moves up hero on mobile so the logo will overhang correctly */

/* @media only screen and (max-width: 850px) and (orientation: portrait) {
  .HPmobilehero {
    margin-top: -30px!important;
  }
} */

@media only screen and (max-width: 850px) {
.HPmobilehero > .gb-inside-container {
		padding: 100px 10px !important;
}
}

/* Header top padding adjustments for HP and Internal Pages */

#page-wrapper #content-column #site-content {
  padding: 200px 0px 0px 0px;
}

@media only screen and (max-width: 1024px) {
  #page-wrapper #content-column #site-content {
    padding: 200px 0px 0px 0px!important;
  }

  body.single #page-wrapper #content-column #site-content {
    padding-top: 200px!important;
  }

  .page-id-400 #page-wrapper #content-column #site-content {
    padding-top: 200px!important;
  }
}

@media only screen and (max-width: 850px) {
  #page-wrapper #content-column #site-content {
    padding: 200px 0px 0px 0px!important;
  }

  .page-id-400 #page-wrapper #content-column #site-content {
    padding: 200px 0px 0px 0px!important;
  }

  body.single #page-wrapper #content-column #site-content {
    padding-top: 200px!important;
  }
}

@media only screen and (max-width: 767px) {
  .page-id-400 #page-wrapper #content-column #site-content {
    padding: 165px 0px 0px 0px!important;
  }

  #page-wrapper #content-column #site-content {
    padding: 165px 0px 0px 0px!important;
  }
		
  body.single #page-wrapper #content-column #site-content {
    padding-top: 165px!important;
  }
		
    #hamburger-menu {
        margin-top: -13px;
    }
}

/* @media only screen and (max-width: 500px) {
  #page-wrapper #content-column #site-content {
    padding: 140px 0px 0px 0px!important;
  }

  .page-id-400 #page-wrapper #content-column #site-content {
    padding: 110px 0px 0px 0px!important;
  }

  body.single #page-wrapper #content-column #site-content {
    padding-top: 110px!important;
  }
} */

.underline {
  text-decoration: underline;
  color: #047b84 !important;
}

#footer {
  background-color: #C7C7C7;
}

#footer a {
		color: #035C63;
}

#footer .wp-block-social-links a {
		color: #000;
}

/**********************************/

/* Kris's site-wide section END   */

/**********************************/

/* "Call Us" button */

div.call-us-btn > div > a > span {
  letter-spacing: -.25px;
  white-space: nowrap;
}

/*  Kadence button */

#header-call-to-action .kt-btn-wrap {
  margin-bottom: 0;
}

div.social-media-icons-footer ul.wp-block-social-links li a svg {
  width: 30px;
  height: 30px;
}

@media only screen and (min-width:320px) {
  .tablet-view-only {
    display: none!important;
  }
}

@media only screen and (min-width:801px) {
  .tablet-view-only {
    display: block!important;
  }
}

/* ------------------------ */

/* 404 Page customize START */

/* ------------------------ */

/* 1) Uncomment this when needed for alternative title */

/* body.error404 #page-wrapper #content-column #site-content #hero #page-title {
		visibility: hidden;
		font-size: 0;
} */

/* 2) Uncomment this when needed for alternative title */

/* body.error404 #page-wrapper #content-column #site-content #hero #page-title:before {
		content: "NEW TITLE HERE"; 
		font-size: 32px;
} */

/* Change hero background image here */

body.error404 #page-wrapper #content-column #site-content #hero:before {
  background-image: url(/wp-content/uploads/2025/12/404-iStock-1357391882.webp)!important;
}

/* Change button styling here */

body.error404 #page-wrapper #content-column #site-content #content-404 #return-to-homepage-wrapper #return-to-homepage {
  font-size: 20px;
  color: #fff;
  background-color: #000;
  padding: 10px 33px;
  border-radius: 5px;
}

body.error404 #page-wrapper #content-column #site-content #content-404 {
    top: 305px;
}

body.error404 #page-wrapper #content-column #site-content #content-404 h2 {
    font-family: 'Poppins', sans-serif;
}

/* ------------------------ */

/* 404 Page customize END   */

/* ------------------------ */

/* -------------------------------------- */

/* KO - Header Responsiveness
 * (This is to keep CTA/Req an App buttons and Social icons on desktop & tablet only. And allow phone icons (etc) on mobile only) - START  */

/* -------------------------------------- */

/* Desktop and Tablet -- but not mobile */

.not-mobile {
  display: block!important;
  /* visibility: visible; / / Use this instead if you need to element to still occupy the space */
}

@media only screen and (max-width: 740px) {
  .not-mobile {
    display: none!important;
    /* visibility: hidden; / / Use this instead if you need to element to still occupy the space */
  }
}

/* Hide something on desktop */

@media only screen and (min-width: 851px) {
  .hide-on-desktop {
    display: none!important;
  }
}

/* Hide something on tablet and desktop */

@media only screen and (min-width: 741px) {
  .hide-on-tablet-desktop {
    display: none!important;
  }
}

/* Hide something on mobile (works for mobile landscape too) */

@media only screen and (max-width: 740px) {
  .hide-on-mobile {
    display: none!important;
  }
}

/* -------------------------------------- */

/* KO - Header Responsiveness
 * (This is to keep CTA/Req an App buttons and Social icons on desktop & tablet only. And allow phone icons (etc) on mobile only) - END  */

/* -------------------------------------- */

/* Fix for "Call Us!" button overlapping logo
 * on mobile */

@media only screen and (max-width: 500px) {
  #side-menu-top-content {
    margin-top: 30px;
  }
}

/* Remove bottom line on mobile side menu */

@media only screen and (max-width: 500px) {
  #page-wrapper #menu-column #bottom-line {
    border-top: 0px;
  }
}

/* Blog styling */
body.single #page-wrapper #content-column #site-content #post-content {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px !important;
}

body.single #page-wrapper #content-column #site-content #post-header #post-img-text-overlay #post-title {
    max-width: 1000px;
    padding: 0px 20px;
    margin: 0 auto;
}

body.single #page-wrapper #content-column #site-content {
    padding-left: 0px;
    padding-right: 0px;
}

body.single #page-wrapper #content-column #site-content nav.post-navigation div.nav-links a {
  font-size: 18px;
  text-decoration: underline;
  color: #047b84!important;
}

body.single #page-wrapper #content-column #site-content #post-gallery div.nav-links span.current:not(.current),
body.single #page-wrapper #content-column #site-content #post-gallery div.nav-links a.page-numbers:not(.current),
body.single #page-wrapper #content-column #site-content #post-gallery div.am_posts_navigation span.current:not(.current),
body.single #page-wrapper #content-column #site-content #post-gallery div.am_posts_navigation a.page-numbers:not(.current) {
  color: #047b84!important;
}

/* MQ Display "Read More" for blog post excerpts on the bottom of individual blog posts */

body.single #page-wrapper #site-content div.am_ajax_post_grid_wrap div.am_post_grid div.am_grid_col div.am_single_grid div.am_cont a.am__readmore {
  display: block!important;
  color: #047b84!important;
}

body.page #page-wrapper #site-content div.am_ajax_post_grid_wrap div.am_post_grid div.am_grid_col div.am_single_grid div.am_cont a.am__readmore {
  display: block!important;
  color: #047b84!important;
}

body.page #page-wrapper #content-column #site-content div.am_ajax_post_grid_wrap div.am_posts_navigation a.page-numbers:not(.current) {
  color: #047b84;
  font-size: 18px;
}

body.page #page-wrapper #content-column #site-content div.am_ajax_post_grid_wrap div.am_posts_navigation span.current {
  font-size: 18px;
}

body.search #page-wrapper #content-column #site-content div#link-to-blog-page a {
  color: #047b84;
}

body.search #page-wrapper #content-column #site-content div#search-pagination a.page-numbers:not(.current) {
  color: #047b84;
  font-size: 18px;
}

body.search #page-wrapper #content-column #site-content div#search-pagination span.current {
  font-size: 18px;
}

body.single #page-wrapper #content-column #site-content #post-gallery div.am_posts_navigation a.page-numbers:not(.current) {
  color: #047b84;
  font-size: 18px;
}

body.single #page-wrapper #content-column #site-content #post-gallery div.am_posts_navigation span.current {
  font-size: 18px;
}

body.single #page-wrapper #content-column #site-content #post-gallery div.am_posts_navigation span.current {
  color: #047b84;
}

body.search #page-wrapper #content-column #site-content div#search-grid-wrap div#search-grid div.search-item div.search-item-content div.search-item-excerpt {
  font-family: 'Poppins';
}

body.single #page-wrapper #site-content #post-header {
  background-position: center center;
}

.gb-container-82bb196e > .gb-inside-container {
  padding: 0px!important;
}

@media only screen and (max-width: 670px) {
  #footer #footer-row-1 {
    justify-content: flex-start;
  }
}

@media (min-width: 1025px) {
  body .uag-hide-desktop {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  body .uag-hide-tab {
    display: none !important;
  }
}

@media (max-width: 767px) {
  body .uag-hide-mob {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  body .uag-hide-desktop {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  body .uag-hide-tab {
    display: none !important;
  }
}

@media (max-width: 767px) {
  body .uag-hide-mob {
    display: none !important;
  }
}

body.single #page-wrapper #site-content #post-header {
  -ms-flex-preferred-size: 575px;
  flex-basis: 575px!important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-bottom: 30px !important;
    height: 575px !important;
    max-height: 575px !important;
}

@media only screen and (max-width: 1268px) {
  body.single #page-wrapper #site-content #post-header {
    height: 500px!important;
  }
}

@media only screen and (max-width: 1023px) {
  body.single #page-wrapper #site-content #post-header {
    height: 400px!important;
    max-height: 400px!important;
    -ms-flex-preferred-size: 400px!important;
    flex-basis: 400px!important;
  }
}

body.single #page-wrapper #site-content #post-header:before {
    left: 0px !important;
    right: 0px !important;
    top: 165px !important;
    height: 575px !important;
}

@media only screen and (max-width: 1268px) {
  body.single #page-wrapper #site-content #post-header:before {
    height: 500px!important;
  }
}

@media only screen and (max-width: 1023px) {
  body.single #page-wrapper #site-content #post-header:before {
		top: 200px !important;
    height: 400px!important;
  }
}

@media only screen and (max-width: 767px) {
  body.single #page-wrapper #site-content #post-header:before {
    top: 165px!important;
  }
}

body.single #page-wrapper #content-column #site-content #post-content h2 {
  font-size: 25px;
  color: #876A4A;
  font-weight: 600!important;
}

body.single #page-wrapper #content-column #site-content #post-content a {
  color: #047B84;
  text-decoration: underline;
  font-size: 18px;
}

body.single #page-wrapper #content-column #site-content #post-content ul {
  font-size: 18px;
}

body.single #page-wrapper #content-column #site-content nav.post-navigation {
    padding: 20px;
    max-width: 1000px !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

h4.am__title {
  margin-top: 0px;
  margin-bottom: 10px;
}

#footer #footer-row-1 #footer-col-2 form::before {
  content: "Request an Appointment!";
  font-weight: 700;
  padding-left: 5px;
  font-size: 20px;
}

.sidebar-heading {
  font-weight: 700!important;
}

.footer-heading {
  font-weight: 700!important;
}

#footer form.forminator-custom-form > div.forminator-row input {
  background: #CCCCCC !important;
}

#footer form.forminator-custom-form > div.forminator-row span.select2 span.select2-selection {
  background: #CCCCCC !important;
}

/* ---- Styling for Internal Pages --- START */

.page-copy h2 {
  font-size: 25px;
  color: #876A4A;
  font-weight: 600!important;
}

.page-copy a {
  color: #047B84;
  text-decoration: underline;
  font-size: 18px;
}

.page-copy ul {
  font-size: 18px;
}

.sidebar-services a {
  color: #047B84;
}

/* ---- Styling for Internal Pages --- END */

/* Hide the date display for individual blog posts  – J.O. 07/22/2025 */

body.single #page-wrapper #content-column #site-content #post-header #post-img-text-overlay #post-date {
  display: none !important;
}

/* Base menu layout */

#top-menu .menu {
  display: flex;
  gap: 32px;
  list-style: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
}

/* Top-level menu items */

#top-menu .menu > li.menu-item {
  position: relative;
  padding: 10px 0;
}

/* Top-level links */

#top-menu .menu > li.menu-item > a {
  color: #000;
  text-decoration: none;
  font-weight: 500;
  font-size: 17px;
}

@media only screen and (max-width: 1200px) {
#top-menu .menu > li.menu-item > a {
  font-size: 16px;
}
}

/* Hover/focus state */

#top-menu .menu > li.menu-item:hover > a,
#top-menu .menu > li.menu-item > a:focus {
  color: #000;
}

/* Dropdown caret (parent items only) */

#top-menu .menu > li.menu-item-has-children > a::after {
  content: "";
  /* icomoon icon */
  font-family: "icomoon";
  font-size: 16px;
  position: relative;
  right: -10px;
  top: 0;
  color: #000 !important;
  display: inline-block;
  transition: transform 0.2s ease;
}

#top-menu .menu > li.menu-item-has-children:hover > a::after,
#top-menu .menu > li.menu-item-has-children:focus-within > a::after {
  transform: rotate(180deg);
  transition: transform 0.2s ease;
}

/* Dropdown menu */

#top-menu .menu li.menu-item-has-children > .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  padding: 0;
  list-style: none;
  min-width: 220px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  z-index: 999;
}

/* Reveal dropdown on hover */

#top-menu .menu li.menu-item-has-children:hover > .sub-menu {
  display: block;
}

/* Submenu items */

#top-menu .sub-menu li.menu-item {
  padding: 10px 20px;
  background-color: #fff;
  white-space: nowrap;
}

/* Submenu links */

#top-menu .sub-menu li.menu-item a {
  color: #000;
  text-decoration: none;
  display: block;
  font-size: 16px;
}

/* Submenu hover/focus state */

#top-menu .sub-menu li.menu-item:hover,
#top-menu .sub-menu li.menu-item:focus-within {
  background-color: #f0f0f0;
}

/* Hide unwanted bullets */

#top-menu .menu li.menu-item::marker,
#top-menu .sub-menu li.menu-item::marker {
  display: none;
  content: "";
}

@media (max-width: 1200px) {
  #top-menu ul {
    gap: 2rem;
  }
}

@media (min-width: 1051px) {
  #content-column.menu-open {
    left: 0 !important;
  }

  #header-wrap {
    left: 0 !important;
  }

  #page-wrapper #menu-column {
    display: none!important;
  }

  #page-wrapper #content-column.menu-open:after {
    display: none!important;
  }
}

@media only screen and (max-width: 1050px) {
  #top-menu {
    display: none!important;
  }
}

@media (max-width: 1024px) {
  #top-menu ul {
    gap: 1.5rem;
  }

  #top-menu a {
    font-size: 0.95rem;
  }
}