/*
Theme Name:  My Child Theme. Child for Twenty Fourteen.
Theme URI:  https://wordpress.org/themes/twentyfourteen/
Description:  Child theme for the Twenty Fourteen theme.
Author:  spicycarrot
Textdomain:  twentyfourteen
Author URI:  https://spicycarrot.art/
Template:  twentyfourteen
Version:  3.9
License:  GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html                 
*/

.site {
	background-color: #ffffff00;
	max-width: 100vw;
	position: relative;
}

.site-header {
	background-color: #3b322d;
	position: relative;
	width: 100vw;
	z-index: 4;
}

.site-navigation a {
	color: #fff;
	display: block;
	text-transform: uppercase;
}

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

.site-navigation a:hover {
	color: #4a9b49;
}

.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: #ffa216;
	font-weight: 900;
}

.menu-toggle:before {
	color: #fff;
	background: #3b322d;
	content: "\f419";
	padding: 16px;
}

#secondary {
	background-color: #3b322d;
	border-top: 1px solid #000;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	color: rgba(255, 255, 255, 0.7);
	margin-top: -1px;
	padding: 0 10px;
	position: relative;
	z-index: 2;
}

@media screen and (min-width: 1008px) {
	.search-box-wrapper {
		padding-left: 182px;
	}

	.main-content {
		float: left;
	}

	.site-content {
		margin-right: 29.04761904%;
		margin-left: 182px;
	}

	.site-content .entry-header {
		margin-top: 0;
	}

	.site-content .has-post-thumbnail .entry-header {
		margin-top: 0;
	}

	.content-sidebar {
		margin-left: -29.04761904%;
		width: 29.04761904%;
	}

	.site:before {
		background-color: #3b322d;
		content: "";
		display: block;
		height: 100%;
		min-height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		width: 182px;
		z-index: 2;
	}
	#secondary {
		background-color: transparent;
		border: 0;
		clear: none;
		float: left;
		margin: 0 0 0 -100%;
		min-height: 100vh;
		width: 122px;
	}

	.primary-sidebar {
		padding-top: 0;
	}

	.site-description {
		display: block;
		margin: 0 0 18px;
	}

	.site-description:empty {
		margin: 0;
	}

	.secondary-navigation {
		font-size: 11px;
		margin: 0 -30px 48px;
		width: 201px;
	}
}
	
@media screen and (min-width: 1080px) {
	.search-box .search-field {
		width: 324px;
	}

	.site-content,
	.site-main .widecolumn {
		margin-left: 222px;
	}

	.site:before {
		width: 222px;
	}

	.search-box-wrapper,
	.featured-content {
		padding-left: 222px;
	}

	#secondary {
		width: 162px;
	}

	.secondary-navigation,
	.secondary-navigation ul ul {
		width: 201px;
	}

	.secondary-navigation ul li:hover > ul,
	.secondary-navigation ul li.focus > ul {
		left: 202px;
	}

	.slider .featured-content .entry-title {
		font-size: 33px;
	}

	.slider .featured-content .entry-header,
	.slider-control-paging {
		width: 534px;
	}

	.slider-control-paging {
		padding-left: 24px;
	}

	.slider-control-paging li {
		margin: 12px 12px 12px 0;
	}

	.slider-control-paging a {
		height: 24px;
		width: 24px;
	}

	.slider-control-paging a:before {
		top: 6px;
		left: 6px;
	}
}

	.site-footer {
	background-color: #3b322d;
	font-size: 12px;
	position: relative;
	z-index: 3;
	text-align: center
}
	
	.archive-header,
	.comments-area,
	.image-navigation,
	.page-header,
	.page-content,
	.post-navigation,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content footer.entry-meta {
		padding-right: 30px;
		padding-left: 30px;
		background-color: #ffeacf;
	}
	
	.site-content .entry-header {
	background-color: #ffeacf;
	padding: 0 10px 12px;
}
	
	@media screen and (min-width: 594px) {
	.site-content .entry-header {
		padding-right: 30px;
		padding-left: 30px;
		background-color: #ffeacf;
	}
}
		
.site-content .entry-content,
.site-content .entry-summary,
.page-content {
	padding: 12px 10px 0;
	background: #ffeacf;
}