/*
Theme Name: Karara Gardens
Theme URI: http://tomoro.com.au
Author: Tomoro
Author URI: http://tomoro.com.au
Description: Custom theme design for Karara Gardens
Version: 10
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: 
Text Domain: 

BlankSlate WordPress Theme © 2011-2015 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/


/* WordPress Core
-------------------------------------------------------------- */
.alignnone, .alignright, alignleft {max-width: 100%;}
.alignnone{margin:0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignleft,a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}



/* All important border-box model
-------------------------------------------------------------- */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* Base styles
-------------------------------------------------------------- */

body {
	background: #424E5E;
	color: #FFF;
	font-size: 1em;
	line-height: 1.6;
}

html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
    font-family: "calluna", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
label,
.pure-button,
.pure-menu-link {
    color: #FFF;
    font-family: "aviano-sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
	
.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}
	
a {
	color: #FFF;
	transition: all .2s ease-out;	
}

	a:hover,
	a:focus {
		color: #FFF;
		text-decoration: underline;
	}

figure {margin: 0;}

/* -- LAYOUT STYLES -- */

.l-box {padding: 0.5em;}
.l-box.no-sides {padding-left: 0; padding-right: 0;}
.l-box.no-left {padding-left: 0;}
.l-box.no-right {padding-right: 0;}
.l-box.no-top {padding-top: 0;}
.l-box.no-bottom {padding-bottom: 0;}
.l-box>*:first-child {margin-top: 0;}
.l-box>*:last-child {margin-bottom: 0;}

 
/* -- FORM STYLES -- */

.pure-form {}

	.pure-form br {display: none;}
	
	.pure-form p {margin: 0;}

	.pure-form p span {margin-bottom: 1em; display: block;}
	
	.pure-form input,
	.pure-form textarea {
		border-radius: 0;
		box-shadow: 0;
		color: #004B8B;
		width: 100%;
	}
	
	.pure-form textarea {
		height: 100px;
	}	
	
	.pure-form .pure-button {
		color: #FFF;
		width: auto;
	}
	
	.pure-form input[type=text], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form select, .pure-form textarea {
		border-radius: 0;
		border: none;
		box-shadow: none;
	}	
	
	.pure-form input[type=text]:focus, .pure-form input[type=password]:focus, .pure-form input[type=email]:focus, .pure-form input[type=url]:focus, .pure-form input[type=date]:focus, .pure-form input[type=month]:focus, .pure-form input[type=time]:focus, .pure-form input[type=datetime]:focus, .pure-form input[type=datetime-local]:focus, .pure-form input[type=week]:focus, .pure-form input[type=number]:focus, .pure-form input[type=search]:focus, .pure-form input[type=tel]:focus, .pure-form input[type=color]:focus, .pure-form select:focus, .pure-form textarea:focus {
		border: none;
		box-shadow: none;
		background-color: #F3EFEB;
		transition: all .2s ease-out;	
	}
	
	.pure-form .wpcf7-response-output {
		border: 0;
		margin: 1em 0 0;
		padding: 1em;
		background: #FFF;
		color: #424E5E;
	}
	
	.pure-form span.wpcf7-not-valid-tip {
		color: #FFF;
	}
	
	

/* -- BUTTON STYLES -- */

.pure-button {
	background: none;
	border: 1px solid #FFF;
	border-radius: 0;
	color: #FFF;
	padding: 0.75em 2em;
	text-transform: uppercase;
}
	
	.pure-button:hover,
	.pure-button:focus {
		background: #FFF;
		box-shadow: none;
		color: #424E5E;
		text-decoration: none;
	}
	
	aside .pure-button {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}


/* Header and Footer
-------------------------------------------------------------- */

.hdr {
	background-color: #9D5E4D;
}

	.hdr .pure-menu-horizontal {
		white-space: normal;
	}

	.hdr .pure-menu-list {
		text-align: center;
	}

	.pure-menu-link {
		color: #FFF;
		text-transform: uppercase;
		padding: 0.5em;
	}
	
		.current-menu-item .pure-menu-link {color: rgba(255,255,255,0.6);}
	
		.pure-menu-link:hover,
		.pure-menu-link:focus {
			text-decoration: none;
			background: #FFF;
			color: #9D5E4D;
		}
		
