/* =========================================
   FEMTOWAY OY: PURE TEXT COLOR CORRECTIONS
   ========================================= */

/* 1. Hero Banner (Light Sky Background -> Dark Text) */
#banner .content {
	background: transparent !important; /* Ensures no box behind text */
}
#banner h2, #banner p {
	color: #ffffff !important; /* Very dark text */
	font-weight: 700 !important; /* Thick, bold font to stand out against the sky */
	text-shadow: none !important; /* Removes any glowing shadow effects */
}

/* 2. Solutions Section (Light Background -> Dark Text) */
.wrapper.style1 { 
	background-color: #f8f9fa !important; 
	color: #333333 !important; 
}
.wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 p {
	color: #111111 !important;
}
/* Fixes the invisible buttons: Dark text, dark border, no background box */
.wrapper.style1 .button {
	color: #111111 !important;
	box-shadow: inset 0 0 0 2px #111111 !important;
	background-color: transparent !important;
	font-weight: 600 !important;
}

/* 3. About Section (Dark Image Background -> Light Text) */
.spotlight {
	color: #e0e0e0 !important;
}
.spotlight h2, .spotlight h3, .spotlight p {
	color: #ffffff !important; /* Pure white text to pop against the dark office image */
	font-weight: 500 !important;
}

/* 4. Footer & Contact Section (Light Background -> Dark Text) */
#footer { 
	background-color: #f4f6f8 !important; 
}
#footer h2, #footer p, #footer .copyright li { 
	color: #222222 !important; /* Fixes the invisible light-gray text */
	font-weight: 500 !important;
}
#footer .icons a { 
	color: #444444 !important; 
}
/* Fixes the contact form inputs and submit button */
#footer input, #footer textarea {
	background-color: transparent !important;
	color: #111111 !important;
	border: 2px solid #aaaaaa !important; /* Makes the input boxes clearly visible */
}
#footer input[type="submit"] {
	color: #111111 !important;
	box-shadow: inset 0 0 0 2px #111111 !important;
	background-color: transparent !important;
	font-weight: 700 !important;
}

/* Fixes the invisible placeholder text inside the contact form */
#footer input::placeholder,
#footer textarea::placeholder {
	color: #555555 !important; /* Makes the placeholder text a visible dark gray */
	opacity: 1 !important; /* Forces Firefox browsers to display it at full brightness */
}