@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700,900|Milonga);

/*
Theme Name: harvestmoonkc
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: harvestmoonkc
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

harvestmoonkc is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Colors
# Normalize
# Typography
# Elements
# Forms
# Layouts
	## Header
	## Search
	## News and Events feeds
	## About section
	## Page
	## Grids
	## Audio
	## Photo
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/

/*
Maroon #622114
Light maroon #8b442e
Brown #996028
Tan #ecb174
Dark blue #586e72
Light blue #95b1ac

/*

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #fff;
}

h1 {
	font-weight: 300;
	text-transform: uppercase;
	color: #fff;
}

h2 {
	font-weight: 300;
	font-size: 1.5em;
	margin: 0;
	color: #ecb174;
}	

h3 {
	font-family: 'Milonga', cursive;
	font-size: 1em;
	color: #95b1ac;
	line-height: 1.25em;
}

h6 {
	margin: 0;
	padding: 0;
}

p {
	margin-bottom: 1.5em;
	color: #fff;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #000; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

.ninja-forms-required-items {
	padding-bottom: .5em;
	font-size: .8em;
	color: #999; 
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.hmkc_header {
	position: relative;
	width: 100%;
	height: 10em;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#622114+0,712810+42,712810+56,5c1010+100 */
	background: #622114; /* Old browsers */
	background: -moz-linear-gradient(top,  #622114 0%, #712811 42%, #712811 56%, #622114 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #622114 0%,#712811 42%,#712811 56%,#622114 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #622114 0%,#712811 42%,#712811 56%,#5c1010 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#622114', endColorstr='#712811',GradientType=0 ); /* IE6-9 */
}

.hmkc_logo img {
	width: 250px;
  	position: absolute;
  	left: 50%;
  	margin: 0 0 0 -115px; /* previously 125, fix for nav alignment */
	z-index: 9999999;
}
@media only screen and ( max-width: 62.5em ) /* 1000 */ {
.hmkc_logo img {
	width: 200px;
  	left: 50%;
  	margin: 10px 0 0 -95px;  /* previously 125, fix for nav alignment */
}

}

@media only screen and ( max-width: 48.5em ) /* 776 */ {
.hmkc_logo img {
	width: 200px;
  	left: 50%;
  	margin: 0 0 10px -100px;  /* previously 125, fix for nav alignment */
}

}

@media only screen and ( max-width: 35em ) /* 560 */ {
.hmkc_header {
	position: relative;
	width: 100%;
	height: 8em;
}

.hmkc_logo img {
	width: 150px;
  	left: 50%;
  	margin: 0 0 10px -75px;
}

}

/*--------------------------------------------------------------
## Search
--------------------------------------------------------------*/
.search-field {
	background-color: transparent;
	background-image: url(images/search-icon-active.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 30px;
	margin: 5px 0 0 0;
	padding: 0 0 0 34px;
	position: relative;
	float: right;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
}

.search-field:focus {
	background-color: #fff;
	border: 1px solid #E6E7E8;
	cursor: text;
	outline: 0;
	width: 150px;
	font-size: 	14px;
	background-image: url(images/search-icon-active.png);
}

.search-submit { 
	display:none;
}

@media only screen and ( max-width: 62.5em ) /* 1000 */ {
	
	.search-field {
		margin: 3px 0 0 0;
	}
}

@media only screen and ( max-width: 35em ) /* 560 */ {
	.search-form {
		position:absolute;
		float: none;
		right: 20px;
		margin-top: 10px;
	}
	
	.search-field {
		margin: -3px 0 0 0;
		height: 25px;
	}
}

/*--------------------------------------------------------------
## News and Events
--------------------------------------------------------------*/

.news_events h1 {
	font-size: 1.5em;
}

.news_events .widget ul, .news_events .widget ol, .news_events .widget li {
	list-style: none;
	margin: 0 !important;
	padding: 0;
}

.news_events #recent-posts-3.widget span, .news_events .tribe-event-duration { /* Dates styling */
	display: block;
	font-size: .8em;
	color: #fff;
}