.ftr {
	background: #F3EFEB;
	color: #9D5E4D;
	text-align: center;
}

	.ftr p {font-size: 0.7em; line-height: 1; margin-top: 2em;}

	.ftr a {color: #857B7A; text-decoration: none;}
	

/* Content
-------------------------------------------------------------- */

.feature {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: url(img/ehqi7rrwhre-cole-patrick.jpg);
}

	.feature-plain {
		background-image: none;
		background-color: #F3EFEB;
	}

	.home .feature {padding: 2em 0;}
	.home .feature img {padding-bottom: 1em; }

	.feature img {
		margin: 0 auto;
		max-width: 70%;
	}
	
	.feature-plain img {
		max-width: 50%;
	}
	
	.feature h3 {
		letter-spacing: 0.5em;
		padding-top: 1.5em;
	}
		
	.feature-plain h3 {
		color: #9D5E4D;
		padding-top: .5em;
	}	
	
.location {
	background-color: #9DA49C;
}

.stages {
	background-color: #FFF;
	color: #424E5E;
}

	.stage-label {
		text-align: center;
	}

	.stage-label h4 {
		background: #efefef;
		border: 1px solid #999;
		color: #999;
		padding: 1em 0;
		margin: 0;
	}
	
		.stage-one h4 {
			background-color: #e8eae7;
			border-color: #9DA49C;
			color: #9DA49C;
		}

		.stage-two h4 {
			background-color: #e6d5cc;
			border-color: #9D5E4D;
			color: #9D5E4D;
		}

		.stage-three h4 {
			background-color: #cacad0;
			border-color: #424E5E;
			color: #424E5E;
		}

.contact {
	background-color: #857B7A;
}


/* -- MOBILE (AND DOWN) ONLY MEDIA QUERIES -- */
@media (max-width: 48em) {
	h1 {font-size: 1.2em;}

	.l-box.no-left-sm {padding-left: 0;}
}


/* -- TABLET (AND UP) MEDIA QUERIES -- */
@media (min-width: 48em) {

	/* Base styles
	-------------------------------------------------------------- */

	body {
		font-size: 1em;
		line-height: 1.6;
	}
	
	/* -- LAYOUT STYLES -- */

	.l-box {padding: 2em;}
	.no-left-md {padding-left: 0;}


	/* Header and Footer
	-------------------------------------------------------------- */
	
	.pure-menu-link {
		padding: 1em 1.5em 1em 2em;
		letter-spacing: 0.5em;
	}

			
	/* Content
	-------------------------------------------------------------- */
	
	.home .feature {
		padding: 4em 0;
	}
	
		.feature img {max-width: 100%;}
		.home .feature img {padding-bottom: 2em;}

}


/* -- DESKTOP (AND UP) MEDIA QUERIES -- */
@media (min-width: 64em) {	

	/* Base styles
	-------------------------------------------------------------- */

	body {
		font-size: 1.2em;
		line-height: 1.6;
	}
	
	/* Header and Footer
	-------------------------------------------------------------- */
	
	.pure-menu-link {
		padding: 1em 2.5em 1em 3em;
	}	
	
	/* Content
	-------------------------------------------------------------- */

	.feature img {width: 600px;}	
	.feature-plain img {width: 300px;}	
}


/* -- MEGA DESKTOP (AND UP) MEDIA QUERIES -- */
@media (min-width: 80em) {
}


/* Retina/HiDPI */
@media 	(-webkit-min-device-pixel-ratio: 2),
		(min-resolution: 192dpi) { 		
}


/* Retina/HiDPI for Mobile */
@media 	(max-width:47.9em) and
		(-webkit-min-device-pixel-ratio: 2),
		(min-resolution: 192dpi) { 				
}