/*
Theme Name: Daniel Moyer Photography
Theme URI: http://www.danielmoyerphotography.com/
Author: Eric Witchin
Author URI: http://ericwitchin.com/
Description: Daniel Moyer Photography website new theme for 2015. Designed by Ryan Lynn - http://ryanlynndesign.com/. Developed by Eric Witchin - http://ericwitchin.com/.
Version: 1.0
*/

/*********/
/* Fonts */
/*********/
@font-face {
    font-family: 'Klinic Slab Bold';
    src: url('fonts/klinicslab-bold-webfont.eot');
    src: url('fonts/klinicslab-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/klinicslab-bold-webfont.woff2') format('woff2'),
         url('fonts/klinicslab-bold-webfont.woff') format('woff'),
         url('fonts/klinicslab-bold-webfont.ttf') format('truetype'),
         url('fonts/klinicslab-bold-webfont.svg#klinic_slabbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Klinic Slab Medium';
    src: url('fonts/klinicslab-medium-webfont.eot');
    src: url('fonts/klinicslab-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/klinicslab-medium-webfont.woff2') format('woff2'),
         url('fonts/klinicslab-medium-webfont.woff') format('woff'),
         url('fonts/klinicslab-medium-webfont.ttf') format('truetype'),
         url('fonts/klinicslab-medium-webfont.svg#klinic_slabmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Klinic Slab Light';
    src: url('fonts/klinicslab-light-webfont.eot');
    src: url('fonts/klinicslab-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/klinicslab-light-webfont.woff2') format('woff2'),
         url('fonts/klinicslab-light-webfont.woff') format('woff'),
         url('fonts/klinicslab-light-webfont.ttf') format('truetype'),
         url('fonts/klinicslab-light-webfont.svg#klinic_slablight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Klinic Slab Book Italic';
    src: url('fonts/klinicslab-bookitalic-webfont.eot');
    src: url('fonts/klinicslab-bookitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/klinicslab-bookitalic-webfont.woff2') format('woff2'),
         url('fonts/klinicslab-bookitalic-webfont.woff') format('woff'),
         url('fonts/klinicslab-bookitalic-webfont.ttf') format('truetype'),
         url('fonts/klinicslab-bookitalic-webfont.svg#klinic_slabbook_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*************/
/* End Fonts */
/*************/



/******************/
/* General Styles */
/******************/

* {
    -webkit-font-smoothing: subpixel-antialiased; /* antialiased | subpixel-antialiased | none */
}

html, body{
	padding: 0px;
	margin: 0px;
	overflow-x: hidden;
}

body{
	color: #351e0e;
	font-size: 14px;
	font-family: "calluna", serif;
	font-weight: 400;
	width: 100%;
	height: 100%;
}

.container{
	max-width: 1500px;
	width: 100%;
	margin: 0px auto;
	height: 100%;
}
	.container.small{
		max-width: 942px;
		width: 100%;
	}
	.container.homesmall{
		max-width: 720px;
		width: 100%;
	}
	.container.small.contact p{
		margin-top: 0px;
		margin-bottom: 25px;
	}
	.container.post{
		width: 100%;
		max-width: 900px;
	}

.clear{
	clear: both;
}

.button{
	background: #ffffff;
	border: 2px solid #351e0e;
	width: auto;
	font-size: 14px;
	font-family: 'Klinic Slab Light';
	font-style: normal;
	padding: 12px 40px;
	color: rgba(53, 30, 14, 1) !important;
	text-transform: uppercase;
	cursor: pointer;
}
	.button.inverse{
		background: transparent;
		border: 2px solid #ffffff;
		color: #ffffff !important;
	}
	.button:hover{
		border: 2px solid #c55e29;
		background: #c55e29;
		color: #ffffff !important;
	}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.scrollDown{
	position: fixed;
	right: 10px;
	bottom: 10px;
}

img{
	max-width: 100%;
	height: auto;
}
/**********************/
/* End General Styles */
/**********************/



/*****************/
/* Header Styles */
/*****************/
.header{
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: #ffffff;
	z-index: 999;
}
	.header .container{
		height: 90px;
		position: relative;
	}
	.header.isPage .container{
		border-bottom: 1px solid #351e0e;
		height: 89px;
	}
	.header .logo{
		float: left;
		margin: 16px auto 0px 53px;
	}
	
@media  (min-width: 768px) and (max-width: 1000px){
	.header .logo {
    margin: 16px auto 0px 10px;
	}
}
@media  (max-width: 767px){
	.header .logo {
    margin: 16px auto 0px 20px;
	}
}
/*********************/
/* End Header Styles */
/*********************/
	
	
	
/********************/
/* Main Menu Styles */
/********************/
.mainMenu .menu-header-menu-container{
	float: right;
	margin-top: 54px;
}
	.mainMenu .menu-header-menu-container ul{
		list-style: none;
		padding: 0px;
		margin: 0px;
	}
		.mainMenu .menu-header-menu-container > ul > li{
			display: inline-block;
			padding: 0px 15px;
			vertical-align: top;
		}
	.mainMenu .menu-header-menu-container .menu-item-has-children.menu-item .sub-menu{
		display: none;
		position: absolute;
		padding-top: 23px;
		background: url(images/sub-menu-bg.png) repeat center center;
	}
	
	.mainMenu .menu-header-menu-container a, .menu-header-menu-container a:visited{
		text-decoration: none;
		font-size: 15px;
		color: #351e0e;
		text-transform: uppercase;
		font-family: 'Klinic Slab Medium', Georgia, 'Times New Roman', serif;
		display: inline-block;
	}
	.mainMenu .menu-header-menu-container a:hover{
		color: #c55e29;
	}
	.mainMenu .menu-header-menu-container a:after {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 1px;
    color: transparent;
    overflow: hidden;
    visibility: hidden;
    margin-bottom: -1px;
    text-transform: uppercase;
    font-family: 'Klinic Slab Bold', Georgia, 'Times New Roman', serif;
    font-size: 15px;
	}
	
	.mainMenu .menu-header-menu-container .menu-item-has-children.menu-item:hover .sub-menu{
		display: block;
	}
	.mainMenu .menu-header-menu-container > ul > .current-menu-item > a{
		color: #c55e29;
		font-family: 'Klinic Slab Bold', Georgia, 'Times New Roman', serif;
		font-weight: bold;
	}
	.mainMenu .menu-header-menu-container .sub-menu li{
		padding: 15px 20px;
	}
	
	.mainMenu .menu-header-menu-container .instagram{
		width: 15px;
		padding: 0px 5px 0px 15px;
	}
		.mainMenu .menu-header-menu-container .instagram a{
			background: url(images/instagram-menu.png) no-repeat left center;
			text-indent: -999999px;
			width: 15px;
		}
	.mainMenu .menu-header-menu-container .facebook{
		width: 15px;
		padding: 0px 48px 0px 5px;
	}
		.mainMenu .menu-header-menu-container .facebook a{
			background: url(images/facebook-menu.png) no-repeat left center;
			text-indent: -999999px;
			width: 15px;
		}
		
.mobileMenuToggle{
  position: absolute;
  right: 20px;
  top: 26px;
  height: 30px;
  display: none;
  cursor: pointer;
}
		
.mobileMenu{
	clear: both;
  background-color: #ffffff;
  display: none;
  border-top: 1px solid #351e0e;
  border-bottom: 1px solid #351e0e;
  position: absolute;
  width: 100%;
  top: 90px;
}
	.mobileMenu .menu-header-menu-container > ul{
		list-style: none;
		padding: 10px 40px;
		margin: 0px;
	}
		.mobileMenu .menu-header-menu-container > ul ul{
			list-style: none;
			padding: 0px 20px;
			margin: 0px;
		}
		.mobileMenu .menu-header-menu-container > ul a{
			text-decoration: none;
			line-height: 2em;
			color: #351e0e;
			font-family: 'Klinic Slab Medium', Georgia, 'Times New Roman', serif;
		}
			.mobileMenu .menu-header-menu-container > ul a:hover{
				color: #c55e29;
			}

@media (max-width: 1000px){
	.mainMenu .menu-header-menu-container .instagram {
    padding: 0px 5px 0px 5px;
	}
	.mainMenu .menu-header-menu-container > ul > li {
	  padding: 0px 4px;
	}
	.mainMenu .menu-header-menu-container .facebook {
    padding: 0px 10px 0px 5px;
	}
}

@media (max-width: 767px) {
	.mainMenu{
		display: none;
	}
	.mobileMenuToggle{
		display: block;
	}	
}
/************************/
/* End Main Menu Styles */
/************************/


/*****************/
/* Footer Styles */
/*****************/
.footer{
	border-top: 6px solid #292a53;
	background-color: #f7f7f7;
}
	.footer .info{
		padding: 35px 0px 60px;
		margin: 0px auto;
		max-width: 750px;
	}
		.footer .info > div{
			width: 50%;
			float: left;
			font-family: "calluna", serif;
			font-style: italic;
			font-size: 17px;
			color: #351e0e;
			line-height: 34px;
			vertical-align: text-bottom;
		}
			.footer .info > div a{
				color: #351e0e;
				text-decoration: none;
			}
			.footer .info > div a:hover{
				text-decoration: underline;
			}
		.footer .info h4{
			font-family: 'Klinic Slab Bold', Georgia, 'Times New Roman', serif;
			font-weight: bold;
			font-size: 20px;
			color: #351e0e;
			text-align: center;
			margin: 0px 0px 15px;
		}
		.footer .info .contact{
			text-align: center;
		}
		.footer .info .follow a{
			margin-left: 34%;
			padding-left: 30px;
		}
		.footer .info .follow .instagram{
			background: url(images/instagram-footer.png) no-repeat left bottom;
		}
		.footer .info .follow .facebook{
			background: url(images/facebook-footer.png) no-repeat left bottom;
		}
	.footer .copy{
		background-color: #292a53;
		color: #ffffff;
		height: 140px;
		padding-top: 15px;
		text-align: center;
	}
		.footer .copy .totop{
			cursor: pointer;
			margin-top: 25px;
		}
@media (max-width: 767px) {
	.footer .info{
		padding: 35px 0px 0px;	
	}
		.footer .info > div{
			float: none;
			width: 100%;
			margin-bottom: 35px;	
		}
}
/*********************/
/* End Footer Styles */
/*********************/


/******************/
/* Content Styles */
/******************/
.content{
	padding: 90px 20px 100px;
	line-height: 1.78em;
}
	.content h3.theTitle, .content h3.theSubTitle{
		text-transform: uppercase;
		font-family: 'Klinic Slab Light', Georgia, 'Times New Roman', serif;
		font-weight: 300;
		font-size: 37px;
		line-height: 40px;
	}
	.content h3.theTitle{
		margin-top: 80px;
	}
	.content h3.theSubTitle{
		margin: 5px 0px 10px;
	}
		.content .post h3.theTitle{
			margin-bottom: 20px;
		}
	.content a{
		color: #c55e29;
		text-decoration: none;
		font-weight: bold;
	}
	.content .biggerFont{
		font-size: 128%;
	}
	.content .attachment-post-thumbnail{
		float: right;
		margin-left: 75px;
	}
	.content .aboutSlideshow, .content .contactSlideshow{
		float: right;
		margin-left: 75px;
	}
	.content .subContent{
		margin: 90px auto;
		position: relative;
	}
		.content .subContent div.theContent{
			position: absolute;
			top: 0px;
			left: 0px;
			color: #ffffff;
			z-index: 2;
		}
			.content .subContent div.theContent h3{
				text-transform: uppercase;
				font-family: 'Klinic Slab Light', Georgia, 'Times New Roman', serif;
				font-weight: 300;
				font-size: 37px;
			}
			.content .subContent div.theContent .quoteOpen, .content .subContent div.theContent .quoteClose{
				position: absolute;
				height: 32px;
				width: 32px;
				opacity: 0;
			}
			.content .subContent div.theContent .quoteOpen{
				background: url(images/quote-open.png) no-repeat top left;
				top: -50px;
				left: -50px;
			}
			.content .subContent div.theContent .quoteClose{
				background: url(images/quote-close.png) no-repeat top left;
				bottom: -50px;
				right: -50px;
			}
	
	.content .subContent.pricing div.theContent{
		width: 550px;
		margin: 2% 0px 0px 15%;
		padding: 50px 60px;
	}
		.content .subContent.pricing div.theContent h3{
			margin-top: 0px;
		}

.awards{
	max-width: 585px;
	margin-bottom: 60px;
}
.awards, .awards a, .awards a img{
	vertical-align: middle;
}
	.awards a{
		margin: auto 3.6%;
	}
	.awards a:first-child{
		margin-left: 0px;
	}
	.awards a:last-child{
		margin-right: 0px;
	}

@media (min-width: 950px) and (max-width: 1180px){
	.content .subContent.pricing div.theContent{
		width: 750px;
		margin: 2% 0px 0px 2%;
		padding: 3% 3%;
	}
}
@media (max-width: 949px){
	.content .subContent.pricing div.theContent{
		width: 80%;
		position: relative;
		color: inherit;
		margin: 20px auto 80px;
		padding: 35px 25px;
	}
}
@media (max-width: 622px){
	.content .aboutSlideshow, .content .contactSlideshow, .content .attachment-post-thumbnail {
    float: none;
    margin: 0px;
	}
		.content .aboutSlideshow .cycle-slideshow, .content .contactSlideshow .cycle-slideshow, .content .attachment-post-thumbnail{
			margin: 0px auto;
		}
	.awards a {
    margin: auto 0.6%;
	}
}
@media (max-width: 480px){
	.awards a img{
    max-width: 18%;
	}
}

/************/
/* Homepage */
/************/
.about{
	margin: 60px auto;
	text-align: center;
	font-size: 20px;
	font-style: italic;
	font-family: 'Klinic Slab Book Italic';
	position: relative;
	padding: 30px 40px;
	box-sizing: border-box;
}
	.about h3{
		font-size: 37px;
		line-height: 40px;
		margin: 0px auto 20px;	
		font-weight: normal;
		letter-spacing: 0.025em;
	}
	.about p{
		margin-bottom: 40px;
		line-height: 1.5em;
	}
.wedding, .engagement, .baby, .headshot, .family{
	position: relative;
}
	.wedding h3, .engagement h3, .baby h3, .headshot h3, .family h3{
		font-size: 37px;
		text-transform: uppercase;
		font-family: 'Klinic Slab Light';
		margin: 0px auto 30px;
		line-height: 40px;
	}
	.wedding .theContent{
		width: 365px;
		position: absolute;
		top: 0px;
		right: 0px;
		color: #ffffff;
		z-index: 2;
		text-align: center;
		padding: 30px 25px;
		margin: 13% 12% 0px 0px;
	}
	.wedding p{
		margin-bottom: 35px;
		letter-spacing: 0.02em;
	}
	.engagement .theContent{
		width: 355px;
		position: absolute;
		top: 0px;
		left: 0px;
		color: #ffffff;
		z-index: 2;
		text-align: center;
		padding: 35px 40px;
		margin: 18.09% 0px 0px 12%;
	}
	.engagement p{
		margin-bottom: 35px;
		letter-spacing: 0.025px;
	}
    .baby .theContent{
		width: 355px;
		position: absolute;
		top: 0px;
		left: 0px;
		color: #351e0e;
		z-index: 2;
		text-align: center;
		padding: 35px 40px;
		margin: 10% 0px 0px 7%;
	}
	.baby p{
		margin-bottom: 35px;
		letter-spacing: 0.025px;
	}
    .headshot .theContent{
		width: 355px;
		position: absolute;
		top: 0px;
		left: 0px;
		color: #ffffff;
		z-index: 2;
		text-align: center;
		padding: 35px 40px;
		margin: 15% 0px 0px 6%;
	}
	.headshot p{
		margin-bottom: 35px;
		letter-spacing: 0.025px;
	}

.review{
	text-align: center;
	position: relative;
	margin: 160px auto;
	/*padding: 4% 7.3%;*/
	background: url(images/testimonial-quote.png) no-repeat center top;
	box-sizing: border-box;
}
	.review h4{
		font-family: "calluna", serif;
		font-style: italic;
		font-size: 23px;
		letter-spacing: 0.02px;
	}
	.review p{
		font-family: "calluna", serif;
		font-style: italic;
		font-size: 20px;
		letter-spacing: 0.02px;
		line-height: 30px;
	}
	.review p.signature{
		font-family: "calluna", serif;
		font-style: italic;
		font-weight: bold;
		font-size: 15px;
		letter-spacing: 0.02px;
		margin-bottom: 55px;
	}

	.review div.theContent{
  		width: 100%;
		height: 250px;
  		/*position: absolute;
  		top: -48px;
  		left: -40px;*/
		padding: 36px 40px;
		box-sizing: border-box;
	}
  	.review div.theContent div.quote{
    	width: calc(100% - 80px);;
		height: 180px;
    	overflow: hidden;
    	box-sizing: border-box;
    	position: absolute;
		background-color: #ffffff;
  	}

.homecontact{
	width: 100%;
	text-align: center;
	height: 206px;
	background-color: #000000;
	background-position: 50% 35%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-top: 104px;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
	.homecontact h3{
		font-size: 37px;
		line-height: 40px;
		color: #ffffff;
		text-transform: uppercase;
		font-family: 'Klinic Slab Light';
		margin: 0px auto 32px;
		font-weight: normal;
	}
@media (max-width: 480px) {
	.homecontact{
  	background-attachment: scroll;
  }
}
	
.blog{
	border-top: 1px solid #351e0e;
	text-align: center;
	margin-top: 184px;
	padding: 72px 0px 0px;
	position: relative;
}
	.blog .smlogo{
		position: absolute;
		top: 0px;
		left: 50%;
		margin: -29px 0px 0px -29px;
	}
	.blog h3{
		font-size: 37px;
		color: #351e0e;
		text-transform: uppercase;
		font-family: 'Klinic Slab Light';
		margin: 0px auto 32px;
		font-weight: normal;
	}
	.blog .homeblog{
		width: 32%;
		float: left;
		margin-right: 2%;
		position: relative;
		vertical-align: text-bottom;
	}
		.blog .homeblog img{
			width: 100%;
			vertical-align: text-bottom;
		}
		.blog .homeblog .info{
			color: #ffffff;
			font-family: 'Klinic Slab Medium';
			position: absolute;
			left: 0px;
			bottom: 3px;
			margin: 0px;
			background: rgba(0, 0, 0, 0.5);
			width: 100%;
			text-align: left;
			box-sizing: border-box;
			padding-bottom: 10px;
			overflow: hidden;
		}
		.blog .homeblog h4{
			font-size: 18px;
			padding: 10px 0px 0px 15px;
			margin: 0px;
		}
		.blog .homeblog .readmore{
			font-size: 14px;
			font-family: 'Klinic Slab Bold';
			text-transform: uppercase;
			color: #f95501;
			cursor: pointer;
			letter-spacing: 0.15em;
			margin-left: 15px; 
			display: none;
		}
	
.about .quoteOpen, .about .quoteClose, .wedding .quoteOpen, .wedding .quoteClose, .engagement .quoteOpen, .engagement .quoteClose, .review .quoteOpen, .review .quoteClose, .baby .quoteOpen, .baby .quoteClose, .headshot .quoteOpen, .headshot .quoteClose, .family .quoteOpen, .family .quoteClose{
	position: absolute;
	height: 32px;
	width: 32px;
	opacity: 0;
}
	.about .quoteOpen, .wedding .quoteOpen, .engagement .quoteOpen, .review .quoteOpen, .baby .quoteOpen, .headshot .quoteOpen, .family .quoteOpen{
		background: url(images/quote-open.png) no-repeat top left;
		top: -50px;
		left: -50px;
	}
	.about .quoteClose, .wedding .quoteClose, .engagement .quoteClose, .review .quoteClose, .baby .quoteClose, .headshot .quoteClose, .family .quoteClose{
		background: url(images/quote-close.png) no-repeat top left;
		bottom: -50px;
		right: -50px;
	}
	
@media (min-width: 768px) and (max-width: 967px){
	.wedding .theContent{
		padding: 15px 10px;
    margin: 10% 5% 0px 0px;
	}
	.engagement .theContent{
		padding: 15px 10px;
    margin: 6% 0px 0px 3%;
	}
}
@media (max-width: 767px){
	.wedding .theContent, .engagement .theContent, .baby .theContent, .headshot .theContent, .family .theContent{
		width: 80%;
		position: relative;
		color: inherit;
		margin: 20px auto 80px;
		padding: 35px 25px;
	}
	
	.review{
		margin: 80px auto;
		padding: 10% 7.3%;
	}
	
	.blog .homeblog{
		width: 100%;
		float: none;
		margin-right: 0px;
	}
	
	.button.inverse{
		background: #ffffff;
		border: 2px solid #351e0e;
		color: rgba(53, 30, 14, 1) !important;
	}
}

	
/********/
/* FAQs */
/********/
.faqs h4{
	border-bottom: 1px solid #351e0e;
	font-size: 23px;
	font-family: "calluna", serif;
	font-weight: bold;
	padding: 25px 0px 25px 30px;
	margin: 0px;
	cursor: pointer;
	position: relative;
}
	.faqs h4:focus{
		outline: 0;
	}
		.faqs h4 span{
			padding: 30px 0px 0px 30px;
			background: url(images/faq-arrow.png) no-repeat left center;
			position: absolute;
			left: 0px;
			top: 50%;
			margin-top: -15px;
		}
	.faqs h4.ui-state-active{
		border-bottom: none;
	}
		.faqs h4.ui-state-active span{
			background: url(images/faq-arrow-active.png) no-repeat left center;
		}
.faqs div{
	padding: 0px 0px 25px 30px;
}
	.faqs div.ui-accordion-content-active{
		border-bottom: 1px solid #351e0e;
	}
	
	

/****************/
/* Testimonials */
/****************/
.testimonial{
	padding-bottom: 36px;
	border-bottom: 1px solid rgba(53, 30, 14, .2) ;
	margin-bottom: 40px;
}
	.testimonial .testimonial_content{
		max-width: 587px;
		width: 100%;
	}
	
	

/****************/
/* Contact Form */
/****************/
.contactForm{
	font-size: 128%;
	font-family: 'Klinic Slab Light', Georgia, 'Times New Roman', serif;
}
	.contactForm .row{
		clear: both;
		margin-bottom: 30px;
	}
	.contactForm .left{
		float: left;
		width: 48%;
	}
	.contactForm .right{
		float: right;
		width: 48%;
	}
	.contactForm .full{
		width: 100%;
	}
	.contactForm .clear{
		height: 1px;
	}
	.contactForm label{
		margin-bottom: 5px;
		display: inline-block;
		font-family: 'Klinic Slab Medium';
	}
		.contactForm label span.require{
			color: #c55e29;
		}
	.contactForm input, .contactForm textarea{
		padding: 15px;
		border: 0px;
		background-color: #ebebeb;
		width: 100%;
		height: 51px;
		box-sizing: border-box;
		font-size: 86%;
		color: rgba(53, 30, 14, .4);
	}
	.contactForm textarea{
		height: 300px;
	}
		.contactForm input:focus, .contactForm textarea:focus{
				color: rgba(53, 30, 14, 1);
		}
		.contactForm input.wpcf7-submit, .wpcf7-response-output{
			background: #ffffff;
			border: 2px solid #351e0e !important;
			width: auto !important;
			font-size: 100%;
			font-family: inherit;
			padding: 12px 40px !important;
			color: rgba(53, 30, 14, 1);
			cursor: pointer;
		}
		.contactForm .wpcf7-response-output{
			margin: 0px !important;
		}
			.contactForm input.wpcf7-submit:hover{
				border: 2px solid #c55e29 !important;
				background: #c55e29;
				color: #ffffff;
			}
	.contactForm .customSelect{
		width: 100%;
		height: 51px;
		padding: 15px 15px 15px 30px;
		background: #ebebeb url(images/ddl-arrow.png) no-repeat 15px center;
		color: rgba(53, 30, 14, .4);
		font-style: italic;
		box-sizing: border-box;
		font-size: 86%;
	}
		.contactForm .customSelect select{
			 background: transparent;
		   width: 100%;
		   height: 21px;
		   padding: 0px;
		   font-size: 100%;
		   border: 0;
		   border-radius: 0;
		   -webkit-appearance: none;
		   color: rgba(53, 30, 14, .4);
			 font-style: italic;
		}
		.contactForm .customSelect span.wpcf7-not-valid-tip{
			margin-top: 12px;
			margin-left: -30px;
			font-style: normal;
		}
	.contactForm .wpcf7-validation-errors{
		display: none;
	}
@media (max-width: 767px){
	.contactForm .left, .contactForm .right{
		float: none;
		width: 100%;
	}
	input[type="date"]{
		min-width: 100%;
		box-sizing: border-box !important;
	}
}

	
	
	/************/
	/* Archives */
	/************/
	.archive .listing{
		font-size: 14px;
		padding-bottom: 35px;
		margin-bottom: 35px;
		border-bottom: 1px solid #d7d2cf;
	}
		.archive .leftColumn .listing:last-child{
			margin-bottom: 0px;
			border-bottom: none;
		}
	.archive img{
		max-width: 100%;
		margin: 0px auto !important;
		text-align: center;
		float: none !important;
	}
	.archive h3{
		font-size: 23px;
		margin: 20px 0px;
	}
	.archive .date{
		font-weight: bold;
		font-size: 16px;
	}
	.archive .cats{
		font-size: 16px;
	}
	.archive .excerpt{
		line-height: 25px;
	}
	.archive .readon{
		font-family: 'Klinic Slab Light';
	}
	
	.archive .leftColumn{
		display: inline-block;
		width: 690px;
		vertical-align: top;
	}
	.archive .rightColumn{
		display: inline-block;
		width: 220px;
		vertical-align: top;
		margin-left: 28px;
		position: relative;
	}
		.archive .rightColumn h4{
			font-family: 'Klinic Slab Light';
			font-size: 20px;
			text-transform: uppercase;
			color: #351e0e;
			margin: 0px auto 10px;
		}
		.archive .rightColumn .archiveSelect{
			width: 100%;
			border: 2px solid #351e0e;
			text-align: center;
			font-size: 15px;
			text-transform: uppercase;
			font-family: 'Klinic Slab Medium';
			padding: 12px 0px;
			cursor: pointer;
			background: url(images/archive-arrow.png) no-repeat 92% center;
			box-sizing: border-box;
			margin-bottom: 25px;
		}
		.archive .rightColumn .archives{
			padding: 0px;
	    margin: -25px 0px 0px 1px;
	    list-style-type: none;
	    height: 280px;
	    overflow: auto;
	    position: absolute;
	    background: #ffffff;
	    width: 99%;
	    -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.3);
			-moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.3);
			box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.3);
			display: none;
		}
			.archive .rightColumn .archives li{
				padding: 5px 0px 5px 20px;
				border-bottom: 1px solid #cccccc;
			}
			.archive .rightColumn .archives li:nth-child(odd){
				background-color: #fafafa;	
			}
		.archive .rightColumn .categories{
			margin: 0px 0px 25px;
	    padding: 0px 0px 0px 35px;
	    list-style-type: none;
		}
			.archive .rightColumn .categories li a{
				font-style: italic;
				font-size: 14px;
				line-height: 2em;
			}
		.archive .rightColumn .searchform div{
			width: 100%;
			background-color: #f2f2f2;
			padding: 10px 0px;
		}
			.archive .rightColumn .searchform div .screen-reader-text{
				display: none;
			}
			.archive .rightColumn .searchform div input#s{
				border: none;
				margin-left: 15px;
				background: transparent;
				font-style: italic;
				font-size: 15px;
				color: #a5a09d;
				font-family: "calluna", serif;
				width: 80%;
			}
			.archive .rightColumn .searchform div #searchsubmit{
				text-indent: -99999999999px;
		    background: transparent url(images/ddl-arrow.png) no-repeat center center;
		    border: none;
		    cursor: pointer;
			}
	
	.archive .pagination{
		position: relative;
		padding-top: 35px;
		border-top: 1px solid #d7d2cf;
		text-align: center;
		font-size: 14px;
	}
		.archive .pagination .page-numbers{
			font-family: 'Klinic Slab Bold';
			display: inline-block;
			margin: 0px 11px;
		}
			.archive .pagination a, .archive .pagination .page-numbers{
				color: #351e0e;
			}
			.archive .pagination .page-numbers.current{
				color: #c55e29;
			}
		.archive .pagination .next, .archive .pagination .prev{
			color: #c55e29;
			position: absolute;
			font-family: 'Klinic Slab Light';
		}
		.archive .pagination .next{
			right: 0px;
		}
		.archive .pagination .prev{
			left: 0px;
		}
		
	.post .date{
		font-size: 16px;
		font-weight: bold;
	}
	.post .cats{
		font-size: 16px;
	}
	.post img{
		display: block;
		margin: 0px auto;
	}
	
	.post .commentForm{
		width: 40%;
		float: left;
	}
		.post .commentForm label,
		.post .commentForm .comment-notes, .post .commentForm .form-allowed-tags{
			display: none;
		}
		.post .commentForm #submit{
			border: none;
	    background-color: transparent;
	    color: #c55e29;
	    font-size: 14px;
	    float: right;
	    cursor: pointer;
		}
		.post .commentForm #author, .post .commentForm #email, .post .commentForm #comment{
			background: #e6e6e6;
			border: none;
			padding: 10px;
			color: #777777;
			width: 100%;
			font-size: 14px;
			box-sizing: border-box;
		}
		.post .commentForm #comment{
			height: 120px;
		}
		.post .commentForm .comment-form-author{
			width: 47%;
			float: left;
			margin-bottom: 15px;
		}
		.post .commentForm .comment-form-email{
			width: 47%;
			float: right;
			margin-bottom: 15px;
		}
		.post .commentForm .comment-form-comment{
			clear: both;
		}
	
	.post .comments{
		width: 60%;
		float: right;
		padding-left: 20px;
		box-sizing: border-box;
	}
		.post .comments h3, .post .commentForm #reply-title{
			text-transform: uppercase;
			color: #292a53;
			margin: 0px;
		}
		post .comments .comment{
			clear: both;
		}
			.post .comments .comment .vcard{
				float: left;
				margin-right: 4px;
			}
				.post .comments .comment .vcard img, .post .comments .comment .commentmetadata{
					display: none;
				}
				.post .comments .comment .vcard .fn{
					font-style: normal;
					color: #c55e29;
				}
					.post .comments .comment .vcard .fn a{
						font-weight: normal;
					}
					
					
