@import url('//fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i&display=swap');
@import url('//fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,600,600i,700,700i&display=swap');

/************ 

TEMPLATE NOTES

Green: #009845; rgba(0,152,69,1)
Yellow: #FFCD00; rgba(255,205,0,1)
Yellow Link Hover: #e5b906; rgba(229,185 6,1)
Light Gray: #F1F2F2; rgba(241,242,242,1)

************/

body {
	color: #000;
	font-size: 1.1rem;
	font-family: 'Lato', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: .75rem 0;
	line-height: 1.3;
	font-weight: normal;
}

p {
	line-height: 1.3;
	font-size: 1.1rem;
	font-family: 'Lato', sans-serif;
}

h1 {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 2.5rem;
	font-weight: 600;
	letter-spacing: 1px;
}

h2,
.page-header h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	letter-spacing: 1px;
	color: #009845;
	font-size: 2rem;
	border-bottom: 1px solid #333;
	line-height: 1.3;
	margin: 0;
	padding: 0;
}

h3 {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 2rem;
	letter-spacing: 1px;
}

h4 {
	font-family: 'Montserrat', sans-serif;
	background: #999;
	font-size: 1.75rem;
	color: #ffffff;
	border-radius: .2rem;
	padding: .1rem .4rem;
	letter-spacing: 1px;
}

h5 {
	font-family: 'Montserrat', sans-serif;
	color: #009845;
	font-size: 1.5rem;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
}

h6 {
	color: #999;
	font-size: 1.6rem;
	font-style: italic;
}

a {
	color: #e5b906;
}

a:hover {
	color: #009845;
}

form#login-form div.userdata ul.unstyled {
	display: none;
}

blockquote {
	color: #333;
	padding: 0 0 0 15px;
	margin: 0 0 20px;
	border-left: 5px solid #d5d5d5;
	font: italic 16px/22px Georgia, Serif;
	line-height: 1.2;
	font-size: 1.3rem;
}

address {
	font-style: italic;
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.2;
}

/************ BUTTONS  ************/
.readon,
.button,
.btn,
p.readmore .btn {
	color: white;
	font-size: 1rem;
	text-transform: none;
	font-weight: normal;
	background: #009845;
	padding: .7rem 1.3rem;
	border-radius: .5rem;
	margin: 0;
	display: inline-block;
	font-weight: 500;
	line-height: 1.125rem;
	border: none;
	transition: all .2s ease-in;
}

.readon:hover,
.button:hover,
.btn:hover,
p.readmore .btn:hover {
	background: #999;
	color: white;
}

.btn .icon-chevron-right {
	display: none;
}

/************ TABLES  ************/
.fancytable th {
	color: white;
	background: #009845;
	border: 1px solid #009845;
}

.fancytable td {
	border: 1px solid #009845;
}

/************ ALERT ************/
.alert .g-content {
	padding: 0;
	margin: 0;
}

.alert {
	border: none;
	padding: 0;
	margin: 0;
	background-color: #FFCFCF;
	color: #FF0000;
}

.alert h1,
.alert h2,
.alert h3,
.alert h4,
.alert h5,
.alert h6,
.alert p {
	margin-left: 20px;
	color: red;
	background: transparent;
}

/************ HERO IMAGE ************/
.g-main-nav {
	margin-right: -10% !important;
}

.g-main-nav ul.g-toplevel {
	justify-content: flex-end !important;
}

.hero p {
	margin: 0;
}

.hero img {
	height: 30vw;
	object-fit: cover;
	width: 100%;
	opacity: 0.65;
}

#g-showcase {
	padding: 0;
}

@media only screen and (min-width: 767px) and (max-width: 1375px) {
	.montserrat {
		position: absolute;
		top: 9vw;
		left: 10%;
	}
}

@media only screen and (max-width: 767px) {
	.hero img {
		height: 25vw;
	}
}

/************ MENU OVERLAY HERO ************/
.homelayout #g-navigation {
	position: relative;
}

#g-navigation {
	position: absolute;
	z-index: 3;
	left: 0;
	right: 0;
}

/************ HOMELAYOUT  ************/
.homelayout .hiddenhome {
	display: none;
}

