/* TITLE 18 CSS Stylesheet */


/*--- PART 1 - ROOT AND VARIABLES ---*/

:root {  
/*Site colours */ 
  --cream: #F9F9ED;
  --near-black: #1A090D;
  --charcoal: #464655;
  --dark-burgundy: #800020;
  --light-burgundy: #E199A5;
  --dark-navy: #324AB2;
  --light-navy: #7D9AE8;
  --dark-purple: #4B2861;
  --light-purple: #C197DB;
  --dark-green: #046758;
  --light-green: #4FAF9A;

/* CUSTOM COLOURS USED IN HEADER AND LIMITED USE IN PAGES */
--lighter-lilac: #C8B4E0;
    --pale-green: #B8DECA;
    --pale-burgundy: #E0A8B8;
    --pale-navy: #9DB5D8;
    --pale-purple: #C9AEED;
    --pale-lilac: #E0D5F0;

/* Fonts*/

  --font-body: 'Cormorant Garamond', Georgia, serif;
  --font-ui: 'Jost', Arial, sans-serif;

/*Border radius*/
  --radius-circle: 50%;
  --radius-flipcard: 16px;
  --radius-12: 12px;
  --radius-btn: 100px;

/* Glow */
  --glow-ring: 5px;
  --glow-bloom: 32px;


/*Page variables*/

--page-home: var(--dark-green); --page-home-paired: var(--light-green); --page-home-text-colour: var(--cream);

--page-equine: var(--dark-burgundy); --page-equine-paired: var(--light-burgundy); --page-equine-text-colour: var(--cream);

--page-canine: var(--dark-navy); --page-canine-paired: var(--light-navy); --page-canine-text-colour: var(--cream);

--page-how-it-works: var(--dark-purple); --page-how-it-works-paired: var(--light-purple); --page-how-it-works-text-colour: var(--cream);

--page-about: var(--dark-purple); --page-about-paired: var(--light-green); --page-about-text-colour: var(--cream);

--page-forms-and-contact: var(--dark-green); --page-forms-and-contact-paired: var(--dark-green); --page-forms-and-contact-text-colour: var(--cream);

--page-client-forms: var(--light-green); --page-client-forms-paired: var(--light-green); --page-client-forms-text-colour: var(--cream);
--page-privacy: var(--light-navy); --page-privacy-paired: var(--dark-navy); --page-privacy-text-colour: var(--near-black);



}

/*--- PART 2 - GLOBAL COLOURS AND FONTS ---*/

/*COLOUR SCHEMES*/

/*L2- Client form colour schemes*/
.client-form-eq-bwork {--service-default-colour: var(--dark-navy); --service-paired-colour: var(--light-navy); }
.client-form-canine {--service-default-colour: var(--light-navy);  --service-paired-colour: var(--dark-navy); }
.client-form-combi {--service-default-colour: var(--dark-green);  --client-form-combi-paired: var(--light-green); }
.client-form-saddleassess {--service-default-colour: var(--dark-purple);  --service-paired-colour: var(--light-purple); }
.client-form-saddlework {--service-default-colour: var(--dark-burgundy); --service-paired-colour: var(--light-burgundy); }
.client-form-reg {--service-default-colour: var(--light-green); --service-paired-colour: var(--dark-green); }

/*L2- Service scoped variables*/

.DB-saddlework { --service-default-colour: var(--dark-burgundy); --service-paired-colour: var(--light-burgundy); --service-text-colour: var(--cream); }
.LB-equine-light { --service-default-colour: var(--light-burgundy); --service-paired-colour: var(--dark-burgundy); --service-text-colour: var(--near-black); }
.DN-bodywork { --service-default-colour: var(--dark-navy); --service-paired-colour: var(--light-navy); --service-text-colour: var(--cream); }
.LN-canine { --service-default-colour: var(--light-navy); --service-paired-colour: var(--dark-navy); --service-text-colour: var(--cream); }
.DG-combi { --service-default-colour: var(--dark-green); --service-paired-colour: var(--light-green); --service-text-colour: var(--cream); }
.LG-bespoke { --service-default-colour: var(--light-green); --service-paired-colour: var(--dark-green); --service-text-colour: var(--cream); }
.DP-saddle-fit { --service-default-colour: var(--dark-purple); --service-paired-colour: var(--light-purple); --service-text-colour: var(--cream); }
.LP-saddle-purchase { --service-default-colour: var(--light-purple); --service-paired-colour: var(--dark-purple); --service-text-colour: var(--cream); }
.purple-scheme-svc { --service-default-colour: var(--light-purple); --service-paired-colour: var(--dark-purple); --service-text-colour: var(--cream); }


/*L2- Accordion colour styling*/

.mctim-FAQ {--accord-question-colour: var(--light-navy); --accord-body-colour: var(--cream); --accord-border-colour: var(--light-navy); --accord-icon-colour: var(--light-navy);}
.sofmsaddlers-FAQ { --accord-question-colour: var(--dark-burgundy); --accord-body-colour: var(--near-black); --accord-border-colour: var(--dark-burgundy); --accord-icon-colour: var(--dark-burgundy);}

/*FONT STYLING*/

/*L2- Font styles*/

.section-label-H2-style {font-family: var(--font-ui); font-style: normal; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.22em; line-height: 1.2; margin-top: 10px;color: var(--page-paired);}

.main-heading-h3-style {font-family: var(--font-body); font-style: normal; font-size: 34px; font-weight: 300; letter-spacing: 0; line-height: 1.2; margin-top: 5px; margin-bottom: 10px; color: var(--page-text-colour);}

.body-style {font-family: var(--font-body); font-style: italic; font-size: 20px; font-weight: 300; letter-spacing: 0; line-height: 1.1; margin-top: 5px; color: var(--page-text-colour);}

.contact-header-style { font-family: var(--font-ui); font-style: normal; font-size: 18px; font-weight: 600; margin-top: 7px;  letter-spacing: 0.1em; line-height: 1; color: var(--dark-green); }

.animal-hero { font-family: var(--font-body); font-style: normal; font-size: 20px; font-weight: 300; letter-spacing: 0.02em; line-height: 1.2; margin-top: 7px; color: var(--page-text-colour); }

.body-normbigbold { font-family: var(--font-body); font-style: normal; font-size: 19px; font-weight: 600; letter-spacing: 0; line-height: 1; }

.bullets-style {font-family: var(--font-body); font-style: italic; font-size: 19px; font-weight: 400; letter-spacing: 0.02em; line-height: 1.2; color: var(--page-paired);}

/* Header */

.header-site-name-style {font-family: var(--font-body); font-style: normal; font-size: 18px; font-weight: 600; letter-spacing: 0; line-height: 1.0; color: var(--dark-green);}

.header-page-name-style {font-family: var(--font-ui); font-style: normal; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 1.0; color: var(--charcoal);}

.header-section-style {font-family: var(--font-ui); font-style: normal; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 1.0; color: var(--cream);}

/* home hero */

.home-italics-style {font-family: var(--font-body); font-style: italics; font-size: 20px; font-weight: 400; letter-spacing: 0.01em; line-height: 1.1; margin-top: 7px; color: var(--cream);}

.homestrap-style {font-family: var(--font-ui); font-style: normal; font-size: 18px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em; line-height: 1.2; color: var(--page-paired)}



/* Services and pricing grid */

.grid-price { font-family: var(--font-ui); font-style: normal; font-size: 14px; font-weight: 600;  text-transform: uppercase; letter-spacing: 0.1em; line-height: 1; color: var(--service-default-colour); margin-bottom: 7px; }

.grid-desc { font-family: var(--font-body); font-style: normal; font-size: 18px; font-weight: 500; line-height: 1.2; color: var(--charcoal); }


/* Services and pricing flipcards */

.flipcard-header-style { font-family: var(--font-ui); font-style: normal; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; line-height: 1; color: var(--service-text-colour); }
#flip-combibandsassess-title, #flip-saddlepurconsult-title { margin-left: -2px; margin-right: -8px; font-size: 13px; }

.flipcard-overlay-header-style { font-family: var(--font-ui); font-style: normal; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; line-height: 1; opacity: 0.55; color: var(--service-default-colour); margin-bottom: 10px;}

.flipcard-overlay-desc-style { font-family: var(--font-body); font-style: italic; font-size: 15px; font-weight: 400; letter-spacing: 0; line-height: 1.1; color: var(--service-text-colour); }

.flipcard-price-style { font-family: var(--font-body); font-style: normal; font-size: 20px; font-weight: 400; letter-spacing: 0; line-height: 1.05; color: var(--service-text-colour); }

.flipcard-overlay-t2c-style { font-family: var(--font-ui); font-style: normal; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; line-height: 1; opacity: 0.45; text-align: right; color: var(--service-text-colour); background: none; border: none; padding: 0; cursor: pointer; display: block; width: 100%;}

.flipcard-dur-style { font-family: var(--font-ui); font-style: normal; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; line-height: 1; color: var(--service-paired-colour); }

/* home services card or carousel */

.services-card-animal {font-family: var(--font-ui); font-style: normal; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; line-height: 1.2; color: var(--service-paired-colour);margin-bottom: 8px; margin-top: 5px;}

.services-card-category-heading {font-family: var(--font-body); font-style: normal; font-size: 34px; font-weight: 300; letter-spacing: 0; line-height: 1.2; margin-bottom: 7px; color: var(--cream);}

.services-card-awardtype {font-family: var(--font-ui); font-style: normal; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; line-height: 1.2; margin-bottom: 12px; color: color-mix(in srgb, var(--cream) 35%, transparent);}

.services-card-bullets {font-family: var(--font-body); font-size: 18px; font-weight: 400; font-style: italic; letter-spacing: 0; line-height: 1; color: var(--cream) ; margin-bottom: 7px; }

/*approach*/

.challenge-style {font-family: var(--font-ui); font-style: normal; font-size: 25px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.22em; line-height: 1.2; color: var(--charcoal); text-decoration: underline solid var(--light-purple); text-underline-offset: 15px; margin-bottom:40px; }

/* accordion */

.accordion-question-style {font-family: var(--font-ui); font-style: normal; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; line-height: 1.2;color: var(--accord-question-colour);}

.accordion-answer-style {font-family: var(--font-body); font-style: italic; font-size: 20px; font-weight: 400; letter-spacing: 0.02em; line-height: 1.2; color: var(--accord-body-colour); margin-top: 7px;}

/* contact us */

.contact-link-style { font-family: var(--font-ui); font-style: normal; font-size: 16px; font-weight: 400; margin-top: 7px;  letter-spacing: 0.1em; line-height: 1; color: var(--dark-green); }

/* session journeys */

.session-journey-step-style { font-family: var(--font-ui); font-style: normal; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.22em; line-height: 1; }

.session-journey-description-style { font-family: var(--font-body); font-style: italic; font-size: 16px; font-weight: 400; letter-spacing: 0; line-height: 1; color: var(--charcoal);}
.session-journey-description-style p { margin-top: 5px;}

/*forms-ledger*/
.ledger-name-style {font-family: var(--font-body); font-style: normal; font-size: 20px; font-weight: 600; letter-spacing: 0;  line-height: 1; color: var(--near-black);}

/* FOOTER */

.footer-link-style { font-family: var(--font-ui); font-style: normal; font-size: 12px; font-weight: 400; margin-top: 7px;  letter-spacing: 0.1em; line-height: 1; color: var(--cream); }

.ln-footer-link a { font-family: var(--font-body); font-style: normal; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 1.1; color: var(--cream); text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--light-navy); text-underline-offset: 2px; }

.contact-link-style:hover, .contact-link-style:active {color: var(--light-purple);}
.footer-link-style:hover, .footer-link-style:active {color: var(--light-purple);}
.ln-footer-link a:hover, .ln-footer-link a:active {color: var(--light-navy);}

/*HIDDEN PAGES */ 

.info-main-heading {font-family: var(--font-body); font-style: normal; font-size: 44px; font-weight: 300; letter-spacing: 0; line-height: 1.2; margin-top: 5px; margin-bottom: 20px; color: var(--service-paired-colour);}

.info-sub-heading { font-family: var(--font-ui); font-style: normal; font-size: 22px; font-weight: 600; letter-spacing: 0.1em; line-height: 1; margin-top: 20px;}

.privacy-section-header { font-family: var(--font-ui); font-style: normal; font-size: 22px; font-weight: 600; letter-spacing: 0.1em; line-height: 1; margin-top: 20px; color: var(--service-paired-colour); }

.policy-text { font-family: var(--font-body); font-style: normal; font-size: 20px; font-weight: 600; letter-spacing: 0.02em; line-height: 1.4; margin-top: 10px; color: var(--page-text-colour); }

.info-bold { font-family: var(--font-body);  font-style: normal; font-size: 20px; font-weight: 700; letter-spacing: 0.02em; line-height: 1.4; margin-top: 10px; color: var(--page-text-colour); text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--service-paired-colour); text-underline-offset: 2px;}

.info-bold-policy { font-family: var(--font-body);  font-style: normal; font-size: 20px; font-weight: 700; letter-spacing: 0.02em; line-height: 1.4; margin-top: 10px; color: var(--page-text-colour); text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--dark-navy); text-underline-offset: 2px;}
.info-bold-policy.active {text-decoration-color: var(--light-navy);}

.info-text { font-family: var(--font-body); font-style: italic; font-size: 20px; font-weight: 500; letter-spacing: 0.02em; line-height: 1.4; margin-top: 10px;}

.compact {line-height: 1.1; margin-top: 5px; font-size: 18px;}

.info-bullet {font-family: var(--font-body); font-style: italic; font-size: 20px; font-weight: 500; letter-spacing: 0; line-height: 1.2; margin-top: 5px; }

.link-wrap {overflow-wrap: break-word; font-style: normal; font-weight: 600;}

#info-warning {color: var(--service-paired-colour);}


/*L2- Font modifiers*/
.animal-hero p { margin-top: 7px; }
.sm-main {font-size: 30px; margin-top: 10px; }
.styling-body-oomph-eq { color: var(--light-burgundy); font-weight: 500; font-size: 21px; }
.styling-body-oomph-ca { color: var(--pale-navy); font-weight: 500; font-size: 21px; }
#forms-and-contact-hero .animal-hero {font-weight: 500;}
#gallery-container {font-weight: 500;}
.colour-NB {color: var(--near-black);}
.colour-CR {color: var(--cream);}
.colour-CH {color: var(--charcoal);}
.colour-DG {color: var(--dark-green);}
.colour-DB {color: var(--dark-burgundy);}
.colour-DN {color: var(--dark-navy);}
.colour-DP {color: var(--dark-purple);}
.colour-LG {color: var(--light-green);}
.colour-LB {color: var(--light-burgundy);}
.colour-LN {color: var(--light-navy);}
.colour-LP {color: var(--light-purple);}

.colour-service-t {color: var(--service-text-colour);}

.size-10 {font-size: 10px;}
.size-12 {font-size: 12px;}
.size-14 {font-size: 14px; line-height: 1;}
.size-16 {font-size: 16px; line-height: 1;}
.size-18 {font-size: 18px;}
.size-20 {font-size: 20px;}
.size-26 {font-size: 26px;}
.size-50 {font-size: 50px;}
.sj-bodywork-num.size-44 {font-size: 42px;}
.sj-saddlefitting-num.size-44 {font-size: 42px;}
.sj-gandt-num.size-44 {font-size: 42px;}

/*first para animal hero*/
p.first-para {margin-top: 0;}

/*approach special*/

.solution {color: var(--cream); text-decoration: underline solid var(--light-green); margin: 10px 0 20px;}

/*BULLETS*/

/*L2- Flip bullets burgundy*/
.flip-bullet1 li { display: flex; align-items: center; }
.flip-bullet1 li::before { content: ''; display: inline-block; width: 25px; height: 15px; background: url('https://smsequinecanine.ie/Images/New/rightarrowlb.svg') no-repeat center / contain; margin-right: 8px; }

.flip-bullet2 li { display: flex; align-items: center; }
.flip-bullet2 li::before { content: ''; display: inline-block; width: 15px; height: 25px; background: url('https://smsequinecanine.ie/Images/New/drawarrowdownlb.svg') no-repeat center / contain; margin-right: 8px; }