.news_events #recent-posts-3.widget li, .news_events .tribe-list-widget li { /* Space between items */
	margin: .75em 0 !important;
}

.news_events h4.tribe-event-title, .news_events #recent-posts-3.widget a {
	font-family: "Lato",sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: 700;
	margin: 0;
	padding: 0;
}

.bwg_slideshow_dots_container_0 {
    display: none !important;
}

#tribe-bar-form .tribe-bar-filters, .tribe-events-list-separator-month span, 
.tribe-events-loop .tribe-events-event-meta,
.single-tribe_events .tribe-events-schedule,
.single-tribe_events .tribe-events-event-meta {
	background: #000;
	border-color: #000;
}
#tribe-bar-form input[type="text"] {
	color: #CCC;
}

#tribe-bar-form .tribe-bar-submit input[type="submit"], 
#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type="submit"], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a {
	background: #586e72;	
}

p.tribe-events-widget-link {
	display: none;
}

/*--------------------------------------------------------------
## About section
--------------------------------------------------------------*/
div.wheat {
	background: url(images/wheat.png) #996028 no-repeat center bottom;
	text-align: center;
}
.wheat h1 {
	font-family: 'Milonga', cursive;
	font-size: 2.25em;
	line-height: 2em;
	margin-bottom: .25em;
	text-transform:none;
}
.wheat p {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 17px;
	line-height: 1.5em;
	max-width: 800px;
	margin: 0 auto 1em auto;
}

.wheat a.action_button {
	margin: 1em;
	vertical-align: middle;
	display: inline-block;
	position: relative;
}

/*--------------------------------------------------------------
## Footer section
--------------------------------------------------------------*/
div.guitars {
	background: url(images/blue-gradient.png) #586e72 repeat-x top;
	text-align: center;
	padding: 2em 0;
	margin-bottom: 1em;
}

#colophon {
	text-align: center;
	color: #fff;
	font-size: 1em;
}

/*--------------------------------------------------------------
## Page
--------------------------------------------------------------*/
.site-main {
	width: 1000px;
	margin: 0 auto;
}

.row { /* Add to a div wrapping a container for a full-width stripe of color or background */
	width: 100%;
	padding: 0 0 2em 0;
}

header img {
	margin-bottom:-6px;
}

.nopadding {
	padding: 0;
}

.page-template-page-2column .entry-header, .page-template-page-about .entry-header {
	position: relative;
}

.page-template-page-2column h1, .page-template-page-about h1 {
	position: absolute;
	font-size: 3em; 
	letter-spacing: 1px;
	left: .5em;
	bottom: .25em;
}

.page-template-page-2column .span_4_of_12 {
	text-align: right;
}

.page-template-page-about, .span_2_of_12 img {
	padding-top: .5em;
}


@media only screen and ( max-width: 62.5em ) /* 1000 */ {
	
	.page-template-page-2column h1, .page-template-page-about h1 {
	position: relative;
	font-size: 2em; 
	letter-spacing: 0;
	left: auto;
	bottom: auto;
	margin: 0 0 0 2%;
	}
	
	.page-template-page-2column .span_4_of_12, .blog .span_4_of_12 {
		display: none;
	}
	
	.site-main {
		width: 100%;
	}
	
	.row { /* Add to a div wrapping a container for a full-width stripe of color or background */
	width: 100%;
	padding: 0 0 1em 0;
	}
	.page-content, .entry-content, .entry-summary {
	margin: 0 !important;
	}
	
	header {
	margin-top: 3%;
	}
}

/*--------------------------------------------------------------
## Grids
--------------------------------------------------------------*/
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 4%;
}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.33%;
}
.span_10_of_12 {
  	width: 82.66%;
}

.span_9_of_12 {
  	width: 74%;
}

.span_8_of_12 {
  	width: 65.33%;
}

.span_7_of_12 {
  	width: 56.66%;
}

.span_6_of_12 {
  	width: 48%;
}

.span_5_of_12 {
  	width: 39.33%;
}

.span_4_of_12 {
  	width: 30.66%;
}

.span_3_of_12 {
  	width: 22%;
}

