/*
Theme Name: FWMBA Holiday Registration
Theme URI: https://fwmbaholiday.simplevents.app
Author: eightninety
Author URI: https://eightninety.com
Description: A ready-to-go one-page WordPress theme with smooth scrolling and sticky menu.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: onepager-ready
Tags: one-page, custom-menu, smooth-scroll, sticky-header
*/
body {
    font-family: 'Inter', sans-serif !important;
    margin: 0;
    padding: 0;
	background:#FAFAFA !important;
}
.container-fluid a, .container a {
	color: #154B9E;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', sans-serif !important;
}
h1, h2, h3, h4 {
	font-weight: 700 !important;
}
h1 {
	font-size: 1.6rem !important;
	line-height: 2.4rem !important;
}
h2 {
	margin-top: 1rem !important;
	font-size: 1.3rem !important;
	line-height: 1.75rem !important;
}
h4 {
	margin-top: 0 !important;
	font-size: 1.2rem !important;
	line-height: 1.75rem !important;
}

header { display: none; background: #154B9E; color: #fff; position: sticky; top: 0; z-index: 999; }
nav { display: flex; justify-content: center; gap: 20px; padding: 15px 0; }
nav a { color: #fff; text-decoration: none; }
section { padding: 50px 20px; text-align: center; }
/* section:nth-of-type(odd) { background: #f4f4f4; }
section:nth-of-type(even) { background: #ddd; } */
footer { background: #444; color: #fff; padding: 10px 0 1px; text-align: center; }


/* Remove default list styles */
nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;           /* horizontal layout */
    justify-content: center; /* center the menu */
    gap: 20px;               /* spacing between items */
}

nav li {
    margin: 0;               /* remove default li margin */
}

nav a {
    text-decoration: none;   /* remove underline */
    color: #fff;             /* menu link color */
    padding: 10px 15px;      /* spacing around text */
    transition: color 0.3s;
}

nav a:hover {
    color: #ffcc00;          /* hover color */
}

.bg-dark {
	background:#154B9E !important;
}

/* Remove unwanted paragraph spacing around images */
p > img {
	display: block;
	margin: 0 auto;
}

/* If WP wraps image in <p>, center that too */
p:has(img) {
	text-align: center;
	margin: 0;
}

/* For older browsers without :has() support */
p img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


#buycontainer {
	padding: 40px;
	/* border: 15px solid #FFF; */
	/* border-top-right-radius: 40px;
	border-bottom-left-radius: 40px; */
	background-color: #efefef;
	color: #000;
	border-radius: 10px;
	margin-bottom: 5rem;
	margin-top: 1rem;
}

#s890cart {
	min-height: 200px;
}
#cartcontain {
	position: sticky;
	top: 125px;
}
#cartcontain .saveTransaction {
	width: 100%;
	border: none;
	background: #69BF37;
	color: #fff;
	padding: 10px;
	/* border-bottom-left-radius: 40px; */
	font-weight: bold;
	font-size: 1.3em;
	cursor: pointer;
}
#cartcontain #s890cart {
	background: #fff;
	padding: 20px;
	/* border-top-right-radius: 40px; */
}
.category-group {
	border-left: 4px solid #FFF;
	padding-left: 20px;
	margin-bottom: 40px;
}
.category-group:first-child, .category-group:first-of-type {
	margin-bottom: 80px;
}
.category-group.outofstock {
	opacity: .35;
}
.category-group.outofstock .s890input {
	display: none;
}
.category-group p {
	font-size: 13px;
}
.required label::before {
	content: "*";
	margin-right: 3px;
	color: red;
}
#assigntoothersContain {
	display: none;
}
#confirmation {
	background: #fff;
	padding: 50px;
	/* border-top-right-radius: 40px;
	border-bottom-left-radius: 40px; */
}
.required label::before {
	content: "";
}

.org-logo {
	width:100%;
	height:auto;
}
hr {display:none;display:block;border-top:1px solid #888;padding:1rem 0;margin:3rem 0 0;}
p.label {font-weight:700;color:#555;}
.negative-margin {
	margin-top: -50px !important;
}

label {
	margin-top: 1rem;
}

.btnNew {
	display: block;
	padding: 10px 14px;
	border: 2px solid #57BF1A;
	border-radius: 3px;
	box-shadow: 0px 1px 2px rgba(0,0,0,.6);
	background-color: #69BF37;
	color: #FFF !important;
	text-align: center;
	text-decoration: none;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.3rem;
}
.btnNew:hover, .btnNew:focus, .btnNew:active {
	opacity: .8;
}

@media screen and (max-width: 767px) {
	#buycontainer {
		padding: 10px 15px 30px;
		margin-bottom: 0;
		border-radius: 0;
	}   
	h1.site-title {
		font-size: 1.5rem !important;
	}
	.category-group {
		border-left: none;
		padding-left: 0px;
		margin-bottom: 40px !important;
	}
	label {
		font-size: 15px;
	}
	.category-group h2 {
		font-size: 1.3rem !important;
		font-weight: 700;
	}
	.org-logo {
		max-width: 150px;
		height: auto;
		margin: 1rem auto;
		text-align: center;
	}
	hr {display:none;display:block;border-top:1px solid #888;padding:1rem 0;margin:1rem 0 0;}    
}

.navbar-brand {
	margin-left: auto !important;
	margin-right: auto !important;
	font-weight: 700 !important;
}



.hero-parallax {
  background-image: url('https://fwmbaholiday.simplevents.app/wp-content/uploads/2025/10/christmas-bokeh-fwmba.jpg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  background-attachment: fixed; /* parallax effect */
  height: 230px; /* adjust as needed */
  width: 100%;
}


/* Sponsors */
.grid-item {
	background-color: rgba(192,192,192,.1);
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
}
.grid-item img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain; /* Maintains aspect ratio */
	/* Alternative options:
	   object-fit: cover; - Fills container, may crop
	   object-fit: fill; - Stretches to fill
	   object-fit: scale-down; - Never larger than original
	*/
}
.grid-item.has-image {
	background-color: transparent;
}
.grid-item.white-bg {
	background-color: #FFF;
}

/* Different heights for different sections */
.height-1 { height: 60px; }
.height-2 { height: 120px; }
.height-3 { height: 100px; }
.height-4 { height: 140px; }

.height-table { height: 170px; }

.layout-section {
	margin-bottom: 50px;
}
.layout-section img {
	max-width: 100%;
	height: auto;
	max-height: 100%;
}


/* Mobile fallback */
@media (max-width: 767.98px) {
  .hero-parallax {
	background-attachment: scroll; /* disables parallax on mobile */
	height: 70px;
	background-size: cover;
  }
  .layout-section {
	  margin-bottom: 20px;
  }
}