/*L2- Flip bullets navy*/
.flip-bullet3 li { display: flex; align-items: center; }
.flip-bullet3 li::before { content: ''; display: inline-block; width: 25px; height: 15px; background: url('https://smsequinecanine.ie/Images/New/rightarrowln.svg') no-repeat center / contain; margin-right: 8px; }

.flip-bullet4 li { display: flex; align-items: center; }
.flip-bullet4 li::before { content: ''; display: inline-block; width: 15px; height: 25px; background: url('https://smsequinecanine.ie/Images/New/downarrowln.svg') no-repeat center / contain; margin-right: 8px; }

/*--- PART 3 - RESET / BASE STYLES ---*/

*{ box-sizing: border-box;}

html, body { margin: 0; padding: 0;}

body { font-family: var(--font-body); font-style: italic; font-size: 16px; font-weight: 500; letter-spacing: 0; line-height: 1.1; color: var(--page-text-colour);  background-color: var(--page-default); }

h1, h2, h3, h4, h5, h6 { margin: 0;}

p { margin: 0;}

a { text-decoration: none; }

img { width: 100%; display: block; }

ul, ol {list-style: none; margin: 0; padding: 0;}


/*--- PART 4 - GLOBAL ELEMENT DEFAULTS ---*/

/*WHOLE PAGE SCROLL BAR*/

html:has(body[data-page-finder="home"]) { scrollbar-width: thin; scrollbar-color: var(--page-home) var(--pale-green); }
html:has(body[data-page-finder="equine"]) { scrollbar-width: thin; scrollbar-color: var(--page-equine) var(--pale-burgundy); }
html:has(body[data-page-finder="canine"]) { scrollbar-width: thin; scrollbar-color: var(--page-canine) var(--pale-navy); }
html:has(body[data-page-finder="how-it-works"]) { scrollbar-width: thin; scrollbar-color: var(--page-how-it-works) var(--pale-purple); }
html:has(body[data-page-finder="about"]) { scrollbar-width: thin; scrollbar-color: var(--page-about) var(--pale-purple); }
html:has(body[data-page-finder="forms-and-contact"]) { scrollbar-width: thin; scrollbar-color: var(--light-purple) var(--dark-green); }
html:has(body[data-page-finder="client-forms"]) { scrollbar-width: thin; scrollbar-color: var(--page-client-forms) var(--pale-green); }
html:has(body[data-page-finder="client-forms-L"]) { scrollbar-width: thin; scrollbar-color: var(--page-client-forms) var(--pale-green); }
html:has(body[data-page-finder="privacy-policy"]) { scrollbar-width: thin; scrollbar-color: var(--light-navy) var(--dark-navy); }

/*IN PAGE SCROLL BAR*/
::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track { background: color-mix(in srgb, var(--charcoal) 20%, transparent); }
::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--charcoal) 45%, transparent); border-radius: 2px; }

/*LINKS*/

/*L2- Links - goes on classes */

.eq-link a {text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--light-burgundy); text-underline-offset: 2px; font-weight: 600; color: var(--page-text-colour); }
.eq-link a:hover, .eq-link a:active {color: var(--light-burgundy);}

.eq-link a.colour-CH {color: var(--charcoal);}
.eq-link a.colour-CH:hover, .eq-link a.colour-CH:active {color: var(--light-burgundy);}

.ca-link a {text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--pale-navy); text-underline-offset: 2px; font-weight: 600; color: var(--page-text-colour); }
.ca-link a:hover, .ca-link a:active {color: var(--pale-navy);}

.bespoke-link a {text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--light-green); text-underline-offset: 2px; font-weight: 600; color: var(--page-text-colour); }
.bespoke-link a:hover, .bespoke-link a:active {color: var(--light-green);}

.research-link a {text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color:  var(--light-purple); text-underline-offset: 2px; font-weight: 600; color: var(--page-text-colour);}
.research-link a:hover, .research-link a:active {color: var(--light-purple);}

.form-link a {text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--page-text-colour); text-underline-offset: 2px; font-weight: 600;  color: var(--page-text-colour); font-style: normal;}
.form-link a:hover, .form-link a:active {color: var(--page-text-colour);}

.privacy-link a {text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--dark-navy); text-underline-offset: 2px; font-weight: 600; color: var(--cream); font-style: normal;}
.privacy-link a:hover, .privacy-link a:active {color: var(--light-navy);}

#button-skip-wrap a {text-decoration: underline; text-decoration-color: var(--page-paired); text-underline-offset: 4px; font-weight: 500; color: var(--page-text-colour); }
#button-skip-wrap a:hover, #button-skip-wrap a:active {color: var(--page-paired);}



/*L2- Links - goes directly on the a or button */

.form-call {text-decoration: underline; text-decoration-style: dashed; text-decoration-thickness: 2px; text-decoration-color: var(--service-paired-colour); text-underline-offset: 2px; font-weight: 600; color: var(--page-text-colour); font-style: normal;}
.form-call a:hover, .form-call a:active {color: var(--service-paired-colour);}

.self-link {text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--page-default); text-underline-offset: 2px; font-weight: 600; color: var(--page-text-colour); font-style: normal;}
.self-link:hover, .self-link:active { color: var(--page-paired); }

.db-book-link {text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--dark-burgundy); text-underline-offset: 2px; font-weight: 600; color: var(--charcoal); }
.db-book-link:hover, .db-book-link:active { color: var(--light-burgundy); }

.lb-book-link {text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--light-burgundy); text-underline-offset: 2px; font-weight: 600; color: var(--charcoal); }
.lb-book-link:hover, .lb-book-link:active { color: var(--dark-burgundy); }

.dn-book-link {text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--dark-navy); text-underline-offset: 2px; font-weight: 600; color: var(--charcoal); }
.dn-book-link:hover, .dn-book-link:active { color: var(--light-navy); }

.ln-book-link {text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--light-navy); text-underline-offset: 2px; font-weight: 600; color: var(--charcoal); }
.ln-book-link:hover, .ln-book-link:active { color: var(--dark-navy); }

.dg-book-link {text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--dark-green); text-underline-offset: 2px; font-weight: 600; color: var(--charcoal); }
.dg-book-link:hover, .dg-book-link:active { color: var(--light-green); }

.lg-book-link {text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--light-green); text-underline-offset: 2px; font-weight: 600; color: var(--charcoal); }
.lg-book-link:hover, .lg-book-link:active { color: var(--dark-green); }

.dp-book-link {text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--dark-purple); text-underline-offset: 2px; font-weight: 600; color: var(--charcoal); }
.dp-book-link:hover, .dp-book-link:active { color: var(--light-purple); }

.lp-book-link {text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: var(--light-purple); text-underline-offset: 2px; font-weight: 600; color: var(--charcoal); }
.lp-book-link:hover, .lp-book-link:active { color: var(--dark-purple); }


/*L2- Booking icon*/

 .booking-icon-style { display: block; height: 15px; width: 25px;  margin: 0 auto;}

/*BUTTONS*/
/*L2- base buttons*/

.btn {font-family: var(--font-ui);font-style: normal; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; border-radius: var(--radius-btn); border: 2px solid transparent; cursor: pointer; white-space: nowrap; display: inline-block; padding: 10px 20px; margin: 5px 0 0;}

/*L2- button modifiers*/

.btn-icon-circle-m { display: inline-flex; border-radius: 50%; border: 1px solid transparent; cursor: pointer; padding: 0; width: 44px; height: 44px; align-items: center; justify-content: center; }
.btn-icon-circle-m svg { flex-shrink: 0; display: block; width: 20px; height: 20px;}

.btn-less-pad { margin: 7px 10px;}

.btn-more-pad  { margin: 10px 0 0 5px;}

.btn-sm { padding: 7px 14px; font-size: 11px; }

.btn-flipf {font-family: var(--font-ui); font-style: normal; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; border-radius: var(--radius-btn); border: 2px solid transparent; cursor: pointer; display: inline-block; padding: 5px 8px; align-self: flex-end;; margin-top: auto; }

.btn-svc-m { padding: 5px 10px; font-size: 8px; margin-top: 5px; margin-bottom: 5px;}

.btn-icon-txt-d { display: inline-flex; align-items: center; gap: 6px; line-height: 1 }

/*L2- Button style 1- Header and main button styling-  buttons contrast border cream text */

.btn-special-dark-burgundy-border {background-color: var(--dark-burgundy); border: 3px solid; border-color: var(--light-burgundy); color: var(--cream);}
.btn-special-dark-burgundy-border:hover, .btn-special-dark-burgundy-border:active {background-color: var(--light-burgundy); border: 3px solid; border-color: var(--dark-burgundy); color: var(--cream);}

.btn-special-dark-navy-border {background-color: var(--dark-navy); border: 3px solid; border-color: var(--light-navy); color: var(--cream);}
.btn-special-dark-navy-border:hover, .btn-special-dark-navy-border:active {background-color: var(--light-navy); border: 3px solid; border-color: var(--dark-navy); color: var(--cream);}

.btn-special-dark-green-border {background-color: var(--dark-green); border: 3px solid; border-color: var(--light-green); color: var(--cream);}
.btn-special-dark-green-border:hover, .btn-special-dark-green-border:active {background-color: var(--light-green); border: 3px solid; border-color: var(--dark-green); color: var(--cream);}

.btn-special-dark-purple-border {background-color: var(--dark-purple); border: 3px solid; border-color: var(--light-purple); color: var(--cream);}
.btn-special-dark-purple-border:hover, .btn-special-dark-purple-border:active {background-color: var(--light-purple); border: 3px solid; border-color: var(--dark-purple); color: var(--cream);}

.btn-special-light-purple-border {background-color: var(--light-purple); border: 3px solid; border-color: var(--dark-purple); color: var(--cream);}
.btn-special-light-purple-border:hover, .btn-special-light-purple-border:active {background-color: var(--dark-purple); border: 3px solid; border-color: var(--light-purple); color: var(--cream);}

.btn-special-light-navy-border {background-color: var(--light-navy); border: 3px solid; border-color: var(--dark-navy); color: var(--dark-navy);}
.btn-special-light-navy-border:hover, .btn-special-light-navy-border:active {background-color: var(--dark-navy); border: 3px solid; border-color: var(--light-navy); color: var(--cream);}

.btn-special-light-green-border {background-color: var(--pale-green); border: 3px solid; border-color: var(--dark-green); color: var(--dark-green);}
.btn-special-light-green-border:hover, .btn-special-light-green-border:active {background-color: var(--dark-green); border: 3px solid; border-color: var(--light-green); color: var(--cream);}

/*L2- Button style 2- Home services and footer buttons - cream text, contrast fill on hover*/

.btn-special-dark-burgundy-fill {background-color: var(--dark-burgundy); border-color: var(--dark-burgundy); color: var(--cream);}
.btn-special-dark-burgundy-fill:hover, .btn-special-dark-burgundy-fill:active {background-color: var(--light-burgundy); border: 3px solid; border-color: var(--dark-burgundy); color: var(--cream);}

.btn-special-dark-navy-fill {background-color: var(--dark-navy); border-color: var(--dark-navy); color: var(--cream);}
.btn-special-dark-navy-fill:hover, .btn-special-dark-navy-fill:active {background-color: var(--light-navy); border: 3px solid; border-color: var(--dark-navy); color: var(--cream);}

.btn-special-dark-purple-fill {background-color: var(--dark-purple); border: 3px solid; border-color: var(--dark-purple); color: var(--cream);}
.btn-special-dark-purple-fill:hover, .btn-special-dark-purple-fill:active {background-color: var(--light-purple); border: 3px solid; border-color: var(--dark-purple); color: var(--cream);}


/*L2- Button style 3 - Pricing grid and flipcard buttons cream border*/

.btn-OLcontrast-dark-navy {background-color: var(--dark-navy); border-color: var(--cream); color: var(--cream);}
.btn-OLcontrast-dark-navy:hover, .btn-OLcontrast-dark-navy:active {background-color: var(--light-navy); border-color: var(--cream); color:  var(--cream);}

.btn-OLcontrast-light-navy {background-color: var(--light-navy); border-color: var(--cream); color: var(--cream);}
.btn-OLcontrast-light-navy:hover, .btn-OLcontrast-light-navy:active {background-color: var(--dark-navy); border-color: var(--cream); color:  var(--cream);}

.btn-OLcontrast-dark-burgundy {background-color: var(--dark-burgundy); border-color: var(--cream); color:  var(--cream);}
.btn-OLcontrast-dark-burgundy:hover, .btn-OLcontrast-dark-burgundy:active {background-color: var(--light-burgundy); border-color: var(--cream); color:  var(--cream);}

.btn-OLcontrast-dark-purple {background-color: var(--dark-purple); border-color: var(--cream); color: var(--cream);}
.btn-OLcontrast-dark-purple:hover, .btn-OLcontrast-dark-purple:active {background-color: var(--light-purple); border-color: var(--cream); color:  var(--cream);}

.btn-OLcontrast-light-purple {background-color: var(--light-purple); border-color: var(--cream); color:  var(--cream);}
.btn-OLcontrast-light-purple:hover, .btn-OLcontrast-light-purple:active {background-color: var(--dark-purple); border-color: var(--cream); color:  var(--cream);}

.btn-OLcontrast-light-green {background-color: var(--light-green); border-color: var(--cream); color: var(--cream);}
.btn-OLcontrast-light-green:hover, .btn-OLcontrast-light-green:active {background-color: var(--dark-green); border-color: var(--cream); color:  var(--cream);}

.btn-OLcontrast-dark-green {background-color: var(--dark-green); border-color: var(--cream); color: var(--cream);}
.btn-OLcontrast-dark-green:hover, .btn-OLcontrast-dark-green:active {background-color: var(--light-green); border-color: var(--cream); color:  var(--cream);}

/*L2- action buttons*/

