/* Global */

body {
    font-family: "maven pro", sans-serif;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px;
}

body > div {
    font-size: 1.5rem;
}

p {
	margin-bottom: 20px;
	margin-bottom: 2rem;
}

h1, h2, h3, h4, h5, h6 {
    color: inherit;
    font-family: 'Josefin sans', sans-serif;
    font-weight: 600;
    letter-spacing: 3px;
    margin-top: 10px;
    text-transform: uppercase;
}

#top-link,
.topbutton {
    background: transparent;
    border: 3px solid #424242;
    bottom: 58px;
    color: #424242;
    cursor: pointer;
    height: 40px;
    position: fixed;
    line-height: 32px;
    right: 20px;
    text-decoration: none;
    transition: all 0.2s linear 0s;
    width: 40px;
    z-index: 999;
    text-align: center;
}

#top-link:hover,
.topbutton:hover {
	color: #ed1e26;
	border-color: #ed1e26;
    background-color: transaprent;
}

.ssba-wrap {
	margin-top: 70px;
}

/* Header */

.site-header {
	border-top: 30px solid #42414F;
	padding-top: 15px;
  padding-bottom: 15px;
}

.header-image.front-page .site-header {
		border-bottom: none;	
}

.header-image .site-title > a {
	min-height: 100px;
}

.header-image .title-area {
	margin-left: 5%;
	min-height: 100px;
}

/*.title-area {
	min-height: 100px;
	margin-left: 5%;
	background-image: url('https://leecooper.com/wp-content/uploads/2017/04/cropped-demo-logo.png');
    background-repeat: no-repeat;
	    -ms-background-size: contain;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
}*/

/* Main Nav */

.nav-primary {
	width: 75%;
	float: right;
	margin-right: 2%;
}

.genesis-nav-menu {
	text-align: right;
}

.genesis-nav-menu a {
	font-size: 15px;
	padding: 40px 10px 40px 15px;
	color: #424242;
	letter-spacing: 1px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	color: #242424;
}

/* .genesis-nav-menu a:hover {
	border-bottom: 1px solid #ed1e26;
} */

/*.front-page .nav-primary .genesis-nav-menu a {
	color: #000000;
}

.front-page .nav-primary .genesis-nav-menu a:hover,
.front-page .nav-primary .genesis-nav-menu a:focus {
	color: #ed1e26;
}*/

/* Front Page */

.front-page-1 .widget-title,
.front-page-2 .widget-title,
.front-page-3 .widget-title, 
.front-page-4 .widget-title,
.front-page-5 .widget-title,
.front-page-6 .widget-title,
.front-page-7 .widget-title {
	font-family: 'Josefin Sans', sans-serif;
    font-size: 28px;
	letter-spacing: 4px;
	line-height: 1.75;
	margin: 0 auto;
    font-weight: 700;
    text-transform: uppercase;
	padding-bottom: 1em;
		text-shadow: 1px 1px 0px rgba(75, 75, 75, 1);
}

.front-page-1 .widget-title {
	width: 45%;
}

.front-page-1 .textwidget,
.front-page-1 p {
    font-size: 16px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
	  font-weight: 600;
}

.front-page-1 {
    background-position: top center;
	margin-top: 130px !important;
	padding-top: 60px !important;
}

.front-page-1 button,
.front-page-3 button {
	font-size: 12px;
}

.front-page-1 a,
.front-page-3 a,
.front-page-5 a {
	border-bottom: none;
}

.front-page-1 button:hover,
.front-page-1 button:active,
.front-page-1 button:focus {
		background-color: #000000;
		color: #FFFFFF;
}

.front-page-2 {
	padding-top: 0px;
	padding-bottom: 0px;
}

.front-page-2 .wrap {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
    max-width: 100%;
}

.front-page-2 .flexible-widgets .widget {
	margin-bottom: 0px;
	padding: 0;
}

.front-page-2 .flexible-widgets.widget-thirds .widget {
	width: 32.33333333%
}

#text-4 {
	display: none;
}

#text-8 {
	margin: 100px 1% 100px 0;
}

#text-8 .widget-as-link {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center !important;
	padding-top: 45%;
	padding-bottom: 45%;
	position: relative;
}

#text-8 .widget-title {
	top: 45%;
	left: 29%;
	color: #ffffff;
	position: absolute;
}

