/*
Theme Name: Skillcrush Starter Theme -- 00 Activate the Skillcrush Starter Theme Challenge
Author: The Skillcrush Team
Author URI: http://skillcrush.com
Description: This theme is for use in Skillcrush 103, Skillcrush 203 and the Skillcrush WordPress Developer Career Blueprint.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: skillcrushstarter
*/

/* http://meyerweb.com/eric/tools/css/reset/
	v2.0 | 20110126
	License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: inside;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/** Clearfix **/
 .clearfix:before,
 .clearfix:after {
     content: " ";
     display: table;
	 table-layout: fixed;
 }

 .clearfix:after {
     clear: both;
 }
/** end CSS reset **/

/** theme styles start here! **/

/* FONTS */
@font-face {
	font-family: 'OpenSans';
	src: url('fonts/opensans-regular.eot');
	src: url('fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/opensans-regular.woff') format('woff'),
		url('fonts/opensans-regular.ttf') format('truetype');
	font-weight: normal;
		font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans';
	src: url('fonts/opensans-bold.eot');
	src: url('fonts/opensans-bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/opensans-bold.woff') format('woff'),
		url('fonts/opensans-bold.ttf') format('truetype');
	font-weight: bold;
		font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Amaranth';
	src: url('fonts/amaranth-regular.ttf') format('truetype');
	font-weight: normal;
		font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Amaranth';
	src: url('fonts/amaranth-bold.ttf') format('truetype');
	font-weight: bold;
		font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Amaranth';
	src: url('fonts/amaranth-italic.ttf') format('truetype');
	font-weight: regular;
		font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Amaranth';
	src: url('fonts/amaranth-bolditalic.ttf') format('truetype');
	font-weight: bold;
		font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('fonts/lato-black.ttf') format('truetype');
	font-weight: bold;
		font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('fonts/lato-blackitalic.ttf') format('truetype');
	font-weight: bold;
		font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('fonts/lato-bold.ttf') format('truetype');
	font-weight: bold;
		font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('fonts/lato-bolditalic.ttf') format('truetype');
	font-weight: bold;
		font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('fonts/lato-italic.ttf') format('truetype');
	font-weight: normal;
		font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('fonts/lato-light.ttf') format('truetype');
	font-weight: normal;
		font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('fonts/lato-lightitalic.ttf') format('truetype');
	font-weight: normal;
		font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('fonts/lato-regular.ttf') format('truetype');
	font-weight: normal;
		font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('fonts/lato-thin.ttf') format('truetype');
	font-weight: normal;
		font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('fonts/lato-thinitalic.ttf') format('truetype');
	font-weight: normal;
		font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'SigmarOne';
	src: url('fonts/sigmarone-regular.ttf') format('truetype');
	font-weight: regular;
		font-weight: 400;
	font-style: normal;
}

/* End FONTS */

