@import url(reset.css);

/**
 * ProcesssWire.com site template stylesheet. Prepared for use in the basic site profile. 
 *
 * Please feel free to use and/or modify under the same license as ProcessWire.
 *
 * Copyright 2010 by Ryan Cramer Design, LLC
 *
 */


 /* variables */
:root {	
	--gray: #333333;
	--green: #A1CE6A;
	--text-color: #333;
	--bg-color: #ffffff;
	--footer-bg-color: #333333;
	--footer-text-color: #ffffff;
}

.ken_green{
	color: var(--green);
}


#access {
	height: 0;
	display: none;
}

body, input, textarea, table {
	font-family: Roboto, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #2f4248;
}

#masthead,
#content,
#footer {
	padding-right: 20px;
	padding-left: 20px;
}


.container {
	position: relative;
	width: 85%;
	min-width: 920px;
	max-width: 1200px;
	margin: 0 auto;
}

#masthead {
	background: none;
	height: 210px;
}

#title {
	font-size: 1.5em;
	color: #003051;
	position: absolute;
	top: 155px;
	left: 0;
}

.claim{
	color: var(--green);
}

#bgtitle {
	position: absolute;
	top: 62px;
	left: 0;
	font-size: 1.5em;
	color: rgba(255, 255, 255, 0.2);
}

/* uk-navbar */

.uk-navbar-container:not(.uk-navbar-transparent) {
	background: #333;
}

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
	font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	text-decoration: none;
}

.uk-navbar-nav>li>a {
	height: 100%;
	padding: 0 0;
	color: white;
	text-transform: uppercase;
	transition: .1s ease-in-out;
	transition-property: color, background-color;
}

.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a[aria-expanded=true] {
    color: var(--green);
}

.uk-navbar-dropdown-nav>li>a:hover {
    color: var(--green);
}

.uk-navbar-nav>li.uk-active>a {
    color: var(--green);
}

/* breadcrumb */

#breadcrumb {
	position: absolute;
	left: 0;
	top: 97px;
}

#breadcrumb li {
	color: #5197ae;
	font-size: 11px;
	display: inline;
	padding: 0 2px 0 0;
}

#breadcrumb a {
	color: #005f7d;
	padding: 0 2px 0 0;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

#search_query {
	position: absolute;
	top: 7px;
	right: 0;
	width: 222px;
	padding: 2px 5px;
	height: 17px;
	border: none;
}

#search_submit {
	position: absolute;
	top: 7px;
	right: 0;
	border: none;
	background: url(images/btn-search.png) top left no-repeat;
	width: 27px;
	height: 21px;
	text-indent: -9999px;
}

#search_submit:hover {
	background-position: center left;
	cursor: pointer;
}

#search_submit:focus {
	background-position: bottom left;
}

#masthead #photo {
	position: absolute;
	top: 34px;
	right: 0;
}

/* uk card */

h3.uk-card-title {
    border-bottom: none !important;
    margin: 0 0 0.5 0;
}

a.uk-button.uk-button-default.uk-first-column {
    margin-top: 0.7em;
}

#content-section p,
#content ul,
#content ol,
#content table {
	margin: 1em 0 1.5em 0;
}

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

#content a:hover {
	background-color: var(--green);
	color: #fff;
	text-decoration: none;
}

#content em {
	font-style: italic;
}

#content-section strong {
	font-family: "Roboto", Arial, sans-serif;
	font-weight: bold;
	color: #555;
}

#content h2,
#content h3,
#content h4 {
	margin-top: 1.5em;
	line-height: 1.3em;
}

#content-section h2 {
	color: var(--green);
	font-size: 23px;
	margin-bottom: 0.5em 0 0.5em 0;
}

#content-section h3 {
	color: var(--green);
	font-size: 18px;
	border-bottom: 1px dotted var(--gray);
	margin: 0.7em 0 ;
	padding-bottom: 0.25em;
}

#content h4 {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
}


#content ul.nav li {
	display: block;
	list-style: none;
	margin: 0;
	border-bottom: 1px dotted #ccc;
}

#content ul.nav li a {
	font-family: "Roboto", Arial, sans-serif;
	font-weight: bold;
	margin: 0;
}

#content ul.nav li p {
	margin: 1em 0;
}

#content .disclaimer {
	font-size: 11px;
	line-height: 17px;
	color: #777;
}

/* footer */

footer.uk-section {
	margin-top: 30px;
	background-color: #333;
}

#footer {
	clear: both;
	border: none;
	font-size: 0.9em;
}

#footer p,
#footer a,
#footer a:link,
#footer a:visited {
	color: white;
}

#footer p {
	text-align: left;
}

#footer a:hover {
	text-decoration: underline;
	color: var(--green);
}

#footer h3{
	font-size: 1.2em;
}

#footer ul, ol {
     padding-left: 0;
}

.uk-icon>* {
    transform: translate(0, 0);
    position: absolute;
    top: 50px;
    right: 30px;
}

.uk-link, a {
    color: var(--green);
    text-decoration: none;
    cursor: pointer;
}


/**
 * The edit link that appears when you are logged in.
 * It is recommended that you implement an edit button 
 * in your templates to make it easy to switch to and
 * from the admin control panel when editing pages. 
 *
 */

#edit-page {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 6px;
	background: var(--gray);
	color: #fff;
	display: block;
	font-weight: bold;
}

#edit-page:hover {
	background: #ffffcc;
	color: #000;
}


/**
 * Alignment styles that are used by the InputfieldTinyMCE for 
 * positioning images in bodycopy. If you are using this field type, 
 * you may want to include these or similar styles in your site.
 *
 */
.align_left {
	float: left;
	margin: 0 1em 0.25em 0;
}

.align_right {
	float: right;
	margin: 0 0 0.25em 1em;
}

.align_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}



/**
 * WireFatalError is a class that ProcessWire will use to output
 * fatal errors in the design, but only if debug mode is on, or if
 * you are logged in as a superuser. 
 *
 */
.WireFatalError {
	background: #a30000;
	color: #fff;
	padding: 1em;
	position: relative;
	z-index: 9999;
}


/* @group Sitemap */

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

ul.sitemap li {
	list-style-type: none;
}

ul.sitemap li::before{
	display: none;
}


.sitemap a:hover {
	color: var(--text-color);
}


.sitemap ul.secondary {
    margin-left: 25px;
}


/* @end */