/*-------------------*/
/*--- PAGE LAYOUT ---*/
/*-------------------*/
/* main background color */
body {
	background-color: #3c332a;
	line-height: 1.25;
}

/* to center site */
.site {
	margin-right: auto;
	margin-left: auto;
}

/* page width */
.site, .site-header {
	max-width: 1100px;
}

/* full-width content area */
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	max-width: 100%;
}

/* remove top padding */
.content-area {
	padding-top: 0;
}

/*--------------*/
/*--- HEADER ---*/
/*--------------*/
/* borders bracketing top menu bar */
#site-header, .site-header {
	border-bottom: 1px solid black;
}

/* set menu bar background color */
.header-main, .site-header {
	background-color: #aa9b88;
}

/* prevent top menu from dropping below site title. Subtract width of menu + search button */
.site-title {
	max-width: -webkit-calc(100% - 620px);
	max-width: calc(100% - 620px);
}

.search-toggle {
	background-color: #776855;
}

.search-toggle:hover, .search-toggle.active {
	background-color: #776855;
}

.search-box {
	width: 320px;
	border-bottom: 1px solid black;
	margin-top: 1px;
	background-color: #776855;
	float: right;
}

@media screen and (min-width: 1008px) {
	.search-box {
		border-left: 1px solid black;
	}
}

/*---------------------*/
/*--- MENU SETTINGS ---*/
/*---------------------*/
/* menu set font size, align left, regular case font */
.primary-navigation {
	font-size: 14px;
	text-transform: none;
	margin: 0;
}

.primary-navigation .nav-menu {
	border: 0;
}

/* on mouse over */
.site-navigation a {
	color: #000;
	text-transform: none;
}

.site-navigation {
	color: #fff;
}

/* currently activated page and submenu item */
.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
	color: #fff;
}

/* styles for full menu */
@media screen and (min-width: 783px) {
	.primary-navigation ul ul {
		background-color: #aa9b88;
		border: 1px solid black;
	}
	
	.primary-navigation ul ul a:hover,
					.primary-navigation ul ul li.focus >a {
		background-color: #776855;
	}
	
	.primary-navigation li:hover > a,
					.primary-navigation li.focus > a {
		background-color: #776855;
	}
}

/* styles for mobile menu */
@media screen and (max-width: 782px) {
	.site-navigation li {
		border: 0;
	}
	
	.site-navigation ul ul {
		margin-left: 30px;
		list-style: circle;
	}
}

/* right-justify menu drop-down */
.primary-navigation li.rightmenu:hover ul.sub-menu {
	left: auto;
	right: 0;
}

/*-----------------*/
/* --- SIDEBAR --- */
/*-----------------*/
.site:before {
	background-color: #776855;
}

#secondary {
	background-color: #776855;
/*background: linear-gradient(to bottom, #776855, #aa9b88);
	min-height: 500px;*/
}

/* set top padding for left-side widgets */
.widget-area {
	padding-top: 20px;
}

.primary-sidebar {
	color: #fff;
}

.primary-sidebar .widget .widget-title {
	margin-bottom: 10px;
	text-transform: none;
	font-style: italic;
	border-bottom: 3px solid #aa9b88;
	font-size: 14px;
	background-color: none;
}

.widget a:hover {
	color: #c5050c;
}

.primary-sidebar ul {
	margin-left: 10px;
	list-style: disc;
}

/* change padding amount */
@media screen and (min-width: 1008px) and (max-width: 1079px) {
	#secondary {
		padding-left: 10px;
		padding-right: 10px;
		width: 162px;
	}
}

/*--------------*/
/*--- FOOTER ---*/
/*--------------*/
/* make footer draw over left sidebar */
#site-generator {
	position: relative;
	z-index: 2;
	background: #685b4a;
	color: #adadad;
	border-top: 4px solid #9b0000;
}

/* force hyperlink colors in footer */
#site-generator a {
	color: #f9f9f9;
	font-weight: bold;
}

#site-generator a:hover {
	color: #c5050c;
}

#site-generator hr {
	margin: 15px;
	height: 0;
}

/*--------------*/
/*--- IMAGES ---*/
/*--------------*/
/*keep images from appearing off to the side */
.full-width .site-content blockquote.alignleft,
.full-width .site-content img.size-full.alignleft,
.full-width .site-content img.size-large.alignleft,
.full-width .site-content img.size-medium.alignleft,
.full-width .site-content .wp-caption.alignleft {
	margin: 0 24px 24px 0;
}

.full-width .site-content blockquote.alignright,
.full-width .site-content img.size-full.alignright,
.full-width .site-content img.size-large.alignright,
.full-width .site-content img.size-medium.alignright,
.full-width .site-content .wp-caption.alignright {
	margin: 0 0 24px 24px;
}