#text-7  {
	margin: 100px 0.5% 100px 0.5%;
}

#text-7 .widget-as-link {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center !important;
	padding-top: 45%;
	padding-bottom: 45%;
	position: relative;
}

#text-7 .widget-title {
	top: 45%;
	left: 33%;
	color: #ffffff;
	position: absolute;
}

#text-6 {
	margin: 100px 0 100px 1%;
}

#text-6 .widget-as-link {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center !important;
	padding-top: 45%;
	padding-bottom: 45%;
	position: relative;
}

#text-6 .widget-title {
	top: 45%;
	left: 5%;
	color: #ffffff;
	position: absolute;
}

.front-page-3 {
	background-position: top center;
	background-size: cover;
	padding-top: 200px;
	padding-bottom: 210px;
}

.front-page-3 .widget-title {
	font-weight: 800;
}

.front-page-4 {
    padding-bottom: 110px;
    padding-top: 100px;
}

.front-page-4 .widget-full .wrap {
	max-width: 100%;
}

.front-page-4 .widget-title {
	padding-bottom: 0px;
}

.front-page-4 a {
	color: #424242;
}

.front-page-4 a:hover {
	color: #ed1e26;
}

.front-page-5 {
	padding-bottom: 150px;
}

/* Inner Pages */

.entry-title {
	font-size: 33px;
	font-size: 3.2rem;
}

.entry-title::after {
    border-bottom: 1px solid #000;
    content: "";
    display: block;
    margin: 0 auto 40px;
    padding-bottom: 20px;
    width: 5%;
}

.entry-header::after {
	display: none;
}

.full-width-content .content {
    max-width: 1024px;
}

.breadcrumb {
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
	color: #999999;
	border-bottom: none;
	margin-bottom: 30px;
}

.content {
	padding-top: 60px;
}

#gw_go_portfolio_view-the-looks .gw-gopf-style-delux .gw-gopf-post:hover,
#gw_go_portfolio_view-the-looks .gw-gopf-style-delux .gw-gopf-post:focus {
	outline: #ed1e26 solid thick;
}

#gw_go_portfolio_harry .gw-gopf-touch.gw-gopf-style-door .gw-gopf-post:hover {
	border: 2px solid #ed1e26;
}

.mfp-wrap {
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	z-index: 10001;
  	position: fixed;
  	outline: none !important;
  	-webkit-backface-visibility: hidden;
}

body.page-template-default.page.page-id-15 h5 {
	text-transform: none !important;
	text-align: center !important;
}	

.photospace_res .gal_content {
  float: left;
  width: 50%;
}

.photospace_res .thumbs_wrap2 {
  float: left;
  width: 50%;
}

.photospace_res ul.thumbs li {
	margin-bottom: 40px !important;
}

.photospace_res a.thumb {
	-moz-border-radius: 50%;
    border-radius: 50%;
	border: 2px solid #ed1e26;
}

.photospace_res ul.thumbs img {
	-moz-border-radius: 50%;
    border-radius: 50%;
}

.photospace_res .caption {
	padding-top: 30px;
	color: #333;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; 
	height: 0; 			
	overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 50px;
}

/* 404 */

body.error404 .site-container {
	background-image: url('https://leecooper.com/wp-content/uploads/2017/04/404.jpg');
    background-repeat: no-repeat;
	    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

body.error404 .entry {
	background: rgba(255,255,255, 0.9);
	text-align: center;
	padding: 50px;
	margin-top: 15%;
}

body.error404 .search-form {
	margin: 0 auto;
}

body.error404 .search-form input[type="search"] {
    background-color: #DDDDDD;
	color: #000000;
	font-family: inherit;
}

/* Footer */

.site-footer {
	background: #42414F;
}

.site-footer .genesis-nav-menu {
    text-align: center;
}

.site-footer p {
	font-size: 12px;
	color: #CCCCCC;
}

.site-footer a {
    color: #FFFFFF !important;
}

.site-footer .genesis-nav-menu a {
	color: #FFFFFF !important;
}

.site-footer a:hover,
.site-footer .genesis-nav-menu a:hover,
.site-footer .genesis-nav-menu a:focus {
	color: #ed1e26 !important;
}



@media screen and (max-width: 1200px) {

	.genesis-nav-menu a {
		font-size: 13px;
	}

	.header-image .title-area {
		margin-left: 0;
	}

	.nav-primary {
		margin-right: 0;
	}

	#text-8 .widget-title,
	#text-7 .widget-title {
		left: 22%;
		top: 35%;
	}

	#text-6 .widget-title {
		top: 35%;
	}

	/** Temp styling **/
	 	p.front-1-text {
			max-width: 250px;
			margin: 0 auto;
	}
}


