:root
{
	--green-color: #11826a;
	--green-color-rgb: 7, 51, 42;
	--darker-green-color: #286b5d;
	--darker-green-color-rgb: 40, 107, 93;
	--darkest-green-color: #395a53;

	--bs-body-font-family: Manrope, sans-serif;
}

*
{
	font-variant-ligatures: none;
}

body
{
	padding-top: 100px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6
{
	font-weight: 700;
}

span.h1,
span.h2,
span.h3,
span.h4,
span.h5,
span.h6
{
	display: block;
}

a
{
	color: var(--green-color);
}

a:hover,
a:focus
{
	color: var(--darker-green-color);
}

.external-link i
{
    margin-left: 5px;
    font-size: 14px;
}

.bg-primary
{
	background-color: var(--green-color) !important;
}

.nav-link
{
	color: #333;
	font-weight: 600;
}

.nav-link:focus,
.nav-link:hover,
.active .nav-link
{
    color: var(--green-color);
}

.btn
{
	--bs-btn-padding-x: 2rem;
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-font-weight: 600;
    --bs-btn-border-radius: var(--bs-border-radius-pill);
}

.btn:hover,
.btn:focus
{
	color: #fff;
	box-shadow: none;
}

.btn-primary
{
    --bs-btn-bg: var(--green-color);
    --bs-btn-border-color: var(--green-color);
    --bs-btn-hover-bg: var(--darker-green-color);
    --bs-btn-hover-border-color: var(--darker-green-color);
    --bs-btn-active-bg: var(--darker-green-color);
    --bs-btn-active-border-color: var(--darker-green-color);
    --bs-btn-disabled-bg: var(--darker-green-color);
    --bs-btn-disabled-border-color: var(--darker-green-color);
}

.btn-shadow
{
	box-shadow: 0 .5rem 1rem rgba(var(--green-color-rgb), .15);
}

.text-primary
{
    color: var(--green-color) !important;
}

.section-space
{
    padding-top: 80px;
    padding-bottom: 80px;
}

@media (min-width: 992px)
{
    .section-space
	{
	    padding-top: 120px;
	    padding-bottom: 120px;
	}
}

/* FORMS */

.form-label
{
	margin: 0;
}

.form-control
{
	padding: .785rem 1.125rem;
}

.form-control,
.form-select,
.form-check-input
{
    border-color: #888;
}

.textarea-lg
{
    min-height: 200px !important;
    max-height: 400px !important;
}

.textarea-md
{
    min-height: 150px !important;
    max-height: 300px !important;
}

.textarea-sm
{
    min-height: 100px !important;
    max-height: 200px !important;
}

span.required
{
    color: #c05;
}

/* FOOTER */
#main-footer
{
	background-color: var(--darkest-green-color);
	color: #a2dcd0;
}

#main-footer ul li
{
	margin-bottom: 10px;
}

#main-footer ul li a
{
	color: #a2dcd0;
	text-decoration: none;
	transition: 500ms;
}

#main-footer ul li a:hover
{
	color: var(--bs-white);
}