/*  WOO CUSTOM STYLESHEET 
	Canvas Child Theme
	Sabin Aell 2015
*/

/* ===================================================================
GLOBAL STYLES: applied to desktop & mobile
=================================================================== */
#navigation { text-transform: uppercase; }

#navigation ul.nav li a:hover,	/* #navigation ul.nav > li a:hover, */
/* #navigation ul.nav > li:hover, */
#navigation ul.cart li:hover a.cart-contents,
#navigation ul.nav-search li:hover a.search-contents {
	text-decoration: underline;
}

.home .title.entry-title { display: none; }

.breadcrumb-title,
.home .breadcrumb { display: none; }

.breadcrumb { font: 14px/1.2 "PT Sans",arial,sans-serif; }

/* comment text area on blog */
#commentform textarea {
	width: 640px !important;
	height: 150px !important;
	padding: 5px 7px;
}

/* thumbnails plus descriptive text that's not as tall as the thumb, like
on the press page */
.thumbplus {
	clear: both;
	padding-top: 10px;
}

/* the top one gets no padding */
.thumbplus-top {
	clear: both;
}

.thumbplus-image {
	width: 200px;
	height: 196px;
	float: left;
	padding: 0 17px 30px 0;
	margin: 0;
}

.home #header-container {
	height: 50px;	
	background-repeat: no-repeat;
	background-position: center 0;
	background-attachment: scroll;
}

.home #header { padding-top: 50px; }

#content { padding-bottom: 20px; }

/* Canvas bug: these are getting bolded and a different link color from what
  is specified in the theme > Settings > General Styling */
.post-meta a:link,
.post-meta a:visited,
.post p.tags a:link,
.post p.tags a:visited { 
	font-weight: normal;
	font: 300 13px/1.5em Source Sans Pro;
	color: #b7ce4e;
}

.post-meta a:hover {
	color: #ecf1d7;
	text-decoration: underline;
}

/* Canvas bug: blog single post next & prev links weren't getting correct hover
  colors, text decoration, or font */
.post-entries .nav-prev a,
.post-entries .nav-next a { font: 300 13px/1.5em Source Sans Pro; }

.post-entries .nav-prev a:hover,
.post-entries .nav-next a:hover { 
	color: #ecf1d7;
	text-decoration: underline;
}

.post-more {
	margin-left: 320px;
	margin-top: 0px;
}

/* Comment region colors */
#comments h3,	/* One Response to ... */
#respond h3, 	/* Leave a Reply */
#commentform label[for="author"], 
#commentform label[for="email"], 
#commentform label[for="url"] { 
	color: #b8bc9c;
}
#comments h3,
#respond h3 {
	font: 300 20px/1.5em Source Sans Pro;
}
#commentform label[for="author"], 
#commentform label[for="email"], 
#commentform label[for="url"] { 
	font: 300 13px/1.5em Source Sans Pro;
}

input, 
textarea {
	background-color: #aeb292;
	border: none;
	color: #333621;
}

#commentform input.txt,
#commentform textarea {
	font: 400 15px/1.5em Source Sans Pro;
	border-radius: 0;
}
/* end */


/* latest posts plugin */
#wpcufpn_widget_304.wpcufpn_container .text {
  color: #a9c572 !important;
}

#wpcufpn_widget_304 .title span {
  color: #a9c572 !important;
}

.wpcu_block_title {
  display: none;
  }
#wpcufpn_widget_304 .wpcufpn_listposts li {
  border: 1px solid #5c6143 !important;
}
/* end */

.entry h1,
.entry h2,
.entry h3 { line-height: 1.1em; }


/* Book, image padding, float left, border around blog images and book page */
.entry img,
.entry .wp-caption,
.entry .wp-caption img,
img.thumbnail,
#portfolio .group.portfolio-img img,
.textwidget img {
    padding: 0 !important;
	border: 2px solid #cdd3a0;
	float: left;
	display: block;
	clear: left;
}



.entry table td, .entry table th {
     padding: .5em 0em; 
}

.widget {
	font-size: 16px;
}

.widget h3 {
	
	font: 300 16px/1.5em Source Sans Pro;
	border-bottom: 1px dotted #6a6545;
}


 /* subscribe to newsletter */
#mc_embed_signup .mc-field-group {
  padding-bottom: 1% !important;
}	

#mc_embed_signup {
  background: #fff;
  clear: left;
  font:  400 16px/1.5em Source Sans Pro !important;
  color: #828062 !important;
}