p.buttonheading {
	margin: 0;
	padding: 0;
}


/************ SECTION/CONTAINER ADJUSTMENTS ****************/
#g-feature:before {
	border: none;
}

.section-paddings,
#g-footer,
#g-bottom {
	padding: 0;
}

h3.g-title {
	text-align: center;
	text-transform: uppercase;
}

/************ HEADER **************/
#g-navigation {
	padding: 0 5%;
}

#g-navigation a {
	color: white;
}

#g-navigation a:hover {
	color: #e5e5e5;
}

.homelayout #g-navigation {
	position: absolute;
	z-index: 3;
	left: 0;
	right: 0;
}

#g-navigation .montserrat p {
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	letter-spacing: 1px;
	margin-bottom: 0px;
}

.g-logo img {
	width: 80%;
}

@media only screen and (max-width: 767px) {
	.homelayout #g-navigation {
		position: relative;
	}

	.homelayout #g-navigation .g-logo {
		display: none;
	}

	.homelayout #g-navigation .montserrat {
		display: none;
	}

	#g-navigation .g-logo img {
		width: 70%;
	}

	#g-navigation .header-logo .g-content.g-particle {
		width: 50%;
	}
}

/************ MENU  ************/
#g-navigation .g-content {
	margin: 0;
	padding: 0;
}

.g-main-nav .g-toplevel>li>.g-menu-item-container,
.g-main-nav .g-toplevel>li:hover>.g-menu-item-container,
.g-main-nav .g-toplevel>li.active>.g-menu-item-container {
	color: white;
}

.g-main-nav .g-standard>.g-dropdown,
.g-main-nav .g-fullwidth>.g-dropdown {
	margin-top: 0px;
}

.g-main-nav .g-toplevel>li:hover,
.g-main-nav .g-toplevel>li.active {
	background: rgba(0, 0, 0, .35);
}

.g-main-nav .g-sublevel>li:hover,
.g-main-nav .g-sublevel>li.active {
	background: rgba(0, 0, 0, .1);
}

#g-navigation {
	padding-bottom: 0px;
}

.g-main-nav .g-toplevel>li>.g-menu-item-container {
	text-align: center;
	padding: 0.625rem 0.75rem;
	color: white;
}

.g-main-nav .g-toplevel>li.g-parent .g-menu-parent-indicator {
	display: none;
}

.g-main-nav .g-toplevel>li>.g-menu-item-container,
.g-main-nav .g-sublevel>li>.g-menu-item-container {
	font-size: 1rem;
}

span.g-menu-item-title {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	letter-spacing: 1px;
}

.g-main-nav .g-sublevel>li>.g-menu-item-container>.g-menu-item-content span.g-menu-item-title {
	text-transform: none;
	font-weight: 400;
	text-shadow: none;
}


.g-main-nav ul.g-toplevel {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
	text-transform: uppercase;
}

.g-main-nav .g-standard .g-fade.g-dropdown {
	z-index: 10;
}

.g-main-nav .g-dropdown {
	border-radius: 0 0 6px 6px;
}

.g-main-nav .g-standard>.g-dropdown.g-dropdown-right,
.g-main-nav .g-fullwidth>.g-dropdown.g-dropdown-right {
	left: 0;
}

@media only screen and (max-width: 767px) {
	.g-offcanvas-toggle {
		top: 20px;
		left: 20px;
	}
}

/************ SIDE MENU  ************/
#g-aside .moduletable[class*="box"] {
	padding: 0;
}

#g-aside .g-content {
	padding-left: 0;
	padding-right: 0px;
}

.moduletable .nav.menu li a {
	width: 100%;
	border-radius: 0;
	padding: 10px 20px;
	color: black;
	font-weight: normal;
}

.moduletable .nav.menu li {
	transition: all .2s ease-in;
	border-radius: 3px;
	width: 100%;
	padding: 0;
	margin: 0;
	border-bottom: 1px rgba(0, 152, 69, 0.7) solid;
}

.moduletable .nav.menu,
.moduletable .unstyled {
	border: none;
	padding: 0;
	margin: 0;
	display: block;
	background: #F1F2F2;
	border-radius: 0;
}