/* MAIN STYLES */
header,
footer,
section,
aside,
time,
article {
	display: block;
}
a {
	text-decoration: none;
}
b,
strong {
	font-weight: bold;
	font-weight: 700;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
p {
	font-size: 16px;
	font-size: 1em;
	line-height: 1.75;
	font-family: 'Lato', Arial, sans-serif;
	letter-spacing: -0.01em;
	margin: 1em auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 2em 0 .5em;
	font: 700 1em/1.75 'Lato', Arial, sans-serif;
	letter-spacing: -0.034em;
}
h1 {
	font-size: 24px;
	font-size: 1.5em;
	line-height: 2.25;
}
h2 {
	font-size: 20px;
	font-size: 1.25em;
	line-height: 2;
}
h3 {
	font-size: 18px;
	font-size: 1.125em;
	line-height: 1.75;
}
h4 {
	font-size: 16px;
    font-size: 1em;
}
 h5 {
	 font-size: 16px;
	 font-size: 1em;
	 text-transform: uppercase;
}
ul {
	list-style: disc;
	/* margin: 1em 0 1em 1.125em; */
}
blockquote {
	margin: 2em;
	padding: 0 1em;
}
blockquote p {
	font: 1.6em/1.6 'Lato', Arial, sans-serif;
}
blockquote p:before {
	content: '“';
	font: 1.5em/1 'Lato', Arial, sans-serif;
	margin-left: -.6em;
	padding-right: .25em;
}
blockquote p:after {
	content: '”';
	font: 1.5em/1 'Lato', Arial, sans-serif;
	margin-right: -1em;
	padding-left: .25em;
}
blockquote footer {
	font: 1.25em/1 'Lato', Arial, sans-serif;
}
blockquote footer:before {
	content: '—';
}
figure, img {
	max-width:100%;
	/* width: 100%; */
	/* max-width: 850px; made sidebar thumbnail blurry and huge */
	height: auto;
	margin-bottom: 2em;
	/* tried to center with auto margins but didn't work
	margin-left:auto;
	margin-right:auto; */
}
iframe {
	width: 100%;
}
input {
	font: 1em 'Lato', Arial, sans-serif;
	line-height: 2;
	height: 2.3125em;
	border: 1px solid #BFBFBF;
	margin: 0;
	padding: 0.3em 0.625em;
	background: #fff;
	vertical-align: middle;
}
input[type="button"],
input[type="submit"] {
	font: 700 1.125em/3.5 'Lato', Arial, sans-serif;
	color: #fff;
	background: #45ac9d;
	border: none;
	padding: 0 2em;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
}
/* End MAIN STYLES */

/* BODY STYLES */
html,
body {
	height: 100%;
	width: 100%;
	margin: 0;
	}

body {
	background: #fff;
	border-top: 6px solid #4d7833;
	color: #3b3b3b;
	font-size: 16px;
	font-size: 1em;
	line-height: 1.65;
	font-family: 'Lato', Arial, sans-serif;
	letter-spacing: -0.01em;
}

header {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
		margin: 0;
	padding: 1em 0;
	text-align: center;
}
header .top-nav {
	flex-basis: 70%;
}

header .custom-logo-link {
	display: block;
	flex-basis: 100%
}

header a.custom-logo-link {
	margin: 0 3em;
}

img.custom-logo {
	padding-top: 1em;
	width: 100%;
	max-width: 500px;
}

.menu-header-menu-container {
	width: 500px;
	margin: 0 2em;
}

header .top-nav ul {
	display: flex;
	justify-content: space-between;
	width: 100%;
	list-style-type: none;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	word-spacing: .5em;
}

/* header .top-nav li {
	padding: 0 .5em;
} */

@media (min-width: 760px) {

	header {
		justify-content: space-between;
	}

	header .top-nav {
		flex-basis: 30%;
	}

	header .custom-logo-link {
		display: block;
		flex-basis: 30%
	}
	}

#page {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.home-wrapper {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}
.page-header {
	border-bottom: 1px solid #bfbfbf;
	padding-bottom: 1em;
	padding-top: 2.3125em;
	overflow: hidden;
}
.page-header .custom-logo {
	color: inherit;
	float: left;
}
.page-header .custom-logo .title {
	color: #4d7833;
	font: 700 1.88em/1.3125 'SigmarOne', Arial, sans-serif;
	display: block;
	padding-left: 1.375em;
	/****text-transform: uppercase;****/
}
.page-header .custom-logo .sub-title {
	color: inherit;
	display: block;
	padding-left: 2.75em;
}
/* ATTEMPT AT A LOGO IN HEADER
.page-header .custom-logo .logo-image {
	float: left;
	width: 2%;
	max-width: 50px;
} */

.custom-logo-link {
	width: 100%;
	max-width: 500px;
}

a.custom-logo-link {
  max-width: 100% !important;
  max-height: 200px !important;
}
/* TRYING TO INCREASE SIZE OF LOGO */

img.custom-logo {
  max-width: 100% !important;
  max-height: 200px !important;
}
/* TRYING TO INCREASE SIZE OF LOGO */

.menu-header-menu-container {
	/* padding-top: 1.375em; */
	display: inline-block;
	width: 100%;
	/* max-width: 600px; */
}
/* .menu-header-menu-container ul {
	margin: 0;
	background: #eeeeee;
} */

.menu-header-menu-container ul li a {
	color: inherit;
	font-size: 1em;
	line-height: 3em;
	margin: 0 1em;
	padding: .25em 1em;
	text-transform: uppercase;
}
/* .page-header .top-nav ul li:hover > a{
	border-bottom: 2px solid #4d7833;
} */

.menu-header-menu-container ul li:hover > a{
	border-bottom: 2px solid #4d7833;
}

#menu-header-menu.menu {
	width: 583px;
}

