:root {
	--gecko-tan: #ebd7b9;
	--gecko-orange-light: #f78e39;
	--gecko-orange: #bf5700;
	--gecko-orange-dark: #934809;

	--gecko-green-light: #ced899;
	--gecko-green: #afbb25;
	--gecko-green-dark: #32461b;
	--gecko-green-dark-clear: #32461bbb;
}

.gecko-skip-link {
	position: absolute;
	left: -10000px;
	top: auto;
	z-index: 999999;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.gecko-skip-link:focus-visible {
	left: 1rem;
	top: 1rem;
	display: block;
	height: auto;
	width: auto;
	overflow: hidden;
	border-radius: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-size: 1rem;
	background-color: var(--wp--preset--color--contrast, #fff);
	color: var(--wp--preset--color--base, #000);
}

body a {
	color: var(--gecko-orange);
}

body #navigation > ul > li:last-child a {
	background-color: var(--gecko-orange);
}
body header #navigation > ul > li:last-child a:hover,
body header #navigation > ul > li:last-child a:focus-visible {
	background-color: var(--gecko-orange-dark);
	color: #fff;
}
body #navigation li.current-menu-item > a,
body #navigation li.current-page-ancestor > a,
body #navigation li.current-menu-ancestor > a,
body #navigation li.current-menu-parent > a,
body #navigation li.current_page_ancestor > a {
	color: var(--gecko-orange);
}
body #topbar a:hover,
body #topbar a:focus-visible,
a .joinButton:hover,
a .joinButton:focus-visible {
	color: white;
	border-color: var(--gecko-orange-light);
}

a:focus-visible {
	outline: 2px solid var(--gecko-orange);
	outline-offset: 2px;
}

.social-icons a:focus-visible {
	opacity: 1;
}

body #navigation .sub-menu {
	background-color: var(--gecko-tan);
}
body #navigation .sub-menu li a {
	color: var(--gecko-green-dark);
}
#navigation ul li ul li.sfHover > a {
	color: black;
}

body #mobile-navigation {
	background-color: var(--gecko-tan);
}
body #mobile-navigation ul li a {
	color: var(--gecko-green-dark);
}
body a.button.orange,
body a.button.color-2.large {
	color: #fff;
	background-color: var(--gecko-orange);
	border-color: var(--gecko-orange);
}

#page-wrap a.button.orange:hover,
#page-wrap a.button.orange:focus-visible,
#page-wrap a.button.color-2.large:hover,
#page-wrap a.button.color-2.large:focus-visible {
	color: #fff !important;
	background: var(--gecko-orange-dark) !important;
	border-color: var(--gecko-orange-dark) !important;
}

body .widget_nav_menu a:hover,
body .widget_nav_menu a:focus-visible {
	color: var(--gecko-orange-light) !important;
}

body .donateButton {
	background-color: var(--gecko-orange);
	color: #fff;
}
body .donateButton:hover,
body .donateButton:focus-visible {
	background-color: var(--gecko-orange-dark);
	color: #fff;
}
body .donateButton a:hover,
body .donateButton a:focus-visible {
	color: #fff !important;
}
body #copyright .copyright-text {
	color: var(--gecko-green-light);
}
body #copyright a {
	color: var(--gecko-green);
}
body a.catimage:hover .catimage-text,
body a.catimage:focus-visible .catimage-text {
	background-color: var(--gecko-green-dark);
}
body .color-light .catimage-text {
	background-color: var(--gecko-green-dark-clear);
}
body a.button,
body input[type="submit"],
body button,
body .minti_button {
	color: #fff;
	background-color: var(--gecko-green-dark);
	border-color: var(--gecko-green-dark);
}
body input[type="submit"]:hover,
body button:hover,
body .button:hover,
body a.button:hover,
body a.button.color-1:hover,
body a.button.color-2:hover,
body a.button.color-3:hover,
body a.button.color-4:hover,
body a.button.color-5:hover,
body #reviews .add_review .button:hover,
body a.button.color-2.accent-2:hover,
body a.button.color-3.accent-2:hover,
body input[type="submit"]:focus-visible,
body button:focus-visible,
body .button:focus-visible,
body a.button:focus-visible,
body a.button.color-1:focus-visible,
body a.button.color-2:focus-visible,
body a.button.color-3:focus-visible,
body a.button.color-4:focus-visible,
body a.button.color-5:focus-visible,
body #reviews .add_review .button:focus-visible,
body a.button.color-2.accent-2:focus-visible,
body a.button.color-3.accent-2:focus-visible {
	background-color: var(--gecko-orange-dark) !important;
	border-color: var(--gecko-orange-dark) !important;
	color: #fff !important;
}

.vc_responsive .wpb_row .vc_inner h1 {
	color: var(--gecko-green-dark) !important;
}

body a.button.color-2 {
	color: var(--gecko-orange);
	border-color: var(--gecko-orange);
}
body a.button.color-2:hover,
body a.button.color-2:focus-visible {
}