/*
Theme Name: active8multi-sports
Author: AllDesignOnline
Description: Bespoke Theme for active8multi-sports
Version: 1.0
*/

/*--------------------------------------------------------------
1.0 - Basic theme styles (reset, typography, etc.)
--------------------------------------------------------------*/

/* Reset styles for consistency */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Body styles */
body {
    font-family: "adelle-sans", sans-serif;
font-weight: 400;
font-style: normal;
    line-height: 1.6;
    background-color: #FFFFFF;
    color: #000000;
	font-size: 18px;
    margin: 0;
    padding: 0;
	background-image: url('https://dev.active8multi-sports.co.uk/wp-content/uploads/2026/03/site-background.webp');
	background-repeat: no-repeat;
	background-attachment: fixed;
  background-position: center;
  background-size: cover;
}

/* Main content container */
main {
  display: flex;
  justify-content: center;
}

main .container {
    width: 100%;
    max-width: 1825px;  /* Max width for main content */
    margin: 0 auto;     /* Center the content */
    padding-left: 15px;
    padding-right: 15px;
	padding-top: 60px;
    box-sizing: border-box;
}

body.home main .container {
	padding-top: 0 !important;
}

.row-inner-custom-width {
    width: 100%;
    max-width: 1825px !important;  /* Max width for main content */
    margin: 0 auto;     /* Center the content */
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

/* Centered rows for WPBakery */
.vc_row.wpb_row:not(.vc_row-no-padding):not(.vc_row-stretch) {
    width: 100%;
    max-width: 1825px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
    box-sizing: border-box;
}

/* Full-width rows – allow full width */
.vc_row.vc_row-stretch {
    width: 100%;
    max-width: 100%;   /* Full width */
    padding-left: 0;
    padding-right: 0;
}

.row-spacing-general-top {
	margin-top: 12vh;
}

.row-spacing-general-bottom {
	margin-bottom: 12vh;
}

h1 {
	font-family: "peckham-press", sans-serif;
font-weight: 400;
font-style: normal;
	font-size: clamp(25px, 3vw + 1rem, 65px);
    margin-bottom: 20px;
}


h2 {
	font-weight: 700;
	font-style: normal;
	font-size: clamp(26px, 3vw + 0.8rem, 52px);
    text-align: left;  /* Align the title text to the left */
    margin-bottom: 20px; /* Adds spacing below the title */
}



h3 {
    font-weight: 700;
	font-style: normal;
	font-size: 2.25em;
    text-align: left;  /* Align the title text to the left */
    margin-bottom: 20px; /* Adds spacing below the title */
}

h4 {
    font-weight: 700;
	font-style: normal;
	font-size: 1.85em;
    text-align: left;  /* Align the title text to the left */
    margin-bottom: 20px; /* Adds spacing below the title */
}

.large-sub-heading {
    font-family: "ink-free", sans-serif;
	color: #864598;
	font-size: 2em;
    font-weight: 600;
    font-style: normal;
}

p {
	padding-bottom: 25px;
}


.home-video-main-container {
	margin-top: -32px;
}

/* Full-width container */
.video-banner-fullwidth {
  position: relative; /* must be relative to shift */
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  padding: 0 !important;
  overflow: hidden;
  z-index: 1;
}

/* Hero video */
.video-banner-fullwidth .hero-video {
  width: 100%;
  height: auto;
  min-height: 50vh; /* adjusts for small screens */
  max-height: 100vh;
  object-fit: cover;
  display: block;
	margin-top: 4.55%;
	margin-bottom: 3%;
}

/* Top and bottom images */
.video-banner-fullwidth .banner-top,
.video-banner-fullwidth .banner-bottom {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 2;
}

/* Make images responsive */
.video-banner-fullwidth .banner-top img,
.video-banner-fullwidth .banner-bottom img {
  width: 100%;
  height: auto;
  display: block;
}

/* Position top/bottom */
.video-banner-fullwidth .banner-top {
  top: 0;
}

.video-banner-fullwidth .banner-bottom {
  bottom: 0;
}

/* Optional mobile adjustments */
@media (max-width: 768px) {
  .video-banner-fullwidth .hero-video {
    min-height: 35vh;
    max-height: 60vh;
  }
}

.purple-strip-row {
    position: relative;

    /* row content stays untouched */
    overflow: visible;
}

/* background using pseudo-element so we can control its height independently */
.purple-strip-row::before {
    content: "";
    position: absolute;
    top: 8%;          /* push background down 5% from top */
    left: 0;
    width: 100%;
    height: 92%;      /* reduce height so it still covers 90% of row */
    
    background: url('https://dev.active8multi-sports.co.uk/wp-content/uploads/2026/04/purple-strip-row-desktop.webp') center / cover no-repeat;
    
    z-index: 1;          
    pointer-events: none; 
}

/* content sits above background */
.purple-strip-row .vc_row-inner,
.purple-strip-row .wpb_wrapper {
    position: relative;
    z-index: 2;
}

.home-purple-strip-title {
	max-width: 74%;
	margin-left: auto;
	margin-right: auto;
}

.home-purple-strip-title p {
	font-family: "peckham-press", sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 2.65em;
	line-height: 1em;
    color: #FFFFFF;
	padding-bottom: 0px;
}


/* Style the Home Page Upcoming Events */

.home-booking-form-container {
	background-image: url('https://dev.active8multi-sports.co.uk/wp-content/uploads/2026/04/booking-form-frame-desktop.webp');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.home .bookacti-booking-system {
    background: #FFFFFF;
    padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
    margin-left: 45px;
    margin-right: 45px;
    margin-top: 0px;
    margin-bottom: -20px;
	padding-top: 60px;
    clip-path: polygon(0 6%, 100% 0, 100% 100%, 0% 100%);
}

.home-booking-form-title p {
	font-family: "ink-free", sans-serif;
	color: #FFFFFF;
	font-size: 4em;
    font-weight: 600;
    font-style: normal;
	text-shadow:
    -2px -2px 0 #000,
     2px -2px 0 #000,
    -2px  2px 0 #000,
     2px  2px 0 #000;
	padding-bottom: 0px;
	margin-top: 25px;
	margin-bottom: -20px;
	transform: rotate(-3deg);
}

.home .bookacti-calendar-title {
	display: none;
}

.home .bookacti-form-field-name-login {
	display: none;
}

.home .fc-event {
	pointer-events: none !important;
}

.home .bookacti-form-field-name-free_text p {
	padding-bottom: 0px;
	color: #000000;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 1.6em;
	text-decoration: none;
}

.home .bookacti-form-field-name-free_text p a {
	color: #000000;
	text-decoration: none;
	padding: 30px;
}

.home .bookacti-form-field-name-free_text {
	background-color: #fad208 !important;
	border: 2px solid black;
	display: block;
	width: fit-content;
	margin: 0 auto;
	text-align: center;
}

.home .bookacti-form-field-name-free_text p a:before {
    font-family: "Font Awesome 6 Free"; /* or the version your site uses */
    content: "\f073"; /* Unicode for calendar icon */
    font-weight: 900; /* needed for solid icons */
    margin-right: 8px;
	font-size: 1.6em;
}

.home .book-button-arrow {
	height: 65px;
	position: relative;
}

.home .book-button-arrow::before {
    content: url('https://dev.active8multi-sports.co.uk/wp-content/uploads/2026/04/button-arrow.webp');
    position: absolute;        /* position relative to container */
    top: -80px;                /* move it above the box */
    right: 60px;              /* move it slightly outside the box */
    pointer-events: none;      /* allows clicks to pass through */
    display: block;            /* ensures it renders */
    z-index: 10;
}



@media only screen and (max-width: 468px) {
	

	
}