.page-header .top-nav ul ul {
	text-indent: 2em;
	margin-bottom: 1em;
}
#main {
	margin-bottom: 2.3125em;
	/* margin-left: 3em; */
}
.main-content {
	vertical-align: top;
	/* padding: 2em 14em 0 0; */
}
#sidebar {
	display: none;
	/* margin-right: 2.5em; */
}

/* media queries */
@media (min-width: 768px) {
	.page-header .top-nav {
		float: right;
		display: block;
		width: auto;
		text-align: center;
	}
	.page-header .top-nav ul li {
		display: block;
		float: left;
	}
	.page-header .top-nav ul li:hover {
		background: #eeeeee;
	}
	.page-header .top-nav ul ul {
		display: block;
		opacity: 0;							/* hide all sub menus from view but allow to ease in and out */
		visibility: hidden;
		position: absolute;
		z-index: 9999;
		-webkit-transition: all 0.5s ease;	/* so it will ease back out */
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		padding: 0.5em 0;
		text-indent: 0;
	}
	.page-header .top-nav ul ul li {
		float: none;
		text-align: left;
	}
	.page-header .top-nav ul li:hover > ul {
		opacity: 1;							/* display sub menus */
		visibility: visible;
		-webkit-transition: all 0.5s ease;	/* so it will ease in */
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		background: #eeeeee;
	}
	#main section {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
	}
	.main-content {
		flex-grow: 1;
	}
	#sidebar {
		display: block;
		width: 31%;
		min-width: 15em;
		border-left: 1px solid #bfbfbf;
		/* margin-left: 3em; */
	}
}
/* End BODY STYLES */



/* BLOG STYLES */
.post-entry {
	border-bottom: 1px solid #bfbfbf;
	padding-bottom: 1.875em;
	margin: 0 1em 1.875em 1em;
	padding-right: .5em;
}
.entry-title {
	margin: 0.25em 0 1em;
	font: 700 1.5em/1.5 'Roboto', Arial, sans-serif;
	letter-spacing: -0.034em;
}
.entry-title a {
	color: inherit;
	text-decoration: none;
}
.entry-title a:hover {
	color: #4d7833;
}
.entry-time {
	color: #4d7833;
	font: 600 .82em/1.65 'Roboto', Arial, sans-serif;
}
.category .page-title {
	font: 700 1.5em/2 'Roboto', Arial, sans-serif;
	letter-spacing: -0.034em;
	margin: 0;
}
.category .page-title span {
	color: #4d7833;
}
.entry-summary a {
	color: #4d7833;
	text-decoration: underline;
	font-weight: 600;
}
.entry-summary a:hover {
	text-decoration: none;
}
.wp-caption {
	display: inline;
}
.wp-caption img {
	margin: 1em 0 0;
}
.wp-caption-text {
	text-align: center;
	font-style: italic;
	font-size: .8em;
	color: #a6a6a6;
}
.post-entry .read-more a{
	font-size: 13px;
	font-size: .8em;
	font-family: 'Lato', Arial, sans-serif;
	color: #4d7833;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 1em;
}
.post-entry .read-more span {
	color: #3b3b3b;
}
.post-entry .read-more a:hover {
	border-bottom: 1px solid #4d7833;
}
.entry-footer .entry-terms {
	color: #a6a6a6;
	font-size: .82em;
}
.entry-footer {
	margin-top: 1.5em;
}
.entry-footer .entry-terms a {
	color: #3b3b3b;
	font-weight: 600;
	text-decoration: none;
	text-transform: capitalize;
}
.entry-footer .entry-terms a:hover {
	border-bottom: 1px solid #4d7833;
}
.entry-terms span {
	font-weight: normal;
	color: #a6a6a6;
}
.entry-footer .entry-terms + .entry-terms:before {
	content: '/';
	padding: 0 .625em;
}
.main-content .post-entry:last-child {
	border-bottom: 0;
}
/* End BLOG STYLES */



