.elementor-kit-824{--e-global-color-primary:#3E7320;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-0c9f333:#66AB2D;--e-global-color-3ec3b89:#426C3C;--e-global-color-83eeefa:#3E7320;--e-global-color-f78e315:#F3EBD0;--e-global-typography-primary-font-family:"Linotte";--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;}.elementor-kit-824 e-page-transition{background-color:#FFBC7D;}.elementor-kit-824 a{color:var( --e-global-color-3ec3b89 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end: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 *//* === sanity check: if you don't see a faint red border, the class isn't on the right widget === */
.sector-slider { outline: 1px solid rgba(255,0,0,.25); }

/* Make the slide a positioning context */
.sector-slider .swiper-slide{ position:relative; overflow:hidden; }

/* Grab the content wrapper no matter what HT Mega calls it */
.sector-slider .swiper-slide [class*="content"],
.sector-slider .swiper-slide [class*="caption"],
.sector-slider .swiper-slide [class*="detail"],
.sector-slider .swiper-slide [class*="inner"],
.sector-slider .swiper-slide [class*="text"]{
  position:absolute !important;
  top:28px; left:28px;
  z-index:3;
  margin:0 !important; padding:0 !important;
  color:#fff;
}

/* Title + subtitle (works whether they’re h1–h6, a, span, p, etc.) */
.sector-slider .swiper-slide [class*="content"] :is(h1,h2,h3,h4,h5,h6,a,span,p),
.sector-slider .swiper-slide [class*="caption"] :is(h1,h2,h3,h4,h5,h6,a,span,p),
.sector-slider .swiper-slide [class*="detail"] :is(h1,h2,h3,h4,h5,h6,a,span,p){
  color:#fff !important;
  text-shadow:none;
}

/* Big bold heading */
.sector-slider .swiper-slide :is(h1,h2,h3){
  margin:0 !important;
  line-height:1.05;
  font-weight:800;
  font-size:clamp(26px,2.6vw,44px);
  letter-spacing:.2px;
}

/* Subtitle line (excerpt/meta) */
.sector-slider .swiper-slide :is(.excerpt,.meta,p){
  margin-top:6px !important;
  font-size:clamp(14px,1.2vw,20px);
  font-weight:600;
  opacity:.95;
}

/* The translucent label block behind the text */
.sector-slider .swiper-slide [class*="content"]::before,
.sector-slider .swiper-slide [class*="caption"]::before,
.sector-slider .swiper-slide [class*="detail"]::before,
.sector-slider .swiper-slide [class*="inner"]::before,
.sector-slider .swiper-slide [class*="text"]::before{
  content:"";
  position:absolute;
  inset:-18px -22px -18px -22px;
  background:rgba(22,36,32,.78);
  border-radius:2px;
  z-index:-1;
  transition:background .25s ease;
}

/* Slight image dim so white text pops */
.sector-slider .swiper-slide::after{
  content:""; position:absolute; inset:0;
  background:rgba(0,0,0,.18); z-index:1;
  transition:opacity .25s ease;
}

/* Hover / active emphasis */
.sector-slider .swiper-slide:hover::after,
.sector-slider .swiper-slide.swiper-slide-active::after{ opacity:.28; }
.sector-slider .swiper-slide:hover [class*="content"]::before,
.sector-slider .swiper-slide.swiper-slide-active [class*="content"]::before{ background:rgba(22,36,32,.9); }

/* Optional spacing between vertical panels */
.sector-slider .swiper-wrapper{ gap:22px; }
.sec/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Linotte';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://eliteplaygrounds.co.uk/wp-content/uploads/2025/10/☞Linotte-Regular-400.ttf') format('truetype');
}
@font-face {
	font-family: 'Linotte';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://eliteplaygrounds.co.uk/wp-content/uploads/2025/10/☞Linotte-Bold-400.ttf') format('truetype');
}
/* End Custom Fonts CSS */