.moduletable .nav.menu li:last-child {
	padding-bottom: 0;
	margin-bottom: 30px;
}

.moduletable .nav.menu .nav-child li:last-child {
	margin-bottom: 0px;
}

.moduletable .nav .nav-child {
	margin-top: 0px;
}

.moduletable .nav.menu .nav-child li {
	border: none;
	margin-left: 20px;
	padding-right: 20px;
}

.moduletable .nav.menu li.current.active a,
.moduletable .nav.menu li a:hover {
	color: white;
	background: #009845;
	font-weight: normal;
}

/************ OFFCANVAS MENU  ************/
.g-offcanvas-toggle {
	color: white;
}

#g-offcanvas #g-mobilemenu-container .g-toplevel>li>.g-menu-item-container>.g-menu-item-content,
#g-offcanvas #g-mobilemenu-container .g-sublevel>li>.g-menu-item-container>.g-menu-item-content {
	font-weight: normal;
}

#g-offcanvas .g-menu-item-title {
	color: white;
}

#g-offcanvas #g-mobilemenu-container ul>li>a.g-menu-item-container:hover {
	background: rgba(0, 0, 0, 0.15);
}

#g-offcanvas #g-mobilemenu-container ul>li.g-menu-item-link-parent>.g-menu-item-container>.g-menu-parent-indicator {
	border: none;
	background: none;
}

#g-offcanvas #g-mobilemenu-container ul>li.g-menu-item-link-parent>.g-menu-item-container>.g-menu-parent-indicator:hover {
	border: none;
	background: none;
}

/************ ROTATOR ************/
.homelayout #g-showcase {
	padding: 0;
	border-bottom: 4px solid #FACD01;
}

.sprocket-features-list li .sprocket-features-container {
	width: 100%;
	height: 42vw;
	overflow: hidden;
	position: relative;
}

.arrows-active .sprocket-features-list {
	margin-left: 0px;
	margin-right: 0px;
}

.sprocket-features-list li .sprocket-features-container .sprocket-features-img-container {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 1;
}

.sprocket-features-list li .sprocket-features-container .sprocket-features-content {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.25);
	padding: 30px;
	overflow: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.layout-showcase .sprocket-features-img-container img {
	float: none;
	width: 100%;
	height: 42vw;
	object-fit: cover;
	object-position: center;
}

.layout-showcase .sprocket-features-pagination li {
	padding: 8px;
}

.pagination-active .sprocket-features-pagination {
	bottom: 15px;
}

@media only screen and (max-width: 767px) {
	.sprocket-features-list li .sprocket-features-container {
		height: 42vw;
	}

	.sprocket-features-list li .sprocket-features-container .sprocket-features-img-container {
		position: relative;
	}
}

.layout-showcase h1,
.layout-showcase h3,
.layout-showcase a {
	color: #333;
}

.layout-showcase h3 {
	border-bottom: 5px solid #FACD01;
}

.layout-showcase a:hover {
	color: white;
}

/************ BIGGER ARROWS ON SLIDESHOW ************/
.sprocket-features.layout-showcase.arrows-active.arrows-onhover .sprocket-features-arrows .arrow {
	background: none;
	box-shadow: none;
	color: white;
}

.sprocket-features.layout-showcase.arrows-active.arrows-onhover .sprocket-features-arrows .arrow {
	font-size: 5rem;
}

.arrows-active .sprocket-features-list {
	margin: 0px;
}

.arrows-onhover .sprocket-features-arrows .arrow.prev {
	margin-left: 0;
}

.arrows-onhover .sprocket-features-arrows .arrow.next {
	margin-right: 0;
}

@media only screen and (max-width: 767px) {

	.sprocket-features-pagination,
	.sprocket-features-arrows {
		display: none;
	}
}

/************ WELCOME & GREEN TEXT BLOCK ***********/
.homelayout #g-utility {
	padding-top: 6%;
	padding-bottom: 6%;
}

#g-utility h2 {
	border-bottom: none;
	font-size: 1.7rem;
	letter-spacing: 0.05rem;
}

.welcome .g-content {
	margin: 0;
	padding: 0;
}

.biglogo {
	width: 65%;
}