/* SIDEBAR STYLES */
#sidebar {
	padding-top: 1.25em;
}
#sidebar ul {
	margin: 0;
}
#sidebar li {
	list-style-type: none;
}
#sidebar .widget {
	padding: 1.75em 1.8em 0;
}
#sidebar .widget:last-of-type {
	padding-bottom: 1.75em;
}
#sidebar .widget_text {
	border-bottom: 1px solid #BFBFBF;
	padding: 1.75em 1.8em;
}
#sidebar .widget_text img {
	max-width: 175px;
	margin: auto;
	display: block;
	border-radius: 50%; /* style not defined by the challenge code but an option to match image to site design */
}
#sidebar .widget_text a {
	color: #3b3b3b;
	font-weight: 700;
	text-decoration: underline;
}
#sidebar .widget_search {
	border-bottom: 1px solid #BFBFBF;
	padding: 1.75em 1.8em;
}
#sidebar .widget_search input[type="text"] {
	width: 79%;
	font: .875em/1.75em 'Lato', Arial, sans-serif;
	font-style: italic;
	border-top: 1px solid #a6a6a6;
	border-bottom: 1px solid #a6a6a6;
	border-left: 1px solid #a6a6a6;
	border-right: none;
	height: 2.6em;
	padding: .5em;
	vertical-align: middle;
}
#sidebar .widget_search input[type="submit"] {
	width: 13%;
	border-top: 1px solid #a6a6a6;
	border-bottom: 1px solid #a6a6a6;
	border-right: 1px solid #a6a6a6;
	border-left: none;
	font: .875em/1.75em 'Lato', Arial, sans-serif;
	height: 2.6em;
	background: url('img/white-arrow-right.png') no-repeat center #4d7833;
	color: #ffffff;
	margin-left: -5px;
	padding: 0;
	vertical-align: middle;
}
#sidebar .widget_categories h2,
#sidebar .widget_archive h2 {
	font: 700 .875em/1.75 'Lato', Arial, sans-serif;
	color: #4d7833;
	margin: 0 auto 1.25em;
}
#sidebar .widget_categories ul li,
#sidebar .widget_archive ul li {
	font: 600 .875em/1.5 'Lato', Arial, sans-serif;
	color: #3b3b3b;
	margin-bottom: 1em;
}
#sidebar .widget_categories ul li a,
#sidebar .widget_archive ul li a {
	color: #3b3b3b;
}
/* End SIDEBAR STYLES */


/* NEXT / PREV STYLES */
#navigation {
	background: #fff;
	border: solid #bfbfbf;
	border-width: 1px 0;
	clear: both;
	font: .8em/4.08 'Lato', Arial, sans-serif;
	overflow: hidden;
	position: relative;
	z-index: 1;
	margin: 0 2em 2em 2em;
	text-align: center;
}
#navigation .left {
	display: inline;
	float: left;
}
#navigation .right {
	display: inline;
	float: right;
}
#navigation .left a,
#navigation .right a {
	color: #4d7833;
	text-decoration: none;
	font-weight: 600;
	text-transform: uppercase;
	/* margin: 0 4em; */
}
#navigation .left a span,
#navigation .right a span {
	color: #150300;
}
#navigation .left a span {
	padding-left: .5em;
}
#navigation .right a span {
	padding-right: .5em;
}
#navigation .left a:hover,
#navigation .right a:hover {
	text-decoration: none;
}
#navigation .left a:hover span,
#navigation .right a:hover span {
	text-decoration: underline;
}
#navigation .pagination {
	display: none;
	color: #a6a6a6;
}