.btn-whatsapp { border: 3.5px solid; background-color: #25D366; border-color: #25D366; color: #F9F9ED; }
.btn-whatsapp:hover, .btn-whatsapp:active {border: 3.5px solid;  background-color: color-mix(in srgb, #128c7e 70%, transparent); border-color: #25D366; color: #F9F9ED; }

/*L2- Inline button pair container*/

.btn-group { display: flex;  gap: 10px;  flex-wrap: wrap; justify-content: flex-start; margin: 5px 0 }
#my-approach .btn-group { margin: 10px 0; }

/*COLOUR BARS*/

#colour-bar-header { height: 3px; background: var(--page-paired); }
#colour-bar-home { height: 4px; background: var(--light-green); }
#equine-services { height: 4px; background: var(--light-burgundy); }
#colour-bar-equine2 { height: 4px; background: var(--light-burgundy); }
#colour-bar-canine { height: 4px; background: var(--light-navy); }
#colour-bar-canine2 { height: 4px; background: var(--light-navy); }
#colour-bar-how-it-works { height: 4px; background: var(--light-green); }
#colour-bar-how-it-works2 { height: 4px; background: var(--light-purple); }
#colour-bar-about { height: 4px; background: var(--dark-green); }
#colour-bar-about2 { height: 4px; background: var(--light-green); }
#colour-bar-forms-and-contact { height: 4px; background: var(--light-purple); }
#colour-bar-forms-and-contact2 { height: 4px; background: var(--light-green); }
#colour-bar-forms-and-contact3 { height: 4px; background: var(--light-purple); }
#colour-bar-forms-and-contact4 { height: 4px; background: var(--light-green); }
#colour-bar-forms-and-contact5 { height: 4px; background: var(--dark-green); }
#colour-bar-footer { height: 4px; background: var(--page-paired); }
#colour-bar-footer { height: 4px; background: var(--page-paired); }
#colour-bar-footer-forms-and-contact { height: 4px; background: var(--light-purple); }

/*--- PART 5 - Section IDs and rules ---*/

.desktop-only { display: block; }
 .mobile-only { display: none; } 

/*Page finder to look in html and set colour scheme for page*/

body[data-page-finder="home"] {--page-default: var(--page-home); --page-paired: var(--page-home-paired); --page-text-colour: var(--page-home-text-colour);}
body[data-page-finder="equine"] {--page-default: var(--page-equine); --page-paired: var(--page-equine-paired); --page-text-colour: var(--page-equine-text-colour);}
body[data-page-finder="canine"] {--page-default: var(--page-canine); --page-paired: var(--page-canine-paired); --page-text-colour: var(--page-canine-text-colour);}
body[data-page-finder="about"]{--page-default: var(--page-about); --page-paired: var(--page-about-paired); --page-text-colour: var(--page-about-text-colour);}
body[data-page-finder="how-it-works"] {--page-default: var(--page-how-it-works); --page-paired: var(--page-how-it-works-paired); --page-text-colour: var(--page-how-it-works-text-colour);}
body[data-page-finder="forms-and-contact"] {--page-default: var(--page-forms-and-contact); --page-paired: var(--page-forms-and-contact-paired); --page-text-colour: var(--page-forms-and-contact-text-colour);}
body[data-page-finder="client-forms"] {--page-default: var(--page-client-forms); --page-paired: var(--page-client-forms-paired); --page-text-colour: var(--page-client-forms-text-colour);}
body[data-page-finder="client-forms-L"] {--page-default: var(--page-client-forms); --page-paired: var(--page-client-forms-paired); --page-text-colour: var(--charcoal);}
body[data-page-finder="privacy-policy"] {--page-default: var(--page-privacy); --page-paired: var(--page-privacy-paired); --page-text-colour: var(--near-black);}

/*SECTIONS*/

/*header and footer*/ 

#sticky-wrap { position: sticky; top: 0; z-index: 200; }
#site-header { background: var(--cream); display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 16px; height: 62px; }
#footer-wrap { background-color: var(--dark-green); padding: 15px 20px; --page-paired: var(--light-green); }

/*home*/

#home-hero { background-color: var(--page-home); padding: 10px 10px 15px 10px; scroll-margin-top: 65px; }

#home-services-columns { background-color: var(--charcoal); padding: 0 20px; scroll-margin-top: 65px; }

#home-services-carousel { background-color: var(--cream); padding: 5px 20px; --page-text-colour: var(--near-black); display: none; scroll-margin-top: 65px;}

#home-mini-about { background-color: var(--cream); padding: 10px 25px 10px; --page-paired: var(--light-green); --page-text-colour: var(--near-black); scroll-margin-top: 65px; }

/*equine*/

#equine-hero { background: var(--page-equine); padding: 10px 25px 20px 25px; scroll-margin-top: 65px; }

#equine-pricing-grid { background: var(--cream); padding: 10px 25px;--page-text-colour: var(--charcoal); scroll-margin-top: 65px;}

#equine-pricing-flipcards {background-color: var(--cream); padding: 10px 12px 5px; display: none; scroll-margin-top: 65px;}

#sessions-equine { background: var(--charcoal); padding: 10px 20px; --page-text-colour: var(--charcoal); scroll-margin-top: 65px;}

/*canine*/

#canine-hero {background-color: var(--page-canine); padding: 10px 25px; scroll-margin-top: 65px;}

#canine-pricing-grid { background-color: var(--cream); padding: 10px 25px; scroll-margin-top: 65px;}

#canine-pricing-flipcards {  background-color: var(--cream); padding: 10px 12px 5px; display: none; scroll-margin-top: 65px;  }

#sessions-canine { background: var(--charcoal); padding: 10px 20px; scroll-margin-top: 65px; }

/*how it works*/

#my-approach { background-color: var(--page-how-it-works); padding: 10px 25px; scroll-margin-top: 65px; }

#the-challenge { background-color: var(--light-purple); padding: 1px 25px; --page-paired: var(--dark-green); --page-text-colour: var(--near-black); scroll-margin-top: 65px;}

#approach-story {background-color: var(--cream); padding: 10px 25px; --page-paired: var(--light-purple); --page-text-colour: var(--near-black); scroll-margin-top: 65px;}

#approach-solution { background-color: var(--dark-purple); padding: 10px 25px; --page-paired: var(--light-green); --page-text-colour: var(--cream); scroll-margin-top: 65px;}

#mctim-approach { background-color: var(--dark-navy); background-image: linear-gradient(to right, var(--dark-navy) 0px, transparent 285px), url('https://smsequinecanine.ie/Images/New/pawprint.png'); background-repeat: no-repeat, repeat-y; background-position: right top, right top; background-size: 60% auto, 60% auto; padding: 10px 15px; --page-paired: var(--light-navy); --page-text-colour: var(--cream); scroll-margin-top: 65px; }



#mctim-explain { background-color: var(--charcoal); padding: 10px 25px; --page-paired: var(--light-navy); --page-text-colour: var(--cream); scroll-margin-top: 65px; }

#mctim-FAQ { background-color: var(--charcoal); padding: 0 25px 15px; scroll-margin-top: 65px;}

#sofmsaddlers-explain { background-color: var(--cream); padding: 10px 25px; --page-paired: var(--dark-burgundy); --page-text-colour: var(--near-black); scroll-margin-top: 65px; }

#sofmsaddlers-FAQ { background-color: var(--cream); padding: 0 25px 15px; scroll-margin-top: 65px;}

/*about*/

#about-hero { background-color: var(--page-about); padding: 10px 10px 10px 20px; scroll-margin-top: 65px; }

#my-background { background-color: var(--light-purple); padding: 10px 25px 20px; --page-paired: var(--dark-green); --page-text-colour: var(--near-black); scroll-margin-top: 65px;}

#qualifications {background-color: var(--cream); padding: 10px 15px ; color: var(--near-black); --page-text-colour: var(--near-black); scroll-margin-top: 65px; }

/*forms and contact*/

#forms-and-contact-hero { background-color: var(--pale-green); padding: 10px 25px 15px;--page-text-colour: var(--near-black); scroll-margin-top: 65px; }

#travel { background-color: var(--dark-green);padding: 10px 25px; --page-paired: var(--light-green); scroll-margin-top: 65px;}

#booking { background-color: var(--charcoal);padding: 10px 25px 20px; --page-paired: var(--light-green); scroll-margin-top: 65px;}

#bundle-link-header { margin-top: 10px; }

#forms { background-color: var(--pale-green);padding: 10px 25px; --page-paired: var(--dark-green);--page-text-colour: var(--near-black); scroll-margin-top: 65px;}

#research { background-color: var(--pale-purple); padding: 10px 25px; --page-paired: var(--dark-green); --page-text-colour: var(--near-black); scroll-margin-top: 65px; }

#form-embed-page-1 { background-color: var(--charcoal); padding: 10px 25px; scroll-margin-top: 65px; }

#form-embed-page-YD { background-color: var(--charcoal); padding: 10px 10px; scroll-margin-top: 65px; }

#privacy-policy { background-color: var(--cream); padding: 10px 15px; scroll-margin-top: 65px; }

/*--- PART 6 - COMPONENTS / DIVS ---*/

/*HEADER*/

/*L2- Shared header classes*/

.logo-div { display: flex; align-items: center; }
.header-middle { display: flex; align-items: center; gap: 8px; padding: 0 4px; }
.site-info { display: flex; flex-direction: column; justify-content: flex-start; white-space: nowrap; }
#header-logo-circle { width: 60px; height: 60px; object-fit: cover; overflow: hidden; }

/*L2- Header shared nav lists*/

  .nav-list { list-style: none; }
.nav-list > li.has-sub > label > a { color: inherit; }
  .nav-list > li > a,
  .nav-list > li > label { display: block; padding: 0.85rem 1.25rem; background: var(--cream); text-decoration: none; border-bottom: 1px solid var(--charcoal); cursor: pointer; font-size: 13px; letter-spacing: 0.03em; font-weight: bold;}

/*L2- Mobile overrides*/

.hamburger { display: none; }
.sub-toggle { display: none; }
#active-page { display: none; }
#btn-header-menu { display: none; }
#nav-mobile { display: none; }
#nav-desktop .sub-toggle { display: none; }

/*L2- Desktop classes*/

.submenu { max-height: 0; overflow: hidden; transition: max-height 0.25s ease; }
#nav-desktop { display: flex; flex: 1; align-items: stretch; padding-left: 10px; }
#nav-desktop .nav-list { display: flex; align-items: stretch; list-style: none; }
#nav-desktop .nav-list > li { position: relative; }
#nav-desktop .nav-list > li > a, #nav-desktop .nav-list > li > label { border: none; padding: 0 1.1rem; height: 60px; line-height: 60px; white-space: nowrap; background: var(--cream); color: var(--charcoal); font-weight: bold; font-size: 13px; }
#nav-desktop .nav-list > li:nth-child(1) > a:hover, #nav-desktop .nav-list > li:nth-child(1) > label:hover { color: var(--dark-green); }
#nav-desktop .nav-list > li:nth-child(2) > a:hover, #nav-desktop .nav-list > li:nth-child(2) > label:hover { color: var(--dark-burgundy); }
#nav-desktop .nav-list > li:nth-child(3) > a:hover, #nav-desktop .nav-list > li:nth-child(3) > label:hover { color: var(--dark-navy); }
#nav-desktop .nav-list > li:nth-child(4) > a:hover, #nav-desktop .nav-list > li:nth-child(4) > label:hover { color: var(--light-purple); }
#nav-desktop .nav-list > li:nth-child(5) > a:hover, #nav-desktop .nav-list > li:nth-child(5) > label:hover { color: var(--dark-purple); }
#nav-desktop .nav-list > li:nth-child(6) > a:hover, #nav-desktop .nav-list > li:nth-child(6) > label:hover { color: var(--dark-green); }
#nav-desktop .nav-list > li:nth-child(1).active > a, #nav-desktop .nav-list > li:nth-child(1).active > label { text-decoration: overline underline; text-decoration-color: var(--dark-green); color: var(--dark-green); text-underline-offset: 4px; }
#nav-desktop .nav-list > li:nth-child(2).active > a, #nav-desktop .nav-list > li:nth-child(2).active > label { text-decoration: overline underline; text-decoration-color: var(--dark-burgundy); color: var(--dark-burgundy); text-underline-offset: 4px; }
#nav-desktop .nav-list > li:nth-child(3).active > a, #nav-desktop .nav-list > li:nth-child(3).active > label { text-decoration: overline underline; text-decoration-color: var(--dark-navy); color: var(--dark-navy); text-underline-offset: 4px; }
#nav-desktop .nav-list > li:nth-child(4).active > a, #nav-desktop .nav-list > li:nth-child(4).active > label { text-decoration: overline underline; text-decoration-color: var(--light-purple); color: var(--light-purple); text-underline-offset: 4px; }
#nav-desktop .nav-list > li:nth-child(5).active > a, #nav-desktop .nav-list > li:nth-child(5).active > label { text-decoration: overline underline; text-decoration-color: var(--dark-purple); color: var(--dark-purple); text-underline-offset: 4px; }
#nav-desktop .nav-list > li:nth-child(6).active > a, #nav-desktop .nav-list > li:nth-child(6).active > label { text-decoration: overline underline; text-decoration-color: var(--dark-green); color: var(--dark-green); text-underline-offset: 4px; }
#nav-desktop .submenu { position: absolute; top: 60px;  left: 0; min-width: 140px; max-height: 0; z-index: 100; box-shadow: 0 4px 12px rgba(0,0,0,0.1); display: flex; flex-direction: column; gap: 4px; background: var(--cream); }
#nav-desktop .has-sub:hover .submenu { max-height: 515px; }
#nav-desktop .submenu a { display: block; padding-top: 8px; padding: 8px 20px 8px 20px; padding-bottom: 6px; }
#nav-desktop .submenu li:first-child a { }
#nav-desktop .nav-list > li:nth-child(1) .submenu a { color: var(--light-green); border-bottom: 2px solid var(--dark-green);  }
#nav-desktop .nav-list > li:nth-child(2) .submenu a { color: var(--light-burgundy); border-bottom: 2px solid var(--dark-burgundy); }
#nav-desktop .nav-list > li:nth-child(3) .submenu a { color: var(--light-navy); border-bottom: 2px solid var(--dark-navy); }
#nav-desktop .nav-list > li:nth-child(4) .submenu a { color: var(--dark-purple); border-bottom: 2px solid var(--light-purple); }
#nav-desktop .nav-list > li:nth-child(5) .submenu a { color: var(--light-purple); border-bottom: 2px solid var(--dark-purple); }
#nav-desktop .nav-list > li:nth-child(6) .submenu a { color: var(--light-green); border-bottom: 2px solid var(--dark-green); }
#nav-desktop .nav-list > li:nth-child(1) .submenu a:hover { color: var(--dark-green); font-weight: bold; }
#nav-desktop .nav-list > li:nth-child(2) .submenu a:hover { color: var(--dark-burgundy); font-weight: bold; }
#nav-desktop .nav-list > li:nth-child(3) .submenu a:hover { color: var(--dark-navy); font-weight: bold; }
#nav-desktop .nav-list > li:nth-child(4) .submenu a:hover { color: var(--dark-purple); font-weight: bold; }
#nav-desktop .nav-list > li:nth-child(5) .submenu a:hover { color: var(--light-purple); font-weight: bold; }
#nav-desktop .nav-list > li:nth-child(6) .submenu a:hover { color: var(--dark-green); font-weight: bold; }

#desktop-actions { display: flex; align-items: center; padding: 0 1rem; }
#book-now-desktop { font-size: 14px; padding: 10px 14px; }

/*FOOTER*/

.footer-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: center; }
.footer-left-text { display: flex; flex-direction: column; gap: 8px; }
.footer-contact-link { display: flex; align-items: center; gap: 6px; margin-top: 0;}
.footer-right-btns { display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; align-items: flex-start; justify-content: flex-end; }
.footer-right-btns .btn { margin: 0; }
.footer-right-btns svg { width: 16px; height: 16px; flex-shrink: 0; }
#footer-whatsapp-btn-m, #footer-email-btn-m, #footer-share-btn-m { display: none; }

/*HOMEPAGE*/

/*L2- Home hero*/

.flex-wrapper { display: flex; flex-direction: column; align-items: center; text-align: center;}
.standard-image-container { width: min(550px, 90%); height: auto; margin: 0 auto ; position: relative; z-index: 1;; overflow: hidden; display: block; }
.standard-content-container { width: 100%; position: relative; z-index: 1; padding: 0 30px; }
#desktop-text { max-width: 1450px; margin: 0 auto; }
.top-strap {margin: 1px 0 5px 0; }
.strap-line {margin: 5px 0 5px 0; }

/*L2- Services section*/

.svc-band-borders { display: grid; grid-template-columns: 1fr 1fr 1fr; height: 4px; margin-left: -20px; margin-right: -20px; }
.svc-band-borders-navy { background-color: var(--dark-navy); }
.svc-band-borders-burgundy { background-color: var(--dark-burgundy); }
.svc-col-button-push-down { flex: 1; min-height: 5px; }

.svc-col-wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr; }
.svc-col { padding: 15px 20px ; border-right: 1px solid color-mix(in srgb, var(--cream) 7%, transparent); display: flex; flex-direction: column; align-items: center; text-align: center; }
.svc-col:last-child { border-right: none; }
.svc-col-logo { width: 110px; height: 78px; object-fit: contain; opacity: 0.85; padding-bottom: 5px;}
.svc-col-bullet-wrapper { display: inline-block; }

					
/*CROSS PAGE USE*/

/*L2- Containers and column classes*/

.twocol-container { display: flex; flex-direction: row; gap: 25px;   }
.two-col-float { display: grid; grid-template-columns: minmax(0, 1fr) 300px; }

.form-left-content {flex: 1; padding: 20px 25px;}
.index-left-content {flex: 1; padding: 20px 0;}
.col-20 { flex: 1; max-width: 225px; display: flex; flex-direction: column; justify-content: center; }
.right-align-under { max-width: 750px; margin-left: auto; }
.col-80 { font-weight: 500; margin-top: 0; flex:1 }
.content-col-50 { width: 50%; }

.flex-to-child { width: fit-content; }

.flex-to-grow { flex: 1; }

.no-shrink-col {flex-shrink: 0; padding: 10px 0;}

/*L2- Image and content heros*/

.logo-square {width:300px; height: 300px;}
.logo-square img { width: 100%; height: 100%; object-fit: contain; }

/*L2- New float*/
.testimage-float-wrap { float: right; width: 300px; height: 300px; margin: 0 0 16px 24px; }
.round-float-wrap { float: right; width: 170px; height: 170px; display: flex; align-items: center; justify-content: center; margin: 10px 10px 16px 15px; }
.round-float-wrap-left { float: left; display: flex; align-items: center; justify-content: center; margin: 10px 15px 16px 10px; }
.testtext-float-wrap { overflow: hidden; }
.logo-circle { width: 140px; height: 140px; border-radius: var(--radius-circle); overflow: hidden;}
.logo-decoration-ring { outline: 2px solid; outline-offset: 1px; outline-color: var(--page-paired);}

/*EQUINE AND CANINE PAGES*/

/*L2- Services and pricing*/

/*L3- Pricing grid*/

.pricing-grid { gap: 16px; width: 100%; padding: 14px 0 0; }
.grid-line { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); margin-bottom: 16px; border: 2px solid var(--near-black); border-radius: 8px; overflow: hidden; }
.grid-line:last-of-type { margin-bottom: 0; }
.service-col { display: flex; flex-direction: column; border-right: 2px solid var(--near-black); }
.service-col:last-child {border-right: none;}
.service-col-top-lg { background-color: var(--service-default-colour); padding: 0 12px; display: flex; align-items: center; height: 55px; border-bottom: 2px solid var(--near-black);}
.service-col-top { background-color: var(--service-default-colour); padding: 0 12px; display: flex; align-items: center; height: 50px; border-bottom: 2px solid var(--near-black);}
.service-col-mid {background: var(--cream); padding: 10px 5px 2px 10px; height: 205px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--service-default-colour) 65%, transparent) color-mix(in srgb, var(--service-paired-colour) 17%, transparent);}
.service-col-mid-m { background: var(--cream); padding: 10px 5px 10px 10px; flex: 1;}
.service-col-mid-sm {background: var(--cream); padding: 10px 5px 10px 10px; flex: 1; }
.service-col-bot {background: var(--service-default-colour); padding: 0 12px; height: 50px; border-top: 2px solid var(--near-black); display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.service-col-bot .btn { margin: 2px; }

/*L3- Pricing flipcards*/

.flipcards-outer-div { padding: 10px 12px 10px; display: none; }
.flipcards-pair { display: flex; gap: 10px; justify-content: center; margin-bottom: 10px; }
.flipcard { flex: 0 0 170px; height: 140px; border-radius: var(--radius-flipcard); position: relative; cursor: pointer; display: flex; flex-direction: column; padding: 12px 10px 10px 10px; background-color: var(--service-default-colour); }
.flipcard-overlay { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 24px); max-width: 366px; min-height: 260px; max-height: 91vh; border-radius: var(--radius-flipcard); z-index: 200; flex-direction: column; justify-content: space-between; padding: 14px 14px 10px; background-color: var(--service-paired-colour); }
.flipcard-overlay-backdrop { display: none; position: fixed; inset: 0; z-index: 199; background: rgba(26,9,13,0.5); }
.price-row { display: flex; flex-direction: column; align-items: baseline; gap: 5px; margin-top: 5px; padding-bottom:  5px }
.flipcard-bottom-row { display: flex; align-items: center; justify-content: space-between; margin-top: auto; gap: 5px; }
.flipcard-bottom-row .btn-flipf { order: 1; }
.flipcard-bottom-row .flipcard-dur-style { order: 2; width: 65px; }

