body.single a {
    color: #0693e3;
}
@import url("/wp-content/uploads/uag-plugin/custom-style-blocks.css");

#menu-item-1808 {
		margin-left: 15px;
}

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

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

/* ------------------------------------------------------------------------------------------------ */
/* 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-submit {
		background-color:  #3AD7FF!important;
		color: #000!important;
		border-radius: 8px!important;
}

.forminator-button-submit:hover {
		background-color: #77A942 !important;
		color: #000!important;
		border-radius: 8px !important;
}

.forminator-button-upload {
		background-color:  #3AD7FF!important;
		color: #000!important;
		border-radius: 8px!important;
}

.forminator-button-upload:hover {
		background-color: #77A942 !important;
		color: #000!important;
		border-radius: 8px !important;
}

#footer form.forminator-custom-form > div.forminator-row input {
  border: 2px solid white !important;
  background: #3AD7FF38 !important;
}

#footer form.forminator-custom-form > div.forminator-row span.select2 span.select2-selection {
  background: #3AD7FF38 !important;
  border: none !important;
  height: 48px;
}

#forminator-module-610.forminator-design--flat .forminator-input-with-icon [class*="forminator-icon-"] {
  color: #fff!important;
}

.forminator-ui#forminator-module-610.forminator-design--flat .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
  color: #fff!important;
}

#footer #footer-row-1 #footer-col-2 form::before {
content: "Request an Appointment!";
  font-weight: 600;
  padding-left: 5px;
  color: #fff !important;
  font-size: 18px;
}

/* 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: #000 !important;
		font-size: 18px !important;
}

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

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

/* Hamburger menu icon color */
#hamburger-menu:before {
		color: #8C694B;
}
body.admin-bar #hamburger-menu {
    top: 95px !important;
}
/* ------------------------------------------------------------------------------- */
/* 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;
}

/* Social media icons at bottom of slideout menu */
div.social-media-icons-side-menu ul.wp-block-social-links {
		display: flex;
		justify-content: center;
}

/* Social media icons at bottom of slideout menu */
div.social-media-icons-side-menu ul.wp-block-social-links li:not(:last-of-type) {
		margin-right: 20px !important;
}

/* Social media icons at bottom of slideout menu */
div.social-media-icons-side-menu ul.wp-block-social-links li:last-of-type {
		margin-right: 0 !important;
}

/* Social media icons at bottom of slideout menu */
div.social-media-icons-side-menu ul.wp-block-social-links li a {
		padding: 0;
}

/* Social media icon (Facebook) at bottom of slideout menu */
div.social-media-icons-side-menu ul.wp-block-social-links li a {
  	background-color: white;
    color: #F87C55;
}

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

/* ----------------------------------------------------------------------------- */
/* 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;
}

/* ------------------------------------------------ */
/* Request an Appointment and Call Us buttons in header START */
/* ------------------------------------------------ */
#header-request-appt {
		width: 270px;
}

#header-call-to-action {
	padding-left: 0;
  padding-top: 0;
  width: 270px;
  margin-left: 60px;
  margin-top: 0px;
}

/* Button group */
body div.request-appt-buttons {
  	display: flex;
    flex-direction: row;
		flex-wrap: wrap;
}

/* "Request an Appointment" button */
body .request-appt-buttons .kt-btn-wrap-0 {
		min-width: 280px;
		margin-right: 20px;
    order: 10;
}

/* All icons (first is button ) */
body .request-appt-buttons > .kt-btn-wrap:not(:first-of-type) {
		margin-bottom: 0;
}

/* First icon */
body .request-appt-buttons > .kt-btn-wrap:nth-of-type(2) {
		margin-left: auto;
}

/* Last icon */
body .request-appt-buttons > .kt-btn-wrap:last-of-type {
		margin-right: 10px;
}

/* All icon links */
body .request-appt-buttons > .kt-btn-wrap:not(:first-of-type) > a.kt-button {
    line-height: 1;
    padding: 0 3px 0 3px;
    margin: 5px 0 -3px 0;
}

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

#header-wrap {
box-shadow: rgba(0, 0, 0, 0.15) 0 4px 8px -1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 4px 8px -1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 4px 8px -1px;
}

