/***************************************************************
*
* 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
{
	background-color: #000000;
}

nav a:hover
{
	color: #ffcc00 !important;
}

/***************************************************************
*
* TYPOGRAPHY
*
****************************************************************/

h1 {
	font-family: 'Poppins', sans-serif;
	font-size: 3.2em;
}

h1.logo
{
	font-family: "Arial Rounded MT Bold", "Arial", sans-serif;
	color: #ffffff;
	text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.7);
}

body {
	font-family: 'Poppins', sans-serif;
}

p
{
	color: #676767;
}

.heading
{
	color: #000000;
}

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

#homePanel {
	background: url("/images/background.webp") no-repeat right center;

	background-size: cover;
	min-height: 600px;
}

/***************************************************************
*
* SERVICE LIST
*
****************************************************************/

.service-list
{
	font-size: 3rem;
	color: #c7fa57 !important;
}

@media(max-width: 768px)
{
	.service-list
	{
		font-size: 2rem;
	}
}

/***************************************************************
*
* COLORS
*
****************************************************************/

light-green {
	color: #c7fa57;
}

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

.social i
{
	font-size:1.2em;

}

.social a i {
  color: #c7fa57;; /* default */
  transition: color 0.3s ease;
}

.social a:last-child
{
	margin-right: 0;
}

.social a:hover i {
  color: #ffffff !important; /* yellow/orange on hover */
}

/***************************************************************
*
* 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: #122816;
    border: 1px solid #122816;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
 	background-color: #000000 !important;
	border-color: #000000 !important;
}

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

.footer
{
	background-color: #000000;
}

.footer p
{
	color: #ffffff;
	font-size:0.9em;
}

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