/* theme-leisure.css */
:root {

	/* Brand Colours */
	--primary: #486362; /* SportsCorp Blue */
	--secondary: #282C36; /* SportsCorp Navy */
	--accent: #C76437;
	--accent-2: #759E9E;

	

	/* Core */
	--bg: #fff;
	--text: var(--secondary);
	--text-on-dark: #fff;
	--muted: #555;

	--header-font-weight: 800;
	--text-decoration: underline;

	--leisure-radius: 20px;

	--button-bg: var(--accent-2);

	/* Surfaces */
	--surface: #fff;
	--surface-2: #F7F7F7;	

	/* Links */
	--link: #000;
	--link-hover: #000;

	/* Nav/header */
	--header-bg: #fff;
	--footer-bg: var(--secondary);
	--nav-link: var(--text);
	--nav-hover: var(--primary);
	--dropdown-bg: var(--secondary);
	--dropdown-hover-bg: var(--primary);
	--submenu-bg: #158582;
	--submenu-hover-bg: #21b5b0;

	/* Travel Well Tagline */
	--travel-well-display: none;

	/* Buttons */
	--contact-btn-border: var(--button-bg);
	--contact-btn-hover-bg: var(--primary);
	--contact-btn-radius: var(--leisure-radius);

	/* Dividers/borders */
	--divider: #cacaca;
	--page-title-divider: var(--accent);
	--products-divider: var(--accent);

	/* Overlays */
	--blog-overlay: rgba(40, 44, 54, 0.6); /* Secondary Colour */
	--blog-overlay-hover: rgba(40, 44, 54, 0.8);  /* Secondary Colour */
	--quicklinks-overlay-hover: rgba(72, 99, 98, 0.25); 
	--quicklinks-overlay-gradient-color: rgba(40, 44, 54, 0.14);

	/* Shadows / radius */
	--radius-sm: 10px;
	--radius-md: 20px;
	--radius-pill: 30px;
	--shadow-highlight: 17px 17px var(--accent);
	--shadow-hl-image: 17px 17px var(--accent);

	/* Typography tweaks */
	--nav-font: 'Nunito';
	--nav-weight: 600;

	/* Motif */
	/* --motif-image: url(/images/motif_pattern_leisure.png); */
	--motif-opacity: 0.25;
	--motif-height: 0 !important;

	/* Forms */
	--form-line: var(--secondary);
	--input-bg: #6c9dbe;
	--input-bg-alt: #97d6d6;
	--input-text: #fff;
	--placeholder: #b5b5b5;

	/* Check/radio selected */
	--check-selected: var(--secondary);

	/* CTA */
	--book-bg: #fff;
	--book-text: var(--text);
	--book-radius: var(--leisure-radius);
	--book-align: center;
	--book-shadow: 17px 17px var(--accent);

	--book-h1-size: 32pt;
	--book-h1-weight: 800;
	--book-h1-decoration: underline;

	--book-cta-weight: 700;
	--book-cta-bg: var(--secondary);
	--book-cta-ml: auto;
	--book-cta-mr: auto;
	--book-cta-font: 'Nunito';

	/* Quicklinks */
	--quicklinks-weight: 700;
	--quicklinks-radius: var(--leisure-radius);
	--quicklinks-font: 'Nunito';

	/* Products */
	--product-cat-font: 'Nunito';
	--product-cat-weight: 800;
	--product-cat-font-size: 32pt;

	--products-header-font: 'Nunito';
	--products-header-weight: 800;

	/* Brief */
	--brief-align: center;
	--brief-p-color: var(--secondary);
	--shadow-brief: 17px 17px var(--accent);
	--brief-h2-size: 30px;
	--brief-h2-color: var(--secondary);
	--brief-h2-weight: 800;
	--brief-h2-decoration: underline;

	--brief-cta-font: 'Nunito';
	--brief-cta-weight: 700;
	--brief-cta-bg: var(--button-bg);
	--brief-cta-border: var(--button-bg);
	--brief-cta-radius: var(--leisure-radius);

	--brief-cta-hover-bg: var(--secondary);
	--brief-cta-hover-border: var(--secondary);

	/* Trips */
	--trips-h2-size: 32pt;
	--trips-h2-weight: 800;
	--trips-h2-color: var(--secondary);
	--trips-h2-decoration: underline;

	/* Highlights */
	--hl-align: center;
	--hl-title-font: 'Nunito';
	--hl-title-size: 30px;
	--hl-title-weight: 800;
	--hl-title-color: var(--secondary);
	--hl-title-decoration: underline;
	--hl-title-padding: 0 0 30px;
	--hl-title-lineheight: 58px;
	--hl-title-mb: 0;

	--hl-divider-display: none;

	--hl-content-size: 1.15em;
	--hl-content-color: var(--secondary);
	--hl-content-padding: 0 0 20px;

	--hl-link-font: 'Nunito';
	--hl-link-weight: 700;
	--hl-link-color: var(--secondary);
	--hl-link-bg: var(--secondary);
	--hl-link-shadow: none;
	--hl-link-border: var(--secondary);
	--hl-link-radius: var(--leisure-radius);
	--hl-link-ml: auto;
	--hl-link-mr: auto;
	--hl-link-hover-bg: var(--primary);
	--hl-link-hover-border: var(--primary);

	/* Contact Box */
	--contact-box-padding: 0 50px;
	--contact-h2: var(--primary);
	--contact-color-1: var(--primary);
	--contact-color-2: var(--secondary);

	/* About Us */
	--aboutus-title: var(--secondary);
	--aboutus-text: var(--secondary);
	--aboutus-divider-display: none;

	/* Blog */
	--blog-link-radius: var(--leisure-radius);
	--blog-link-color: var(--button-bg);
	--blog-link-border: var(--button-bg);

	/* Destinations */
	--destination-radius: var(--leisure-radius);

	--btn-primary-hover-bg: var(--button-bg);
	--btn-primary-hover-border: var(--button-bg);

	/* =========================
	Responsive-base tokens
	========================= */

	/* Mobile sidebar background (same) */
	--header-mobile-sidebar-bg: var(--bg);
	--mobile-nav-link: #fff;

	/* Mobile shadows (leisure uses gold) */
	--brief-mobile-image-shadow: 7px 7px var(--accent);
	--hl-mobile-image-shadow: 8px 6px var(--accent);

	/* Desktop contact-section card styling (leisure special) */
	--contact-section-desktop-border: 1px solid #ccc;
	--contact-section-desktop-radius: 60px;
	--contact-section-desktop-filter: drop-shadow(1px 1px 5px #ccc);

	/* Mobile contact box wrapper padding (leisure sets to 0 in responsive-leisure) */
	--contactboxwrapper-mobile-padding: 0;

	/* Smallest breakpoint CTA box background (leisure sets white) */
	--cta-box-mobile-bg: #fff;

	/* Smallest breakpoint "book" styling (leisure version: white card, not overlay text) */
	--book-mobile-bg: #fff;
	--book-mobile-shadow: none;
	--book-mobile-radius: 0px;
	--book-mobile-h1-color: var(--secondary);
	--book-mobile-p-color: var(--secondary);

	/* Highlight section mobile typography (leisure differences from responsive-leisure.css) */
	--hl-title-mobile-font-size: 1.3em;
	--hl-title-mobile-margin-bottom: 0;
	--hl-title-mobile-line-height: 35px;
	--hl-title-mobile-padding: 0 0 12px 0;
	--hl-link-mobile-margin-top: 0px;
	--hl-bottom-mobile-margin-bottom: 50px;

	/* Product headers sizing on small screens (leisure forces 22pt) */
	--product-categories-header-mobile-font-size: 22pt;
	--products-header-mobile-font-size: 22pt;

}

/* .slide1 h2 > span {
	color: var(--accent-2) !important;
}

.slide1 h1 > span {
	color: var(--accent-2) !important;
} */