.span_2_of_12 {
  	width: 13.33%;
}

.span_1_of_12 {
  	width: 4.666%;
}


/*  GO FULL WIDTH AT LESS THAN 400 PIXELS */


@media only screen and (max-width: 650px) {
	.col, .col:first-child /* all browsers except IE6 and lower */ { 
		margin: 1% 2%;
	}
	.span_12_of_12 {
		width: 96%; 
	}
	.span_11_of_12 {
		width: 96%; 
	}
	.span_10_of_12 {
		width: 96%; 
	}
	.span_9_of_12 {
		width: 96%; 
	}
	.span_8_of_12 {
		width: 96%; 
	}
	.span_7_of_12 {
		width: 96%; 
	}
	.span_6_of_12 {
		width: 96%; 
	}
	.span_5_of_12 {
		width: 96%; 
	}
	.span_4_of_12 {
		width: 96%; 
	}
	.span_3_of_12 {
		width: 96%; 
	}
	.span_2_of_12 {
		width: 96%; 
	}
	.span_1_of_12 {
		width: 96%;
	}
}

/*--------------------------------------------------------------
## Audio player
--------------------------------------------------------------*/
.teal {
	background: #95b1ac;
	padding: 2%;
}
.teal h1 {
	color: #333;
	margin: 0;
	padding: 0;
	line-height: .5em;
	text-align: right;
}

@media only screen and ( max-width: 62.5em ) /* 1000 */ {
.teal {
	display: none;
}
}

/*--------------------------------------------------------------
## Photo gallery
--------------------------------------------------------------*/
#content .slideshow-window, .jetpack-slideshow .slideshow-window {
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;

}
@media only screen and ( max-width: 62.5em ) /* 1000 */ {

}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #ecb174;
	text-decoration: none;
}

a:visited {
	color: #ecb174;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #fff;
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

a.action_button {
	padding: .5em 1em;
	border: 1px #fff solid;
	color: #fff;
	line-height: 1.5em;
	font-weight: 700;
}

a.action_button:hover,
a.action_button:focus,
a.action_button:active {
	background: #586e72;
	text-decoration: none;
}
	

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly */

#site_navigation {
	border: 1px #8b442e solid; /* rules top and bottom - Light Maroon*/
	border-right: none;
	border-left: none;
	position: absolute; 
	top: 30%; 
	width: 100%;
	z-index: 1000;
	text-align: center;

}

#site_navigation > a {
	display: none;
}

#site_navigation ul {
	list-style: none;
}

#site_navigation a, #site_navigation a:link, #site_navigation a:visited {
    text-decoration: none;
	color: #fff; /* Color of text */
}


#site_navigation li a {
	font-weight: 300;
	text-transform: uppercase;
	font-size: .9em;
	display: block;
	text-decoration: none;
}

#site_navigation .menu-item-has-children a:after { /* Arrow for next layer of menu */
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #8b442e; /* Arrow color */
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
}

#site_navigation .menu-item-has-children .sub-menu a:after {
	border: none;
	display: inherit;
	position: inherit;
	right: auto;
}

/* first level */

#site_navigation > ul {
	width: 1000px;
	margin: 0 auto;
	padding-left: 0;
}
#site_navigation > ul > li {
	display: inline-block;
	zoom: 1; /*inline-block fix for IE*/
    *display: inline; /*inline-block fix for IE*/
	position: relative;
}

#site_navigation > ul > li:nth-of-type(3) {
	margin-right: 250px;
}
#site_navigation > ul > li > a {
	height: 100%;
	font-size: 1em; /* 24 */
	line-height: 1.5em; /* 60 (24) */
	text-align: center;
	padding: 1em 1.5em;
	width: auto;
}

#site_navigation > ul > li:hover > a,
#site_navigation > ul:not( :hover ) > li.active > a,
#site_navigation .current_page_item li a {
	/*font-weight: 700; 
	color: #ecb174; /* Peach - Rollover color */
	background: #8b442e;
}

/* second level */

