/* Colours
--------------------------*/
:root {
	/* Main Block Colours */
	--color_primary: #1B6910;
	--color_secondary: #323232;
	--color_accent: #fcd30a;
	--color_light: #f6f6f6;
	--color_dark: #000;

	/* Text Colours */
	--color_text-main: #121212;

	/* Fontface */
	--font_main: 'Open Sans', sans-serif;
	--font_heading: 'Roboto', sans-serif;
}

html {
	background: #fff;
}

body.site-front {
	background: #fff;
}

/* Text Colour Options */
.color__default {
	color: #121212;
}

.color__primary {
	color: #1B6910;
}

.color__secondary {
	color: #323232;
}

.color__light {
	color: #f6f6f6;
}

.color__accent {
	color: #fcd30a;
}

.color__dark {
	color: #000;
}

.color__black {
	color: #000;
}

.color__white {
	color: #fff;
}

.color__white-shadow {
	color: #fff;
	text-shadow: 1px 2px 8px #000;
}

/* Headings */
h1,
.h1 {
	font-family: 'Roboto', sans-serif;
	font-size: 2.2rem!important;
	color: var(--color_text-main);
	font-weight: 400;
}

@media (min-width: 768px) {
	h1,
	.h1 {
		font-size: 2.5rem!important;
	}
}

h2,
.h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 1.8rem;
	color: var(--color_text-main);
	font-weight: 400;
}

@media (min-width: 768px) {
	h2,
	.h2 {
		font-size: 2.3rem;
	}
}

h3,
.h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5rem;
	color: var(--color_text-main);
	font-weight: 400;
}

@media (min-width: 768px) {
	h3,
	.h3 {
		font-size: 1.75rem;
	}
}

p {
	font-size: 1.1rem;
	line-height: 1.5;
	margin-bottom: 0.8rem;
}

body {
	color: #121212;
	font-family: var(--font_main);
}


a,
a:visited {
	color: inherit;
	text-decoration: none;
}


a:hover,
a:focus,
a:active {
	color: var(--color_secondary);
	text-decoration: underline;
}


.site-footer {
	color: #fff;
	background-color: #323232;
}

.site-footer a,
.site-footer button,
.site-footer a:visited,
.site-footer a:focus {
	color: #dd8282;
}

.site-footer a:hover {
	color: #fff;
}

.site-footer__copyright {
	color: #636363;
}

.site-footer__copyright a.website-credit {
	color: #636363;
}

.site-footer__copyright a.website-credit:hover {
	color: #fff;
}

/* Social Icons */
.social-icons a {
	height: 45px;
	background-color: transparent;
	padding: 10px;
	border-radius: 0%;
	display: block;
	transition: .3s all;
}

.social-icons a:hover {
	background-color: transparent;
}

.social-icons a:hover svg {
	fill: #1B6910;
}

.social-icons a:not(:last-child) {
	margin-right: 0.5rem;
}

.social-icons a svg {
	height: 100%;
	width: auto;
	fill: #fff;
	transition: .3s all;
}


		a.btn-style-1,
		a.btn-style-1:visited,
		a.btn-style-1:focus {
			font-family: 'Roboto', sans-serif;
			display: inline-block;
			font-size: 15px;
			color: #ffffff;
			background-color: #00a89a;
			border-radius: 0px;
			padding: 10px 15px;
			transition: all .3s ease;
		}

		a.btn-style-1:hover {
			color: #ffffff;
			background-color: #337ebf;
			text-decoration: none;
		}

	
		a.btn-style-2,
		a.btn-style-2:visited,
		a.btn-style-2:focus {
			font-family: 'Roboto', sans-serif;
			display: inline-block;
			font-size: 15px;
			color: #fff;
			background-color: var(--color_primary);
			border-radius: 0px;
			padding: 10px 15px;
			transition: all .3s ease;
		}

		a.btn-style-2:hover {
			color: #fff;
			background-color: var(--color_primary);
			text-decoration: none;
		}

	
		a.btn-style-3,
		a.btn-style-3:visited,
		a.btn-style-3:focus {
			font-family: 'Roboto', sans-serif;
			display: inline-block;
			font-size: 15px;
			color: #fff;
			background-color: var(--color_primary);
			border-radius: 0px;
			padding: 10px 15px;
			transition: all .3s ease;
		}

		a.btn-style-3:hover {
			color: #fff;
			background-color: var(--color_primary);
			text-decoration: none;
		}

	
header#masthead {
	nav ul.nav > li > a {
		font-size: 1rem;
	}
}



#header_layout-1 {
	color: #000;
	background-color: #fff;
}

#header_layout-1 ul li.menu-item > a {
	color: #000;
}

#header_layout-1 ul li.menu-item:hover a {
	color: #000;
}

#header_layout-1 ul li.menu-item span.caret {
	fill: #000;
}

#header_layout-1 ul li.menu-item:hover span.caret {
	fill: #000;
}

#header_layout-1 ul li > ul.dropdown-menu > li > a {
	color: #000;
	background-color: #f6f6f6;
}

#header_layout-1 ul li > ul.dropdown-menu > li:hover > a {
	color: #000;
	background-color: #f6f6f6;
}