#mc_embed_signup {
  	background: #232019 !important;
}
  /* end */ 
  

/* pinterest */
#span.PIN_1432311537773_embed_grid.PIN_1432311537773_fancy {
  background-color: #79855e!important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .33)!important;
  border-radius: 0px!important;
}

/* end */ 
  


.post, .search .page {
 	 margin: 0 0 0px;
  }


.post-meta {
	display: none;
}

.entry .wp-caption {
	border: none;
}



.entry .wp-caption-text {
	padding: 5px 10px 5px 10px;
	text-align: left;
	font: 14px/1.1em "Abel",arial,sans-serif;
	color: #fff;
	background-color: #959595;
}


/* Book, text */
.entry p {
	padding-top: 0px;
	text-align: justify;
	margin-bottom: 20px;
}


.poem {
	padding-left: 2em;
	padding-bottom: 2em;
}

a img:hover {
	opacity: 0.6;
	transition-property: opacity;
	transition-duration: 0.25s;
}

#footer-widgets,
#footer-widgets .block {
    padding-bottom: 0; 
}

#footer-widgets {
  border-top: 1px dotted #626047;
}

#footer-widgets .widget {
	margin-top: 0;
	margin-bottom: 1px;
	padding-bottom: 0;
}

.home #footer-widgets .widget {
	padding-bottom: 10px;
}

/* Lightweight Social Media icons */
.home #footer-widgets .widget.widget_lsi_widget {
    padding-top: 5px;
}

.widget ul.lsi-social-icons {
	margin-right: -10px !important;
}

.textwidget img {
	border: 1px solid #adadad;
}

.entry table {
  border: none;
  background: none;
  box-shadow: 0 1px 2px 0 white;
  box-shadow: none;
}

.entry table td, .entry table th {
  	border-right: none;
}

.entry table tbody td {
  	border-bottom: none;
}

/* instagram feed no bullet points */
.zoom-instagram-widget__items {
  margin-left: 0px !important;
  list-style: none !important;
  list-style-position: outside;
  border: 1px #b7ce4e !important;
}
  

  
  /* Mailchimp */
  .mc_merge_var {
    margin-bottom: 0em !important;
}
  
  #mc_subheader {
  font: 300 4px/1.1em "Source Sans Pro",arial,sans-serif !important;
  }
  
  #mc_signup_submit {
	width: 120px !important;
 	height: 25px;
 	border: none;
 	margin-top: 2px !important;
 	padding: 0;
 	 font: 400 16px/1.1em "Source Sans Pro",arial,sans-serif !important;
  }
  
  .mc_success_msg {
    color: #c2850e;
    margin-bottom: 1em;
    font: 300 12px/1.1em "Source Sans Pro",arial,sans-serif !important;
 }
  /* end */
  
/* PhotoMosaic */
.photoMosaic span {
    /* top: 50%; */
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    /*
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    */
    padding: 0;
    text-align: center;
    vertical-align: 60%;
    margin: 0;
    position: absolute;
	/*  transform: translate(-50%, -50%); */
    height: 50%; /* 100%; */
    font: 300 22px/1.1em "Source Sans Pro",arial,sans-serif;
    background: rgba(0, 0, 0, 0);
    color: rgba(255, 255, 255, 0);
    transition: all 0.3s linear 0s;
    transform-origin: center center;
}


body .photoMosaic {
    overflow: visible;
}

/* border around images */
body .photoMosaic a:link,
body .photoMosaic a:visited,
body .photoMosaic a:active,
body .photoMosaic a:hover {
    outline: 1px solid #b2b592;
    border: 1px solid #cdde0d;   
}

.photoMosaic a:hover span {
    background: rgba(0, 0, 0, 0.5);
    color: rgba(255, 255, 255, 0.9);
}

/* page doesn't exist anymore
.page-id-475 .photoMosaic a:hover span {
    background: rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 0.9);
}
 */
 
.photoMosaic a:hover img {
    opacity: 1;
}

/* project category */

/*.project_category {} */

/* individual project 
.individual_project ~ .photoMosaic a:hover span {
    background: rgba(0, 0, 0, 0.2);
    color: rgba(0, 255, 255, 0.9);
}
*/

#footer-widgets-container .widget h3 {
    background-color: #B6B191 !important;
    padding: 20px 0 5px 6px;
    border-bottom: 1px solid #FFF;
    font-size: 23px;
    letter-spacing: 1px;
    color: #fff;
}