/* media queries */
@media (min-width: 400px) {
	#navigation .pagination {
		display: inline;
	}
}
/* End NEXT / PREV STYLES */



/* SINGLE POST STYLES */
.single .post-entry {
	border-bottom: none;
}
.author-name {
	text-transform: capitalize;
}
.comments-area {
	margin: 0 5em 2em 2em;
	clear: both;
	overflow: hidden;
}
.comments-area .comments-title {
	border: solid #bfbfbf;
	border-width: 1px 0;
	color: #150300;
	font: 600 .8em/3 'Lato', Arial, sans-serif;
	height: 3em;
	text-transform: uppercase;
	margin: 1em 0;
}
.comment-list {
	margin-bottom: 3.125em;
}
.comment-list .comment-head {
	margin: 1.5em 0 .625em;
}
.comment-list .comment {
	font: .8em/2.08 'Lato', Arial, sans-serif;
	border-bottom: 1px solid #BFBFBF;
	padding-bottom: 1.5em;
}
.comment-list .comment .comment-meta {
	float: right;
}
.comment-list .comment a {
	color: #4d7833;
	text-decoration: none;
}
.comment-list .comment a:hover {
	text-decoration: underline;
}
.comment-list .comment .comment-author {
	font-weight: 600;
	text-transform: capitalize;
}
.comments-area .comment-reply-title {
	color: #4d7833;
	font: 700 1.176em/1.75 'Lato', Arial, sans-serif;
	text-transform: uppercase;
	margin: 2em 0 1em;
}
.comments-area .comment-reply-title a {
	color: #4d7833;
}
.comments-area .comment-reply-title a:hover {
	text-decoration: underline;
}
.comments-area .comment-form p {
	font: .8em/2.08 'Lato', Arial, sans-serif;
	margin: 0 auto 2em;
}
.comment-form-author {
	width: 48%;
	float: left;
}
.comment-form-email {
	width: 48%;
	float: right;
}
.comment-form-url {
	display: none;
}
.comment-form input {
	width: 100%;
	line-height: 3em;
	text-indent: 1em;
	border: 1px solid #BFBFBF;
}
.comments-area .comment-form p a {
	color: #4d7833;
}
.comments-area .comment-form p a:hover {
	text-decoration: underline;
}
.comments-area .comment-form label {
	display: block;
	font: 600 1em 'Lato', Arial, sans-serif;
	margin: .625em 0;
}
.comments-area .comment-form textarea {
	height: 11.25em;
	width: 100%;
	resize: none;
	font: 1em/1.75 'Lato', Arial, sans-serif;
	padding: .5em 1em;
	border: 1px solid #BFBFBF;
}
.comments-area .comment-form input[type="submit"] {
	background: #4d7833;
	width: 12.875em;
	height: 3.5em;
	font: 700 1.25em/2.5 'Lato', Arial, sans-serif;
	color: #fff;
	margin: 1.5em 0;
	float: right;
}
/* End SINGLE POST STYLES */


/* PAGE STYLES*/
.page .entry-title {
    font-weight: 500;
    text-align: center;
    border-bottom: 0.07em solid #4d7833;
    padding-bottom: .5em;
}
/* End PAGE STYLES */


/* PAGE STYLES and CUSTOM TEMPLATE STYLES*/
.page .entry-title {
    font-weight: 500;
    text-align: center;
    border-bottom: 0.07em solid #4d7833;
    padding-bottom: .5em;
}
.page-template-full-width .page-header {
    border-bottom: none;
}
.page-template-full-width .entry-title {
    font-size: 2.5em;
}
/* End PAGE STYLES */


/*ACCESSIBILITY STYLES*/
/* Text meant only for screen readers. */
.screen-reader-text{
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.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;
}
/*End ACCESSIBILITY STYLES*/

/* HOMEPAGE STYLES */
.home-page {
	/* height: 50%; NOT IN ORIGINAL SKILLCRUSH CSS */
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	/* background: url(img/crowded-bar6-web-optimized.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; ALL EXCEPT IMG NAME FROM ORIGINAL SKILLCRUSH CSS */
}

