/*  
Theme Name: Artistic Irrigation
Theme URI: http://www.artisticirrigation.com/
Description: Custom Wordpress theme for Artistic Irrigation
Version: 1.1
Author: KatArt Graphics
Author URI: http://www.katart.com/
*/

/* Helper Classes */
img { vertical-align: middle; }
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
	}
	.ir:before {
		content: "";
		display: block;
		width: 0;
		height: 150%;
	}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible { visibility: hidden; }

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
	}
	.clearfix:after { clear: both; }
	.clearfix { *zoom: 1; }


/* General */
html,body { background-color: #f9f1d9; }
body {
	font: 62.5%/1.125em Arial, Helvetica, sans-serif;
	text-align: center;
}

.main a,.sidebar a {
	color: #360;
	text-decoration: none;
	border-bottom: 1px dotted #360;
	}
	.sidebar a { border: none; }
	.main a:hover, .sidebar a:hover { color: #930; border-color: #930; }

b,strong { font-weight: bold; }
i,em { font-style: italic; }

p, .main ul, .main ol { margin: 0 0 0.8em; }
.main h2 { margin: 0 0 0.6em; }
blockquote p { margin: 0; }

.post-entry img[class*=wp-image-] {
	padding: 6px;
	background-color: white;
	border: 1px solid #ddd;  border: 1px solid rgba(0,0,0,.13);
	}
	.alignleft { float: left; margin: 0 20px 20px 0; }
	.alignright { float: right; margin: 0 0 20px 20px; }
	.aligncenter { display: block; margin: 0 auto 20px; }

.main ul, .main ol {
	padding-left: 26px;
	list-style: disc;
}

.main ol { list-style: decimal; }
.main li { padding: 5px 0; line-height: 1.3em; }

.readmore_link { overflow: hidden; }
.readmore_link a, input[type="submit"] {
	display: block; float: right; padding: 6px 10px 5px;
	text-transform: uppercase; text-decoration: none; color: #fdf7e6; text-shadow: none; font-size: 0.76em; font-weight: bold;
	border: 1px solid #618036; border-radius: 2px;
	-webkit-box-shadow: 0 1px 0 white, inset 0 -1px 2px #3f571d, inset 0 1px 0 #97b271;
			box-shadow: 0 1px 0 white, inset 0 -1px 2px #3f571d, inset 0 1px 0 #97b271;
	background-color: #6c9237;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6c9237), to(#547329));
	background-image: -webkit-linear-gradient(top, #6c9237, #547329);
	background-image: -moz-linear-gradient(top, #6c9237, #547329);
	background-image: -o-linear-gradient(top, #6c9237, #547329);
	background-image: -ms-linear-gradient(top, #6c9237, #547329);
	background-image: linear-gradient(top, #6c9237, #547329);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#6c9237', EndColorStr='#547329');
	}
	.readmore_link a:hover, input[type="submit"]:hover {
		border: 1px solid #966121;
		color: white;
		-webkit-box-shadow: 0 1px 0 white, inset 0 -1px 2px #6a4917, inset 0 1px 0 #c5985c;
				box-shadow: 0 1px 0 white, inset 0 -1px 2px #6a4917, inset 0 1px 0 #c5985c;
		background-color: #ad6c1f;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#ad6c1f), to(#8a5a1b));
		background-image: -webkit-linear-gradient(top, #ad6c1f, #8a5a1b);
		background-image: -moz-linear-gradient(top, #ad6c1f, #8a5a1b);
		background-image: -o-linear-gradient(top, #ad6c1f, #8a5a1b);
		background-image: -ms-linear-gradient(top, #ad6c1f, #8a5a1b);
		background-image: linear-gradient(top, #ad6c1f, #8a5a1b);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ad6c1f', EndColorStr='#8a5a1b');
		}
		
		input[type="submit"] { float: none; }
		
.gf_hide_label .gfield_label { display: none !important; }
	.gf_hide_label > .ginput_container { padding: 1em 0; }


/* Structure */

#page { background: url(images/header_bg.jpg) center top repeat-x; }
	
	.wrap { max-width: 740px; margin: auto; }

	.header {
		height: 184px;
		border-bottom: 1px solid #364e11;
		text-align: center;
		}
		.header h1 { padding-top: 26px; margin: 0; }
			.header h1 a {
				background: url(images/logo.jpg) center center no-repeat;
				display: block; width: 260px; height: 112px; margin: auto;
			}

	.middle {
		background: #fdf7e6;
		border-top: 1px solid #fff;
		padding: 12px 0;
		text-align: left;
		}

		.content-wrap { padding-top: 16px; }
			.main { float: left; width: 62%; }
			.sidebar { float: right; width: 34%; }
			
		.feature_page img { 
			float: left; max-width: 100%; height: auto;
			border: 10px solid #60534f;
		}
		
		.page_header {
			float: left; width: 260px; height: 230px;
			background: #f0e7ca url(images/page_header_bg.png) 0 0 repeat-y;
			}
			.page_header h2, .page_header p {
				padding: 0 20px;
				color: #60534f; font: normal normal 2em/1.2em Georgia, "Times New Roman", Times, serif;
			}
			.page_header h2 {
				color: #506e27; font-size: 2.8em; line-height: 1.4em;
				margin: 0.5em 0 0;
			}

	.footer {
		background: url(images/footer_bg.jpg) center top no-repeat;
		padding: 12px 0 24px;
		text-align: left;
		}


/* Typography */

.middle { text-shadow: 0px 1px 0px #ffffff; }
	.main, .main_full { color: #363636; font-size: 1.4em; line-height: 1.46em; }
		.main h2, .main_full h2 { color: #5e8a17; font: normal normal 2em/1.05em Georgia, "Times New Roman", Times, serif; }

.footer { font-size: 1.1em; line-height: 1.2em; }
	.footer, .footer a { color: #9e9387; text-decoration: none; }
		.footer a:hover {
			color: #3c322f;
			border-bottom: 1px dotted #3c322f;
		}


/* Main Nav */

#navcontainer {
	font-size: 1.3em; line-height: 1em; text-transform: uppercase; text-shadow: 0px 1px 0px #364e11; font-weight: normal;
	padding-top: 14px;
	}
	ul#mainnav {
		margin: 0; padding: 0; list-style: none;
		text-align: center;
		}
		ul#mainnav li {
			display: inline-block;
			}
			ul#mainnav li a {
				color: #cad9b3; text-decoration: none;
				display: block; padding: 10px 16px;
				}
				ul#mainnav li a:hover { color: #fff; }

			ul#mainnav li.current-menu-item a {
				background: #364e11;
				color: #fdf7e6;
				border-top-left-radius: 5px; border-top-right-radius: 5px;
				}
				body.home ul#mainnav li.current-menu-item a {
					background: none;
					color: #cad9b3;
					border: none;
				}
				
	span.mob-menu { display: none; }



/* Sidebar Styles */
ul.sidebar-widgets,.dcp-content ul,ul.blogroll, .widget > ul { margin: 0; padding: 0; list-style: none; }

.widget {
	clear: both;
	background: url(images/widget_bg.jpg);
	border: 1px solid #d9cfbf; border-radius: 5px;
	margin-bottom: 18px;
	font-size: 1.3em; line-height: 1.1em; color: #60534f;
	}
	h3.widgettitle {
		background: url(images/widget_header_bg.png) 0 0 repeat-x;
		border-bottom: 1px solid #3c322f; border-top-left-radius: 5px; border-top-right-radius: 5px; 
		height: 34px; margin: -1px -1px 10px -1px; padding: 0 10px;
		line-height: 40px; color: #e1d1a4; font-size: 1.3em; text-shadow: 0px 1px 0px #3c322f;
		}
		
		.no-border.widget {
			padding: 0 10px;
			background: none;
			border: none;
			}
			
		
		.no-title.widget { padding: 10px; }
			.no-border h3.widgettitle,
			.no-title h3.widgettitle { display: none; }

	.widget ul, .widget p, .widget ol, .widget blockquote, .tagcloud { padding: 0 10px 10px; }
	.widget p { padding: 0 10px; }

ul.list-checklist,
ul.list-checklist li { list-style: none; }

.dcp-content li, 
li.cat-item,
.widget_custom_post_widget li,
ul.list-checklist li { padding: 3px 0 3px 6px; }

	.dcp-content li:before, 
	li.cat-item:before,
	.widget_custom_post_widget li:before,
	ul.list-checklist li:before { 
		content: "\F14A"; 
		font-family: FontAwesome; 
		font-size: .938em; 
		position: relative; 
		left: -6px; 
	}

.widget_testimonial { font: italic normal 1.5em/1.3em Georgia, "Times New Roman", Times, serif; }
	.widget_testimonial p { padding: 0; }
	.widget_testimonial blockquote { overflow: hidden; }

	.widget_testimonial span {
		display: block; float: right; padding-top: 6px;
		font: normal normal 0.8em/1.16em Arial, Helvetica, sans-serif;
	}

.widget_sp_image {
	border: none;
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}



/* Home Page slideshow */
.feature_home {
	background: url(images/feature_shadow.jpg) center bottom no-repeat; background-size: contain;
	padding-bottom: 40px; height: 326px;
	}
	.feature_home * {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
			 -o-box-sizing: border-box;
				box-sizing: border-box;
	}

.nivoSlider { border: 10px solid #60534f; }

a.nivo-prevNav, a.nivo-nextNav {
	position: absolute; top: 118px;
	width: 32px; height: 71px; display: block;
	cursor: pointer;
	text-indent: -9999px;
	}
	a.nivo-prevNav {
		left: -42px;
		background: url(images/feature_prev.jpg);
	}
	a.nivo-nextNav {
		right: -42px;
		background: url(images/feature_next.jpg);
	}
	
	
/* Gallery */
.gallery { text-align: center; }
	.gallery img {
		margin: 6px; padding: 6px;
		border: 1px solid #c5bc9d;
		}
		.gallery img:hover {
			border-color: #9e9387;
			background-color: white;
		}
		
/* Blog Styles */

.type-post { margin: 20px 0 50px; }

	.post-date {
		float: left; width: 40px; padding: 4px;
		text-align: center;
		background-color: #5f524e;
		border-radius: 2px;
		}
		.post-date i {
			display: block; padding: 1px 0;
			font-size: 0.752em; line-height: 1em; color: #fdf7e6; font-style: normal; text-transform: uppercase; text-shadow: none;
			}
			i.day {
				font-size: 1.7em; color: white; font-weight: 400;
				padding: 2px 0; margin-bottom: 3px;
				border-bottom: 1px solid #8f7d77;
				}
	
	h2.post-title { margin: 2px 0 8px 60px; }
		h2.post-title a:link, h2.post-title a:visited { border: none; }
		
	.post-cats {
		margin-left: 60px; padding: 4px 0 16px;
		font-size: 0.812em; line-height: 1.4em; color: #999; text-transform: uppercase;
		border-top: 1px solid #d9cfbf;
		}
		
	.link-readmore a {
		border: none;
		font-weight: 700; font-size: 0.825em;
	}
		
	.postmeta-bottom {
		border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;
		border-top: 1px solid rgba(0,0,0,.13); border-bottom: 1px solid #ddd;
		padding: 8px 0;
		font-size: 0.812em; line-height: 1.2em; color: #999; text-transform: uppercase;
		overflow: hidden;
		}
		.post-tags { float: left; width: 60%; }
		.post-comments-link { float: right; }
		.postmeta-bottom a:link, postmeta-bottom a:visited { border: none; }
		
	.post-links { padding: 10px 0 0; overflow: hidden; }
		span.prev-post-link, span.next-post-link {
			display: block; float: left;
			}
			span.next-post-link { float: right; }
			span.prev-post-link a, span.next-post-link a {
				border: none;
				font-weight: 700; font-size: 0.825em;
			}
		
	.pagination { 
		text-align: center;
		padding: 20px 0 0; 
		}
		ul.page-numbers { margin: 0; padding: 0; list-style: none; }
			ul.page-numbers li { display: inline-block; }
				span.page-numbers, a.page-numbers {
					display: block; padding: 0 6px; margin: 0 1px; height: 20px;
					line-height: 20px;
					border: none;
					}
				
		.pagination .current { background-color: white; }
		

/* Map Styles */
.mapp-layout {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		 -o-box-sizing: border-box;
			box-sizing: border-box;
	width: 100% !important; height: auto !important;
	padding: 8px;
	background-color: white;
	border: 1px solid #d9cfbf;
}


/* Breadcrumbs */
#breadcrumbs { font-size: 1.2em; line-height: 1.2em; color: #d9cfbf; }
	#breadcrumbs > span > span { display: inline-block; padding: 0 2px; }
		#breadcrumbs a { color: #360; text-decoration: none; }
			#breadcrumbs a:hover { color: #930; }
		
		#breadcrumbs .breadcrumb_last { color: #000; }

		

@media only screen and (max-width: 768px) {
	.middle { padding: 12px; }
	a.nivo-prevNav, a.nivo-nextNav { display: none; }
	
	.footer { padding-left: 12px; padding-right: 12px; }
}

@media only screen and (max-width: 720px) {
	.middle { padding: 0; border: none; }
	
	#breadcrumbs { margin: 1em 12px 0; }
	
	.feature_home { padding: 0; background: none; }
		.nivoSlider { border: none; }
		
	.content-wrap { padding: 12px; }
		.main,.sidebar { float: none; width: auto; }
		
		.post-entry { margin-bottom: 20px; }
		
	.main_full { padding: 0 12px; }
		
	.feature_page img { border: none; float: none; }
	.page_header { float: none; width: auto; height: auto; padding: 12px; background: #f0e7ca; }
		.page_header h2, .page_header p { padding: 0; }
	
	.header { height: auto; }	
	#navcontainer { position: relative; padding-top: 13px; }
		span.mob-menu { 
			display: block;padding: 10px; margin: 0 12px;
			background-color: #364e11;
			color: #fdf7e6; text-align: center;
			border-top-left-radius: 5px; border-top-right-radius: 5px;
		}
		ul#mainnav { display: none; }
		ul#mainnav {
			background-color: #364e11;
			}
			ul#mainnav li { display: block; }
			ul#mainnav a {
				padding: 7px 0; margin: 0 12px;
				border-top: 1px dotted #628626;
			}
			
			ul#mainnav li:first-child a { border: none; }
}