/*
 Theme Name:   Exposure
 Theme URI:    http://graphaperpress.com/themes/exposure
 Description:  A classic header with two side menus on top of header image
 Author:       Graph Paper Press
 Author URI:   http://graphaperpress.com
 Template:     _vs
 Version:      101
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  exposure
*/

.site-header {
	background-color: transparent;
}

.has-header-video .site-content-contain {
	padding-top: 3em;
}

._vs-front-page.has-header-image .custom-header-media,
._vs-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
	height: auto;
}

.admin-bar._vs-front-page.has-header-image .custom-header-media,
.admin-bar._vs-front-page.has-header-video .custom-header-media,
.admin-bar.home.blog.has-header-image .custom-header-media,
.admin-bar.home.blog.has-header-video .custom-header-media {
	height: auto;
}

.custom-header-media:before {
	background: transparent;
}

.site-header .menu-scroll-down {
	display: none;
}

.business-details {
	position: relative;
	width: 100%;
	text-align: center;
	padding: 1em;
	color: #999;
}

.main-navigation .search-form .search-submit .icon {
	top: -3px;
}

.site-branding {
	width: 100%;
    padding: 0;
    margin: 6em auto 0;
    text-align: center;
}

.has-header-image._vs-front-page .site-branding,
.has-header-video._vs-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 6em;
	margin-bottom: 0;
}

.has-header-image._vs-front-page.no-primary-menu .site-branding,
.has-header-video._vs-front-page.no-primary-menu .site-branding,
.has-header-image.home.blog.no-primary-menu .site-branding,
.has-header-video.home.blog.no-primary-menu .site-branding {
	margin-bottom: 6em;
}

body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
	color: rgba(0,0,0,1);
}

body.has-header-image.colors-dark .site-title,
body.has-header-video.colors-dark .site-title,
body.has-header-image.colors-dark .site-title a,
body.has-header-video.colors-dark .site-title a {
	color: rgba(255,255,255,1);
}

.main-navigation {
	text-align: center;
	margin-top: 3em;
	margin-bottom: 3em;
}

.js .main-navigation > div > ul {
	background-color: #fff;
	margin-top: 5px;
}

.js .colors-dark .main-navigation > div > ul {
    background-color: #222;
}

.navigation-primary:after {
	content: '';
	height: 1px;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	border-top: 1px solid #ccc;
	z-index: -1;
}

.main-navigation > div > ul:before {
	right: 100%;
	margin-right: 15px;
}

.main-navigation > div > ul:after {
	left: 100%;
	margin-left: 20px;
}

.main-navigation .search-form .search-submit {
	padding: 1.08em 1.5em;
}

.navigation-primary,
body:not(.home) .site-navigation-fixed.navigation-primary,
.site-navigation-fixed.navigation-primary {
	position: relative;
	background: transparent;
	border: none;
}

.navigation-primary .wrap {
	text-align: center;
	display: table;
	margin-top: 3em;
	margin-bottom: 3em;
}

.main-navigation {
	display: table-cell;
	vertical-align: middle;
}

#masthead .search-form {
	position: relative;
	top: 0px;
	background-color: #fff;
	padding: 3px 0px;
	margin-left: 15px;
}

#masthead .search-form:after {
	content: '';
    width: 10px;
    display: inline-block;
    position: absolute;
    left: 100%;
    top: 41%;
    height: 10px;
    background: #fff;
}

#masthead .search-form:before {
	content: '';
    width: 17px;
    display: inline-block;
    position: absolute;
    right: 100%;
    top: 41%;
    height: 10px;
    background: #fff;
}

.colors-dark #masthead .search-form,
.colors-dark #masthead .search-form:before,
.colors-dark #masthead .search-form:after {
	background: #222 !important;
}

#masthead .search-form svg {
	top: 16px;
	left: 11px;
}

.has-header-image .custom-header-media img {
	position: static;
	display: block;
}

#homepage-widgets .widget:first-child {
	padding-top: 0;
}

.has-header-image #homepage-widgets .widget:first-child {
	padding-top: 2.25em;
}

.custom-logo-link {
    padding-right: 0;
    display: block;
    margin-bottom: 1em;
}

@media screen and (max-width: 60em) {
	.main-navigation > div > ul:before,
	.main-navigation > div > ul:after {
		width: 50%;
	}
}

@media screen and (min-width: 48em) {
	.site-content {
		padding-top: 0;
	}
}


@media screen and (max-width: 48em) {
	.menu-toggle,
	.menu-toggle:hover, .menu-toggle:focus {
		background-color: #fff;
		margin-right: 11px;
	}

	#masthead .search-form {
		padding: 3px 5px;
	}

	#masthead .search-form svg {
		left: 15px;
	}

	.main-navigation {
		margin-top: 1em;
	}

	.main-navigation > div > ul:before,
	.main-navigation > div > ul:after {
		width: 0%;
	}

	.js .main-navigation > div > ul:before {
		left: 59px;
	}

	.js .main-navigation > div > ul:after {
		left: 40px;
	}

	.dropdown-toggle {
		right: 0.5em;
	}

	.main-navigation ul ul {
		margin: 0;
		padding: 0;
	}

	.main-navigation li {
		text-align: center;
	}

	.has-header-image._vs-front-page .site-branding, 
	.has-header-video._vs-front-page .site-branding, 
	.has-header-image.home.blog .site-branding, 
	.has-header-video.home.blog .site-branding{
		margin-top: 6em;
		display: block;
	}

	.site-search {
		width: 100%;
	}

	.site-address {
		display: inline-block;
		text-align: center;
		font-size: 1rem;
	}

	.street,
	.city-container,
	.phone,
	.hours {
		display: inline-block;
		width: auto;

	}

	.street:after {
		margin-right: 0.4em;
		display: inline-block;
		content: ', ';
	}

}