.elementor-kit-6{--e-global-color-primary:#334756;--e-global-color-secondary:#5C6B77;--e-global-color-text:#334756;--e-global-color-accent:#8F5B24;--e-global-color-925b897:#F2EEE8;--e-global-color-b1730fa:#E3DDD4;--e-global-color-b75bd48:#D6CFC4;--e-global-color-05f482c:#24333F;--e-global-color-5bfd8a4:#B07234;--e-global-color-b44eb8b:#CC4A1A;--e-global-color-67a1a55:#A93C15;--e-global-color-e9ac80f:#F1E5D6;--e-global-color-b137740:#F8F2EA;--e-global-color-47e4bde:#F9E6DC;--e-global-color-8555b50:#7A4D1E;--e-global-color-447bd35:#B23F16;--e-global-color-443d705:#FFFFFF;--e-global-color-e763780:#2E5939;--e-global-color-4e6351e:#E2E8E3;--e-global-color-390bdf7:#7A6300;--e-global-color-5c3afce:#ECE9DB;--e-global-color-d493ac1:#58A96D;--e-global-color-d6dcacf:#B79500;--e-global-color-f24eeae:#EA7B54;--e-global-typography-primary-font-family:"Bricolage Grotesque";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Bricolage Grotesque";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Source Sans 3";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.7em;--e-global-typography-accent-font-family:"Source Sans 3";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1em;color:var( --e-global-color-text );font-family:"Source Sans 3", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;line-height:1.7em;letter-spacing:0px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Source Sans 3", Sans-serif;font-size:16px;font-weight:600;line-height:1em;letter-spacing:0.01em;color:#FFFFFF;border-radius:6px 6px 6px 6px;padding:12px 24px 12px 24px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-8555b50 );color:#FFFFFF;border-radius:6px 6px 6px 6px;}.elementor-kit-6 a{color:var( --e-global-color-accent );font-family:"Plus Jakarta Sans", Sans-serif;text-transform:none;font-style:normal;text-decoration:none;}.elementor-kit-6 a:hover{color:var( --e-global-color-8555b50 );}.elementor-kit-6 h1{font-family:"Bricolage Grotesque", Sans-serif;font-size:36px;font-weight:700;}.elementor-kit-6 h2{font-family:"Bricolage Grotesque", Sans-serif;font-size:28px;font-weight:600;}.elementor-kit-6 h3{font-family:"Bricolage Grotesque", Sans-serif;font-size:22px;font-weight:600;line-height:1.4em;}.elementor-kit-6 h4{font-family:"Bricolage Grotesque", Sans-serif;font-size:18px;font-weight:500;line-height:1.4em;}.elementor-kit-6 h5{font-family:"Bricolage Grotesque", Sans-serif;font-size:16px;font-weight:600;line-height:1.4em;}.elementor-kit-6 h6{font-family:"Bricolage Grotesque", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;font-style:normal;line-height:1.4em;}.elementor-kit-6 label{font-family:"Source Sans 3", Sans-serif;font-size:12px;font-weight:600;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{font-size:14px;color:var( --e-global-color-text );background-color:var( --e-global-color-443d705 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-b75bd48 );border-radius:6px 6px 6px 6px;padding:10px 12px 10px 12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:16px;--container-default-padding-right:16px;--container-default-padding-bottom:16px;--container-default-padding-left:16px;}.elementor-widget:not(:last-child){margin-block-end:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h1{font-size:30px;line-height:1.2em;}.elementor-kit-6 h2{font-size:24px;line-height:1.3em;}.elementor-kit-6 h3{font-size:20px;line-height:1.4em;}.elementor-kit-6 h4{font-size:17px;line-height:1.4em;}.elementor-kit-6 h5{font-size:16px;line-height:1.4em;}.elementor-kit-6 h6{font-size:14px;line-height:1.4em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --cream:#F2EEE8; --warm-grey:#E3DDD4; --white:#FFFFFF; --border-grey:#D6CFC4; --slate:#334756; --slate-grey:#5C6B77; --slate-dark:#24333F; --slate-panel:#334756; --slate-line:#3D4F5D; --on-dark:#F2EEE8; --on-dark-muted:#C3CCD3; --copper-deep:#8F5B24; --copper-deep-hover:#7A4D1E; --burnt-orange:#CC4A1A; --orange-deep:#A93C15; --orange-light:#EA7B54; --success-dark:#58A96D; --success:#2E5939; --warning:#7A6300; --font-heading:Bricolage Grotesque; --font-body:Source Sans 3; }
/* Start custom CSS */:root {
  /* Primary */
  --color-slate:       #334756;
  --color-copper-deep: #8F5B24;
  --color-cream:       #F2EEE8;

  /* Secondary */
  --color-copper:      #B07234;   /* Decorative only - never for text */
  --color-orange:      #CC4A1A;   /* Accent surfaces - white text on it only */
  --color-orange-deep: #A93C15;   /* The only orange for text */
  --color-warm-grey:   #E3DDD4;
  --color-border-grey: #D6CFC4;
  --color-slate-grey:  #5C6B77;
  --color-slate-dark:  #24333F;

  /* Tints */
  --color-copper-10:   #F1E5D6;
  --color-copper-5:    #F8F2EA;
  --color-orange-10:   #F9E6DC;

  /* Interaction shades */
  --color-action-hover: #7A4D1E;
  --color-accent-hover: #B23F16;
  
  /* Status colours */
    --color-success:     #2E5939;
    --color-warning:     #7A6300;
    --color-success-10:  #E2E8E3;
    --color-warning-10:  #ECE9DB;
}

/* --------------------------------------------------------------------
   Base - cream background, slate text
   -------------------------------------------------------------------- */
body {
  background-color: var(--color-cream);
  color: var(--color-slate);
}

/* --------------------------------------------------------------------
   Headings - Bricolage Grotesque has no italic. Block synthetic slant
   everywhere, including inside widgets and rich text.
   -------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6,
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em,
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
  font-style: normal !important;
  font-synthesis: none;
}

/* Hero/display headlines - Bricolage runs wide */
.ss-display {
  letter-spacing: -0.02em;
  line-height: 1.1;
}

/* Copper mark - headline emphasis phrase */
h1 .ss-mark, h2 .ss-mark, h3 .ss-mark,
.ss-mark {
  color: var(--color-copper-deep);
}

/* --------------------------------------------------------------------
   Links - copper deep is the action colour
   -------------------------------------------------------------------- */
a {
  color: var(--color-copper-deep);
}

a:hover,
a:focus {
  color: var(--color-action-hover);
}

/* --------------------------------------------------------------------
   Buttons - backstop for widgets that ignore Global Fonts/Colors
   (Elementor form submit, popups, WooCommerce-style embeds)
   -------------------------------------------------------------------- */
.elementor-button,
button[type="submit"] {
  background-color: var(--color-copper-deep);
  color: #FFFFFF;
  border-radius: 6px;
  padding: 12px 24px;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.elementor-button:hover,
.elementor-button:focus,
button[type="submit"]:hover,
button[type="submit"]:focus {
  background-color: var(--color-action-hover);
  color: #FFFFFF;
}

/* --------------------------------------------------------------------
   Forms - Elementor Pro Form widget
   -------------------------------------------------------------------- */
.elementor-field-group .elementor-field {
  border: 1px solid var(--color-border-grey);
  border-radius: 6px;
  background-color: #FFFFFF;
  color: var(--color-slate);
}

.elementor-field-group .elementor-field:focus {
  /* Keep the 1px border and thicken with a 1px ring so focus reads as ~2px
     copper deep without growing the box (no layout reflow on focus). */
  border-color: var(--color-copper-deep);
  box-shadow: 0 0 0 1px var(--color-copper-deep);
  outline: none;
}

/* Error state - orange deep is the only orange for text */
.elementor-field-group.elementor-error .elementor-field {
  border: 1px solid var(--color-orange-deep);
}

.elementor-message.elementor-message-danger,
.elementor-error .elementor-help-inline {
  color: var(--color-orange-deep);
  font-weight: 600;
}

/* Success state - copper deep (palette has no green, known trade-off) */
.elementor-message.elementor-message-success {
  color: var(--color-success);
}

/* --------------------------------------------------------------------
   Widget odds and ends globals miss
   -------------------------------------------------------------------- */

/* Accordion / toggle icons and titles */
.elementor-accordion .elementor-tab-title,
.elementor-toggle .elementor-tab-title {
  color: var(--color-slate);
}

.elementor-accordion .elementor-tab-title.elementor-active,
.elementor-accordion .elementor-tab-title:hover {
  color: var(--color-copper-deep);
}

/* Dividers */
.elementor-divider-separator {
  border-color: var(--color-border-grey);
}

/* Blockquotes / testimonials - Source Sans 3 true italic */
blockquote,
.elementor-testimonial__text {
  font-style: italic;
  color: var(--color-slate);
}

/* Text selection */
::selection {
  background-color: var(--color-copper-10);
  color: var(--color-slate);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bricolage Grotesque';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://siteshepherds.com/wp-content/uploads/2026/07/bricolage-grotesque-variable.woff2') format('woff2');
}
@font-face {
	font-family: 'Bricolage Grotesque';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://siteshepherds.com/wp-content/uploads/2026/07/bricolage-grotesque-variable.woff2') format('woff2');
}
@font-face {
	font-family: 'Bricolage Grotesque';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://siteshepherds.com/wp-content/uploads/2026/07/bricolage-grotesque-variable.woff2') format('woff2');
}
@font-face {
	font-family: 'Bricolage Grotesque';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://siteshepherds.com/wp-content/uploads/2026/07/bricolage-grotesque-variable.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://siteshepherds.com/wp-content/uploads/2026/07/source-sans-3-variable.woff2') format('woff2');
}
@font-face {
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://siteshepherds.com/wp-content/uploads/2026/07/source-sans-3-variable.woff2') format('woff2');
}
@font-face {
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://siteshepherds.com/wp-content/uploads/2026/07/source-sans-3-variable.woff2') format('woff2');
}
@font-face {
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://siteshepherds.com/wp-content/uploads/2026/07/source-sans-3-variable.woff2') format('woff2');
}
@font-face {
	font-family: 'Source Sans 3';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://siteshepherds.com/wp-content/uploads/2026/07/source-sans-3-italic-variable.woff2') format('woff2');
}
/* End Custom Fonts CSS */