/*To be used with the Shoreditch theme*/
/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
html,
body {
	overflow-x: hidden;
}

body, button, input, select, textarea {
	color: #45464a;
}

button {
	background: #fff;
}

h2, h3, h4, h5, h6 {
	color: #800000;
}

.wf-active h2.widget-title {
	font-family: "proxima-nova", "proxima-nova-1", sans-serif;
	color: black;
}

.entry-title {
	font-size: 1.5rem;
}

a:focus, 
a:hover,
.comment-metadata a:focus, 
.comment-metadata a:hover, 
.entry-footer a:focus, 
.entry-footer a:hover, 
.entry-header a:focus, 
.entry-header a:hover {
	color: #600000;
}

.site-header {
	background: #800000;
	padding-bottom: 0;
	border-bottom: 0;
}

.site-menu {
	background: #600000;
}

.site-title {
	text-align: center;
}

.site-title a, 
.main-navigation a {
	color: #fff;
}

.main-navigation .primary-menu .current_page_item>a,
.main-navigation .primary-menu .current-menu-item>a,
.main-navigation .primary-menu .current_page_ancestor>a {
	border-color: #fff;
}

.site-branding {
	margin-left: auto;
	padding-right: 0;
}

button:focus, 
input[type="button"]:focus, 
input[type="reset"]:focus, 
input[type="submit"]:focus, 
button:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover {
	background: #bbb;
}

.site-title a:focus, 
.site-title a:hover,
.main-navigation a:focus, 
.main-navigation a:hover {
	color: #bbb;
}

.site-header-wrapper {
	flex-direction: column;
	align-items: stretch;
}

.menu-toggle {
	margin-bottom: 1.5em;
}

.custom-logo {
	max-width: 250px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.featured-content .hentry-wrapper {
	background-color: rgba(34,34,34,0.6);
	padding: 1em;
}

@media screen and (min-width: 896px) {
	.site-branding {
		display: flex;
		margin-left: 0;
	}
	
	.wp-custom-logo .site-title {
		margin-top: 0;
		padding-left: .8em;
		border-left: 2px solid #fff;
		margin-left: 1em;
		max-width: 17em;
		text-align: left;
	}
	
	.custom-logo {
		max-width: 180px;
	}
	
	.main-navigation {
		margin-top: .2em;
	}
	
	.site-menu {
		margin-top: .5em;
		width: 100vw;
		margin-left: 50%;
		transform: translateX(-50%);
	}
	
	.primary-menu {
		justify-content: center;
	}
}