#g-utility h2.biglogotext {
	font-size: 2.6vw;
	font-weight: 600;
}

.green-block .g-content {
	position: absolute;
	z-index: 2;
	background: rgba(0, 152, 68, 1);
	padding: 30px 50px;
	overflow: auto;
	display: flex;
	align-items: top;
	justify-content: center;
	width: 30vw;
	left: 56vw;
	height: 37vw;
	margin-top: -20vw;
}

.green-block h3 {
	font-size: 1.4rem;
	letter-spacing: 0.05rem;
	font-weight: 600;
	margin: 0 0 1.5rem 0;
	padding: 1rem 0;
}

.green-block h3:after {
	content: "";
	display: block;
	margin: 0 auto;
	width: 50%;
	padding-top: 20px;
	border-bottom: 4px solid #FACD01;
}

.green-block p {
	font-size: 1.4vw;
	letter-spacing: 0.05rem;
	font-weight: 400;
	font-family: montserrat;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.green-block p {
		font-size: 1.1rem;
	}
}

@media only screen and (max-width: 767px) {
	.welcome .g-content {
		margin: 3% 0 8% 0;
	}

	#g-utility h2.biglogotext {
		font-size: 2rem;
		margin: 0 40px;
	}

	.green-block {
		overflow: auto;
		background: #009845;
		margin: 0 5%;
	}

	.green-block .g-content {
		position: relative;
		height: auto !important;
		width: auto !important;
		margin-top: 0px;
		left: 0 !important;
		overflow: auto;
		padding: 30px;
	}

	.green-block p {
		font-size: 1.1rem;
	}
}

/************ QUICKLINK PICS  ************/
.quicklinkpics {
	display: flex;
}

.quicklinkpics>div {
	flex: 1;
	height: 26vw;
	position: relative;
	transition: all .35s ease-in-out;
}

.quicklinkpics>div>a {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	font-size: 1.6rem;
	background: rgba(0, 0, 0, 0.27);
	color: white;
	transition: all .35s ease-in-out;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
	letter-spacing: 1px;
}

.quicklinkpics>div>a>div {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	border: 1px #FFCD00 solid;
	margin: 5%;
	text-align: center;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .35s ease-in-out;
}

.quicklinkpics>div:hover>a>div {
	margin: 0;
	border: 1px rgba(255, 255, 255, .1) solid;
}

.quicklinkpics>div:hover>a {
	background: rgba(0, 0, 0, 0.5);
}

.quicklinkpics>div>div>img {
	object-fit: cover;
	object-position: center top;
	height: 26vw;
	width: 100%;
}

#g-feature .g-content {
	margin: 15px 0;
	padding: 0;
}

.quicklinkpics>div.intro {
	background: #F1F2F2;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.25);
}

.quicklinkpics>div>.ql-intro {
	padding: 0 40px;
}

.ql-intro h3 {
	font-size: 1.6rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.ql-intro h3:after {
	content: "";
	display: block;
	margin: 0 auto;
	width: 45%;
	padding-top: 20px;
	border-bottom: 4px solid #009845;
}


@media only screen and (max-width: 767px) {
	.quicklinkpics {
		display: block;
	}

	.quicklinkpics>div>a,
	.quicklinkpics>div>a>div {
		position: relative;
	}

	.quicklinkpics>div>div>img {
		height: 90px;
		width: 120px;
	}

	.quicklinkpics>div>a>div img {
		max-height: 90px;
		padding: 10px 0;
	}

	.quicklinkpics>div {
		display: flex;
	}

	.quicklinkpics>div:hover>a {
		background: #009845;
	}

	.quicklinkpics>div>a {
		background: #F1F2F2;
		flex: 1;
		box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.1);
		color: black;
		text-shadow: none;
	}

	.quicklinkpics>div {
		height: auto;
		border-bottom: 10px #ffffff solid;
	}

	.quicklinkpics>div>a>div {
		border: none;
		text-transform: none;
	}

	.quicklinkpics>div>a {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	.quicklinkpics>div>a>div {
		margin: 0 0 0 20px;
		text-align: left;
		font-weight: 400;
		font-size: 1.4rem;
	}

	.quicklinkpics>div:hover>a>div {
		margin: 0 0 0 20px;
		border: none;
	}

	.ql-intro h3 {
		padding: 0 20px;
		margin-bottom: 2.5rem;
	}

	#g-feature {
		padding-top: 10% !important;
		padding-bottom: 10% !important;
	}
}