.widget ul {
	margin-left: 20px;
    list-style-type: circle;
    list-style-position: outside;
}

/* except category menu in sidebar */
#sidebar .widget.widget_categories ul {
	float: none;
}

#footer-widgets {
  padding: 0px 0; 
  clear: both;
}

/* social media icons on all pages*/ 
#footer-widgets .widget ul {
    float: right;
}
.widget p,
.widget .textwidget {
	text-align: justify;
}

#footer a:link,
#footer a:visited {
	color: #d5d5d5;
}

#footer a:hover,
#footer a:active {
	text-decoration: underline;
}


#dynamic-to-top {
	bottom: 130px !important;
	}
	
	
	/*-----------[pagination Blog]-----------*/
	
.woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active {
    border: none;
    background: #1b2309;
 } 
 
 
 .woo-pagination span.current {
    border: none;
    background: #a0a084;
}

/*-----------[Fast Secure Contact Form]-----------*/
/* Alignment DIVs */
.fscf-div-form              { width:99%; max-width:555px; }
.fscf-div-left-box          { float:left; width:55%; max-width:270px; }
.fscf-div-right-box         { float:left; width:235px; }
.fscf-div-clear             { clear:both; }
.fscf-div-field-left        { clear:left; float:left; width:99%; max-width:550px; margin-right:10px; }
.fscf-div-field-prefollow   { clear:left; float:left; width:99%; max-width:250px; margin-right:10px; }
.fscf-div-field-follow      { float:left; padding-left:10px; width:99%; max-width:250px; }
.fscf-div-label             { text-align:left; padding-top:15px; }
.fscf-div-field             { text-align:left; }
.fscf-div-captcha-sm        { width:175px; height:50px; padding-top:2px; }
.fscf-div-captcha-m         { width:250px; height:65px; padding-top:2px; }
.fscf-image-captcha         { border-style:none; margin:0; padding:0px; padding-right:5px; float:left; }
.fscf-image-captcha-refresh { border-style:none; margin:0; padding:0px; vertical-align:bottom; }
.fscf-div-submit            { text-align:left; clear:both; padding-top:15px; }
.fscf-fieldset              { border:1px solid black; width:99%; max-width:550px; padding:10px; }

