.widget {
	background: #eee;
}

#page {
	border-top: 2px solid #993120;
}
.utility-container {
	display:none;
}
.site-title {
	display:none;
}
a, a:hover, a:visited {
	color: #993120;
}
.main-navigation ul > li > a {
	color: #993120;
	letter-spacing: -1px;
	font-size: 20px;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, #infinite-handle span, .comment-navigation .nav-previous a, .comment-navigation .nav-next a, .posts-navigation .nav-previous a, .posts-navigation .nav-next a, .post-navigation .nav-previous a, .post-navigation .nav-next a, .button:focus, .button:active {
	background-color: #993120;
}
input[type="submit"]:hover, .button:hover {
	background-color: #871c0a;
}

/* Home Featured Content */
.featured-content .hentry .entry-title a, .featured-content .hentry .entry-title a:hover, .featured-content .hentry .entry-title a:visited {
	font-size: 28px;
	color: #fff;
}
.front-page-wrapper {
	border-bottom: none;
}
/* Nav */
.main-navigation ul ul:before {
	color: #993120;
}
.main-navigation ul ul {
	border-top: 2px solid #993120;
}

.main-navigation .menu-toggle {
	background: #993120;
	position: inherit;

}
.main-navigation a:hover {
	color: #000;
}

/* Full width page template */
.no-sidebar .recent-posts-header, .no-sidebar .entry-meta, .no-sidebar .hentry, .no-sidebar.singular .entry-title, .no-sidebar .post-navigation, .no-sidebar .page-header {
	max-width: 100%;
}
/* Footer */
.site-footer {
	border-top: none;
}
@media screen and (min-width: 50em) {
	.page-template-front-page .site-header {
		margin-bottom: 0px;
		border-bottom: 0px;
	}
	/* Event Page */
.post-type-archive-tribe_events .site-main {
	margin-right: 0px;
}
}

@media screen and (max-width: 1100px){
	.main-navigation ul {
	justify-content: center;
}
	.site-branding {
		text-align:center;
		margin-bottom: 1rem;
	}

	
}
@media screen and (max-width: 600px){
	.site-branding, .main-navigation {
		width: 100%;
		margin: auto;
		text-align:center
	}
	.main-navigation ul:before {
			color: #993120;
	}
	.main-navigation ul {
			border-top: 2px solid #993120;
	}
	

	.main-navigation ul ul {
		margin-left: 0px;
	}
	.main-navigation ul ul ul {
		margin-left: 0px
	}
	
}
/* Fixes layout breakage: menu not centered. (Perhaps due to change/update of base theme?)
 * Original author of the above tweaks was not around to fix.
 * Two style files conflict. Unsure how to resolve other than with !important override.
 */
.branding-container {
    /* resolves desktop menu not being centered */
    margin-left: auto !important;
    margin-right: auto !important;
}

@media screen and (max-width: 600px) {
    #top-menu.menu.nav-menu {
        /* resolves mobile menu not being centered (it was mostly off-screen due to -150px margin) */
        margin-left: unset !important;
    }
}