/************ OUR TEAM - HOMEPAGE  ************/
#g-expanded {
	padding-top: 1%;
	padding-bottom: 4%;
}

#g-expanded h3 {
	padding-bottom: 2.5rem;
	font-size: 1.6rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#g-expanded h3:after {
	content: "";
	display: block;
	margin: 0 auto;
	width: 225px;
	padding-top: 20px;
	border-bottom: 4px solid #009845;
}

.sprocket-strips-container {
	display: flex;
	justify-content: center;
}

.sprocket-strips .readon span {
	font-size: 1.5rem;
}

.sprocket-strips {
	position: relative;
}

.sprocket-strips-item {
	background: url(../images/template/staff-default.jpg) 0 0 no-repeat;
}

.sprocket-strips-arrows .arrow {
	background: none;
	color: #009845;
	font-size: 5rem;
	box-shadow: none;
}

.layout-slideshow .sprocket-features-pagination li,
.layout-slideshow .sprocket-features-arrows .arrow {
	box-shadow: none;
}

.layout-slideshow .sprocket-features-arrows .arrow {
	top: 43%;
}

.sprocket-strips .sprocket-strips-nav .arrow {
	position: absolute;
	top: 43%
}

.sprocket-strips .sprocket-strips-nav .arrow.next {
	right: -50px;
}

.sprocket-strips .sprocket-strips-nav .arrow.prev {
	left: -50px;
}

.sprocket-strips-content>a.readon {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sprocket-strips-item {
	position: relative;
}

.sprocket-strips-item .readon {
	padding: 0;
	margin: 0;
}

.sprocket-strips-item .readon:hover {
	background: rgba(0, 152, 69, 0.9);
}

.sprocket-strips-item .readon span {
	flex: 1;
	text-align: center;
	transition: all .2s ease-in;
	opacity: 0;
}

.sprocket-strips-item .readon:hover span {
	opacity: 1;
}

.sprocket-strips-content h4 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 152, 69, 0.85);
	font-size: 1.2rem;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, .5);
	margin-bottom: 0px;
	min-height: 72px;
	text-align: center;
	transition: all .2s ease-in;
	border-radius: 0 0 .5rem .5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sprocket-strips-item {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
}

.sprocket-strips-content h4 a {
	color: white;
}

.sprocket-strips-item {
	height: 20vw;
	border-radius: .5rem;
}

.sprocket-strips .cols-4>li {
	width: 19%;
}

.sprocket-strips-container>li {
	margin: 10px 3%;
}

.sprocket-strips-item:hover .sprocket-strips-content h4 {
	opacity: 0;
}

.sprocket-strips-item {
	background-position: 50% 50%;
	background-size: cover;
}

.sprocket-lists-title {
	padding: 15px 10px !important;
}

.sprocket-lists-item .sprocket-padding {
	padding-top: 0px;
}

@media only screen and (max-width: 767px) {
	#g-expanded {
		padding-top: 0;
		padding-bottom: 15%;
	}

	.sprocket-strips-container {
		display: block;
	}

	.sprocket-strips .cols-4>li {
		width: 43%;
		float: left;
	}

	.sprocket-features-content img {
		display: none;
	}

	.sprocket-strips .sprocket-strips-nav .arrow.next {
		right: -20px;
	}

	.sprocket-strips .sprocket-strips-nav .arrow.prev {
		left: -20px;
	}

	.sprocket-strips-item {
		height: 45vw;
	}
}

/*************** COMMMODITY - BOTTOM STYLES *****************/
#g-bottom {
	background: url(../images/template/commodity.jpg) 100% 50% no-repeat !important;
	background-size: cover !important;
}

#g-bottom .g-grid {
	background: rgba(0, 0, 0, 0.3);
	padding-top: 7%;
	padding-bottom: 7%;
}

#g-bottom h5 {
	color: white;
	margin-bottom: 5%;
	font-weight: 600;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
}

