@media (min-width: 768px) {
.page-hero .image-right-full{
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	right: 0;
}
.page-hero .image-right-full img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
	.page-hero{
		min-height: 592px;
		display: flex;
		align-items: center;
	}
	.page-hero .wp-block-group__inner-container{
		width: 100%;
	}
}
.cta-block figure{
	height: 40px;
	display: flex!important;
	align-items: end;
	justify-content: center;
}
@media (max-width: 575.98px) {
	.home-hero{
		padding: 50px 0;
	}
	.wp-block-cover.page-hero .wp-block-cover__image-background,
	.home-hero .wp-block-cover__image-background {
		position: relative;
		width: 100%;
		height: auto;
	}
	.home-hero,	.wp-block-cover.page-hero{
		display: block;
		padding: 0;
	}
.wp-block-cover.page-hero span.wp-block-cover__background,
.home-hero  span.wp-block-cover__background{
		display:none;
	}
}
.services-item a{
	pointer-events: none;
}
.page-cosmetic-service .services-item span{
	color: #fe938c!important;
}
.slider-header p {
  max-width: 1060px;
}
.page-id-1667 .more-link, 
.page-id-1667 .read-more, 
.page-id-1667 .wp-block-button__link {
  background-color: #1d7874; /* Dark green background */
  color: #ffffff; /* White text color */
  padding: 10px 30px; /* Maintains the original button padding */
  font-size: 16px; /* Font size */
  font-weight: bold; /* Bold text */
  text-transform: uppercase; /* Uppercase text */
  border: 2px solid #1d7874; /* Border matching background */
  border-radius: 30px; /* Rounded corners for oval shape */
  transition: all 0.3s ease; /* Smooth hover effect */
  margin-top: 20px !important; /* Space above the button */
  margin-bottom: 20px !important; /* Space below the button */
  display: inline-block;
}

/* Hover Effect */
.page-id-1667 .more-link:hover, 
.page-id-1667 .read-more:hover, 
.page-id-1667 .wp-block-button__link:hover {
  background-color: #ffffff; /* Changes background to white on hover */
  color: #1d7874; /* Changes text to dark green on hover */
  border: 2px solid #1d7874; /* Keeps border dark green */

}
/* Make the Custom HTML links look like your existing WP buttons */
#sticky-cta-bar .sticky-cta-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background-color: #1D7874 !important;
  color: #ffffff !important;

  padding: 14px 22px;
  border-radius: 999px;

  text-decoration: none !important;
  font-weight: 700;
  line-height: 1;
}

/* Keep hover/visited from changing colour */
#sticky-cta-bar .sticky-cta-btn:visited,
#sticky-cta-bar .sticky-cta-btn:hover,
#sticky-cta-bar .sticky-cta-btn:active{
  color: #ffffff !important;
}

/* Layout: side-by-side buttons with spacing */
#sticky-cta-bar{
  display: flex;
  gap: 14px;
  justify-content: space-between;
  align-items: center;
}

/* Make both buttons equal width (nice on mobile) */
#sticky-cta-bar .sticky-cta-btn{
  flex: 1;
}
/* === FIXED STICKY CTA BAR === */
#sticky-cta-bar{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;

  background: #ffffff;
  padding: 14px;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  align-items: center;

  box-shadow: 0 -6px 18px rgba(0,0,0,0.15);
}

/* === CTA BUTTON STYLE (MATCHES SITE) === */
#sticky-cta-bar .sticky-cta-btn{
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;

  background-color: #1D7874 !important;
  color: #ffffff !important;

  padding: 14px 18px;
  border-radius: 999px;

  text-decoration: none !important;
  font-weight: 700;
  font-size: 17px;
  line-height: 1;

  -webkit-tap-highlight-color: transparent;
}

/* Prevent colour change on hover/visited */
#sticky-cta-bar .sticky-cta-btn:hover,
#sticky-cta-bar .sticky-cta-btn:visited,
#sticky-cta-bar .sticky-cta-btn:active{
  color: #ffffff !important;
}

/* === PREVENT CTA BAR COVERING PAGE CONTENT === */
body{
  padding-bottom: 95px;
}
/* iOS Safari safe-area + force on top */
#sticky-cta-bar{
  z-index: 2147483647;
  padding-bottom: calc(14px + env(safe-area-inset-bottom));
}

/* fallback for older iOS */
@supports (padding: constant(safe-area-inset-bottom)) {
  #sticky-cta-bar{
    padding-bottom: calc(14px + constant(safe-area-inset-bottom));
  }
}
/* ================================
   HYGIENE PAGE (ID 2046) – PINK THEME
   ================================ */

/* 1) Header background */
body.page-id-2046 header,
body.page-id-2046 .site-header,
body.page-id-2046 .site-header * {
  background-color: #F6DCDC !important;
}

