/*
Theme Name: James Stewart Photography
Theme URL: JamesStewartPhotography.com
Description: A custom storefront child theme made for James Stewart Photography
Author: TapGnomes - Justin Waulters
Author URL: TapGnomes.com
Template: storefront
Version: 1.0.0
Text Domain: james-stewart-photography
*/

/*
Global
*/
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
* {
	transition: all .25s ease;
}
html {
  --primary-color: #d5bfae;
  --normal_spacing: 15px;
  --extra_spacing: 30px;
}
body {
    overflow: initial!important;
	margin: 0!important;
}
p, li, span {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}
input[type='text'],
input[type='number'],
input[type='email'],
input[type='tel'],
input[type='url'],
input[type='password'],
input[type='search'],
input[type='button'],
input.button,
textarea,
.input-text,
a.button {
	border: 2px solid var( --primary-color );
}
a.button,
input.button,
input[type='button'] {
	background-color: var( --primary-color );
}
a.button:hover,
input.button:hover,
input[type='button']:hover {
	background-color: transparent;
}
.tg_tile_background_image {
	background-size: cover;
	background-position: center center;
}

/*
Header
*/
.menu-toggle:focus,
#menu-primary-menu a:focus {
    outline: none;
}
.main-navigation ul.menu, .main-navigation ul.nav-menu {
	margin: 0;
}
.primary-navigation {
	text-align: center;
}
@media (max-width: 567px) {
	.site-header .site-branding {
		width: 43px;
		height:  43px;
		overflow: hidden;
	}
	.site-header .site-branding img {
		max-width: none;
		width: auto;
		height: 56px;
		margin-left: -252px;
		margin-top: -6px;
	}
}
@media (min-width: 568px) {
	.site-header .site-branding {
		overflow: hidden;
	}
	.site-header .site-branding img {
		max-width: 403px;
	}
}
@media (min-width: 768px) {
	.site-header .site-branding img {
		position: relative;
		max-width: 562px;
		left: 50%;
		margin-left: -298px;
		}
}

/*
Blog List
*/
.tg_blog_tile {
	text-align: center;
	padding-bottom: var( --extra_spacing );
	border-bottom: 1px solid var( --primary-color );
	margin-bottom: var( --extra_spacing );
}
.tg_blog_tile p {
	text-align: left;
}
.tg_blog_tile_image {
	padding-top: 50%;
}
@media( min-width: 768px ) {
	.tg_blog_tile {
		display: inline-block;
		width: 50%;
		padding: var( --normal_spacing );
		vertical-align: top;
		border-bottom: none;
	}
}

/*
MailChimp Form
*/
#mc_embed_signup {
	text-align: center;
}
#mc_embed_signup label {
	display: block;
}
#mc_embed_signup input[type="email"] {
	width: 100%;
	margin-bottom: var( --normal_spacing );
}
@media( min-width: 568px ) {
	#mc_embed_signup input[type="email"] {
		max-width: 320px;
	}
}

/*
MailChimp Popup (Popup Maker)
*/
/* delete, we don tuse the embeded popup anymore
.content__monkeyRewards {
	display:none;
}
*/
.

/*
Fancybox
*/
body.compensate-for-scrollbar {
	overflow: initial!important;
	margin: 0!important;
}

/*
Lightbox Images
*/
.lightbox_image {
	margin-bottom: 15px;
}
.hentry .entry-content .wp-block-columns .wp-block-column, .editor-styles-wrapper .wp-block-columns .wp-block-column {
	margin-bottom: 0; /* This might remove the bottom margin in places where it is needed. Make it more specific if needed. */
}

/*
Social Widget
*/
.mks_social_widget_ul a {
	text-decoration: none!important;
}