#g-bottom .g-content {
	display: flex;
	justify-content: center;
	align-items: center;
}

#g-bottom .readon {
	background: transparent;
	border: 1px #FFCD00 solid;
	border-radius: 0;
	padding: 1.2rem 3.6rem;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	letter-spacing: 1px;
}

#g-bottom a.readon:hover {
	background: #e5b906;
}

@media only screen and (max-width: 767px) {
	#g-bottom {
		background: url(../images/template/commodity.jpg) 0% 50% no-repeat !important;
		background-size: cover !important;
	}
}

/*************** FOOTER *****************/
#g-footer a {
	color: white;
}

#g-footer a:hover {
	color: #FFCD00;
}

#g-footer p {
	margin-bottom: 0px;
}

.align-y {
	display: flex;
	align-items: center;
}

#g-footer .montserrat {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
}

@media only screen and (max-width: 767px) {
	#g-footer .g-logo img {
		width: 70%;
	}

	#g-footer .center-mobile {
		display: block;
		text-align: center !important;
	}

	#g-footer .no-top-bottom .g-content {
		padding-top: 0px;
		margin-top: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
}

/************ ADMIN FOOTER  ************/
#g-copyright .g-block {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

#g-copyright .g-content {
	margin: 0;
	padding: 0;
}

#g-copyright {
	margin: -25px 0 0 0;
	padding: 0;
	height: 40px;
}

#g-copyright a .fa.fa-lock {
	color: #e5e5e5;
}

#g-copyright a:hover .fa.fa-lock {
	color: #FFCD00;
}

@media only screen and (max-width: 767px) {
	#g-copyright {
		display: none !important;
	}
}


/******************************* LANDING PAGE **********************************/

/************ LANDING PAGE ROTATOR - FULL WIDTH ************/
.sprocket-features-list li .sprocket-features-container .landing {
	width: 100%;
	height: 42vw;
	overflow: hidden;
	position: relative;
}

.arrows-active .sprocket-features-list .landing {
	margin-left: 0px;
	margin-right: 0px;
}

.sprocket-features-list li .sprocket-features-container .sprocket-features-img-container .landing {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 1;
}