/* captioned image border */
.wp-caption {
	padding: 5px;
	border: 1px solid #ddd6ce;
	background: #eeebe7;
	clear: both;
}

.wp-caption-text {
	text-align: center;
	margin-top: 6px;
	margin-bottom: 0;
}

/*--------------*/
/*--- TABLES ---*/
/*--------------*/
/* set table margins */
table, tbody, th, tr, td {
	margin: 0;
	vertical-align: top;
}

/* no table borders */
table, th, td {
	border: none;
}

/* banded table style */
table.colortable tr:nth-child(odd) {
	background: #eae6e1;
}

table.colortable tr:nth-child(even) {
	background: #f4f3f0;
}

table.colortable th {
	vertical-align: middle;
	text-transform: none;
	background-color: #dfdad2;
	border-top: 1px solid #d5cdc3;
	border-bottom: 1px solid #d5cdc3;
}

/* table add borders */
table.colortable.borders {
	border-top: 1px solid #c0b4a5;
	border-left: 1px solid #c0b4a5;
}

table.colortable.borders td,
table.colortable.borders th {
	border-right: 1px solid #c0b4a5;
	border-bottom: 1px solid #c0b4a5;
}

table.colortable.borders th {
	background-color: #d5cdc3;
}

/*----------------------*/
/*--- CONTENT STYLES ---*/
/*----------------------*/
/* page title style */
.site-content .entry-title {
	margin: 20px 0;
	text-transform: none;
	font-weight: normal;
	padding-bottom: 4px;
	border-bottom: 10px solid #ddd6ce;
}

@media screen and (max-width: 672px) {
	.site-content .entry-header {
		padding-right: 12px;
		padding-left: 12px;
	}
}

/* link colors */
.entry-content a:link {
	text-decoration: none;
}

/* paragraph style */
.entry-content p {
	margin-bottom: 1em;
}

/* heading styles */
h2, h3, h4, h5, h6 {
	margin: 1.5em 0 .5em;
}

h3, h5 {
	clear: none;
}

h2 {
	padding: 8px 10px;
	border: 1px solid #ddd6ce;
	background-color: #eeebe7;
	overflow: hidden;
	font-size: 26px;
}

h3 {
	padding-bottom: 2px;
	border-bottom: 3px double #ddd6ce;
	overflow: hidden;
	font-size: 24px;
	font-weight: normal;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h5:after {
	content: ' »';
}

h6 {
	font-size: 16px;
	margin-bottom: 2px;
}

/* hr style */
hr {
	margin: 36px 0 10px;
	height: 2px;
	clear: both;
}

.breadcrumb-container {
	margin-bottom: 1em;
}

/*--------------*/
/*--- CUSTOM ---*/
/*--------------*/
/* colored, bordered box with adjustable columns */
.box {
	padding: 10px;
	border: 1px solid #ddd6ce;
	background: #eeebe7;
	overflow: hidden;
}

.tablebox {
	padding: 10px;
	border: 1px solid #ddd6ce;
	overflow: hidden;
	margin-top: 1.5em;
	margin-bottom: 1em;
	font-size: 14px;
	background: #f4f3f0;
}

.tablebox table {
	margin: 0;
	font-size: 13px;
}

/* style for resources box */
.resbox {
	margin: 2em 0 1em;
	padding: 10px 15px 0;
	border: 1px solid #ddd6ce;
	background: #eeebe7;
	overflow: hidden;
	clear: both;
}

.resbox h3, .resbox h5 {
	font-weight: lighter;
}

.author {
	font-style: italic;
	color: #adadad;
	margin-bottom: 1.5em;
	font-weight: lighter;
}

/* taxonomy display */
.taxon {
	margin-bottom: 1.5em;
	border-left: 5px solid #9b0000;
	overflow: hidden;
}

.taxon div {
	margin-left: 10px;
}

.taxon div div {
	margin-left: 15px;
}

.taxon p {
	margin-bottom: 0 !important;
}

.order:before {
	content: 'Order ';
	color: #adadad;
}

.family:before {
	content: 'Family ';
	color: #adadad;
}

.tribe:before {
	content: 'Tribe ';
	color: #adadad;
}

.genus:before {
	content: 'Genus ';
	color: #adadad;
}

.species:before {
	content: 'Species ';
	color: #adadad;
}

/*------------------*/
/*--- RESPONSIVE ---*/
/*------------------*/
/* small screen tweak */
@media screen and (max-width: 450px) {
	.entry-content img {
		width: 100% !important;
	}
	
	.wp-caption {
		width: -webkit-calc(100% - 12px) !important;
		width: calc(100% - 12px) !important;
	}
	
	body {
		background: #fff;
	}
	
	h2, h3, h4, h5, h6 {
		clear: both;
	}
}

/* Turn off the default site description, because it is in the menu bar above - added 7/31/2019 */
.site-description {
display: none;
}