/***************************************************************
*
* BODY / MAIN
*
****************************************************************/

body
{
	display: flex;
	flex-direction: column;
	min-height: 100vh; /* Full height of the viewport */
	font-family: 'Poppins', sans-serif !important;
}

main {
	flex: 1;
}

/***************************************************************
*
* TYPEOGRAPHY
*
****************************************************************/

h1, .h1
{
  font-family: "Arial Black", Arial, sans-serif !important;
}

.drop-black
{
	text-shadow: 2px 2px 0px #000000;  /* Horizontal, Vertical, Blur Radius, Color */
}

.drop-white
{
	text-shadow: 2px 2px 0px #ffffff;  /* Horizontal, Vertical, Blur Radius, Color */
}

/***************************************************************
*
* NAV
*
****************************************************************/

.nav-link
{
	color: #000000 !important;
}

.nav-link:hover
{
	color: #28aded !important;
}

nav
{
  border-bottom: 10px solid #0074be !important;
}

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

.blue-light
{
	color: #28aded !important;
}

.blue-mid
{
	color: #0074be !important;
}

.blue-dark
{
	color: #015b94 !important;
}

.blue-dark-bright
{
	color: #0644a4 !important
}

.green
{
	color: #47d535	!important;
}

/***************************************************************
*
* BACKGROUND COLORS
*
****************************************************************/

.bg-blue-light
{
	background-color: #28aded !important;
}

.bg-blue-mid
{
	background-color: #0074be !important;
}

.bg-blue-dark
{
	background-color: #015b94 !important;
}

.bg-blue-dark-bright
{
	background-color: #0644a4 !important;
}

.bg-blue-grad
{
	background: linear-gradient(to bottom, #28aded, #0074be) !important;
}

.bg-grey-light
{
	background-color: #f1f3f7 !important;
}

/***************************************************************
*
* MAIN LINKS
*
****************************************************************/

main a
{
	color: #4480b3;
}

/***************************************************************
*
* OFF CANVAS NAVIGATION
*
****************************************************************/

/* Dark grey, slightly opaque background for the offcanvas */
.offcanvas-start
{
	background-color: rgba(33, 33, 33, 0.95) !important; /* Dark grey with opacity */
}

/* Ensure the text color inside the offcanvas is white and not opaque */
.offcanvas-start .offcanvas-body, .offcanvas-start .offcanvas-header
{
	color: #ffffff !important;
}

.offcanvas-body h2
{
	color: #ffffff !important;
}

/* Apply white color to nav-links only inside the offcanvas */
.offcanvas-start .nav-link
{
	color: #ffffff !important;
}

/* Optional: Adjust hover or focus states of links inside offcanvas */
.offcanvas-start .nav-link:hover, .offcanvas-start .nav-link:focus
{
	color: #28aded !important;
}

/***************************************************************
*
* 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 */
}

.input-group-text {
	background-color: #f5f5f5; /* Match input background */
	border: 2px solid #f5f5f5; /* Remove border */
}

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

.btn-nav
{
	background-color: #eeeeee !important;
	color: #000000 !important;
	border: none !important;
}

.btn-nav:hover
{
	background-color: #28aded !important;
	color: #ffffff !important;
	border: none !important;
}

.btn-primary
{
	background-color: #28aded !important;
	color: #ffffff !important;
	border: none !important;
}

.btn-primary:hover
{
	background-color: #000000 !important;
	color: #ffffff !important;
	border: none !important;
}

.btn-green
{
	background-color: #47d535	!important;
	color: #ffffff !important;
	border: none !important;
}

.btn-green:hover
{
	background-color: #28aded	!important;
	color: #ffffff !important;
	border: none !important;
}

.btn-white
{
	background-color: #28aded	!important;
	color: #ffffff !important;
	border: 1px solid #ffffff !important;
}

.btn-white:hover
{
	background-color: #ffffff	!important;
	color: #28aded !important;
	border: 1px solid #ffffff !important;
}

.btn-transparent
{
	background-color: rgba(255, 255, 255, 0.1) !important;
	color: #ffffff !important;
	border: none !important;
}

.btn-transparent:hover
{
	background-color: #47d535	!important;
	color: #ffffff !important;
}

.btn-view-quote
{
	background-color: #28aded !important;
	color: #ffffff !important;
	border: none !important;
}

.btn-view-quote:hover
{
	background-color: #47d535 !important;
	color: #ffffff !important;
	border: none !important;
}

/***************************************************************
*
* PANELS
*
****************************************************************/

.panel-blue-light
{
	background-color: #28aded;
	background-image: url('/images/background-grey.png') !important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom right;
}

.panel-grey
{
	background-color: #f1f3f7;
	background-image: url('/images/background-grey.png') !important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top left;
}

.panel-blade
{
	background-color: #28aded;
	background-image: url('/images/bg-blade.png') !important;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom right;
}

@media (max-width: 767.98px)
{
	.panel-blade
	{
		background-image: none !important;
	}
}

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

footer
{
	background-color: #052739 !important;
	color: #dddddd;
}

footer a
{
	color: #ffffff !important;
}

footer a:hover
{
	color: #28aded !important;
}