.landing .sprocket-features-list li .sprocket-features-container .sprocket-features-content {
	position: absolute;
	z-index: 2;
	top: 10%;
	right: 66%;
	bottom: 10%;
	left: 5%;
	background: rgba(0, 152, 68, 1
			/*0.8*/
		);
	padding: 30px;
	overflow: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.landing layout-showcase .sprocket-features-img-container img {
	float: none;
	width: 100%;
	height: 42vw;
	object-fit: cover;
	object-position: center;
}

.landing .layout-showcase .sprocket-features-pagination li {
	padding: 8px;
}

.landing .pagination-active .sprocket-features-pagination {
	bottom: 15px;
}

@media only screen and (max-width: 767px) {
	.landing .sprocket-features-list li .sprocket-features-container {
		height: 120vw;
	}

	.landing .sprocket-features-list li .sprocket-features-container .sprocket-features-img-container {
		position: relative;
	}

	.landing .sprocket-features-list li .sprocket-features-container .sprocket-features-content {
		top: 42vw;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 15px;
		overflow: auto;
		background: #009845;
	}
}

/*.layout-showcase h1, .layout-showcase h3, .layout-showcase a .landing {color: white; }*/
.layout-showcase h1 .landing,
.layout-showcase h3 .landing,
.layout-showcase a .landing {
	color: #333;
}

.layout-showcase h3 .landing {
	border-bottom: 5px solid #FACD01;
}

.layout-showcase a:hover .landing {
	color: white;
}


/************ LANDING PAGE QUICKLINK PICS  ************/
.landing .quicklinkpics {
	display: flex;
}

.landing .quicklinkpics>div {
	flex: 1;
	height: 200px;
	position: relative;
	transition: all .35s ease-in-out;
}

.landing .quicklinkpics>div>a {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	font-size: 1.6rem;
	background: rgba(0, 152, 68, .6);
	color: white;
	transition: all .35s ease-in-out;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
}

.landing .quicklinkpics>div>a>div {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	border: 1px white solid;
	margin: 5%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .35s ease-in-out;
}

.landing .quicklinkpics>div:hover>a>div {
	margin: 0;
	border: 1px rgba(255, 255, 255, .1) solid;
}


/*.landing .quicklinkpics > div:hover {
}*/
.landing .quicklinkpics>div:hover>a {
	background: rgba(0, 152, 68, .8);
	;
}

.landing .quicklinkpics>div>div>img {
	object-fit: cover;
	object-position: center;
	height: 200px;
	width: 100%;
}

@media only screen and (max-width: 767px) {
	.landing .quicklinkpics {
		display: block;
		border-top: 10px #ffffff solid;
	}

	.landing .quicklinkpics>div>a,
	.quicklinkpics>div>a>div {
		position: relative;
	}

	.landing .quicklinkpics>div>div>img {
		height: 90px;
		width: 120px;
	}

	.landing .quicklinkpics>div>a>div img {
		max-height: 90px;
		padding: 10px 0;
	}

	.landing .quicklinkpics>div {
		display: flex;
	}

	.landing .quicklinkpics>div:hover>a {
		background: #BFA98B;
	}

	.landing .quicklinkpics>div>a {
		background: #40311C;
		flex: 1;
		text-shadow: none;
	}

	.landing .quicklinkpics>div {
		height: auto;
		border-bottom: 1px #ffffff solid;
	}

	.landing .quicklinkpics>div>a>div {
		border: none;
		text-align: left;
	}

	.landing .quicklinkpics>div>a {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	.landing .quicklinkpics>div>a>div {
		margin: 0 0 0 20px;
	}

	.landing .quicklinkpics>div:hover>a>div {
		margin: 0 0 0 20px;
		border: none;
	}
}

/******************************* END LANDING PAGE **********************************/

/* Team Page Styles */
.team-page .blogteam-page {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 2.5rem;
	padding: 2rem 0;
	clear: both;
}

.team-page .items-row {
	height: auto !important;
	margin: 0 !important;
	float: none !important;
	width: auto !important;
	display: flex;
}

.team-page .span12 {
	float: none !important;
	width: 100% !important;
	min-height: 0 !important;
}

.team-page .item {
	background: #ffffff;
	border-radius: 0;
	padding: 24px;
	height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	border: 1px solid rgba(0, 0, 0, 0.05);
	text-align: center;
}

.team-page .item:hover {
	transform: translateY(-12px);
	box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12);
}

.team-page .item-image {
	display: block !important;
	float: none !important;
	width: auto !important;
	max-width: none !important;
	margin: -24px -24px 20px -24px !important;
	aspect-ratio: 1 / 1 !important;
	height: auto !important;
	padding: 0 !important;
	overflow: hidden;
	position: relative;
}

.team-page .item-image img {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center top !important;
	display: block;
	transition: transform 0.8s ease;
}

.team-page .item:hover .item-image img {
	transform: scale(1.1);
}

.team-page h3 {
	margin: 0 0 10px 0 !important;
	font-size: 1.6rem !important;
	color: #009845 !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}

.team-page p {
	margin: 0 0 12px 0 !important;
	color: #555 !important;
	font-size: 1.05rem !important;
	line-height: 1.6 !important;
}

.team-page a {
	transition: all 0.2s ease;
}

.team-page a:hover {
	color: #009845 !important;
}

.team-page .item p:last-of-type {
	margin-top: auto !important;
	margin-bottom: 0 !important;
	padding-top: 15px;
}

.team-page .item p a[href*="/team/"] {
	display: inline-block;
	text-align: center;
	background: #009845;
	color: #ffffff !important;
	padding: 12px 30px;
	border-radius: 8px;
	font-weight: 600;
	font-size: 0.95rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	min-width: 200px;
}

.team-page .item p a[href*="/team/"]:hover {
	background: #FFCD00;
	color: #000 !important;
}

/* Team page image fixes */
.team-page .item-image img {
	width: 100%;
	height: 100%;
}

.team-page .item-image {
	aspect-ratio: 3 / 4;
	height: auto;
}


@media (max-width: 50.99rem) {
	.team-page .blogteam-page {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.team-page .item-image {
		aspect-ratio: 3 / 4 !important;
		height: auto !important;
	}
}