#hero-content {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

/* .home .page-header {
	display: none;
} REMOVES HEADER FROM HOMEPAGE */


/* .home .header {
	margin: 0;
} NOT IN ORIGINAL SKILLCRUSH CSS */

/* .home #hero {
	/* background: url('img/crowded-bar6-web-optimized.jpg'); */
	/* background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url('img/crowded-bar6-web-optimized.jpg');
	height: 500px;
	width: 100%;
	background-position: center;
  background-repeat: no-repeat;
  position: relative;
} */

.home #hero img {
	/* background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('img/crowded-bar6-web-optimized.jpg'); */
	background-size: cover;
	width: 100%;
	height: auto;
	background-position: center;
  background-repeat: no-repeat;
  position: relative;
	/* max-width: 1400px; */

}

.home .content {
	max-width: 600px;
	background: #ffffff;
	padding: 1em;
}
.home .main-content {
	display: block;
	width: 100%;
	padding: 2em 0;
}
.home .content h1 {
	font: 700 2.25em/1.5 'Lato', Arial, sans-serif;
	margin: 0 0 1em;
}
.home .content p {
	font: 1em/2 'Lato', Arial, sans-serif;
	margin-bottom: 2em;
}
.home .content p a {
	font-weight: 600;
	text-decoration: underline;
	color: #3b3b3b;
}

.home .btn {
	background: #4d7833;
	color: #fff;
	font: 700 1.125em/3.5 'Lato', Arial, sans-serif;
	display: inline-block;
	height: 3.5em;
	width: 100%;
	padding: 0 1.25em;
	text-align: center;
	text-decoration: none;
}

/* media queries */
@media (min-width: 768px) {
	.home .main-content {
		float: right;
	}
	.home .content {
		float: right;
	}
}
/* End HOMEPAGE STYLES */

/* INDEX PAGE (THE BLOG POSTS PAGE) STYLES */
.index-page {
	/* padding: 0 3.5em; */
	display: flex;
}

/* .index-page .entry-summary {
	padding-right: 13em;
} */

/* End INDEX PAGE STYLES */

/* CONTENT PAGE (INDIVIDUAL BLOG POSTS ) STYLES */

.single-page {
	display: flex;
	margin: 0 auto;
}
/*.single-page .main-content {
	padding: 2em 3.5em;
} */

/* .single-page .entry-wrap {
	margin-right: 10em;
} for individual posts - can't possibly be right */

/* End CONTENT PAGE STYLES */

.default-page {
	display: flex;
	margin: 0 3em;
}


/* RECIPE CARD STYLES - specifically, margins */
.wp-block-wpzoom-recipe-card-block-ingredients {
	margin-top: 3em;
}


/* CATEGORY PAGE STYLES - TEST FOR CONTAINER WRAPPER, WIDTHS, ETC or Ann suggests Flexbox and justify-content of center ...WRONG! THE BELOW MADE SIDEBAR DISAPPEAR...

.category-page .wrapper {
	width: 90%;
	max-width: 1400px;
	margin: 0 auto; /*
}

/* on content-blog.php (and maybe others) - try to make wrapper */
.entry-wrap {
	width: 90%;
	max-width: 1200px;
	/*max-width helped the right side, but not the left of Blog Posts Page */
	margin: 0 auto;
	padding: 0 1em;
	/* margin helped move left side. But still not beautifully centered, esp the excerpt under the photo */
}

/* TEST FOR WRAPPER */
.wrapper {
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
}

#footer
{
clear:both;
color: inherit;
width: 100%;
border-top: 1px #a2a2a2 solid;
padding-bottom: 2em;
text-align: center;
}

#footer h6
{
/* font-size: 11pt; */
color: inherit;
font-family: 'Lato';
font-weight: bold;
letter-spacing: 0.05em;
text-decoration: none;
word-spacing: .1em;
}
#footer a {
	color:inherit;
}

#footer a:hover {
		border-bottom: 2px solid #4d7833;
}