/* 2) Menu link text */
body.page-id-2046 .main-navigation a,
body.page-id-2046 nav a,
body.page-id-2046 .menu a {
  color: #F29A8A !important;
}

/* Menu hover */
body.page-id-2046 .main-navigation a:hover,
body.page-id-2046 nav a:hover,
body.page-id-2046 .menu a:hover {
  color: #E07F70 !important;
}

/* 3) Dropdown arrows / icons (SVG + font icons) */
body.page-id-2046 .main-navigation svg,
body.page-id-2046 .main-navigation svg * {
  fill: #F29A8A !important;
  stroke: #F29A8A !important;
}
body.page-id-2046 .main-navigation .menu-item-has-children > a::after {
  color: #F29A8A !important;
}

/* 4) BOOK ONLINE button (this is the bit still staying green) */
body.page-id-2046 .main-navigation .wp-block-button__link,
body.page-id-2046 .main-navigation .wp-element-button,
body.page-id-2046 .main-navigation a.wp-block-button__link,
body.page-id-2046 .main-navigation a.wp-element-button,
body.page-id-2046 .main-navigation .menu-item a.button,
body.page-id-2046 .main-navigation .menu-item a {
  /* Only targets the CTA if it has button styling OR sits in a button wrapper */
}

/* Target the actual “Book online” button by common patterns */
body.page-id-2046 .main-navigation .wp-block-button__link,
body.page-id-2046 .main-navigation .wp-element-button,
body.page-id-2046 .main-navigation .wp-block-button a,
body.page-id-2046 .main-navigation .menu-item.button a,
body.page-id-2046 .main-navigation .menu-item.cta a,
body.page-id-2046 .main-navigation li:last-child a {
  background-color: #F29A8A !important;
  border-color: #F29A8A !important;
  color: #ffffff !important;
}

/* Button hover */
body.page-id-2046 .main-navigation .wp-block-button__link:hover,
body.page-id-2046 .main-navigation .wp-element-button:hover,
body.page-id-2046 .main-navigation .wp-block-button a:hover,
body.page-id-2046 .main-navigation .menu-item.button a:hover,
body.page-id-2046 .main-navigation .menu-item.cta a:hover,
body.page-id-2046 .main-navigation li:last-child a:hover {
  background-color: #E07F70 !important;
  border-color: #E07F70 !important;
  color: #ffffff !important;
}

/* 5) LOGO SVG colour (fill + stroke + currentColor) */
body.page-id-2046 .site-logo,
body.page-id-2046 .custom-logo-link,
body.page-id-2046 .site-branding {
  color: #F29A8A !important; /* critical if SVG uses currentColor */
}

body.page-id-2046 .site-logo svg,
body.page-id-2046 .custom-logo-link svg,
body.page-id-2046 .site-branding svg,
body.page-id-2046 .site-logo svg *,
body.page-id-2046 .custom-logo-link svg *,
body.page-id-2046 .site-branding svg * {
  fill: #F29A8A !important;
  stroke: #F29A8A !important;
}

/* 6) Contact section background */
body.page-id-2046 .contact-section,
body.page-id-2046 .contact-wrapper,
body.page-id-2046 .get-in-touch {
  background-color: #F6DCDC !important;
}

/* 7) Footer background */
body.page-id-2046 footer,
body.page-id-2046 .site-footer {
  background-color: #F6DCDC !important;
}

/* 8) Buttons within page content (not header CTA) */
body.page-id-2046 .wp-block-button__link,
body.page-id-2046 .entry-content button,
body.page-id-2046 .entry-content .button {
  background-color: #F29A8A !important;
  color: #ffffff !important;
  border-color: #F29A8A !important;
}
body.page-id-2046 .wp-block-button__link:hover,
body.page-id-2046 .entry-content button:hover,
body.page-id-2046 .entry-content .button:hover {
  background-color: #E07F70 !important;
  border-color: #E07F70 !important;
  color: #ffffff !important;
}
/* Hygiene & Airflow page (ID 2046) – swap logo to pink SVG (reliable) */

/* Hide the current logo image (Logo-3.svg) but keep its space */
body.page-id-2046 .custom-logo-link img,
body.page-id-2046 img.custom-logo {
  opacity: 0 !important;
}

/* Show the pink SVG as a background on the logo link */
body.page-id-2046 .custom-logo-link {
  background-image: url("https://thegrovedentalcare.com/wp-content/uploads/2023/09/Logo_pink-2.svg") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  display: inline-block !important;
}

/* Give the link a defined size so the background is visible */
body.page-id-2046 .custom-logo-link {
  width: 220px !important;
  height: 70px !important;
}