/*L2- Session journeys*/

/*L3- Bodywork journey*/

.sj-bodywork-wrap { background: var(--dark-navy); border-radius: var(--radius-12); padding: 28px 24px ; margin: 15px 0; }
.sj-bodywork-row { display: flex; align-items: stretch; }
.sj-bodywork-item { flex: 1; position: relative; z-index: 2; }
.sj-bodywork-arrow { width: 36px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; margin: 0 -11px; z-index: 3; position: relative; stroke-width: 2;}
.sj-bodywork-arrow line, .sj-bodywork-arrow polyline { stroke: var(--light-navy); }
.sj-bodywork-card { background: var(--cream); border: 1px solid color-mix(in srgb, var(--dark-navy) 15%, transparent); border-radius: 7px; padding: 0 12px; height: 100%; position: relative; overflow: hidden; min-height: 120px; }
.sj-bodywork-num { position: absolute; top: -10px; right: 6px; font-family: var(--font-body); font-size: 52px; font-weight: 400; color: var(--light-navy); opacity: 0.45; line-height: 1; user-select: none; pointer-events: none; }
.sj-bodywork-step { color: var(--dark-navy); margin-top: 10px; margin-bottom: 6px; }
.sj-bodywork-title { margin-bottom: 6px; }
.sj-bodywork-desc { margin-bottom: 16px; }

/*L3- Gandt journey*/

.sj-gandt-wrap { background: var(--light-navy); border-radius: var(--radius-12); padding: 28px 24px ; margin: 15px 0; }
.sj-gandt-row { display: flex; align-items: stretch; }
.sj-gandt-item { flex: 1; position: relative; z-index: 2; }
.sj-gandt-arrow { width: 36px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; margin: 0 -11px; z-index: 3; position: relative; stroke-width: 2;}
.sj-gandt-arrow line, .sj-gandt-arrow polyline { stroke: var(--dark-navy); }
.sj-gandt-card { background: var(--cream); border: 1px solid color-mix(in srgb, var(--light-navy) 15%, transparent); border-radius: 7px; padding: 0 12px; height: 100%; position: relative; overflow: hidden; min-height: 120px; }
.sj-gandt-num { position: absolute; top: -10px; right: 6px; font-family: var(--font-body); font-size: 52px; font-weight: 400; color: var(--dark-navy); opacity: 0.45; line-height: 1; user-select: none; pointer-events: none; }
.sj-gandt-step { color: var(--light-navy); margin-top: 10px; margin-bottom: 6px; }
.sj-gandt-title { color: var(--dark-navy); margin-bottom: 6px; }
.sj-gandt-desc { margin-bottom: 16px; }


/*L3- Saddlefitting journey*/

.sj-saddlefitting-wrap { background: var(--dark-burgundy); border-radius: var(--radius-12); padding: 28px 24px ; margin: 15px 0; }
.sj-saddlefitting-row { display: flex; align-items: stretch; }
.sj-saddlefitting-item { flex: 1; position: relative; z-index: 2; }
.sj-saddlefitting-arrow { width: 36px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; margin: 0 -11px; z-index: 3; position: relative; stroke-width: 2; }
.sj-saddlefitting-arrow line, .sj-saddlefitting-arrow polyline { stroke: var(--light-burgundy); }
.sj-saddlefitting-card { background: var(--cream); border: 1px solid color-mix(in srgb, var(--dark-burgundy) 15%, transparent); border-radius: 7px; padding: 0 12px; height: 100%; position: relative; overflow: hidden; min-height: 120px; }
.sj-saddlefitting-num { position: absolute; top: -10px; right: 6px; font-family: var(--font-body); font-size: 52px; font-weight: 400; color: var(--light-burgundy); opacity: 0.45; line-height: 1; user-select: none; pointer-events: none; }
.sj-saddlefitting-step { color: var(--dark-burgundy); margin-top: 10px; margin-bottom: 6px; }
.sj-saddlefitting-title { margin-bottom: 6px; }
.sj-saddlefitting-desc { margin-bottom: 16px; }

/*HOW IT WORKS PAGE*/


/*L2- the challenge */

.cream-box-wrap { background-color: var(--cream); border-radius: var(--radius-12); height: 340px; margin: 30px -10px; padding: 20px 15px 80px; --page-text-colour: var(--near-black);}

.hilow {display:grid; grid-template-columns:repeat(9,1fr); gap: 5px; margin-bottom: 5px;}
.hilow > * {border-radius: var(--radius-12); padding: 15px 5px; text-align: center; display: flex; align-items: center; justify-content: center; height: 200px;}
.hilow > *:nth-child(odd) {background-color: var(--pale-green); color: var(--near-black);}
.hilow > *:nth-child(even) {background-color: var(--dark-green); transform: translateY(30px);}
.alignc {text-align:center;}
#target-concern-1, #target-concern-2 {height: 215px;}
#target-concern-1 {transform: translateY(15px);}

/*L2- approach story */

.double-square-wrap {display: flex; gap: 30px;}
#approach-story-main-heading { white-space: nowrap; }
.feature-wordcloud-container { display: flex; flex-direction: column; }
.big-logo-square { width: 450px; align-self: center;}
.big-logo-square img {width: 100%; height: 100%; object-fit: contain; padding: 0px 0 20px}
.feature-text-flex {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0; flex: 1;}
.feature-text-row {display: flex; flex-direction: column; gap: 7px; align-items: flex-start; justify-content: center; align-self: stretch; flex: 0 1 auto;}
#feature-text-row-2 {padding-bottom: 10px;}
#feature-text-row-1 {padding-bottom: 10px;}
#feature-line-top { margin-top: 5px; }
.feature-text-row p { margin-top: 0; }
.feature-line {margin: 0 200px; height: 2px; background-color: var(--page-paired); align-self: stretch;}

/*L2- the soluution  */

.client-profile-grid { display: flex; flex-wrap: nowrap; justify-content: space-between; margin: 55px auto 20px; max-width: 1650px; }
.client-profile-card-wrap { position: relative; flex-shrink: 0; }
.client-profile-card { position: relative; background: var(--cream); border-radius: 22px; padding: 27px 10px 25px; width: 350px; height: 195px; }
.client-profile-card p { margin-top: 2px; }
.client-profile-ribbon-bar { position: absolute; left: 0; width: 55%; bottom: 0; height: 20px; clip-path: path("M0,0 L136,0 Q146,0 153.07,4.71 L176,20 L20,20 A20,20 0 0 1 0,0 Z"); background-color: currentColor; }
.client-profile-icon { position: absolute; right: 15px; bottom: 5px; width: 45px; height: 45px; }
.client-profile-logo { position: absolute; top: -48px; right: 35px; width: 78px; height: 78px; border-radius: 50%; overflow: hidden; border: 5px solid; background-color: currentColor; padding: 2px; background: var(--cream); z-index: 2; }
.client-profile-logo img { display: block; }

#client-profile-icon-2 { width: 50px; height: 50px; }

/*L2- mctim approach  */

.float-mid-landscape { float: right; margin: 0 20px 15px 15px; }
.landscape-logo { width: 100%; margin-top: 50px; margin-right: 10px;}
.landscape-logo img { width: 100%; height: 100%; object-fit: contain; }
.col-push-down { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; }
.navy-text-panel { background-color: var(--dark-navy); padding: 2px 0 0 5px; border-radius: var(--radius-12); margin-top: 10px; margin-bottom: 10px;}

#horse-text-header { margin-top: 0; padding-top: 0; text-align: left; }
#linking-approach-columns { gap: 5px; }
#horse-dog-logo-wrap { min-width: 350px; }
#pawprints-background { display: contents; }
#mctim-link-text, #dog-approach-wrap { width: 375px; margin-top: 0; padding-top: 0; }
#dog-approach-title { margin-top: 0; padding-top: 0; text-align: left; }

/*L2- Accordions*/

