/*
Theme Name:     Deep Green
Template:       kadence
Author:         Alyx Perry LLC
Author URI:     https://alyxperry.com
Description:    Child Theme Description
Version:        1.7
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/


@media(prefers-reduced-motion:reduce) {
	* {
		animation: none !important;
		transition: none !important;
		transform: none !important
	}
}

.entry-meta .posted-by {
	display:none !important;
}

.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id294_af0aa8-e8 {
    margin-top: 0 !important;
}

/*  FULL SCREEN ON PHONES  */
@Media (width <= 768px) {
	.site-container {
		padding: 0 0 !important;
	}
}

@media (width <= 768px) {
	.image-sidebar .case-study {
		max-width: 12vw!important;
	}
}


/*@ Hide Google Reviews Plugin Branding/Ad */
.sk_branding .tutorial_link {
	display: none !important;
}


.wp-site-blocks .post-archive-title h1 {
	color: white !important;
}

.blog .entry-hero {
	margin-top: 40px !important;
}

#related-posts-title {
	color: white !important;
}

/*@ Strong Testimonials  */
.wpmtst-testimonial-heading .testimonial-heading h3 {
	color: #467A5F !important;
}

.strong-view.wpmtst-default .wpmtst-testimonial-heading {
	color: #467A5F !important;
	font-size: 28px !important;
}

.strong-view.controls-style-buttons:not(.rtl) .wpmslider-prev:before, .strong-view.controls-style-buttons .wpmslider-stop:before, .strong-view.controls-style-buttons:not(.rtl) .wpmslider-next:before, .strong-view.controls-style-buttons .wpmslider-start {
	background-color:#4eb541 !important;
	width: 30px !important;
	height: 30px !important;
}

.strong-view.wpmtst-default .wpmtst-testimonial {
	border: 0px!important;
}

.strong-view.wpmtst-default .wpmtst-testimonial-content p:last-of-type {
	font-size: 25px !important;
	color: black;
}

.strong-content.strong-masonry .wpmtst-testimonial, .strong-view.wpmtst-default .wpmtst-testimonial {
	background-color: white !important;
}


/*  MOBILE LAYOUTS   */
@media (width <= 500px) {
  .image-sidebar {
    max-width: 20vw !important;
  }
	
	.content-column {
    min-width: 76vw !important;
		margin-left: -11vw !important;
  }
	
	.pillar .site-container {
		padding: 0 0 !important;
	}
}


#cmplz-document p, #cmplz-document li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode p, .editor-styles-wrapper .cmplz-unlinked-mode li, .editor-styles-wrapper .cmplz-unlinked-mode td {
    font-size: 22px !important;
    margin-top: 0;
}


/*@ Hide Google Reviews Plugin Branding/Ad */
.sk_branding .tutorial_link {
	display: none !important;
}

.ctct-form-footer, #gdpr_text {
	display: none !important;
}

div.ctct-form-embed form.ctct-form-custom div.ctct-form-field {
    margin: 0 0 4px 0 !important;
}

div.ctct-form-embed div.ctct-form-defaults {
	padding: 5px 20px 5px 20px !important;
}

div.ctct-form-embed form.ctct-form-custom button.ctct-form-button {
	font-family: Bespoke Sans;
	font-size: 1.5em !important;
	max-width: 250px !important;
	margin-left: auto !important;
    margin-right: auto !important;
}

/* Constant Contact PLUGIN Subscribe  
.ctct-disclosure, .ctct-label-top label {
	display: none !important;
}

.ctct-submit {
	border: none;
	font-size: 20px;
	padding: 5px 20px;
}

input[type=email] {
	background:white !important;
}

.ctct-submitted_0_2833796996 {
	font-family: Bespoke Sans !important;
}

input[type=submit] {
	font-family: Bespoke Sans !important;
}
*/



/********************
 * 
 * /* Add class "paper-texture" to any block via Advanced > Additional CSS Class */
.kb-row-layout-wrap.paper-texture,
.wp-block-kadence-column.paper-texture,
.wp-block-kadence-column.paper-texture .kt-inside-inner-col {
    background-image: url("/wp-content/uploads/2026/03/paper-texture.aa72b3a2.svg") !important;
    background-blend-mode: multiply !important;
    background-repeat: repeat !important;
}



/* ==========================================================================
   WCAG 2.2 AA contrast fixes - 2026-09-22
   ========================================================================== */

/* Footer headings keep their designed colours on every page.
   Some pages' block "Additional CSS" sets h1-h5 { color: ... !important } without
   scoping it to the block, which recoloured these footer headings (e.g. teal text
   on the teal footer on /visits-fees/). */
