.elementor-kit-9{--e-global-color-primary:#1D6BBA;--e-global-color-secondary:#54595F;--e-global-color-text:#464646;--e-global-color-accent:#36B64B;--e-global-color-4638522:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}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-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ================================
   SCS East Anglia Ltd Brand Styling
   Colours, Fonts, Elementor-Friendly
   Heading Classes, Cards, Buttons,
   Images, Gradients & Colour Utilities
   ================================ */

:root {
  /* Brand colours */
  --scs-green: #36b64b;
  --scs-blue: #1d6bba;

  /* Supporting colours */
  --scs-dark: #102033;
  --scs-text: #4a5565;
  --scs-muted: #6b7280;
  --scs-light: #f5f7fa;
  --scs-light-blue: #eaf4ff;
  --scs-light-green: #edf9f0;
  --scs-border: #dce3ea;
  --scs-white: #ffffff;

  /* Fonts */
  --scs-font-heading: "Open Sans", Arial, sans-serif;
  --scs-font-body: "Inter", Arial, sans-serif;

  /* Body font sizes */
  --scs-text-small: 0.875rem;
  --scs-text-base: 1rem;
  --scs-text-large: 1.125rem;

  /* Fluid heading sizes */
  --scs-h1: clamp(2.625rem, 1.85rem + 2.35vw, 5.25rem);
  --scs-h2: clamp(2.125rem, 1.55rem + 1.7vw, 4rem);
  --scs-h3: clamp(1.75rem, 1.35rem + 1.15vw, 3rem);
  --scs-h4: clamp(1.45rem, 1.2rem + 0.75vw, 2.25rem);
  --scs-h5: clamp(1.2rem, 1.05rem + 0.45vw, 1.65rem);
  --scs-h6: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);

  /* Line heights */
  --scs-heading-line-height: 1.12;
  --scs-body-line-height: 1.58;

  /* Radius */
  --scs-radius-sm: 0.5rem;
  --scs-radius-md: 1rem;
  --scs-radius-lg: 1.5rem;
  --scs-radius-xl: 2rem;
  --scs-button-radius: 10px;
  --scs-image-radius: 25px;

  /* Shadows */
  --scs-shadow-soft: 0 12px 34px rgba(16, 32, 51, 0.08);
  --scs-shadow-card: 0 16px 45px rgba(16, 32, 51, 0.11);
  --scs-shadow-hover: 0 22px 60px rgba(16, 32, 51, 0.16);

  /* Gradients */
  --scs-gradient-primary: linear-gradient(135deg, #36b64b 0%, #1d6bba 100%);

  --scs-gradient-soft: linear-gradient(
    135deg,
    rgba(54, 182, 75, 0.12) 0%,
    rgba(29, 107, 186, 0.12) 100%
  );

  --scs-gradient-hero:
    radial-gradient(circle at 12% 18%, rgba(54, 182, 75, 0.22) 0%, rgba(54, 182, 75, 0.12) 24%, transparent 46%),
    radial-gradient(circle at 88% 18%, rgba(29, 107, 186, 0.18) 0%, rgba(29, 107, 186, 0.1) 24%, transparent 48%),
    radial-gradient(circle at 50% 100%, rgba(54, 182, 75, 0.08) 0%, transparent 44%),
    linear-gradient(135deg, #ffffff 0%, #f5f7fa 52%, #eef7ff 100%);

  --scs-gradient-radial:
    radial-gradient(circle at 15% 20%, rgba(54, 182, 75, 0.15), transparent 28%),
    radial-gradient(circle at 85% 70%, rgba(29, 107, 186, 0.14), transparent 32%),
    #ffffff;

  /* Footer gradient: blue left to green right */
  --scs-gradient-footer: linear-gradient(
    90deg,
    #1d6bba 0%,
    #36b64b 100%
  );
}

/* ================================
   Fonts & Body Text
   ================================ */

body,
.elementor-widget-text-editor,
.elementor-widget-theme-post-content {
  font-family: var(--scs-font-body);
  font-size: var(--scs-text-base);
  line-height: var(--scs-body-line-height);
  color: var(--scs-text);
}

small,
.scs-small-text,
.scs-small-text .elementor-widget-container,
.scs-small-text p,
.scs-small-text span {
  font-size: var(--scs-text-small);
  line-height: 1.42;
}

.scs-large-text,
.lead,
.scs-large-text .elementor-widget-container,
.scs-large-text p,
.scs-large-text span,
.elementor-widget-text-editor .lead {
  font-size: var(--scs-text-large);
  line-height: 1.62;
}

/* ================================
   Elementor-Compatible Heading Utility Classes
   ================================ */

.scs-h1,
.scs-h2,
.scs-h3,
.scs-h4,
.scs-h5,
.scs-h6,
.scs-h1 .elementor-heading-title,
.scs-h2 .elementor-heading-title,
.scs-h3 .elementor-heading-title,
.scs-h4 .elementor-heading-title,
.scs-h5 .elementor-heading-title,
.scs-h6 .elementor-heading-title {
  font-family: var(--scs-font-heading);
  color: var(--scs-dark);
  font-weight: 700;
  line-height: var(--scs-heading-line-height);
  letter-spacing: -0.035em;
}

.scs-h1,
.scs-h1 .elementor-heading-title {
  font-size: var(--scs-h1) !important;
  line-height: 1.04;
  letter-spacing: -0.055em;
}

.scs-h2,
.scs-h2 .elementor-heading-title {
  font-size: var(--scs-h2) !important;
  line-height: 1.07;
}

.scs-h3,
.scs-h3 .elementor-heading-title {
  font-size: var(--scs-h3) !important;
  line-height: 1.1;
}

.scs-h4,
.scs-h4 .elementor-heading-title {
  font-size: var(--scs-h4) !important;
  line-height: 1.14;
  letter-spacing: -0.03em;
}

.scs-h5,
.scs-h5 .elementor-heading-title {
  font-size: var(--scs-h5) !important;
  line-height: 1.18;
  letter-spacing: -0.02em;
}

.scs-h6,
.scs-h6 .elementor-heading-title {
  font-size: var(--scs-h6) !important;
  line-height: 1.22;
  letter-spacing: -0.015em;
}

/* ================================
   Links
   ================================ */

a {
  color: var(--scs-blue);
  transition: color 0.2s ease, opacity 0.2s ease;
}

a:hover {
  color: var(--scs-green);
}

/* ================================
   Buttons
   Main: gradient → white on hover
   Secondary: white → gradient on hover

   Includes icon colour fixes for:
   - Elementor button icons
   - Font Awesome icons
   - SVG icons
   - Button text spans
   ================================ */

/* Main Button */
.elementor-button,
button,
input[type="submit"],
.scs-button,
.scs-button .elementor-button,
.elementor-widget-button.scs-button .elementor-button {
  font-family: var(--scs-font-body);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.15;
  border-radius: var(--scs-button-radius);
  background: var(--scs-gradient-primary) !important;
  background-image: var(--scs-gradient-primary) !important;
  color: var(--scs-white) !important;
  border: 1px solid transparent !important;
  box-shadow: 0 12px 28px rgba(29, 107, 186, 0.22);
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Main Button Inner Text & Icons - Normal */
.elementor-button .elementor-button-text,
.elementor-button .elementor-button-icon,
.elementor-button .elementor-button-icon i,
.elementor-button i,
.elementor-button svg,
button i,
button svg,
input[type="submit"] i,
.scs-button .elementor-button-text,
.scs-button .elementor-button-icon,
.scs-button .elementor-button-icon i,
.scs-button i,
.scs-button svg,
.scs-button .elementor-button svg,
.elementor-widget-button.scs-button .elementor-button-text,
.elementor-widget-button.scs-button .elementor-button-icon,
.elementor-widget-button.scs-button .elementor-button-icon i,
.elementor-widget-button.scs-button i,
.elementor-widget-button.scs-button svg {
  color: var(--scs-white) !important;
  fill: var(--scs-white) !important;
  stroke: var(--scs-white) !important;
}

/* Main Button - Hover */
.elementor-button:hover,
button:hover,
input[type="submit"]:hover,
.scs-button:hover,
.scs-button .elementor-button:hover,
.elementor-widget-button.scs-button .elementor-button:hover {
  background: var(--scs-white) !important;
  background-image: none !important;
  color: var(--scs-dark) !important;
  border-color: var(--scs-border) !important;
  box-shadow: var(--scs-shadow-card);
  transform: translateY(-2px);
  opacity: 1;
}

/* Main Button Inner Text & Icons - Hover */
.elementor-button:hover .elementor-button-text,
.elementor-button:hover .elementor-button-icon,
.elementor-button:hover .elementor-button-icon i,
.elementor-button:hover i,
.elementor-button:hover svg,
button:hover i,
button:hover svg,
input[type="submit"]:hover i,
.scs-button:hover .elementor-button-text,
.scs-button:hover .elementor-button-icon,
.scs-button:hover .elementor-button-icon i,
.scs-button:hover i,
.scs-button:hover svg,
.scs-button .elementor-button:hover .elementor-button-text,
.scs-button .elementor-button:hover .elementor-button-icon,
.scs-button .elementor-button:hover .elementor-button-icon i,
.scs-button .elementor-button:hover i,
.scs-button .elementor-button:hover svg,
.elementor-widget-button.scs-button .elementor-button:hover .elementor-button-text,
.elementor-widget-button.scs-button .elementor-button:hover .elementor-button-icon,
.elementor-widget-button.scs-button .elementor-button:hover .elementor-button-icon i,
.elementor-widget-button.scs-button .elementor-button:hover i,
.elementor-widget-button.scs-button .elementor-button:hover svg {
  color: var(--scs-dark) !important;
  fill: var(--scs-dark) !important;
  stroke: var(--scs-dark) !important;
}

/* Secondary Button */
.scs-button-secondary,
.scs-button-secondary .elementor-button,
.elementor-widget-button.scs-button-secondary .elementor-button,
.elementor-button.scs-button-secondary {
  font-family: var(--scs-font-body);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.15;
  border-radius: var(--scs-button-radius);
  background: var(--scs-white) !important;
  background-image: none !important;
  color: var(--scs-dark) !important;
  border: 1px solid var(--scs-border) !important;
  box-shadow: var(--scs-shadow-soft);
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Secondary Button Inner Text & Icons - Normal */
.scs-button-secondary .elementor-button-text,
.scs-button-secondary .elementor-button-icon,
.scs-button-secondary .elementor-button-icon i,
.scs-button-secondary i,
.scs-button-secondary svg,
.scs-button-secondary .elementor-button .elementor-button-text,
.scs-button-secondary .elementor-button .elementor-button-icon,
.scs-button-secondary .elementor-button .elementor-button-icon i,
.scs-button-secondary .elementor-button i,
.scs-button-secondary .elementor-button svg,
.elementor-widget-button.scs-button-secondary .elementor-button-text,
.elementor-widget-button.scs-button-secondary .elementor-button-icon,
.elementor-widget-button.scs-button-secondary .elementor-button-icon i,
.elementor-widget-button.scs-button-secondary i,
.elementor-widget-button.scs-button-secondary svg,
.elementor-widget-button.scs-button-secondary .elementor-button .elementor-button-text,
.elementor-widget-button.scs-button-secondary .elementor-button .elementor-button-icon,
.elementor-widget-button.scs-button-secondary .elementor-button .elementor-button-icon i,
.elementor-widget-button.scs-button-secondary .elementor-button i,
.elementor-widget-button.scs-button-secondary .elementor-button svg {
  color: var(--scs-dark) !important;
  fill: var(--scs-dark) !important;
  stroke: var(--scs-dark) !important;
}

/* Secondary Button - Hover */
.scs-button-secondary:hover,
.scs-button-secondary .elementor-button:hover,
.elementor-widget-button.scs-button-secondary .elementor-button:hover,
.elementor-button.scs-button-secondary:hover {
  background: var(--scs-gradient-primary) !important;
  background-image: var(--scs-gradient-primary) !important;
  color: var(--scs-white) !important;
  border-color: transparent !important;
  box-shadow: 0 18px 42px rgba(29, 107, 186, 0.28);
  transform: translateY(-2px);
  opacity: 1;
}

/* Secondary Button Inner Text & Icons - Hover */
.scs-button-secondary:hover .elementor-button-text,
.scs-button-secondary:hover .elementor-button-icon,
.scs-button-secondary:hover .elementor-button-icon i,
.scs-button-secondary:hover i,
.scs-button-secondary:hover svg,
.scs-button-secondary .elementor-button:hover .elementor-button-text,
.scs-button-secondary .elementor-button:hover .elementor-button-icon,
.scs-button-secondary .elementor-button:hover .elementor-button-icon i,
.scs-button-secondary .elementor-button:hover i,
.scs-button-secondary .elementor-button:hover svg,
.elementor-widget-button.scs-button-secondary:hover .elementor-button-text,
.elementor-widget-button.scs-button-secondary:hover .elementor-button-icon,
.elementor-widget-button.scs-button-secondary:hover .elementor-button-icon i,
.elementor-widget-button.scs-button-secondary:hover i,
.elementor-widget-button.scs-button-secondary:hover svg,
.elementor-widget-button.scs-button-secondary .elementor-button:hover .elementor-button-text,
.elementor-widget-button.scs-button-secondary .elementor-button:hover .elementor-button-icon,
.elementor-widget-button.scs-button-secondary .elementor-button:hover .elementor-button-icon i,
.elementor-widget-button.scs-button-secondary .elementor-button:hover i,
.elementor-widget-button.scs-button-secondary .elementor-button:hover svg {
  color: var(--scs-white) !important;
  fill: var(--scs-white) !important;
  stroke: var(--scs-white) !important;
}

/* ================================
   Images
   ================================ */

img,
.elementor-widget-image img,
.elementor-image img,
.wp-caption img {
  border-radius: var(--scs-image-radius);
}

.scs-image-rounded img,
.scs-image-rounded .elementor-widget-container img {
  border-radius: var(--scs-image-radius) !important;
}

.scs-image-square img,
.scs-image-square .elementor-widget-container img {
  border-radius: 0 !important;
}

/* ================================
   Cards
   ================================ */

.scs-card,
.elementor-widget-container.scs-card {
  background: var(--scs-white);
  border: 1px solid rgba(220, 227, 234, 0.85);
  border-radius: var(--scs-radius-lg);
  box-shadow: var(--scs-shadow-soft);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.scs-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--scs-shadow-hover);
  border-color: rgba(54, 182, 75, 0.35);
}

.scs-service-card {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(135deg, rgba(54, 182, 75, 0.45), rgba(29, 107, 186, 0.35)) border-box;
  border: 1px solid transparent;
  border-radius: var(--scs-radius-lg);
  box-shadow: var(--scs-shadow-soft);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.scs-service-card::before {
  content: "";
  position: absolute;
  inset: auto -30% -45% auto;
  width: 12rem;
  height: 12rem;
  background: radial-gradient(circle, rgba(54, 182, 75, 0.18), transparent 68%);
  pointer-events: none;
}

.scs-service-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--scs-shadow-card);
}

/* ================================
   Gradient Background Classes
   ================================ */

.scs-bg-light {
  background: var(--scs-light);
}

.scs-bg-soft-gradient {
  background: var(--scs-gradient-soft);
}

.scs-hero-gradient {
  background: var(--scs-gradient-hero);
}

.scs-radial-bg {
  background: var(--scs-gradient-radial);
}

.scs-gradient-primary {
  background: var(--scs-gradient-primary);
}

.scs-footer-gradient,
.scs-footer {
  background: var(--scs-gradient-footer);
  color: var(--scs-white);
}

.scs-footer-gradient a,
.scs-footer a {
  color: rgba(255, 255, 255, 0.88);
}

.scs-footer-gradient a:hover,
.scs-footer a:hover {
  color: var(--scs-white);
  opacity: 0.82;
}

.scs-footer-gradient .elementor-heading-title,
.scs-footer .elementor-heading-title,
.scs-footer-gradient h1,
.scs-footer-gradient h2,
.scs-footer-gradient h3,
.scs-footer-gradient h4,
.scs-footer-gradient h5,
.scs-footer-gradient h6,
.scs-footer h1,
.scs-footer h2,
.scs-footer h3,
.scs-footer h4,
.scs-footer h5,
.scs-footer h6 {
  color: var(--scs-white);
}

.scs-footer-gradient p,
.scs-footer p,
.scs-footer-gradient span,
.scs-footer span,
.scs-footer-gradient li,
.scs-footer li {
  color: rgba(255, 255, 255, 0.78);
}

/* Elementor-compatible gradient text */
.scs-gradient-text,
.scs-gradient-text .elementor-heading-title,
.scs-gradient-text .elementor-widget-container,
.scs-gradient-text p,
.scs-gradient-text span {
  background: var(--scs-gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent !important;
}

/* ================================
   Elementor-Compatible Colour Utility Classes
   ================================ */

.scs-text-green,
.scs-text-green .elementor-heading-title,
.scs-text-green .elementor-widget-container,
.scs-text-green p,
.scs-text-green span,
.scs-text-green a {
  color: var(--scs-green) !important;
}

.scs-text-blue,
.scs-text-blue .elementor-heading-title,
.scs-text-blue .elementor-widget-container,
.scs-text-blue p,
.scs-text-blue span,
.scs-text-blue a {
  color: var(--scs-blue) !important;
}

.scs-text-dark,
.scs-text-dark .elementor-heading-title,
.scs-text-dark .elementor-widget-container,
.scs-text-dark p,
.scs-text-dark span,
.scs-text-dark a {
  color: var(--scs-dark) !important;
}

.scs-text-muted,
.scs-text-muted .elementor-heading-title,
.scs-text-muted .elementor-widget-container,
.scs-text-muted p,
.scs-text-muted span,
.scs-text-muted a {
  color: var(--scs-muted) !important;
}

.scs-text-white,
.scs-text-white .elementor-heading-title,
.scs-text-white .elementor-widget-container,
.scs-text-white p,
.scs-text-white span,
.scs-text-white a {
  color: var(--scs-white) !important;
}

/* ================================
   Border, Radius & Shadow Utilities
   ================================ */

.scs-border {
  border-color: var(--scs-border);
}

.scs-rounded {
  border-radius: var(--scs-radius-lg);
}

.scs-shadow {
  box-shadow: var(--scs-shadow-soft);
}

/* ================================
   Responsive Heading Classes
   ================================ */

@media (max-width: 767px) {
  :root {
    --scs-h1: clamp(2.3rem, 11vw, 3.25rem);
    --scs-h2: clamp(1.9rem, 8vw, 2.6rem);
    --scs-h3: clamp(1.55rem, 6vw, 2.1rem);
    --scs-h4: clamp(1.3rem, 4.5vw, 1.65rem);
    --scs-h5: clamp(1.1rem, 3.8vw, 1.35rem);
    --scs-h6: clamp(1rem, 3.2vw, 1.15rem);
  }

  body,
  .elementor-widget-text-editor,
  .elementor-widget-theme-post-content {
    line-height: 1.52;
  }

  .scs-h1,
  .scs-h1 .elementor-heading-title {
    line-height: 1.06;
    letter-spacing: -0.045em;
  }

  .scs-h2,
  .scs-h2 .elementor-heading-title {
    line-height: 1.09;
  }

  .scs-card,
  .scs-service-card {
    border-radius: var(--scs-radius-md);
  }
}

/* ================================
   Elementor Nav Dropdown Z-Index Fix
   ================================ */

/* Header area */
.elementor-location-header,
.elementor-location-header .elementor-section,
.elementor-location-header .elementor-container,
.elementor-location-header .e-con,
.elementor-location-header .e-con-inner {
  position: relative;
  z-index: 99999;
}

/* Nav menu widget */
.elementor-nav-menu,
.elementor-nav-menu--main,
.elementor-nav-menu--dropdown,
.elementor-widget-nav-menu,
.elementor-widget-nav-menu .elementor-widget-container {
  position: relative;
  z-index: 99999;
}

/* Desktop dropdown menu */
.elementor-nav-menu--main .elementor-nav-menu ul,
.elementor-nav-menu--main .elementor-nav-menu .sub-menu {
  z-index: 999999 !important;
}

/* Mobile/tablet dropdown menu */
.elementor-nav-menu--dropdown,
.elementor-nav-menu--dropdown.elementor-nav-menu__container {
  z-index: 999999 !important;
}

/* If your header/nav container has this class */
.scs-nav-section {
  position: relative;
  z-index: 99999;
}

/* Keep body sections below the header */
.elementor-location-header + .elementor,
main,
.site-main,
#content {
  position: relative;
  z-index: 1;
}/* End custom CSS */