/* Styles of labels, fields and text */
.fscf-required-indicator { text-align:left; }
.fscf-required-text      { text-align:left; }
.fscf-hint-text          { font-size:x-small; font-weight:normal; }
.fscf-div-error          { text-align:left; color:red; }
.fscf-div-redirecting    { text-align:left; }
.fscf-fieldset-field     { border:1px solid black; width:97%; max-width:500px; padding:10px; }
.fscf-label              { display:inline; }
.fscf-option-label       { display:inline; }
.fscf-input-text         { text-align:left; margin:0; width:99%; max-width:350px; color:#000000; color:#242617; background-color:#8d9074; }
.fscf-input-captcha      { text-align:left; margin:0; width:50px; color:#000000; color:#242617; background-color:#8d9074; }
.fscf-input-textarea     { text-align:left; margin:0; width:99%; max-width:350px; height:180px; color:#000000; color:#242617; background-color:#8d9074; }
.fscf-input-select       { text-align:left; }
.fscf-input-checkbox     { width:22px; height:32px; }
.fscf-input-radio        { width:22px; height:32px; }
.fscf-button-submit,
.fscf-button-submit:hover { cursor:pointer; margin:0;
	font: 14px/1.1em "Abel",arial,sans-serif !important;
	padding: 0.327em 1em;
	box-sizing: border-box;
}     
.fscf-button-reset       { cursor:pointer; margin:0; }
.fscf-button-vcita       { text-decoration:none; display:block; text-align:center; background:linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); color:#fff !important; padding:10px; }
.fscf-button-div-vcita   { border-left:1px dashed #ccc; margin-top:25px; height:50px; padding:8px 20px; }

/* Placeholder Style - WebKit browsers - Safari, Chrome */
::-webkit-input-placeholder { opacity:0.6; color:#333333; }

/* Placeholder Style - Mozilla Firefox 4 - 18 */
:-moz-placeholder { opacity:0.6; color:#333333; }

/* Placeholder Style - Mozilla Firefox 19+ */
::-moz-placeholder { opacity:0.6; color:#333333; }

/* Placeholder Style - Internet Explorer 10+ */
:-ms-input-placeholder { opacity:0.6; color:#333333; }

#fscf_captcha_refresh1 img {
	border: none;
	padding-left: 7px !important;
}

/*-------[ End of Fast Secure Contact Form]-------*/

#wpgmza_map {
    border: 1px solid #ABABAB;
}


/*-------quote widget-------*/

.widget p, .widget .textwidget {
  font: 300 18px/1.5em 'Source Sans Pro', arial, sans-serif;
  color: #c8d8ba;
}

blockquote.quotescollection-quote {
  border: 0;
  background: none;
  padding: 0;
  padding: 5px 10px 0px 10px;
  margin: 0em 0em 0.5em 0em;
  font-size: 1em;
  box-shadow: none;
  background-color: #232019;
  border-width: 1px;
  border-style: solid;
  border-color: #5b624d;
}

.quotescollection-quote footer.attribution {
  margin-bottom: 0.5em;
}
/*-------end-------*/

  br {
        line-height: 150%;
     }
/* ===================================================================
DESKTOP STYLES: only applied to desktop layout >= 768px
=================================================================== */

@media only screen and (min-width: 768px) {
	
	#header {
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 40px;
		padding-bottom: 10px;
	}

	#logo {
		padding-left: 0px; 
		padding-top: 0px;
		margin-left: 0px; 
		margin-top: 0px; 
	}

	.header-widget { width: 30%; }

	ul.nav li a {  
		margin-right: -10px;
		display: block;
		letter-spacing: 2px;  
	}
	
	/* first menu item */
	ul.nav li:first-child a {
		padding-left: 0;
	}
	
	/* dropdown menu */
	.sub-menu #navigation ul.nav > li:hover,
	#navigation ul.nav li ul {
		background-color: #232019 !important;
		background-image:none;
		padding-bottom: 0px;
		padding-top: 0px;
		margin-left: 3px;
	}
	

	/* for multiple-column areas */
	.multicol {
		-moz-column-count: 2;
		-moz-column-gap: 30px;
		-webkit-column-count: 2;
		-webkit-column-gap: 30px;
		text-align: justify;
		padding-bottom: 15px;
	}
	
	/* collapsomatic */	
	.collapseomatic_excerpt, 
	.collapseomatic_content {
		margin-top: 0px;
		margin-left: 16px;
		padding: 0px;
		width: 65%;
		text-align: justify;	
	}	



	#main-sidebar-container {
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 10px;
		padding-bottom: 0px;  
	}


	#footer {
		height: 30px;
		border-bottom: 0px solid;
		border-left: 0px solid;
		border-right: 0px solid;
		padding-top: 10px;
		padding-bottom: 20px;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
	}

	/* Lightweight Social Media icons */
	.header-widget .widget:first-child { padding-top: 56px; }

} /* End of Desktop Styles >= 768px */

/* ===================================================================
DESKTOP STYLES: desktop layout >= 768px and <=900
=================================================================== */

@media only screen and (min-width: 768px) and (max-width: 900px) {

	ul.nav li a { padding: 0.5em 0.6em; }

} /* End of Desktop Styles >= 768px and <900  */

/* ===================================================================
DESKTOP STYLES: desktop layout >= 768px and <1110
=================================================================== */

@media only screen and (min-width: 768px) and (max-width: 1110px) {


} /* End of Desktop Styles >= 768px and <1110  */


/* ===================================================================
MOBILE STYLES: only applied to mobile layouts <= 767px
=================================================================== */

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

	#navigation { background-color: #5F5836; }
	
	#navigation h3 { display: none; }
	
	ul.nav li a { 
		margin-right: 0; 
		color: #B7CE4E !important;
	}
	ul.nav li a:hover { color: #ECF1D7 !important; }
	
	ul.nav li:first-child a { padding-left: 10px; }
	
	/* sub menu */
	ul.nav li ul li a { color: #B7CE4E !important; }
	ul.nav li ul li a:hover { color: #ECF1D7 !important; }
	
	ul.nav li.current-menu-parent a { background-color: #555 !important; }

	ul.nav li.current-menu-parent ul li a { background-color: #5F5836 !important; }

	ul.nav li.current-menu-item a,
	ul.nav li ul li.current-menu-item a { background-color: #777 !important; }

	.home #header {
		padding-top: 10px;
		border-bottom-width: 1px;
		border-bottom-color: #5D5739;
		border-bottom-style: dotted;
	}
	
	#content { padding-top: 100px; }

} /* End of Mobile Styles <= 767px */

/* End */