.accordion {  border-bottom: 1px solid var(--accord-border-colour);}
.accordion-item {border-top: 1px solid var(--accord-border-colour); }
.accordion-trigger {display: flex; align-items: center; justify-content: flex-start; gap: 12px; width: 100%; padding: 8px 16px 8px 30px; background: none; border: none; cursor: pointer; height: 50px;}
.accordion-body {display: none; padding: 0 16px 12px 48px;}
.accordion-icon {color: var(--accord-icon-colour); font-size: 18px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.accordion-question {flex: 1; text-align: left;}

/*L3- Accordion modifiers*/
.accordion-item.open .accordion-body {display: block;}
.accordion-item.open {border-top-color: var(--light-green);}
.sofmsaddlers-FAQ .accordion-trigger {flex-direction: row-reverse; justify-content: flex-end;}

/*ABOUT PAGE*/

/*L2- About hero*/

.logo-glow-circle-about { width: 150px; height: 150px; border-radius: var(--radius-circle); outline: 4px solid var(--page-about-paired); outline-offset: 5px; box-shadow: 0 0 5px var(--page-about-paired), 0 0 30px var(--page-about-paired); }
.logo-glow-circle-about img {width: 100%; height: 100%; object-fit: cover; }

/*L2- my background gallery layout*/

.gallery-order-wrap { display: flex; flex-direction: column; }
.gallery-wrap { display: flex; flex-direction: row; justify-content: space-between; width: 100%; margin: 15px auto 5px; order: 3; }
.gallery-unit { display: flex; flex-direction: column; align-items: center; flex: 1; margin-top: 10px; }
.keep-2-together { display: flex; flex-direction: row; justify-content: space-between; flex: 2; }
.gallery-main-photo { width: 270px; height: 200px; object-fit: cover; border-radius: 8px; border: 2px solid var(--light-green); box-shadow: 0 0 5px var(--light-green), 0 0 32px var(--light-green); flex-shrink: 0; }
.gallery-thumb-wrap { display: flex; justify-content: center; margin-top: 8px; gap: 8px; }
.gallery-thumb { width: 60px; height: 60px; object-fit: cover; border-radius: 5px; border: 2px solid var(--dark-purple); cursor: pointer; transition: border-color 0.2s, box-shadow 0.2s; }
.gallery-thumb-glow { border: 1px solid var(--light-green); box-shadow: 0 0 2px var(--light-green), 0 0 18px var(--light-green); }
.gallery-hint { color: color-mix(in srgb, var(--charcoal) 75%, transparent); font-size: 15px; padding-top: 5px; margin-top: 0; align-self: flex-start; }
#my-background-text-1 { order: 1; }
#my-background-text-2 { order: 2; }
#my-background-text-3 { order: 4; }
#my-background-text-4 { order: 5; }

/*L2- Qualifications*/

.qual-instances-wrap {position: relative; display: flex; align-items: flex-start; justify-content: center;  padding: 0px 20px 15px 20px;}
.qual-instance {display: flex; flex-direction: column; align-items: center; width: 245px;}
.qual-multi-instance-wrap {display: flex; align-items: flex-start; justify-content: space-between; width: 100%; position: relative; z-index: 1;}
.mob-qual-row-1 {position: relative; display: flex; align-items: flex-start; justify-content: space-between;
padding: 1px 1px 1px; top: 10px; width: 100%;}
.mob-qual-row {position: relative; display: flex; align-items: flex-start; justify-content: space-between;
padding: 20px 1px 1px; top: 10px; width: 100%;}
.qual-diamond-position {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.qual-logo-star-wrap {position: absolute; top: 2px; left: 0; right: 0; margin: auto; width: 140px; height: 160px; z-index: 3; overflow: visible;}
.qual-diamond-logo-container {position: relative; width: 160px; height: 166px;}
.qual-logo {position: absolute; top: 40px; left: 0; right: 0; margin: auto; width: 80px; height: 80px; border-radius: 50%; overflow: hidden; z-index: 2;}
.qual-logo img {height: 100%; object-fit: cover;}
.qual-awardbody-text {text-align: center; width: 240px; padding: 0 0;}
.in-progress {font-family: var(--font-ui); font-style: normal; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; line-height: 1.2; font-size: 10px; color: var(--service-paired-colour); top: 2px; position: relative; z-index: 5; display: block;  width: fit-content; margin: 0 auto; padding: 0 10px; border-radius: 100px; text-align: center; background-color: color-mix(in srgb,  var(--light-purple) 70%, transparent);}
.ribbon-wrapper {position: relative; z-index: 4;}
#qual-text1 {margin: 7px 0px 5px;}
#qual-text2 {margin: 1px 0px 10px;}
#D-qual-instance-inst-3 { width: 310px; }
#D-qual-awardbody-inst-3 { width: 305px; }

/*L3- Qual section display properties desktop*/

#D-qual-instances-wrap {display: flex;}
#mob-qual-instances-wrap-row-1, #mob-qual-instances-wrap-row-2 {display: none;}

/*L3- Qual section shapes*/

.qual-line {position: absolute; top: 10px; left: 0; right: 0; height: 0; border-top: 1.5px dashed color-mix(in srgb, var(--dark-burgundy) 40%, transparent);}
.qual-diamond-outer {position: absolute; top: 23px; left: 0; right: 0; margin: auto; width: 110px; height: 110px; border: 2px solid; border-color: var(--service-default-colour); transform: rotate(45deg); z-index: 1;}
.qual-diamond-inner {position: absolute; top: 31px; left: 0; right: 0; margin: auto; width: 94px; height: 94px; border: 1.5px solid; border-color: var(--service-default-colour); transform: rotate(45deg); z-index: 1;}
.qual-sml-diamond {width: 12px; height: 12px; background-color: var(--service-default-colour); transform: rotate(45deg); flex-shrink: 0; margin-top:5px; margin-bottom: 5px;}
.variant-star .qual-logo-star-wrap::before {content: ''; position: absolute; top: 50%; left: 50%; width: 155px; height: 155px; transform: translate(-50%, -50%); background: var(--service-default-colour); clip-path: polygon(50% 0%, 55% 40%, 100% 50%, 55% 60%, 50% 100%, 45% 60%, 0% 50%, 45% 40%); opacity: 0.2; z-index: 0;}
.variant-star .qual-logo-star-wrap::after {content: ''; position: absolute; top: 50%; left: 50%; width: 155px; height: 155px; transform: translate(-50%, -50%) rotate(45deg); background: var(--service-default-colour); clip-path: polygon(50% 0%, 55% 40%, 100% 50%, 55% 60%, 50% 100%, 45% 60%, 0% 50%, 45% 40%); opacity: 0.12; z-index: 0;}


/*L3- Qual section ribbon*/

.qual-ribbon {width: 140px; background: var(--service-paired-colour); text-align: center; padding: 6px 10px; margin: -10px auto 0; font-size: 12px;}
.qual-ribbon:before, .qual-ribbon:after {content: ""; position: absolute; top: -1px; z-index: -1; border-style: solid; border-width: 15px 15px;}
.qual-ribbon:before {left: -20px; border-color: var(--service-paired-colour) var(--service-paired-colour) var(--service-paired-colour) transparent; filter: brightness(80%);}
.qual-ribbon:after {right: -20px; border-color: var(--service-paired-colour) transparent var(--service-paired-colour) var(--service-paired-colour); filter: brightness(80%);}

/*FORMS AND CONTACT PAGE*/

/*L2- Shared section layouts*/
#call-me {max-width: 225px}
#email-me {max-width: 225px}
#test-border {max-width: 230px} 

/*L2- Forms and contact hero - all in shared*/

/*L3- contact div management*/

.contact-btn-pair { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 2px 0; max-width: 230px }
.contact-btn { display: inline-flex; align-items: center; justify-content: center; gap: 3px; padding: 7px 10px; font-family: var(--font-ui); font-style: normal; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; border-radius: var(--radius-btn); cursor: pointer; white-space: nowrap; }
.contact-btn img { width: 13px; height: 13px; }
#contact-btn-pair-m {display:  none}


/*L2- Travel section*/

.embed-styling {border:0; display:block; padding: 10px 5px}
.travel-and-zoning-slabels {margin-top: 0px;}
#forms-and-contact-map { background-color: var(--dark-green); margin-top: 0px; --page-text-colour: var(--cream); --page-paired: var(--light-green); }
#zoning-container { position: relative; }
#zoning-container::after { content: ''; position: absolute; left: 50%; top: 10px; bottom: 10px; width: 2px; background: var(--light-purple); transform: translateX(-50%); }

/*L3- Zone widget*/

.zoning-wrap { margin-top: 0px; }
#county-label {margin-top: 20px;}
#zone-label {margin-top: 25px;}
#county-selector {margin-top: 0; opacity: 0.4 }

.county-dropdown { position: relative; width: 260px; user-select: none; }
.county-dropdown-selected { padding: 8px 12px; border-radius: 8px; border: 1px solid color-mix(in srgb, var(--cream) 30%, transparent); background: color-mix(in srgb, var(--cream) 10%, transparent); cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.county-dropdown-selected::after { content: '▾'; font-size: 12px; opacity: 0.7; }
.county-dropdown-list { position: absolute; top: calc(100% + 4px); left: 0; width: 100%; background: var(--charcoal); border: 1px solid color-mix(in srgb, var(--cream) 30%, transparent); border-radius: 8px; z-index: 100; display: none; max-height: 250px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--dark-burgundy) 65%, transparent) color-mix(in srgb, var(--light-burgundy) 17%, transparent) }
.county-dropdown-list.open { display: block; }
.county-dropdown-group { padding: 4px 12px 4px; opacity: 0.5; margin-top: 0;}
.county-dropdown-option { padding: 4px 12px; cursor: pointer; margin-top: 0;}
.county-dropdown-option:hover { background: var(--dark-burgundy); }

.result-bar-container {align-self: center; margin: 25px 0 0; padding: 12px 16px; border-radius: 8px; background: color-mix(in srgb,var(--cream) 30%, transparent); min-height: 44px; display: flex; align-items: center; gap: 8px; }
.dot { width: 9px; height: 9px; background-color: var(--cream); border-radius: 50%; display: inline-block; margin: 5px 0 1px}

.zone-card-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 20px; margin: 7px 0 10px; }
.zone-card { border-radius: 8px; padding: 10px 3px; cursor: default; text-align: center; user-select: none; background-color: color-mix(in srgb, var(--cream) 35%, transparent); transition: outline 0.15s; margin-top: 0;}
.zone-card-cost { margin-top: 4px; }
.zone-card-active { outline: 3px solid var(--cream); outline-offset: 1px; color: var(--cream); }
.zone-card-active .zone-card-cost { color: var(--cream); }

#zone-1-card.zone-card-active { background-color: var(--light-green); }
#zone-2-card.zone-card-active { background-color: var(--light-navy); }
#zone-3-card.zone-card-active { background-color: var(--light-purple); }
#zone-4-card.zone-card-active { background-color: var(--light-burgundy); }
#zone-5-card.zone-card-active { background-color: var(--dark-green); }
#zone-6-card.zone-card-active { background-color: var(--dark-navy); }
#zone-7-card.zone-card-active { background-color: var(--dark-purple); }

.zone-pill-strip { display: none; flex-wrap: nowrap; gap: 4px; margin-top: 16px; }
.zone-pill { padding: 6px 8px; border-radius: 999px; cursor: default; white-space: nowrap; background: color-mix(in srgb, var(--cream) 35%, transparent); text-align: center; min-width: 20.4px;}

#zone-1-pill.zone-card-active { background: var(--light-green); }
#zone-2-pill.zone-card-active { background: var(--light-navy); }
#zone-3-pill.zone-card-active { background: var(--light-purple); }
#zone-4-pill.zone-card-active { background: var(--light-burgundy); }
#zone-5-pill.zone-card-active { background: var(--dark-green); }
#zone-6-pill.zone-card-active { background: var(--dark-navy); }
#zone-7-pill.zone-card-active { background: var(--dark-purple); }

/*L2- Booking link section*/

.booking-links-box { background-color: var(--cream); border-radius: 24px; padding: 0 20px; margin: 0 auto; height: 350px; width: 785px;}
.booking-links-stack { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 50%; gap: 15px; }
.booking-link-wrap { position: relative; display: flex; align-items: center; height: 102px; }
.booking-links-circle { position: absolute; left: 0; width: 100px; height: 100px; border-radius: 50%; overflow: hidden; border: 5px solid; border-color: currentColor; background: var(--cream); padding: 2px; z-index: 2; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 3px var(--cream); color: var(--service-default-colour); }
.booking-links-circle img { width: 100%; height: 100%; object-fit: cover; }
.booking-link-pill { display: flex; align-items: center; height: 75px; width: 290px; margin-left: 60px; padding: 0 20px 0 58px; border-radius: var(--radius-btn); background-color: currentColor; text-decoration: none; color: var(--service-default-colour); border: 5px solid transparent; }

.booking-link-pill.pressed, .booking-link-pill:hover { color: var(--service-paired-colour); border-color: var(--service-default-colour); }

#booking-buttons-container { height: 100%; gap: 5px; }
#bespoke-img, #session-package-img { width: 96px; height: 96px; }


/*L2- Form legend*/

#ledger-wrap {background: var(--cream) ; padding: 5px 10px 10px; margin: 10px -15px 0; border-radius: 8px;  }

.form-row { display:flex; align-items:center; position:relative; transition: background 0.2s; border-bottom: 2px solid var(--service-default-colour); border-right: 2px solid var(--service-default-colour); border-left: 2px solid var(--service-default-colour); }
.form-row-content { flex:1; padding:10px 16px 5px; }
.form-row-indicator { flex-shrink:0; padding:0 18px 0 12px; display:flex; align-items:center; }
.form-row:hover { background:color-mix(in srgb, var(--service-default-colour) 8%, transparent); }

.form-ledger-sep { height:4px; }
.ledger-head { font-size:22px; margin: 10px 0 4px; color:var(--service-default-colour); }
.form-about {color:var(--service-default-colour);font-size: 14px; margin-top: 7px;}

#forms-ledger-sep-top-equine { background: var(--dark-burgundy); }
#ledger-saddlework-section {margin-top: 10px;}
#forms-ledger-sep-saddlework { background: var(--dark-burgundy); }
#forms-ledger-sep-canine { background: var(--light-navy); } 
#ledger-row-1 { border-bottom: 0.5px solid var(--light-navy); }
#ledger-row-2 { border-bottom: 0.5px solid var(--light-purple); }
#ledger-row-1b, #ledger-row-2b { min-height: 77px; }

/*HIDDEN PAGES*/

/*L2- Shared Classes*/
.banner-styling {display: none;}

/*L2- Monday Client Forms*/
.hidden-page-form-wrap {display: flex; gap: 90px; margin: 20px 0; height: 850px; background: var(--service-default-colour);}
 
.form-wrap {display: block; width: 50%; padding: 5px 90px 20px 0px; }
.monday-form { width: 100%; height: 800px;}
#info-bullet-group li:first-child {margin-top: 10px;}
.form-info-icon {display: inline-block; height: 22px; width: 35px;vertical-align: middle}
.bespoke-form {height: 950px;}

/*L2- Calendly Booking Pages*/
.calendly-page-form-wrap {display: flex; gap: 50px; margin: 20px 0; height: 1000px; background: var(--service-default-colour); padding: 0 60px 0 0;}
.calendly-wrap-styling {display: block; padding: 5px 0px 20px 0px; width: 700px}
#yard-day-page-form-wrap {height: 1250px; padding-right: 5px; gap: 0px;}
#yard-day-supporting-content {padding: 10px 10px;}
#yard-day-main-heading {margin-bottom: 5px; margin-top: 0px;}
#yard-day-booking-embed {width:650px }

#calendly-widget {width:100%; min-width:320px; height:900px}
#yard-day-calendly-widget {width:100%; min-width:320px; height:1200px}

/*L2- privacy policy*/
.right-page-sticky-helper {display: flex; gap: 20px; margin: 20px 0; height: auto; background: var(--cream); }
.policy-section {padding: 5px 15px; }
.policy-section-index {padding: 10px 15px;}
.policy-content {display: block; width: 80%;}

.index-wrap {position: sticky; top: 65px; }


/*REMOVE QUERY*/
.saddlework-reverse-variables { --service-default-colour: var(--service-paired-colour); }
.background-float {float: left; width: 270px; height: 270px; margin: 15px 15px 0px 15px;}
.text-float { float: right; width: 25%; margin-left: 16px; }


/*--- PART 7 - MEDIA QUERIES ---*/

