/*
---------------------------------------------------------------
---- Overwrites from bootstrap and main css for /club only ----
---------------------------------------------------------------
*/


/* Background styling */
.bg-light-gray {
	background-color: #f4f7f6;
}

/* Modern minimalist card */
.modern-card {
	border: none;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
	/*
	background-image: url(\'/images/branding/brochure-01_sm.png\');
	background-image: url(\'/images/branding/hand_and_logo.png\');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	opacity: 0.01;
	*/
}

/* Label styling adjustments */

.custom-group label {
	letter-spacing: 0.5px;
	margin-bottom: 8px;
}

/* Sleek inputs with thick padding for mobile touch target sizes */

.modern-input {
	height: 52px;
	border: 1.5px solid #eef1f4;
	border-radius: 12px;
	background-color: #fcfdfe;
	padding: 0 16px;
	font-size: 15px;
	color: #7b9669;
	transition: all 0.25s ease-in-out;
}

/* Sophisticated focus animation */
.modern-input:focus {
	background-color: #fff;
	border-color: #bac8b1;
	/*
	box-shadow: 0 0 0 4px rgba(74, 144, 226, 0.15);
	*/
	color: #7b9669;
}

/* Custom checkbox tweak for touch alignment */
.custom-control-label::before, 
.custom-control-label::after {
	top: 2px;
}

/* Bold CTA Button with scaling click animation */
.modern-btn {
	background-color: #7b9669;
	border: none;
	border-radius: 12px;
	font-size: 16px;
	letter-spacing: 0.5px;
	/*
	transition: transform 0.1s ease, background-color 0.2s ease, box-shadow 0.2s ease;
	*/
}

.modern-btn:hover, .modern-btn:focus {
  background-color: #bac8b1;
  /*
	box-shadow: 0 8px 20px rgba(74, 144, 226, 0.3);
	*/
}

/* Gentle bounce effect when clicked on mobile devices */
.modern-btn:active {
	transform: scale(0.96);
	background-color: #bac8b1;
}

#main_login_window {
	/*
	background-image: url("/images/system/logo_02_sm.png");
	*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
body::before {
	content: " ";
	background-color: #e6e6e6;
	opacity: 1;
}
.text-primary {
	color: #404e3b !important;
}
.login_error {
	border-radius: 12px;
}