/* Adjust logo size */
#header-logo img {
    width: 285px;
		margin-top: -13px;
    height: auto;
    filter: none!important;
}
@media only screen and (max-width: 870px) {
#header-logo img {
    width: 225px;
		height: auto!important;
}
}
@media only screen and (max-width: 500px) {
#header-logo img {
    width: 185px;
		height: auto!important;
}
}

/* 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;
		}
}

/* Header top padding adjustments for HP and Internal Pages */
#page-wrapper #content-column #site-content {
    padding: 165px 10px 0px 10px;
}

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

@media only screen and (max-width: 850px) {
		#page-wrapper #content-column #site-content {
				padding: 160px 10px 0px 10px!important;
		}
		.page-id-400 #page-wrapper #content-column #site-content {
				padding: 130px 10px 0px 10px!important;
		}
body.single #page-wrapper #content-column #site-content {
    padding-top: 130px!important;
}
}
@media only screen and (max-width: 500px) {
		#page-wrapper #content-column #site-content {
				padding: 140px 10px 0px 10px!important;
		}
.page-id-400 #page-wrapper #content-column #site-content {
				padding: 110px 10px 0px 10px!important;
		}
body.single #page-wrapper #content-column #site-content {
    padding-top: 110px!important;
}
}

/* Change phone icon to peach */
body div.request-button-group div.kt-btn-wrap-2 a.show-at-800px div.kt-btn-svg-icon {
	color: #f7a98f!important;
}

/* Shadow for footer slider */
.footerslide-shadow {
	filter: drop-shadow(2px 3px 5px gray);
}

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

/**********************************/
/* 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;
}

@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/2024/07/page-not-found-hero.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: black;
  background-color: #3AD7FF;
  padding: 10px 33px;
  border-radius: 10px;
} 

body.error404 #page-wrapper #content-column #site-content #content-404 #return-to-homepage-wrapper #return-to-homepage:hover {
  background-color: #77A942;
} 

/* ------------------------ */
/* 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;
}
}

#header-request-appt {
    position: absolute;
    top: 0px;
    right: 5px;
}

/* Fix Call us button width & social icon positioning on tablet landscape */
@media only screen and (max-width: 1024px) {
  #header-content #header-call-to-action {
    margin-left: 60px;
    margin-top: 0px;
		width: 200px;
  }
		
#header-request-appt {
  position: absolute;
  top: 0px;
  right: 5px;
	width: 235px;
}
body .request-appt-buttons > .kt-btn-wrap:last-of-type {
    margin-right: -10px!important;
}
}

/* To position Call us and Reques an Appointment buttons better on tablet */
@media only screen and (max-width: 850px) {
  #header-content #header-request-appt {
    position: absolute;
    top: 0px !important;
		right: 35px;
    width: 225px !important;
  }
#header-call-to-action {
	display: block;
  padding-left: 0;
  padding-top: 0;
  width: 215px;
  margin-left: 60px!important;
  margin-top: 0px!important;
}
}

/* To position icons better on mobile */
@media only screen and (max-width: 767px) {
#header-content #header-request-appt {
    position: absolute;
    top: 45px !important;
		right: 15px;
    width: 35px!important;
}
		
#header-call-to-action {
	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 nav.post-navigation div.nav-links a {
    font-size: 18px;
    text-decoration: underline;
    color: #5A8032!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: #5A8032!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: #5A8032!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: #5A8032!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: #5A8032;
	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: #5A8032;
}

body.search #page-wrapper #content-column #site-content div#search-pagination a.page-numbers:not(.current) {
  color: #5A8032;
	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: #5A8032;
	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: #5A8032;
}

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: 30px!important;
  padding-right: 30px!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: 40px!important;
  right: 40px!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 {
    left: 10px!important;
    right: 10px!important;
    height: 400px!important;
  }
}
@media only screen and (max-width: 850px) {
  body.single #page-wrapper #site-content #post-header:before {
    height: 400px!important;
    top: 130px!important;
  }
}
@media only screen and (max-width: 800px) {
  body.single #page-wrapper #site-content #post-header:before {
    top: 130px!important;
  }
}
@media only screen and (max-width: 500px) {
  body.single #page-wrapper #site-content #post-header:before {
    top: 110px!important;
  }
}

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

.page-copy h2 {
		color: #34474D;
		font-size: 27px;
		font-weight: 600!important;
}

.page-copy a {
		color: #5A8032;
		text-decoration: underline;
}

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