@media (max-width: 767px){
	.archive .leftColumn{
		width: 100%;
		display: block;
	}
	.archive .rightColumn{
		display: none;
	}
	.post .commentForm, .post .comments{
		float: none;
		width: 100%;
	}
	.post .comments{
		clear: right;
		padding-left: 0px;
	}
}
@media (max-width: 479px){
	.archive .pagination .prev, .archive .pagination .next {
    top: 80px;
	}
}

/************/
/* Wall Art */
/************/
.wallartalbums{
	width: 100%;
	margin-top: 50px;
}
.wallartalbums .wallartalbum{
	width: 100%;
	clear: both;
}
.wallartalbums .wallartalbum h3{
	color: #c55e29;
	text-decoration: none;
	font-weight: bold;
	font-size: 23px;
}
.wallartalbums .wallartalbum .excerpt{
	padding: 30px;
}
.wallartalbums .wallartalbum.picleft img{
	width: 50%;
	float: left;
	margin-right: 20px;
}
.wallartalbums .wallartalbum.picright img{
	width: 50%;
	float: right;
	margin-left: 20px;
}

/*************/
/* Galleries */
/*************/
.container.gallery h3{
	font-size: 33px;
	font-family: 'Klinic Slab Light', Georgia, 'Times New Roman', serif;
}
.container.gallery h3 strong{
	color: #c55e29;
}
.gallery .gallery_intro{
	max-width: 1024px;
	width: 100%;
	position: relative;
	margin: 20px auto 40px;
	padding: 20px;
	font-family: 'Klinic Slab Book', Georgia;
	font-size: 20px;
	text-align: center;
	font-style: italic;
}
.gallery .gallery_intro .quoteOpen, .gallery .gallery_intro .quoteClose{
	position: absolute;
	height: 32px;
	width: 32px;
	opacity: 0;
}
.gallery .gallery_intro .quoteOpen{
		background: url(images/quote-open.png) no-repeat top left;
		top: -50px;
		left: -50px;
	}
	.gallery .gallery_intro .quoteClose{
		background: url(images/quote-close.png) no-repeat top left;
		bottom: -50px;
		right: -50px;
	}

/** call-to-action button **/
.cta {
  background: #ff7720;
  background-image: -webkit-linear-gradient(top, #ff7720, #EE6300);
  background-image: -moz-linear-gradient(top, #ff7720, #EE6300);
  background-image: -ms-linear-gradient(top, #ff7720, #EE6300);
  background-image: -o-linear-gradient(top, #ff7720, #EE6300);
  background-image: linear-gradient(to bottom, #ff7720, #EE6300);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 2px 2px 5px #666666;
  -moz-box-shadow: 2px 2px 5px #666666;
  box-shadow: 2px 2px 5px #666666;
  color: #ffffff;
  font-size: 20px;
  padding: 15px 25px 15px 25px;
  text-decoration: none;
}
 .cta:hover { 
  background: #EE6300;
  background-image: -webkit-linear-gradient(top, #EE6300, #ff7720);
  background-image: -moz-linear-gradient(top, #EE6300, #ff7720);
  background-image: -ms-linear-gradient(top, #EE6300, #ff7720);
  background-image: -o-linear-gradient(top, #EE6300, #ff7720);
  background-image: linear-gradient(to bottom, #EE6300, #ff7720);
  text-decoration: none;
}