@media screen and (max-width: 1024px) {

	.header-image .title-area {
		float: none;
		margin: 0 auto;
	}

	.nav-primary {
		float: left;
		width: 100%;
		clear: both;
	}

	.genesis-nav-menu {
		text-align: center;
	}

	.site-tile a,
	.header-image .site-title > a {
		background-position: center;
	}

	#text-8 .widget-title,
	#text-7 .widget-title {
		left: 17%;
	}

	.photospace_res ul.thumbs li {
		margin-right: 40px !important;
		margin-bottom: 40px !important;
	}

	.photospace_res a.thumb {
		margin-right: 0px !important;
		margin-bottom: 0px !important;
	}

	.photospace_res ul.thumbs img {
    	width: 100px;
    	height: 100px;
	}
}


@media screen and (max-width: 800px) {

	.menu-toggle {
		font-size: 14px;
		font-size: 1.4rem;
		background-color: #d43c67;
	}

	.js .menu-toggle:hover {
		color: #d43c67;
	}

	.front-page-1 {
		margin-top: 0 !important;
	}

	.flexible-widgets.widget-thirds .widget {
		float: left;
	}

	.content {
    	padding-top: 0px;
	}

	.photospace_res .gal_content {
  		float: none;
  		width: 100%;
	}

	.photospace_res .thumbs_wrap2 {
  		float: none;
  		width: 100%;
	}

	#text-8 .widget-title,
	#text-7 .widget-title {
		left: 8%;
		top: 35%;
		font-size: 24px;
	}

	#text-6 .widget-title {
		font-size: 24px;
		top: 35%;
		left: 2%;
	}
}


@media screen and (max-width: 600px) {

	.front-page-1 .widget-title {
    	width: 100%;
	}

	.front-page-2 .flexible-widgets.widget-thirds .widget {
    	width: 100%;
		margin: 0 !important;
	}

	#text-6 .widget-as-link,
	#text-7 .widget-as-link,
	#text-8 .widget-as-link {
		padding-top: 30%;
		padding-bottom: 30%;
	}

	#text-8 .widget-title,
	#text-7 .widget-title {
		left: 35%;
		font-size: 28px;
	}

	#text-6 .widget-title {
		left: 10%;
		font-size: 28px;
	}

	#text-11 .widget-title {
		font-size: 22px;
	}

/** Temp styling **/
	 	p.front-1-text {
	  text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	}
}

@media screen and (max-width: 480px) {
	
	.front-page-1 {
		padding-bottom: 40px;		
		padding-top: 30px !important;
	}

	#text-8 .widget-title,
	#text-7 .widget-title {
		left: 28%;
	}

	#text-6 .widget-title {
		left: 4%;
		}

/** Temp styling **/
	 	p.front-1-text {
			max-width: 200px;
	}
}


/* DEMO */

body.page-template-home-demo .front-page-1  {
		background: url(https://leecooper.com/wp-content/uploads/2017/04/release-your-rebel.jpg);
		display: table;
    	overflow: hidden;
    	table-layout: fixed;
   		text-align: center;
    	width: 100%;
    	height: 100vh;
		background-size: cover;
		background-repeat: no-repeat;
}

body.page-template-home-demo .front-page-3  {
		background: url(https://leecooper.com/wp-content/uploads/2017/04/store.jpg);
		display: table;
    	overflow: hidden;
    	table-layout: fixed;
   		text-align: center;
    	width: 100%;
		margin-top: 0px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
}

body.page-template-home-demo .front-page-5  {
		background: url(https://leecooper.com/wp-content/uploads/2017/04/collection.jpg);
		display: table;
    	overflow: hidden;
    	table-layout: fixed;
   		text-align: center;
    	width: 100%;
		margin-top: 0px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
}


/* Unused css

.site-container {
	border-bottom: 40px solid #42414F;
}	

.front-page-1 {
    position: relative;
}

.front-page-1:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 1;
    background-image: url('https://leecooper.com/wp-content/uploads/2017/04/SS17_guitar.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
*/