#footer {
  background-color: #34474D;
}

#footer p {
  color: #fff;
}

#footer p a {
  color: #fff;
	text-decoration: underline;
}

#footer #footer-row-1 #footer-col-1 {
  width: 325px;
  min-width: 268px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 500px) {
  #page-wrapper #menu-column {
    border-top: 1px solid #fff;
  }

  #hamburger-menu {
    margin-top: -45px;
  }
		
  #header-content #header-request-appt {
    position: absolute;
    top: 34px !important;
    right: 15px;
    width: 35px !important;
  }
}

.uagb-post-grid-byline {
    display: none!important;
}

.uagb-post__title {
    padding-bottom: 0!important;
}

.uagb-post__excerpt {
    padding-bottom: 15px!important;
}

body.single-post .wp-block-uagb-post-grid.is-grid {
  grid-template-columns: repeat(3 , minmax(0, 1fr))!important;
}

.blog-related-posts .is-grid.uagb-post__items {
  row-gap: 20px!important;
  column-gap: 20px!important;
}

body.single-post .is-grid .uagb-post__inner-wrap {
  padding-top: 20px!important;
  padding-bottom: 20px!important;
  padding-left: 20px!important;
  padding-right: 20px!important;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.18)!important;
}

body.single-post .uagb-post__inner-wrap {
  background: #ffffff!important;
  text-align: left!important;
}

body.single-post .uagb-post__inner-wrap .uagb-post__image:first-child {
  margin-left: -20px!important;
  margin-right: -20px!important;
  margin-top: -20px!important;
}

body.single-post .uagb-post__text.uagb-post__title {
  font-family: "Poppins"!important;
  font-weight: 600!important;
  font-size: 20px!important;
  color: #34474d!important;
}

body.single-post .uagb-post__text.uagb-post__excerpt {
  font-family: "Poppins"!important;
  font-weight: 400!important;
  font-size: 18px!important;
  color: #000000!important;
}

body.single-post .uagb-post__text.uagb-post__cta {
  font-family: "Poppins"!important;
  font-weight: 600!important;
  font-size: 18px!important;
}

body.single-post .uagb-post-grid .uagb-post__inner-wrap .wp-block-button.uagb-post__text.uagb-post__cta a {
  color: #5a8032!important;
  padding-top: 0px!important;
  padding-bottom: 0px!important;
  padding-left: 0px!important;
  padding-right: 0px!important;
}

body.single-post .uagb-post-grid .wp-block-button.uagb-post__text.uagb-post__cta .uagb-text-link.wp-block-button__link {
  color: #5a8032!important;
  background: transparent!important;
  border-style: none!important;
}

body.single-post .is-grid.uagb-post__items {
  row-gap: 20px!important;
  column-gap: 20px!important;
}


body.single-post .uagb-post__image {
  padding-bottom: 15px!important;
}

body.single #page-wrapper #content-column #site-content #post-content {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 20px;
  padding-left: 20px;
}

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

body.search #page-wrapper #content-column #site-content div#search-grid-wrap {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
}

body.search-no-results #page-wrapper #content-column #site-content div#search-grid-wrap {
  max-width: 100%;
	padding-bottom: 0;
}

body.search-no-results #page-wrapper #content-column #site-content {
  padding-left: 0px!important;
	padding-right: 0px!important;
}

#site-navigation > input#toggle-mobile-menu + #main-menu li.menu-item.menu-item-has-children > ul.sub-menu

#site-navigation > input#toggle-mobile-menu + #main-menu li.menu-item.menu-item-has-children > ul.sub-menu  > ul.sub-menu > li.subsubmenu.menu-item-has-children > a + ul.sub-menu {
  display: block;
  top: 5px;
  background-color: white;
  padding: 0;
}

#site-navigation > input#toggle-mobile-menu + #main-menu li.subsubmenu.menu-item.menu-item-has-children > ul.sub-menu {
  display: block;
}

#site-navigation > input#toggle-mobile-menu + #main-menu li.subsubmenu-child.menu-item {
  margin-left: 15px;
}

/* Hide the date display for individual blog posts  – J.O. 07/21/2025 */
body.single #page-wrapper #content-column #site-content #post-header #post-img-text-overlay #post-date {
		display: none !important;  
}

@media only screen and (max-width: 850px) {
    #header-wrap {
        height: 140px !important;
    }
}