@media (max-width: 767px) {

/* GLOBAL ELEMENT DEFAULTS*/

.btn {padding: 7px 14px; font-size: 11px; margin: 10px 0;}
.btn-svc-m { padding: 5px 10px; font-size: 8px; margin-top: 5px; margin-bottom: 5px;}
#btn-header-menu {font-size: 11px; padding: 6px 10px; }

/*FONT STYLE MOBILE OVERRIDES*/

.challenge-style { font-size: 20px; text-underline-offset: 10px; margin-bottom: 20px; }
.section-label-H2-style {margin-top: 1px; }
.main-heading-h3-style {font-size: 30px; margin-bottom: 1px;}
.body-style { font-size: 18px; }
.animal-hero { font-size: 18px; }
.bullets-style { font-size: 17px; }
.header-site-name-style { font-size: 12px; }
.header-page-name-style { font-size: 10px; font-weight: 600; }
.home-italics-style { font-size: 16px; }
.homestrap-style  { font-size: 12px; }
.services-card-animal { font-size: 13px; }
.services-card-category-heading { font-size: 27px; }
.services-card-awardtype { font-size: 11px; }
.services-card-bullets { font-size: 17px; }
.contact-header-style {font-size: 16px}
.accordion-question-style {font-size: 14px;}
.accordion-answer-style { font-size: 16px; }
.ledger-name-style {font-size: 16px; font-weight: 500; margin-bottom: 6px; }
.info-main-heading {font-size: 38px; margin-bottom: 10px; margin-top: 1px;}
.info-sub-heading {font-size: 20px; margin-top: 10px;}
.info-bold {font-size: 16px;}
.info-text {font-size: 18px; line-height: 1.4;}
.info-bullet {font-size: 18px; }
.privacy-section-header {  font-size: 20px; margin-top: 10px; }
.policy-text { font-size: 16px; font-weight: 500 }
#policy-title {font-size: 28px; margin-bottom: 10px;}
#policy-link-1, #policy-link-2, #policy-link-3, #policy-link-4, #policy-link-5, #policy-link-6, #policy-link-7, #policy-link-8 {font-size: 14px;}

/*L2- Font modifiers*/

.sm-main {font-size: 26px; margin-top: 7px;}
.styling-body-oomph-eq { font-size: 17px; }
.styling-body-oomph-ca { font-size: 17px; }
.size-26 {font-size: 20px}


/*L2- Desktop classes*/

#site-header { justify-content: flex-start; padding: 0 8px; width: 100%; box-sizing: border-box;}
.header-middle { flex: 0 1 auto; padding: 0; gap: 8px;  }
#site-info {gap: 4px; width: 100px;}
#desktop-actions { display: none; }
#btn-header-menu { display: inline-block; margin-left: auto; margin-right: 10px;}
#active-page { display: block; }

/*L2- Hamburger*/

  .hamburger { display: flex; flex-direction: column; justify-content: space-between; width: 26px; height: 18px; cursor: pointer; z-index: 10; }
  .hamburger span { display: block; height: 2px; background: var(--charcoal); border-radius: 2px; transition: transform 0.25s ease, opacity 0.25s ease; }
  .hamburger.open span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .hamburger.open span:nth-child(2) { opacity: 0; }
  .hamburger.open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

/*L2- Mobile nav*/

 #nav-mobile { background: transparent; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; position: absolute; top: 60px; left: 0; width: 100%; z-index: 100; }
 #nav-mobile.open { display: block; max-height: 1000px; }
 #nav-desktop { display: none; }


/*L2- Mobile nav width*/
 #nav-mobile .nav-list { width: 80%; margin-left: auto; }

/*L2- Mobile page colours*/

 #nav-mobile .nav-list > li:nth-child(1) > a, #nav-mobile .nav-list > li:nth-child(1) > label { color: var(--dark-green); border-top: 1px solid var(--charcoal); -webkit-tap-highlight-color: var(--light-green); }
  #nav-mobile .nav-list > li:nth-child(2) .mobile-header-row > a, #nav-mobile .nav-list > li:nth-child(2) .mobile-header-row > .mobile-header-toggle { color: var(--dark-burgundy); -webkit-tap-highlight-color: var(--light-burgundy); }
  #nav-mobile .nav-list > li:nth-child(3) .mobile-header-row > a, #nav-mobile .nav-list > li:nth-child(3) .mobile-header-row > .mobile-header-toggle { color: var(--dark-navy); -webkit-tap-highlight-color: var(--light-navy); }
  #nav-mobile .nav-list > li:nth-child(4) .mobile-header-row > a, #nav-mobile .nav-list > li:nth-child(4) .mobile-header-row > .mobile-header-toggle { color: var(--light-purple); -webkit-tap-highlight-color: var(--light-purple); }
  #nav-mobile .nav-list > li:nth-child(5) .mobile-header-row > a, #nav-mobile .nav-list > li:nth-child(5) .mobile-header-row > .mobile-header-toggle { color: var(--dark-purple); -webkit-tap-highlight-color: var(--lighter-lilac); }
  #nav-mobile .nav-list > li:nth-child(6) .mobile-header-row > a, #nav-mobile .nav-list > li:nth-child(6) .mobile-header-row > .mobile-header-toggle { color: var(--dark-green); -webkit-tap-highlight-color: var(--light-green); }

/*L2- Chevron*/

  .sub-toggle { position: absolute; opacity: 0; pointer-events: none; }
.mobile-header-row { display: flex; align-items: center; gap: 8px; padding: 14px 20px; background: var(--cream); border-bottom: 1px solid var(--charcoal); }
.mobile-header-toggle { cursor: pointer; padding: 0 8px; display: inline-flex; align-items: center; }
.mobile-header-toggle::after { content: '›'; font-size: 18px; }
.sub-toggle:checked ~ .mobile-header-row .mobile-header-toggle::after { content: '‹'; }
.mobile-header-row-text {font-family: var(--font-ui); font-style: normal; font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.03em; line-height: 1.0; color: var(--charcoal);}

 /*L2- Mobile submenus*/

.sub-toggle { display: block; }
  .sub-toggle:checked ~ .submenu { max-height: 500px; }
  .submenu a { display: block; padding: 0.7rem 1.25rem 0.7rem 2.25rem; background: var(--cream); text-decoration: none; font-size: 12px; border-bottom: 1px solid var(--charcoal); }
  #nav-mobile .nav-list > li:nth-child(1) .submenu a { color: var(--light-green); -webkit-tap-highlight-color: var(--pale-green); }
  #nav-mobile .nav-list > li:nth-child(2) .submenu a { color: var(--light-burgundy); -webkit-tap-highlight-color: var(--pale-burgundy); }
  #nav-mobile .nav-list > li:nth-child(3) .submenu a { color: var(--light-navy); -webkit-tap-highlight-color: var(--pale-navy); }
  #nav-mobile .nav-list > li:nth-child(4) .submenu a { color: var(--dark-purple); -webkit-tap-highlight-color: var(--pale-purple); }
  #nav-mobile .nav-list > li:nth-child(5) .submenu a { color: var(--light-purple); -webkit-tap-highlight-color: var(--pale-lilac); }
  #nav-mobile .nav-list > li:nth-child(6) .submenu a { color: var(--light-green); -webkit-tap-highlight-color: var(--pale-green); }

/* FOOTER*/

.footer-right-btns { justify-content: flex-end; }
.footer-right-btns svg { width: 20px; height: 20px; }
#footer-whatsapp-btn-d, #footer-email-btn-d, #footer-share-btn-d { display: none; }
#footer-whatsapp-btn-m, #footer-email-btn-m, #footer-share-btn-m { display: inline-flex; }

/*CROSS PAGE USE*/

/*L2- Containers and column classes*/

.twocol-container { display: block; gap: 0px; }
.two-col-float { display: block; }
.form-left-content {width: 100%; padding: 20px 20px;}
.index-left-content { padding: 5px 0; max-width: 82px;}
.col-20 { max-width: none; width: 100%; }
.right-align-under { max-width: none; }
.col-80 { width: 100%; }
.content-col-50 { width: 100%; }

/*L2- Image and content heros*/
.logo-square { width: 200px; height: 200px;}

/*L2- New float*/
.testimage-float-wrap { float: right; width: 200px; height: 200px; margin: 0 0  }
.round-float-wrap { width: 109px; height: 109px;}

/*HOMEPAGE*/

/*L2- Home hero*/

.standard-image-container {width: min(280px, 70%) }
.standard-content-container{ padding: 0 15px; }

#desktop-text {max-width: none}

/*L2- Services section*/

/*L3- Services carousel*/

.svc-band-borders { display: none; }
.svc-col-wrapper { display: flex; overflow-x: scroll; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: 25px 0 15px; gap: 0; }
.svc-col-wrapper::-webkit-scrollbar { display: none; }
.svc-col { flex-shrink: 0; width: calc(100vw - 112px); margin: 0 16px; scroll-snap-align: center; padding: 5px 14px 12px; border-right: none; border-radius: var(--radius-12); background: var(--charcoal); opacity: 0.72; transition: transform 0.5s, box-shadow 0.5s, opacity 0.5s; }
.svc-col.carousel-active { opacity: 1; transform: translateY(-6px); }
.svc-col-wrapper .svc-col:nth-child(1) { border: 1.5px solid color-mix(in srgb, var(--dark-navy) 35%, transparent); box-shadow: 0 0 var(--glow-ring) color-mix(in srgb, var(--dark-navy) 50%, transparent), 0 0 var(--glow-bloom) color-mix(in srgb, var(--light-navy) 20%, transparent); }
.svc-col-wrapper .svc-col:nth-child(1).carousel-active { border-color: color-mix(in srgb, var(--dark-navy) 85%, transparent); box-shadow: 0 0 10px color-mix(in srgb, var(--dark-navy) 80%, transparent), 0 0 22px color-mix(in srgb, var(--light-navy) 65%, transparent), 0 2px 34px color-mix(in srgb, var(--light-navy) 30%, transparent); }
.svc-col-wrapper .svc-col:nth-child(2) {border: 1.5px solid color-mix(in srgb, var(--dark-burgundy) 35%, transparent); box-shadow: 0 0 var(--glow-ring) color-mix(in srgb, var(--dark-burgundy) 50%, transparent), 0 0 var(--glow-bloom) color-mix(in srgb, var(--light-burgundy) 20%, transparent); }
.svc-col-wrapper .svc-col:nth-child(2).carousel-active { border-color: color-mix(in srgb, var(--dark-burgundy) 85%, transparent); box-shadow: 0 0 10px color-mix(in srgb, var(--dark-burgundy) 80%, transparent), 0 0 22px color-mix(in srgb, var(--light-burgundy) 65%, transparent), 0 2px 34px color-mix(in srgb, var(--light-burgundy) 30%, transparent); }
.svc-col-wrapper .svc-col:nth-child(3) {border: 1.5px solid color-mix(in srgb, var(--dark-navy) 35%, transparent); box-shadow: 0 0 var(--glow-ring) color-mix(in srgb, var(--dark-navy) 50%, transparent), 0 0 var(--glow-bloom) color-mix(in srgb, var(--light-navy) 20%, transparent); }
.svc-col-wrapper .svc-col:nth-child(3).carousel-active { border-color: color-mix(in srgb, var(--dark-navy) 85%, transparent); box-shadow: 0 0 10px color-mix(in srgb, var(--dark-navy) 80%, transparent), 0 0 22px color-mix(in srgb, var(--light-navy) 65%, transparent), 0 2px 34px color-mix(in srgb, var(--light-navy) 30%, transparent); }
.svc-col-logo { width: 90px; height: 90px; object-fit: contain; }
.svc-col-dots-wrapper { display: flex; justify-content: center; gap: 8px; margin-top: 10px; }
.svc-dot { width: 7px; height: 7px; border-radius: var(--radius-circle); background: var(--cream); transition: background 0.25s, transform 0.25s; }
.svc-dot.active { transform: scale(1.45); }
#home-services-columns { display: none; }
#home-services-carousel { display: block; }
#equine-swork-carousel {object-fit: contain; height:auto; width: 150px;}

/*L2- Mini about*/
#home-mini-about { background-color: var(--light-green);--page-paired: var(--dark-green); padding: 10px 25px; --page-text-colour: var(--cream); }
#home-mini-about-section-label {color: var(--page-default);}
#mini-about-approachbtn {background-color: var(--light-purple); border-color: var(--cream); color: var(--cream);}
#mini-about-aboutbtn {border-color: var(--cream);}

/*EQUINE AND CANINE PAGES*/

/*L2- equine and canine heros*/

#equine-hero { padding: 10px 10px;}
#button-skip-wrap {margin-top: 7px; text-align: center; margin-bottom: 10px}

/*L2- Services and pricing*/

/*L3- Pricing grid*/
#equine-pricing-grid { display: none; }
#canine-pricing-grid { display: none; }

/*L3- Pricing flipcards*/
#equine-pricing-flipcards, .flipcards-outer-div {display: block;}
#canine-pricing-flipcards, .flipcards-outer-div {display: block;}

/*L2- Session journeys*/

/*L3- Bodywork journey*/
.sj-bodywork-wrap { margin-top: 10px; padding: 20px 20px;}
.sj-bodywork-row { flex-direction: column; }
.sj-bodywork-arrow { transform: rotate(90deg); margin: -4px auto; width: 20px; }
.sj-bodywork-card { padding: 7px 12px; }
.sj-bodywork-num {top: -13px; right: 6px;}
.sj-bodywork-step { margin-top: 5px; margin-bottom: 4px; }
.sj-bodywork-title {margin-bottom: 4px; }

/*L3- Gandt journey*/
.sj-gandt-wrap { margin-top: 10px; padding: 20px 20px;}
.sj-gandt-row { flex-direction: column; }
.sj-gandt-arrow { transform: rotate(90deg); margin: -4px auto; width: 20px; }
.sj-gandt-card { padding: 7px 12px; }
.sj-gandt-num {top: -13px; right: 6px;}
.sj-gandt-step { margin-top: 5px; margin-bottom: 4px; }
.sj-gandt-title {margin-bottom: 4px; }

/*L3- Saddlefitting journey*/
.sj-saddlefitting-wrap { margin-top: 10px; padding: 20px 20px;}
.sj-saddlefitting-row { flex-direction: column; }
.sj-saddlefitting-arrow { transform: rotate(90deg); margin: -4px auto; width: 20px; }
.sj-saddlefitting-card { padding: 7px 12px; }
.sj-saddlefitting-num {top: -13px; right: 6px;}
.sj-saddlefitting-step { margin-top: 5px; margin-bottom: 4px; }
.sj-saddlefitting-title {margin-bottom: 4px; }

/*HOW IT WORKS PAGE*/

/*L2- My approach*/

#my-approach .btn-group { margin-top: 15px; margin-bottom: 5px; gap: 10px 5px; }
#how-it-works-hero .btn-group .btn { margin: 0; }

/*L2- the Challenge*/

#the-challenge { padding: 1px 10px; }

.cream-box-wrap { height: auto; margin: 20px 0; padding: 20px 5px 30px; }

.hilow { grid-template-columns: repeat(3,1fr); gap: 15px 5px; }
.hilow > * { padding: 5px 5px; height: 175px; }
.hilow > *:nth-child(3n+2) { transform: translateY(20px); }
.hilow > *:nth-child(3n+1), .hilow > *:nth-child(3n) { transform: none; }
#target-concern-1, #target-concern-2 {height: 200px;}
#the-challenge-context { font-size: 13px; }

/*L2- approach story*/

#approach-story-main-heading { white-space: normal; }
.double-square-wrap { flex-direction: column; gap: 5px; }
.feature-wordcloud-container { width: 300px; }
.big-logo-square { width: 350px; }
.big-logo-square img { padding-bottom: 0; }
.feature-line { display: none; }
.feature-text-flex { gap: 1px; }
#mob-word-cloud { margin-top: -15px; }

/*L2- the solution*/

#client-profile-body-text-1, #client-profile-body-text-2, #client-profile-body-text-3 { font-size: 13px; }
#approach-solution { padding: 10px 10px; }
.client-profile-grid { display: flex; flex-direction: column; align-items: flex-start; gap: 30px; margin-top: 35px; margin-bottom: 10px; }
.client-profile-card-wrap:nth-child(2) { align-self: center; }
.client-profile-card-wrap:nth-child(3) { align-self: flex-end; }
.client-profile-card { padding: 17px 5px 20px; width: 250px; height: 135px; border-radius: 10px; }
#client-profile-card-3 { height: 110px; }
.client-profile-ribbon-bar { height: 10px; clip-path: path("M0,0 L95.2,0 Q102.2,0 107.15,3.3 L123.2,10 L10,10 A10,10 0 0 1 0,0 Z"); }
.client-profile-logo { right: 17px; top: -27px; width: 50px; height: 50px; border-width: 4px; }
.client-profile-icon { right: 10px; bottom: 2px; width: 25px; height: 25px; }
#client-profile-card-1, #client-profile-card-2 { padding-top: 12px; }
#client-profile-icon-2 { width: 30px; height: 30px; }
#client-profile-name-1, #client-profile-name-2, #client-profile-name-3 {font-size: 14px; letter-spacing: normal;}

/*L2- mctim approach */

#mctim-approach { background-image: none; }

.navy-text-panel { background-color: var(--dark-navy); padding: 5px 5px; }
.landscape-logo { width: 300px; margin-top: 10px; margin-left: auto; margin-right: auto; }
.pawprints { display: block; background-color: var(--dark-navy); background-image: url('https://smsequinecanine.ie/Images/New/pawprintm.svg'); background-size: 100% auto; background-repeat: repeat-y; margin-left: -15px; margin-right: -15px; }

#fake-float-text { background-color: transparent; padding: 0 5px; margin-top: 7px; margin-bottom: 0; border-radius: 0; }
#linking-approach-columns { display: flex; flex-direction: column; }
#mctim-link-text { display: flex; flex-direction: column; min-height: 0; width: 100%; order: 2; }
#horse-dog-logo-wrap { order: 1; }
#pawprints-background { display: block; }
#dog-approach-wrap { padding: 10px 5px 0; text-align: left; width: 100%; }

/*L2- Explain sections*/

#sofmsaddlers-explain {padding: 5px 10px 10px;}
#sofmsaddlers-explain-logo { width: 109px; height: 109px; }
#sofmsaddlers-explain-image-float {margin: 1px 15px 16px 1px; }
#sofmsaddlers-p1 {padding-left: 5px;}
#sofmsaddlers-p3 {padding-left: 5px;}
#mctim-explain { position: relative; }
#sofmsaddlers-explain { position: relative; }

/*L2- Accordions*/

.mctim-FAQ .accordion-trigger {flex-direction: row-reverse; justify-content: flex-end; padding-left: 16px; height: 45px;}
.mctim-FAQ .accordion-body {padding-left: 16px;}

/*L3- Accordion modifiers*/
.sofmsaddlers-FAQ .accordion-trigger {flex-direction: row; justify-content: flex-start; padding-left: 16px; height: 45px;}
.sofmsaddlers-FAQ .accordion-body {padding-left: 16px;} .accordion-icon {transform: scale(0.75); transform-origin: center;}

/*ABOUT PAGE*/

/*L2- About hero*/

.logo-glow-circle-about {  width: 109px; height: 109px; outline: 2px solid var(--page-about-paired); outline-offset: 2px; box-shadow: 0 0 5px var(--page-about-paired), 0 0 20px var(--page-about-paired); }


/*L2- Background */
#my-background {padding-bottom: 10px;}

/*L2- my background gallery layout*/

.gallery-wrap { display: contents; }
.keep-2-together { display: contents; }
.gallery-thumb-glow { box-shadow: 0 0 1px var(--light-green), 0 0 3px var(--light-green); }
.gallery-unit { margin-top: 15px; }
#background-gallery-unit-1 { order: 2; }
#background-gallery-unit-2 { order: 4; }
#background-gallery-unit-3 { order: 6; }
#my-background-text-1 { order: 1; }
#my-background-text-2 { order: 3; }
#my-background-text-3 { order: 5; }
#my-background-text-4 { order: 7; }

/*L2- Qualifications*/

#qualifications { padding-bottom: 30px; }

#qual-text1 {margin-bottom: 5px; font-size: 16px;}
#qual-text2 {margin-bottom: 1px; font-size: 16px;}
.in-progress { font-size: 8px; }
.qual-instance {width: 140px;}
.qual-awardbody-text {padding-bottom: 1px; width: 140px; font-size:10px;}
.qual-diamond-logo-container {width: 110px; height: 111px;}
.qual-logo-star-wrap {top: 16px; width: 100px; height: 100px;}
.qual-logo {width: 65px; height: 65px; top: 12px;}

/*L3- Qual section display properties desktop*/
#D-qual-instances-wrap {display: none;}
#mob-qual-instances-wrap-row-1, #mob-qual-instances-wrap-row-2 {display: flex;}

/*L3- Qual section shapes*/
#mob-qual-sml-diamond-inst-1, #mob-qual-sml-diamond-inst-2, #mob-qual-sml-diamond-inst-3, #mob-qual-sml-diamond-inst-4 {margin-top: 0;}
.qual-line-mob1 {top: 4px;}
.qual-line-mob2 {top: 23px;}
.qual-diamond-outer { width: 85px; height: 85px; top: 18px; }
.qual-diamond-inner { width: 69px; height: 69px; top: 26px; }
.qual-sml-diamond {width: 8px; height: 8px;}
.variant-star .qual-logo-star-wrap::before { width: 120px; height: 120px; }
.variant-star .qual-logo-star-wrap::after { width: 120px; height: 120px; }

/*L3- Qual section ribbon*/
.qual-ribbon {width: 100px; padding: 4px 8px; font-size: 9px; margin-top: -5px;}
.qual-ribbon:before, .qual-ribbon:after {border-width: 11px 11px; top: 1px;}
.qual-ribbon:before {left: -15px;}
.qual-ribbon:after {right: -15px;}


/*FORMS AND CONTACT PAGE*/

/*L2- Shared section layouts*/

#call-me {max-width: none}
#email-me {max-width: none}
#test-border {max-width: none} 

/*L2- Forms and contact hero*/

#forms-and-contact-hero-wrapper { display: flex; flex-direction: column; }
#forms-and-contact-hero-contact { order: -1; margin-top: 5px;}
#hero-intro-m { width: 100%}

#test-border {position: relative; margin: 10px 0px 5px; padding: 5px 0 5px}

#test-border::before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 95%; height: 3px; background-color: var(--light-purple);}

#test-border::after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 95%; height: 3px; background-color: var(--light-purple);}

/*L3- contact div management*/

.contact-btn-pair { display: flex; flex-direction: column; align-items: center; gap: 7px; padding: 2px 0; }
.contact-tidy-wrap { display: flex; flex-direction: row; align-items: flex-start; gap: 10px; }
.contact-link-group {display: flex; flex-direction: column; font-size: 12px;}
.contact-btn { display: inline-flex; align-items: center; justify-content: center; gap: 3px; padding: 2px 7px; font-family: var(--font-ui); font-style: normal; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; border-radius: var(--radius-btn); cursor: pointer; white-space: nowrap; }
.contact-btn img { width: 11px; height: 11px; }
#contact-btn-pair-m { display: flex;}
#contact-btn-pair-d {display:none}
#call-me a {font-size: 12px;}
#email-me a {font-size: 12px; margin: 10px 0 5px;}

/*L2- Travel section*/

#forms-and-contact-map-column-label {margin-top: 20px;}
#forms-and-contact-zoning-column-label {margin-top: 10px;}
#forms-and-contact-map-embed {padding: 10px 0px}
#zoning-container::after { display: none; }

/*L3- Zone widget*/
.zoning-wrap {border-radius: 12px; margin-top: 5px; }
#county-label {margin-top: 10px; font-size: 10 px;}
#zone-label {margin-top: 15px; font-size: 10 px;}
.county-dropdown-list { max-height: 240px; overflow-y: auto; }
.result-bar-container {margin: 15px 0 10px;}
.dot {width: 6px; height: 6px;}
.zone-card-grid { display: none; }
.zone-pill-strip { display: flex; margin: 5px 0 10px; gap: 5px;}
.zone-pill {width: 40px; height: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.zone-pill.zone-card-active {outline: 2px solid var(--cream); outline-offset: 0;}
.zone-card-active .zone-pill-cost { color: var(--cream); }

/*L2- Booking link section*/

.booking-links-box { width: 100%; height: auto; padding: 0; }
.booking-links-stack { gap: 10px; padding-top: 10px; padding-bottom: 10px; }
.booking-link-wrap { height: 66px; }
.booking-links-circle { width: 60px; height: 60px; border: 4px solid; box-shadow: 0 0 0 2px var(--cream);}
.booking-link-pill { height: 50px; width: 132px; padding: 0 5px 0 37px; margin-left: 30px; border-width: 4px; }
#session-package-pill { padding-left: 35px; padding-right: 2px; }

#booking-links-buttons {margin-left: -15px; margin-right: -15px; }
#booking-links-text { width: 100%; max-width: 100%; }
#booking-buttons-container { display: flex; flex-direction: row; gap: 5px;  }
#bespoke-img, #session-package-img { width: 58px; height: 58px; }
#equine-single-horse-text, #equine-yard-day-text, #equine-saddlework-text, #canine-text, #bespoke-text, #session-package-text { font-size: 12px; font-weight: 600; margin-bottom: 0; }

/*L2- Form legend*/


.ledger-head { font-size:20px; margin-bottom: 0;  padding-left: 3px }
.mob-ledger-row {display: flex; flex-direction: column; background: var(--cream); border-bottom: 2px solid var(--service-default-colour); border-right: 2px solid var(--service-default-colour);  border-left: 2px solid var(--service-default-colour); position: relative;  }
.mob-ledger-split {display: flex; flex-direction: row; align-items: stretch; width: 100%;min-height: 58px}
.mob-ledger-row-left {flex: 1; padding: 2px 2px 2px; cursor: pointer;}
.service-name {margin: 4px 0 6px; font-size: 11px;}
.form-row-content .grid-price { margin-bottom:5px; }
.mob-ledger-row-right {flex-shrink: 0; padding-right: 5px ; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.mob-ledger-row-right a {display: block}
.mob-ledger-row .form-about {max-height: 0; overflow: hidden; margin: 0 }
.mob-ledger-row.open .form-about {max-height: 120px; padding: 5px 5px; font-size: 12px; line-height: 1.1 ;}
.db-book-link, .lb-book-link, .dn-book-link, .ln-book-link, .dg-book-link, .lg-book-link, .dp-book-link, .lp-book-link {font-size: 12px; margin: 0px}


#mob-ledger-service-name-equine-3 {white-space: nowrap; position: absolute}
#mob-ledger-formname-combi-bodywork-saddle-assessment {margin-top: 21px}
#mob-ledger-row-1 { border-bottom: 0.5px solid var(--light-navy); }
#mob-ledger-row-2 { border-bottom: 0.5px solid var(--light-purple); }
#mob-ledger-split-row-1b, #mob-ledger-split-row-2b { align-items: center; }

/*HIDDEN PAGES*/

/*L2- Shared Classes*/
.collapse-info {padding: 5px 10px; cursor: pointer;}
.collapse-info > p {display: none;}
.collapse-info > ul {display: none;}
.collapse-info .banner-styling {display: block;}
.sticky-banner {position: sticky; top: 62px; z-index: 99; display: none; background: var(--service-default-colour);}
#form-embed-page-1 { padding: 10px 10px;}
#banner {text-align: center; text-transform: uppercase; font-size: 18px;}

/*L2- Monday Client Forms*/
.hidden-page-form-wrap {display: block; height: auto;}
.form-wrap {width: 100%; padding: 5px 10px 10px 10px;}
.monday-form {height: 780px;}

/*L2- Calendly Booking Pages*/
.calendly-page-form-wrap {display: block; height: auto; padding: 0 0; }
.calendly-wrap-styling {width: 100%; padding: 10px 5px;}
#calendly-widget {height:700px}
#yard-day-page-form-wrap {height: auto; padding-right: 0;}
#yard-day-booking-embed {width: 100%;}
#yard-day-calendly-widget {height: 900px;}

/*L2- privacy policy*/
.right-page-sticky-helper {gap: 2px; margin: 20px 0; }
.policy-section {padding: 5px 0;}
.policy-section-index {padding: 5px 0; max-width: 80px;}
.policy-content {flex: 1}
.index-wrap { max-width: 82px; }
#privacy-policy {padding: 10px 10px}



/*8 Utility classes*/
.desktop-only { display: none; }
.mobile-only { display: block; }



}

/*PART 8 tablet overrides*/

@media (min-width: 768px) and (max-width: 1249px) {

/*GLOBAL ELEMENT DEFAULTS*/

.btn {padding: 7px 14px; font-size: 11px; margin: 10px 0;}
.btn-svc-m { padding: 5px 10px; font-size: 8px; margin-top: 5px; margin-bottom: 5px;}

/*FONT STYLE TABLET OVERRIDES*/

.challenge-style { font-size: 20px; text-underline-offset: 10px; margin-bottom: 20px; }

#equine-grid-section-label, #equine-flip-section-label, #canine-grid-section-label, #canine-flips-section-label, #about-my-background-section-label, #qual-section-label, #Link-approaches-section-heading, #forms-and-contact-booking-section-label, #forms-and-contact-zoning-column-label, #forms-and-contact-map-column-label, #county-label, #zone-label, #equine-sessions {margin-top: 1px;}

#about-my-background-main-heading, #Quali-main-heading, #horse-text-header, #dog-approach-title, #forms-and-contact-booking-main-heading, #forms-and-contact-travel-main-heading, #equine-sessions-main-heading, #sj-saddlefitting-main-heading, #approach-story-main-heading {font-size: 30px; margin-bottom: 1px;}

#equine-sessions-main-heading, #sj-saddlefitting-main-heading {font-size: 26px; margin-top: 7px;}

#solution-text, #booking-text-1, #booking-text-3, #fake-float-text, #mctim-link-text, #dog-approach-text1, #dog-approach-text2, #dog-approach-text3, #zone-text, #map-text, #feature-text-row-1, #feature-text-row-2 {font-size: 18px;}

#county-selector, #region-header-1, #region-header-2, #region-header-3, #region-header-4 {font-size: 14px;}

#county-dropdown-selected, #county-select-1, #county-select-2, #county-select-3, #county-select-4, #county-select-5, #county-select-6, #county-select-7, #county-select-8, #county-select-9, #county-select-10, #county-select-11, #county-select-12, #county-select-13, #county-select-14, #county-select-15, #county-select-16, #county-select-17, #county-select-18, #county-select-19, #county-select-20, #county-select-21, #county-select-22, #county-select-23, #county-select-24, #county-select-25, #county-select-26, #county-select-27, #county-select-28, #county-select-29, #county-select-30, #county-select-31, #county-select-32 {font-size: 16px;}

#zone-1-pill, #zone-2-pill, #zone-3-pill, #zone-4-pill, #zone-5-pill, #zone-6-pill, #zone-7-pill {font-size: 16px;}

.services-card-animal { font-size: 13px; }
.services-card-category-heading { font-size: 27px; }
.services-card-awardtype { font-size: 11px; }
.services-card-bullets { font-size: 17px; }

#equine-single-horse-text, #equine-yard-day-text, #equine-saddlework-text, #canine-text, #bespoke-text, #session-package-text {font-size: 16px; font-weight: 500; margin-bottom: 6px;}

#policy-title {font-size: 28px; margin-bottom: 10px;}
#policy-link-1, #policy-link-2, #policy-link-3, #policy-link-4, #policy-link-5, #policy-link-6, #policy-link-7, #policy-link-8 {font-size: 14px;}

/*L2- Desktop classes*/

#site-header { justify-content: flex-start; padding: 0 8px; width: 100%; box-sizing: border-box;}
.header-middle { flex: 0 1 auto; padding: 0; gap: 8px;  }
#site-info {gap: 4px; width: 100px;}
#desktop-actions { display: none; }
#btn-header-menu { display: inline-block; margin-left: auto; margin-right: 10px;}
#active-page { display: block; }

/*L2- Hamburger*/

.hamburger { display: flex; flex-direction: column; justify-content: space-between; width: 26px; height: 18px; cursor: pointer; z-index: 10; }
.hamburger span { display: block; height: 2px; background: var(--charcoal); border-radius: 2px; transition: transform 0.25s ease, opacity 0.25s ease; }
.hamburger.open span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity: 0; }
.hamburger.open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

/*L2- Mobile nav*/

#nav-mobile { background: transparent; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; position: absolute; top: 60px; left: 0; width: 100%; z-index: 100; }
#nav-mobile.open { display: block; max-height: 1000px; }
#nav-desktop { display: none; }

/*L2- Mobile nav width*/
#nav-mobile .nav-list { width: 80%; margin-left: auto; }

/*L2- Mobile page colours*/

#nav-mobile .nav-list > li:nth-child(1) > a, #nav-mobile .nav-list > li:nth-child(1) > label { color: var(--dark-green); border-top: 1px solid var(--charcoal); -webkit-tap-highlight-color: var(--light-green); }
#nav-mobile .nav-list > li:nth-child(2) .mobile-header-row > a, #nav-mobile .nav-list > li:nth-child(2) .mobile-header-row > .mobile-header-toggle { color: var(--dark-burgundy); -webkit-tap-highlight-color: var(--light-burgundy); }
#nav-mobile .nav-list > li:nth-child(3) .mobile-header-row > a, #nav-mobile .nav-list > li:nth-child(3) .mobile-header-row > .mobile-header-toggle { color: var(--dark-navy); -webkit-tap-highlight-color: var(--light-navy); }
#nav-mobile .nav-list > li:nth-child(4) .mobile-header-row > a, #nav-mobile .nav-list > li:nth-child(4) .mobile-header-row > .mobile-header-toggle { color: var(--light-purple); -webkit-tap-highlight-color: var(--light-purple); }
#nav-mobile .nav-list > li:nth-child(5) .mobile-header-row > a, #nav-mobile .nav-list > li:nth-child(5) .mobile-header-row > .mobile-header-toggle { color: var(--dark-purple); -webkit-tap-highlight-color: var(--lighter-lilac); }
#nav-mobile .nav-list > li:nth-child(6) .mobile-header-row > a, #nav-mobile .nav-list > li:nth-child(6) .mobile-header-row > .mobile-header-toggle { color: var(--dark-green); -webkit-tap-highlight-color: var(--light-green); }

/*L2- Chevron*/

.sub-toggle { position: absolute; opacity: 0; pointer-events: none; }
.mobile-header-row { display: flex; align-items: center; gap: 8px; padding: 14px 20px; background: var(--cream); border-bottom: 1px solid var(--charcoal); }
.mobile-header-toggle { cursor: pointer; padding: 0 8px; display: inline-flex; align-items: center; }
.mobile-header-toggle::after { content: '›'; font-size: 18px; }
.sub-toggle:checked ~ .mobile-header-row .mobile-header-toggle::after { content: '‹'; }
.mobile-header-row-text {font-family: var(--font-ui); font-style: normal; font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.03em; line-height: 1.0; color: var(--charcoal);}

/*L2- Mobile submenus*/

.sub-toggle { display: block; }
.sub-toggle:checked ~ .submenu { max-height: 500px; }
.submenu a { display: block; padding: 0.7rem 1.25rem 0.7rem 2.25rem; background: var(--cream); text-decoration: none; font-size: 12px; border-bottom: 1px solid var(--charcoal); }
#nav-mobile .nav-list > li:nth-child(1) .submenu a { color: var(--light-green); -webkit-tap-highlight-color: var(--pale-green); }
#nav-mobile .nav-list > li:nth-child(2) .submenu a { color: var(--light-burgundy); -webkit-tap-highlight-color: var(--pale-burgundy); }
#nav-mobile .nav-list > li:nth-child(3) .submenu a { color: var(--light-navy); -webkit-tap-highlight-color: var(--pale-navy); }
#nav-mobile .nav-list > li:nth-child(4) .submenu a { color: var(--dark-purple); -webkit-tap-highlight-color: var(--pale-purple); }
#nav-mobile .nav-list > li:nth-child(5) .submenu a { color: var(--light-purple); -webkit-tap-highlight-color: var(--pale-lilac); }
#nav-mobile .nav-list > li:nth-child(6) .submenu a { color: var(--light-green); -webkit-tap-highlight-color: var(--pale-green); }

/*L2- Containers and column classes*/

.index-left-content { padding: 5px 0; max-width: 82px;}

/*L2- Image and content heros*/

.logo-square {width: 250px; height: 250px;}

/*L2- Services section*/

/*L3- Services carousel*/

.svc-band-borders { display: none; }
.svc-col-wrapper { display: flex; overflow-x: auto; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: 25px 16px 15px; gap: 16px; }
.svc-col-wrapper::-webkit-scrollbar { display: none; }
.svc-col { flex: 1 1 0; min-width: 0; scroll-snap-align: center; padding: 5px 14px 12px; border-right: none; border-radius: var(--radius-12); background: var(--charcoal); opacity: 1; transition: transform 0.5s, box-shadow 0.5s, opacity 0.5s; }
.svc-col.carousel-active { opacity: 1; transform: none; }
.svc-col-wrapper .svc-col:nth-child(1) { border: 1.5px solid color-mix(in srgb, var(--dark-navy) 35%, transparent); box-shadow: 0 0 var(--glow-ring) color-mix(in srgb, var(--dark-navy) 50%, transparent), 0 0 var(--glow-bloom) color-mix(in srgb, var(--light-navy) 20%, transparent); }
.svc-col-wrapper .svc-col:nth-child(1).carousel-active { border-color: color-mix(in srgb, var(--dark-navy) 85%, transparent); box-shadow: 0 0 10px color-mix(in srgb, var(--dark-navy) 80%, transparent), 0 0 22px color-mix(in srgb, var(--light-navy) 65%, transparent), 0 2px 34px color-mix(in srgb, var(--light-navy) 30%, transparent); }
.svc-col-wrapper .svc-col:nth-child(2) {border: 1.5px solid color-mix(in srgb, var(--dark-burgundy) 35%, transparent); box-shadow: 0 0 var(--glow-ring) color-mix(in srgb, var(--dark-burgundy) 50%, transparent), 0 0 var(--glow-bloom) color-mix(in srgb, var(--light-burgundy) 20%, transparent); }
.svc-col-wrapper .svc-col:nth-child(2).carousel-active { border-color: color-mix(in srgb, var(--dark-burgundy) 85%, transparent); box-shadow: 0 0 10px color-mix(in srgb, var(--dark-burgundy) 80%, transparent), 0 0 22px color-mix(in srgb, var(--light-burgundy) 65%, transparent), 0 2px 34px color-mix(in srgb, var(--light-burgundy) 30%, transparent); }
.svc-col-wrapper .svc-col:nth-child(3) {border: 1.5px solid color-mix(in srgb, var(--dark-navy) 35%, transparent); box-shadow: 0 0 var(--glow-ring) color-mix(in srgb, var(--dark-navy) 50%, transparent), 0 0 var(--glow-bloom) color-mix(in srgb, var(--light-navy) 20%, transparent); }
.svc-col-wrapper .svc-col:nth-child(3).carousel-active { border-color: color-mix(in srgb, var(--dark-navy) 85%, transparent); box-shadow: 0 0 10px color-mix(in srgb, var(--dark-navy) 80%, transparent), 0 0 22px color-mix(in srgb, var(--light-navy) 65%, transparent), 0 2px 34px color-mix(in srgb, var(--light-navy) 30%, transparent); }
.svc-col-logo { width: 90px; height: 90px; object-fit: contain; }
.svc-col-dots-wrapper { display: none; }
.svc-dot { width: 7px; height: 7px; border-radius: var(--radius-circle); background: var(--cream); transition: background 0.25s, transform 0.25s; }
.svc-dot.active { transform: scale(1.45); }
#home-services-columns { display: none; }
#home-services-carousel { display: block; }
#equine-swork-carousel {object-fit: contain; height:auto; width: 150px;}

/*L2- Services and pricing*/

/*L3- Pricing grid*/
#equine-pricing-grid { display: none; }
#canine-pricing-grid { display: none; }

/*L3- Pricing flipcards*/
#equine-pricing-flipcards, .flipcards-outer-div {display: block;}
#canine-pricing-flipcards, .flipcards-outer-div {display: block;}

#equine-pricing-flipcards .flipcards-outer-div { display: flex; flex-wrap: wrap; }
#equine-pricing-flipcards .flipcards-pair { width: 50%; box-sizing: border-box; }
#equine-pricing-flipcards #flippair-5 { width: 100%; }

#canine-pricing-flipcards .flipcards-outer-div { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
#canine-pricing-flipcards .flipcards-pair { display: contents; }

#equine-pricing-flipcards, #canine-pricing-flipcards { position: relative; }
.flipcard-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/*L2- Session journeys*/

/*L3- Bodywork journey*/
.sj-bodywork-wrap { margin-top: 10px; padding: 20px 20px;}
.sj-bodywork-row { flex-direction: column; }
.sj-bodywork-arrow { transform: rotate(90deg); margin: -4px auto; width: 20px; }
.sj-bodywork-card { padding: 7px 12px; }
.sj-bodywork-num {top: -13px; right: 6px;}
.sj-bodywork-step { margin-top: 5px; margin-bottom: 4px; }
.sj-bodywork-title {margin-bottom: 4px; }

/*L3- Gandt journey*/
.sj-gandt-wrap { margin-top: 10px; padding: 20px 20px;}
.sj-gandt-row { flex-direction: column; }
.sj-gandt-arrow { transform: rotate(90deg); margin: -4px auto; width: 20px; }
.sj-gandt-card { padding: 7px 12px; }
.sj-gandt-num {top: -13px; right: 6px;}
.sj-gandt-step { margin-top: 5px; margin-bottom: 4px; }
.sj-gandt-title {margin-bottom: 4px; }

/*L3- Saddlefitting journey*/
.sj-saddlefitting-wrap { margin-top: 10px; padding: 20px 20px;}
.sj-saddlefitting-row { flex-direction: column; }
.sj-saddlefitting-arrow { transform: rotate(90deg); margin: -4px auto; width: 20px; }
.sj-saddlefitting-card { padding: 7px 12px; }
.sj-saddlefitting-num {top: -13px; right: 6px;}
.sj-saddlefitting-step { margin-top: 5px; margin-bottom: 4px; }
.sj-saddlefitting-title {margin-bottom: 4px; }

/*L2- Approach Challenge*/

#the-challenge { padding: 1px 10px; }

.cream-box-wrap { height: auto; margin: 20px 0; padding: 20px 5px 30px; }

.hilow { grid-template-columns: repeat(3,1fr); gap: 15px 5px; }
.hilow > * { padding: 5px 5px; height: 175px; }
.hilow > *:nth-child(3n+2) { transform: translateY(20px); }
.hilow > *:nth-child(3n+1), .hilow > *:nth-child(3n) { transform: none; }
#target-concern-1, #target-concern-2 {height: 175px;}
#target-concern-1 {transform: none;}

/*L2- approach story*/

#approach-story-main-heading { white-space: normal; }
#word-cloud { display: none; }
#mob-word-cloud { display: block; margin-top: -15px; }
.double-square-wrap { flex-direction: column; gap: 5px; }
.feature-wordcloud-container { width: 300px; }
.big-logo-square { width: 350px; }
.big-logo-square img { padding-bottom: 0; }
.feature-line { display: none; }
.feature-text-flex { gap: 1px; }

/*L2- the solution*/

#client-profile-body-text-1, #client-profile-body-text-2, #client-profile-body-text-3 { font-size: 13px; }
#approach-solution { padding: 10px 10px; }
.client-profile-card { padding: 17px 5px 20px; width: 230px; height: 135px; border-radius: 10px; }
.client-profile-ribbon-bar { height: 10px; clip-path: path("M0,0 L95.2,0 Q102.2,0 107.15,3.3 L123.2,10 L10,10 A10,10 0 0 1 0,0 Z"); }
.client-profile-logo { right: 17px; top: -27px; width: 50px; height: 50px; border-width: 4px; }
.client-profile-icon { right: 10px; bottom: 2px; width: 25px; height: 25px; }
#client-profile-card-1, #client-profile-card-2 { padding-top: 12px; }
#client-profile-icon-2 { width: 30px; height: 30px; }
#client-profile-name-1, #client-profile-name-2, #client-profile-name-3 {font-size: 14px; letter-spacing: normal;}

/*L2- mctim approach*/

#mctim-approach { background-image: none; }
.navy-text-panel { background-color: var(--dark-navy); padding: 5px 5px; margin-left: 10px; margin-right: 10px; }
.pawprints { display: block; margin-left: -15px; margin-right: -15px; }

#fake-float-text { background-color: transparent; padding: 0 5px; margin-top: 7px; margin-bottom: 0; border-radius: 0; }
#linking-approach-columns { display: contents; }
#mctim-link-wrapper { display: grid; grid-template-columns: minmax(350px, 1fr) minmax(350px, 1fr); column-gap: 15px; row-gap: 5px; position: relative; z-index: 0; }
#mctim-link-wrapper::before { content: ''; grid-column: 1 / -1; grid-row: 2; margin-right: -15px; background-image: linear-gradient(to right, var(--dark-navy) 0px, transparent 285px), url('https://smsequinecanine.ie/Images/New/pawprint.png'); background-repeat: no-repeat, repeat-y; background-position: right top, right top; background-size: 60% auto, 60% auto; z-index: -1; }
#horse-dog-logo-wrap { grid-column: 1 / -1; grid-row: 1; }
.landscape-logo { width: 475px; margin: 10px auto 0; }
#mctim-link-text { grid-column: 1; grid-row: 2; padding-left: 5px; padding-right: 5px; margin-left: 10px; margin-right: 10px; margin-top: 15px; width: auto; }
#pawprints-background { display: block; grid-column: 2; grid-row: 2; }
#dog-approach-wrap { padding: 10px 5px 0; text-align: left; width: auto; margin-top: 15px; }

/*L2- Background*/

#my-background {padding-bottom: 10px;}

/*my background tablet override*/

.gallery-wrap { display: contents; }
.keep-2-together { display: flex; flex-direction: row; justify-content: space-between; width: 100%; }
.gallery-thumb-glow { box-shadow: 0 0 1px var(--light-green), 0 0 3px var(--light-green); }
.gallery-unit { margin-top: 15px; }
#background-gallery-tablet-wrap { order: 3; }
#background-gallery-unit-3 { order: 5; }
#my-background-text-1 { order: 1; }
#my-background-text-2 { order: 2; }
#my-background-text-3 { order: 4; }
#my-background-text-4 { order: 6; }

/*L2- Qualifications*/

#qualifications { padding-bottom: 30px; }
#qual-text1 {margin-bottom: 5px; font-size: 16px;}
#qual-text2 {margin-bottom: 1px; font-size: 16px;}
.in-progress { font-size: 8px; }
.qual-instance {width: 140px;}
.qual-awardbody-text {padding-bottom: 1px; width: 140px; font-size:10px;}
.qual-diamond-logo-container {width: 110px; height: 111px;}
.qual-logo-star-wrap {top: 16px; width: 100px; height: 100px;}
.qual-logo {width: 65px; height: 65px; top: 12px;}

/*L3- Qual section display properties desktop*/
#D-qual-instances-wrap {display: none;}
#mob-qual-instances-wrap-row-1, #mob-qual-instances-wrap-row-2 {display: flex;}

/*L3- Qual section shapes*/
#mob-qual-sml-diamond-inst-1, #mob-qual-sml-diamond-inst-2, #mob-qual-sml-diamond-inst-3, #mob-qual-sml-diamond-inst-4 {margin-top: 0;}
.qual-line-mob1 {top: 4px;}
.qual-line-mob2 {top: 23px;}
.qual-diamond-outer { width: 85px; height: 85px; top: 18px; }
.qual-diamond-inner { width: 69px; height: 69px; top: 26px; }
.qual-sml-diamond {width: 8px; height: 8px;}
.variant-star .qual-logo-star-wrap::before { width: 120px; height: 120px; }
.variant-star .qual-logo-star-wrap::after { width: 120px; height: 120px; }

/*L3- Qual section ribbon*/
.qual-ribbon {width: 100px; padding: 4px 8px; font-size: 9px; margin-top: -5px;}
.qual-ribbon:before, .qual-ribbon:after {border-width: 11px 11px; top: 1px;}
.qual-ribbon:before {left: -15px;}
.qual-ribbon:after {right: -15px;}

/*FORMS AND CONTACT PAGE*/

/*L2- Travel section*/

#forms-and-contact-map-column-label {margin-top: 20px;}
#forms-and-contact-zoning-column-label {margin-top: 10px;}
#forms-and-contact-map-embed {padding: 10px 0px}
#zoning-container::after { display: none; }

/*L3- Zone widget*/
.zoning-wrap {border-radius: 12px; margin-top: 5px; }
#county-label {margin-top: 10px; font-size: 10 px;}
#zone-label {margin-top: 15px; font-size: 10 px;}
.county-dropdown-list { max-height: 240px; overflow-y: auto; }
.result-bar-container {margin: 15px 0 10px;}
.dot {width: 6px; height: 6px;}
.zone-card-grid { display: none; }
.zone-pill-strip { display: flex; margin: 5px 0 10px; gap: 5px;}
.zone-pill {width: 40px; height: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.zone-pill.zone-card-active {outline: 2px solid var(--cream); outline-offset: 0;}

/*L2- Booking link section*/

#booking-links-container, #booking-buttons-container {display: block; gap: 0px;}
.booking-links-box { height: auto; padding: 0; margin-left: 10px; margin-right: 10px; }
.booking-links-stack { gap: 10px; padding-top: 10px; padding-bottom: 10px; }
.booking-link-wrap { height: 66px; }
.booking-links-circle { width: 60px; height: 60px; border: 4px solid; box-shadow: 0 0 0 2px var(--cream);}
.booking-link-pill { height: 50px; width: 230px; padding: 0 5px 0 37px; margin-left: 30px; border-width: 4px; }
#booking-links-buttons {margin-left: -15px; margin-right: -15px; }
#booking-links-text { width: 100%; max-width: 100%; }
#booking-buttons-container { display: flex; flex-direction: row; gap: 5px; }
#bespoke-img, #session-package-img { width: 58px; height: 58px; }
#equine-single-horse-text, #equine-yard-day-text, #equine-saddlework-text, #canine-text, #bespoke-text, #session-package-text { font-size: 14px; font-weight: 600; margin-bottom: 0; }

/*HIDDEN PAGES*/

/*L2- Shared Classes*/
.collapse-info {padding: 5px 10px; cursor: pointer;}
.collapse-info > p {display: none;}
.collapse-info > ul {display: none;}
.collapse-info .banner-styling {display: block;}
.sticky-banner {position: sticky; top: 62px; z-index: 99; display: none; background: var(--service-default-colour);}
#form-embed-page-1 { padding: 10px 10px;}
#banner {text-align: center; text-transform: uppercase; font-size: 18px;}

/*L2- Monday Client Forms*/
.hidden-page-form-wrap {display: block; height: auto;}
.form-wrap {width: 100%; padding: 5px 10px 10px 10px;}
.monday-form {height: 780px;}

/*L2- privacy policy*/
.right-page-sticky-helper {gap: 2px; margin: 20px 0; }
.policy-section {padding: 5px 0;}
.policy-section-index {padding: 5px 0; max-width: 80px;}
.policy-content {flex: 1}
.index-wrap { max-width: 82px; }
#privacy-policy {padding: 10px 10px}

}

/*PART 9 - wide screen overrides */

@media (min-width: 1600px) {

#site-header, #footer-wrap, #home-hero, #home-services-columns, #home-mini-about, #equine-hero, #equine-pricing-grid, #sessions-equine, #canine-hero, #canine-pricing-grid, #sessions-canine, #my-approach, #the-challenge, #approach-story, #approach-solution, #mctim-approach, #mctim-explain, #mctim-FAQ, #sofmsaddlers-explain, #sofmsaddlers-FAQ, #about-hero, #my-background, #qualifications, #forms-and-contact-hero, #travel, #booking, #forms, #research, #form-embed-page-1, #form-embed-page-YD, #privacy-policy { padding-left: max(25px, calc((100vw - 1600px) / 2)); padding-right: max(25px, calc((100vw - 1600px) / 2)); }

}