.wp-block-kadence-advancedheading.kt-adv-heading257_362bc0-92 {
	color: #ffffff !important; /* "Here to help you heal" on #1E807F = 4.7:1 */
}

.wp-block-kadence-advancedheading.kt-adv-heading257_3d3605-ca {
	color: var(--global-palette8) !important; /* "eco info!" on #221722 */
}

/* Archive titles for Case Studies, FAQs and Pillar (page-category):
   black on #365B73 was 2.9:1. Same treatment as .post-archive-title above. */
.wp-site-blocks .-archive-title h1.archive-title,
.wp-site-blocks .page-archive-title h1.archive-title {
	color: white !important;
}

/* Trustindex review dates: #8A8A8A on white was 3.45:1. */
.ti-review-item .ti-date .ti-with-tooltip {
	color: #6b6b6b !important; /* 5.3:1 */
}

/*   FAQs PAGE   */
.post-type-archive-faqs .page-title.archive-title {
	color: white;
}


/* Preformatted text blocks: Kadence draws <pre> on palette 7 (navy #365B73)
   and the text inherited black (2.9:1). White is 7.2:1. */
pre {
	color: #ffffff;
}


/* WCAG 2.2 SC 2.5.8 (target size) + SC 1.4.11 (non-text contrast):
   "Similar Posts" carousel dots were 10x10 px, 16 px apart, black on navy.
   Now a 24x24 click area with the visible 10 px dot drawn in cream
   (inactive 3.4:1, current 6.4:1 on #365B73). */
.entry-related .splide .splide__pagination__page {
	width: 24px;
	height: 24px;
	margin: 0;
	padding: 7px;
	background: var(--global-palette8);
	background-clip: content-box;
	opacity: 0.6;
}

.entry-related .splide .splide__pagination__page.is-active {
	background: var(--global-palette8);
	background-clip: content-box;
	opacity: 1;
}

/* SC 2.5.8: category links above post titles / on blog cards wrap onto rows
   that touched (20 px tall links). More line spacing keeps rows >= 24 px apart. */
.entry-taxonomies {
	line-height: 1.6;
}


/* WCAG 2.2 SC 2.4.7 (focus visible): third-party widgets that remove the focus outline.
   Shows only on keyboard focus; the normal look is unchanged.
   :not(#deep-green-a11y) adds ID-level weight to beat the widget's own !important rules. */
.grecaptcha-badge:focus-within {
	outline: 2px solid #000000 !important;
	outline-offset: 2px !important;
}

.ti-widget a:not(#deep-green-a11y):focus-visible,
.ti-widget button:not(#deep-green-a11y):focus-visible {
	outline: 2px solid #000000 !important;
	outline-offset: 2px !important;
}


/* WCAG 2.2 SC 1.4.11 (non-text contrast): form field edges. Default borders were
   #CBD5E0 / #B0B6BB on the cream background (1.3-1.8:1). #767676 is 4.0:1 on cream
   and 4.5:1 against the white field. */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="search"],
input[type="password"],
textarea,
select {
	border-color: #767676 !important;
}


/* ---- WCAG 2.2 AA v1.7 (2026-09-23) ---- */

/* 1.4.3: contact form 4189 - its own style setting makes typed text white on the white fields. */
.wp-block-kadence-advanced-form4189-cpt-id .kb-advanced-form input,
.wp-block-kadence-advanced-form4189-cpt-id .kb-advanced-form textarea,
.wp-block-kadence-advanced-form4189-cpt-id .kb-advanced-form select {
	color: #000000 !important;
}

/* 1.4.3: Trustindex "Read more" was black at 50% opacity (3.9:1); #6b6b6b solid = 5.3:1 on white. */
.ti-widget .ti-read-more span {
	color: #6b6b6b !important;
	opacity: 1 !important;
}

/* 1.4.3 / 1.4.11: Kadence paints search fields palette 9 green (#467a5f); black text was 4.2:1 and the
   teal placeholder and icon about 1.1:1. White = 5.0:1. */
.search-form .search-field {
	color: #ffffff !important;
}
.search-form .search-field::placeholder {
	color: #ffffff !important;
	opacity: 1;
}
.search-form .kadence-search-icon-wrap {
	color: #ffffff !important;
}

/* 2.4.7: reCAPTCHA badge. Real Tab focus goes inside Google's iframe, where :focus-within (v1.5) never
   matches; deep_green_a11y_widgets() in functions.php adds .dg-focus while focus is inside the badge. */
.grecaptcha-badge.dg-focus {
	outline: 2px solid #000000 !important;
	outline-offset: 2px !important;
}