#site_navigation li ul {
	background-color: #8b442e; /* Second layer background color - Light Maroon */
	display: none;
	font-size: .8em;
	position: absolute;
	top: 100%;
	margin: 0;
	padding: 0;
	min-width: 138px;
	z-index: 9999;
}

#site_navigation li:hover ul {
	display: block;
	left: 0;
	right: 0;
}

#site_navigation li:not( :first-child ):hover ul {
	left: -1px;
}

#site_navigation > ul > li > ul > li {
	width: auto;
	height: 100%;
	/*float: left;*/
}

#site_navigation li ul a {
	font-size: 1em; /* 20 */
	border-top: 1px solid #622114; /* Second layer divider color - Maroon */
	padding: 5px 10px;
	margin: 0;

}

#site_navigation li ul li a:hover,
#site_navigation li ul:not( :hover ) li.active a {
	background-color: #996028; /* Second layer rollover color - Tan */
}


@media only screen and ( max-width: 62.5em ) /* 1000 */ {
	#site_navigation {
		margin: 0;
		top: 35%;
	}
	
	#site_navigation > ul {
		display: block;
		width: 100%;
		margin: 0;
	}
	
	#site_navigation > ul > li:nth-of-type(3) {
		margin-right: 200px;
	}
	
	#site_navigation > ul > li > a {
		line-height: 1em; /* 60 (24) */
		font-size: .8em;
		padding: 1em;
	}
	
	#site_navigation li ul {
		margin: 0 0 0 -30px;
		min-width: 150px;
		z-index: 9999;
	}
	
	#site_navigation li ul a {
		font-size: .8em; /* 20 */
	}
}

@media only screen and ( max-width: 48.5em ) /* 776 */ {
	#site_navigation {
		top: auto;
		bottom: 0;
	}
	#site_navigation > ul > li:nth-of-type(3) {
		margin-right: 0;
	}
	
}


@media only screen and ( max-width: 35em ) /* 560 */ {
	#site_navigation {
		position: relative;
		top: auto;
		left: auto;
		margin-top: 100px;
		border: none;
		background-color: #8b442e; /* Menu toggle button color - Light Maroon */

	}
	#site_navigation > a {
		width: 2.5em; 
		height: 2.5em;
		text-align: left;
		text-indent: -9999px;
		background-color: #8b442e; /* Menu toggle button color - Light Maroon */
		position: relative;
	}
	#site_navigation > a:before,
	#site_navigation > a:after {
		position: absolute;
		border: 2px solid #fff;
		top: 35%;
		left: 25%;
		right: 25%;
		content: '';
	}
	#site_navigation > a:after {
		top: 60%;
	}

	#site_navigation:not( :target ) > a:first-of-type,
	#site_navigation:target > a:last-of-type {
		display: block;
	}

	/* first level */

	#site_navigation > ul {
		height: auto;
		display: none;
		position: relative;
		left: 0;
		right: 0;
		margin: 0;
		background-color: #996028; /* Menu toggle button color - Tan */
	}
	#site_navigation:target > ul {
		display: block;
	}
	#site_navigation > ul > li {
		width: 100%;
		float: none;
	}
	#site_navigation > ul > li > a {
		height: auto;
		line-height: 2.5em;
		text-align: left;
		padding: 0 0.833em; /* 20 (24) */
	}
	#site_navigation > ul > li:not( :last-child ) > a {
		border-right: none;
		border-bottom: 1px solid #622114;
	}

	/* second level */

	#site_navigation li ul {
		position: static;
		padding: 0;
		background-color: #8b442e; /* Menu toggle button color - Light Maroon */
	}
	
	#site_navigation > ul > li > ul > li > a {
		padding: .333em 0.833em;
	}
	
	#site_navigation > ul > li > ul > li:not( :last-child ) > a {
		border-right: none;
		border-bottom: 1px solid #996028;
	}
	
	#site_navigation li ul li a:hover,
	#site_navigation li ul:not( :hover ) li.active a {
	background-color: #622114; /* Second layer rollover color - Maroon */
}
		
}

/*--------------------------------------------------------------
## Other navigation
--------------------------------------------------------------*/
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.home .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}