/***************************************************************
*
* BODY
*
****************************************************************/

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh; /* Full height of the viewport */
}

main {
	flex: 1; /* Take up the available space */
}

/***************************************************************
*
* NAVIGATION
*
****************************************************************/

nav
{

}

.nav-link
{
	font-weight: 600;
}

.nav-link:hover
{
	color: #a3038f;
}

/***************************************************************
*
* LINKS
*
****************************************************************/

p, li
{
	color: #676767;
	font-size: 1.2rem !important;
}

a
{
	color: #a3038f;
	text-decoration: none;
}

/***************************************************************
*
* FORMS
*
****************************************************************/

/* Apply styles to all input, textarea, and select elements in forms */
form .form-control
{
	background-color: #f5f5f5; /* Light grey background */
	border: 2px solid #f5f5f5; /* No border */
	padding: 0.75rem 1rem; /* Larger padding */
	font-size: 1.1rem; /* Slightly larger font size */
	border-radius: 0.25rem; /* Optional: Rounded corners */
}

/* Remove focus box-shadow and slightly darker background when focused */
form .form-control:focus
{
	box-shadow: none; /* Remove focus shadow */
	background-color: #f5f5f5; /* Light grey background */
	border: 2px solid #000000; /* No border */
}


/***************************************************************
*
* BUTTONS
*
****************************************************************/

.btn-primary
{
	background-color: #b7c402;
	color: #ffffff;
	border: none;
}

.btn-primary:hover
{
	background-color: #a3038f;
	color: #ffffff;
}

/***************************************************************
*
* ICONS
*
****************************************************************/

.social i
{
	font-size:1.6em;
}

.social a
{
	color: #ffffff !important;
}

.social a:hover
{
	color: #b7c402 !important;
}

/***************************************************************
*
* HOME PANEL
*
****************************************************************/

#homePanel {
	background: linear-gradient(to bottom, #9c0084, #a80397);
	color: #ffffff;
	position: relative; /* Allows absolute positioning of the pseudo-element */
	overflow: hidden;   /* Ensures the @ symbol doesn't overflow the div */
}

/***************************************************************
*
* FOOTER
*
****************************************************************/

.footer
{
	background-color: #272727;
}

.footer p
{
	color: #ffffff;
	font-size: 1rem !important;
}

.footer a
{
	color:#ffffff;
	text-decoration: none;
}