@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 .site-header,
body.page-id-2046 .navbar,
body.page-id-2046 .component-header,
body.page-id-2046 .component-header > div,
body.page-id-2046 .navbar > div {
  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 */
body.page-id-2046 .btn-primary,
body.page-id-2046 a.btn-primary {
  color: #ffffff !important;
  background-color: #FE938C !important;
  border: 2px solid #FE938C !important;
  box-shadow: none !important;
}

/* Hover / focus / active */
body.page-id-2046 .btn-primary:hover,
body.page-id-2046 .btn-primary:focus,
body.page-id-2046 .btn-primary:active,
body.page-id-2046 a.btn-primary:hover,
body.page-id-2046 a.btn-primary:focus,
body.page-id-2046 a.btn-primary:active {
  color: #E07F70 !important;
  background-color: transparent !important;
  border: 2px solid #E07F70 !important;
  box-shadow: none !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;
}

/* Content buttons on Hygiene page */
body.page-id-2046 .wp-block-button__link,
body.page-id-2046 .entry-content button,
body.page-id-2046 .entry-content .button {

  color: #ffffff !important;
  background-color: #FE938C !important;
  border: 2px solid #FE938C !important;

  transition: all 0.25s ease;
}

/* Content buttons on Hygiene page */
body.page-id-2046 .wp-block-button__link,
body.page-id-2046 .entry-content button,
body.page-id-2046 .entry-content .button {
  color: #ffffff !important;
  background-color: #FE938C !important;
  border: 2px solid #FE938C !important;
  transition: all 0.25s ease;
}

/* Hover state – same as Book Online button */
body.page-id-2046 .wp-block-button__link:hover,
body.page-id-2046 .wp-block-button__link:focus,
body.page-id-2046 .wp-block-button__link:active,
body.page-id-2046 .entry-content button:hover,
body.page-id-2046 .entry-content button:focus,
body.page-id-2046 .entry-content button:active,
body.page-id-2046 .entry-content .button:hover,
body.page-id-2046 .entry-content .button:focus,
body.page-id-2046 .entry-content .button:active {
  color: #E07F70 !important;
  background-color: transparent !important;
  border: 2px solid #E07F70 !important;
}
/* Hygiene & Airflow page (ID 2046) – swap logo to pink SVG (reliable) */

/* Force pink logo file on Hygiene page */
body.page-id-2046 .navbar-brand img,
body.page-id-2046 a.navbar-brand img,
body.page-id-2046 .custom-logo-link img,
body.page-id-2046 img.custom-logo {
  content: url("https://thegrovedentalcare.com/wp-content/uploads/2023/09/Logo_pink-2.svg") !important;
}

/* ================================
   WEST END CONSULTATION PAGE (ID 2108) – PINK THEME
   ================================ */

/* Header background */
body.page-id-2108 .site-header,
body.page-id-2108 .navbar,
body.page-id-2108 .component-header,
body.page-id-2108 .component-header > div,
body.page-id-2108 .navbar > div {
  background-color: #F6DCDC !important;
}

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

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

/* Dropdown icons */
body.page-id-2108 .main-navigation svg,
body.page-id-2108 .main-navigation svg * {
  fill: #F29A8A !important;
  stroke: #F29A8A !important;
}

/* BOOK ONLINE button */
body.page-id-2108 .btn-primary,
body.page-id-2108 a.btn-primary {
  color: #ffffff !important;
  background-color: #FE938C !important;
  border: 2px solid #FE938C !important;
}

/* Hover state */
body.page-id-2108 .btn-primary:hover,
body.page-id-2108 .btn-primary:focus,
body.page-id-2108 .btn-primary:active,
body.page-id-2108 a.btn-primary:hover,
body.page-id-2108 a.btn-primary:focus,
body.page-id-2108 a.btn-primary:active {
  color: #E07F70 !important;
  background-color: transparent !important;
  border: 2px solid #E07F70 !important;
}

/* Footer + contact section */
body.page-id-2108 .contact-section,
body.page-id-2108 .contact-wrapper,
body.page-id-2108 .get-in-touch,
body.page-id-2108 footer,
body.page-id-2108 .site-footer {
  background-color: #F6DCDC !important;
}

/* Content buttons */
body.page-id-2108 .wp-block-button__link,
body.page-id-2108 .entry-content button,
body.page-id-2108 .entry-content .button {
  color: #ffffff !important;
  background-color: #FE938C !important;
  border: 2px solid #FE938C !important;
}

/* Button hover */
body.page-id-2108 .wp-block-button__link:hover,
body.page-id-2108 .entry-content button:hover,
body.page-id-2108 .entry-content .button:hover {
  color: #E07F70 !important;
  background-color: transparent !important;
  border: 2px solid #E07F70 !important;
}

/* Pink logo */
body.page-id-2108 .navbar-brand img,
body.page-id-2108 a.navbar-brand img,
body.page-id-2108 .custom-logo-link img,
body.page-id-2108 img.custom-logo {
  content: url("https://thegrovedentalcare.com/wp-content/uploads/2023/09/Logo_pink-2.svg") !important;
}