/*
Theme Name: Abosolute Home Care theme
Theme URI: http://www.rowdydigital.com.au
Description: Abosolute Home Care custom wordpress theme
Version: 1.0
Author: Rowdy Digital
Author URI: http://www.rowdydigital.com.au

*/

html, body {
	margin: 0;
	padding: 0;
	font-size: 17px;
	min-width: 320px;
	font-family: 'Lato','Arial', sans-serif;
	font-weight: normal;
	color: #0d145c;
}
a {
	text-decoration: none;
	color: inherit;
	transition: all 0.5s ease 0s;
}
	.no-underline > a{
		text-decoration: none!important;
		border-bottom: none!important;
	}
	a:hover{
		transition: all 0.5s ease 0s;
	}

.content{
	font-weight: 300;
	color: #2c2c2c;
}	
	.content a{
		/*color: #0d145c;*/
		color: #131e89;
		font-weight: 400;
	}
		.content a:hover{
			opacity: 0.8;
		}
		.page .content h2,
		.page .content h3,
		.page .content h4,
		.page .content h5{
			margin-top: 1em;
		}

		.content li{
			margin: 0.5em 0;
		}

h1, h2, h3, h4, h5 {
	padding: 0;
	margin-top: 0;
	font-family: 'Source Sans Pro', sans-serif;
}
	h1 a, h2 a, h3 a, h4 a, h5 a{
		color: inherit!important;
	}
	h1,h2,h3{
		font-weight: bold;
		/*color: #ff8400;*/
		color: #ff901a;
	}
	h4,h5{
		color: #0d145c;
		font-weight: 500;
	}
	h1.light, h2.light, h3.light{
		font-weight: 500;
	}

	h1{ font-size: 36px;}
	h2{ font-size: 30px;}
	h3{ font-size: 22px;}
	h4{ font-size: 18px;}
	h5{ font-size: 16px;}



/*---------------------------------------------------------Clearfix*/

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.divline-clear{
	width:100%;
	clear:both;
	display: block;
	padding-bottom: 4px;
    margin-bottom: 4px;
}

blockquote {
  quotes: "\201C""\201D""\2018""\2019";
  margin: 1em 30px;
}
blockquote.h-quote{
	margin: 0;
}
	blockquote .h{
		margin: 1em 0 0 0;
	}
	blockquote p:before, blockquote .h:before{
	    content: open-quote;
	    font-size: 2em;
	    color: #d9d4c9;
	    margin-right: 8px;
	    vertical-align: -0.2em;
	    line-height: 10px;
	    font-family: 'Helvetica',sans-serif;
	}
	blockquote p:after, blockquote .h:after{
	    content: close-quote;
	    font-size: 2em;
	    color: #d9d4c9;
	    margin-left: 8px;
	    vertical-align: -0.7em;
	    line-height: 10px;
	    font-family: 'Helvetica',sans-serif;
	}

.center{
	text-align: center;
}



.bubble{
	border: 2px solid #ccc;
	padding: 0.2em 1.4em;
	margin-bottom: 20px;
	position: relative;
}
	.bubble:after{
		content: '';
		width: 0; 
		height: 0; 
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 12px solid #fff;
		position: absolute;
		bottom: -12px;
		left: 30px;
	}
	.bubble:before{
	    content: '';
	    width: 0;
	    height: 0;
	    border-left: 13px solid transparent;
	    border-right: 13px solid transparent;
	    border-top: 15px solid #ccc;
	    position: absolute;
	    bottom: -15px;
	    left: 27px;
	}

.btn{
	display: block;
	clear:both;
	margin: 2em 0 1em 0;
}
	.btn a{
		font-size: 0.8em;
		letter-spacing: 0.5px;
		padding: 0.8em 1.2em;
		text-transform: uppercase;
		color: #fff;
		background-color: #0d145c;
		display: inline-block;
   		*display:inline;zoom: 1;
	}
		.btn a:hover{
			background-color: #a20011;
		}

/*----------------------------------------- gForm Gravity Forms & Form Styles */

.gform_wrapper{}
.gform_wrapper .gfield_required{
	color: #ff8400!important;
}

.gform_wrapper input[type=email], .gform_wrapper input[type=number], .gform_wrapper input[type=password], 
.gform_wrapper input[type=tel], .gform_wrapper input[type=text], .gform_wrapper input[type=url],
.gform_wrapper select, .gform_wrapper textarea{
	border: 1px solid #b7b7b7;
}

.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select{
	height: 31px;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{
	background-color: #0d145c;
	color: #fff;
	border:0;
	font-size: 1em;
   	padding: 0.6em 1.4em;
    text-transform: uppercase;
}
	.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover{
		background-color: #a20011;
	}	



form.search-form input[type=text] {
	font-size: 0.8em;
    border: 1px solid #b7b7b7;
    height: 32px;
    padding: 0 6px;
    min-width: 150px;
}
form.search-form input[type=submit] {
    background-color: #0d145c;
    color: #fff;
    border: 0;
    font-size: 0.8em;
    padding: 0.6em 1.4em;
    text-transform: uppercase;
    height: 34px;
}
	form.search-form input[type=submit]:hover{
		background-color: #a20011;
	}


/*---------------------------------------------------------Wrapper / Inner*/
		
.strip {
	width: 100%;
	margin: 0 auto;
	clear: both;
	position: relative;
}

	.strip .inner,
	.inner {
		width: 1200px;
		margin: 0 auto;
	}

.bg-white{
	background-color: #fff;
}
.bg-light{ /*cream*/
	background-color: #faf7f1;
}
.bg-medium{ /*orange*/
	background-color: #ff901a;
}
.bg-dark{ /*dark blue*/
	background-color: #0d145c;
}


/*--------------------------------------------------------- WYSYWIG Image styles */

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	img.round {
		border: none;
	} 
}

img.round {
	-webkit-border-radius: 95px;
	border-radius: 95px; 
	border: 3px solid #e6aa7d;
	padding: 0;
}

img{
	max-width: 100%;
	height: auto;
}

p img, 
.wp-caption img {
	padding: 0;
	max-width: 100%;
	height:auto;
	display: block;
}

img.aligncenter,
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright, 
img.alignleft {
	display: inline;
}

.alignright,
.attachment-alignright {
	margin: 0 0 10px 13px;
	float: right;
}

.alignleft,
.attachment-alignleft {
	margin: 0 13px 10px 0;
	float: left;
}


.wp-caption {
	background: none;
	padding: 2px 0 10px 0;
}

.wp-caption-text {
	width: 100%;
	margin: 5px 5px 0 0;
	font-size: 0.688em;
	line-height: 11px;
	color: #999999;
}

table {
	width: 100%;
}
	table.alignright, table.alignleft {
		width: auto;
	}

.readmore{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

/*------------------------------------------------- Sidebar base style */

	.sidebox-nav-list{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
		.sidebox-nav-list > li{
			margin: 10px 0;
		}
			.sidebox-nav-list li.sidebox-heading{
				margin-top: 0;
			}
			.sidebox-nav-list li.sidebox-heading h3{}
			.sidebox-nav-list .sub-menu{
				list-style-type: none;
			}
				.sidebox-nav-list .sub-menu li{
					margin: 6px 0;
				}
		
		/*add arrow to show item has children*/
		.sidebox-nav-list li.has-children a:after{
			content: '\25b8';
			padding-left: 10px;
		}
		.sidebox-nav-list li.has-children.current a:after,
		.sidebox-nav-list li.has-children.parent a:after{
			content: '\25be';
			padding-left: 10px;
		}
		.sidebox-nav-list li > a{}
			.sidebox-nav-list li.current > a{
				font-weight: bold;
				border-bottom: 1px solid #ff901a;
			}
			.sidebox-nav-list li:hover > a{
				border-bottom: 1px solid #ff901a;
			}

/*------------------------------------------------------ WEBSITE Page styles */
/*-------- HEADER */

header{
	border-top: 8px solid #ff8400;
}
.header-inner{
	padding: 30px 0 0 0;
}

	.header-logo{}
	.header-logo a#site-logo{
		display: block;
		background: transparent url(images/ahc-logo-full.png) no-repeat top left;
		width: 386px;
		height: 66px;
		background-size: 386px auto;
		/*background-size: contain;*/
		overflow: hidden;
		float:left;
		max-width: 386px;
		padding-bottom: 10px;
	}
		.header-logo a#site-logo h1,
		.header-logo a#site-logo h2{
			font-size: 8px;
			color: rgba(255,255,255,0);
		}

	.header-contact{
		height: 66px;
		float: right;
		color: #0d145c;
		text-align: right;
	}
		.header-contact h2{
			margin-bottom: 0;
			color: inherit;
		}
		.header-contact span{
			font-size: 23px;
		}
		.header-contact strong{
			font-size: 14px;
			text-transform: uppercase;
		}



	header .menu-mainnav-container{
		height: 52px;
	}
		header ul#menu-mainnav{
			list-style-type: none;
			padding: 0;
			margin: 0;
			height: inherit;
			float: right;
			position: relative;
			font-family: 'Source Sans Pro',sans-serif;
			font-weight: 500;
		}
				header ul#menu-mainnav > li {
					display: table-cell;zoom:1;
					white-space: nowrap;
					height: inherit;
					vertical-align: middle;
					padding: 0 16px;
				}
					header ul#menu-mainnav > li > a{
						padding: 16px 16px 11px 16px;
						color: inherit;
						font-size: 1.11em;
						border-bottom: 4px solid rgba(0,0,0,0);
					}
						header ul#menu-mainnav > li:hover > a,
						header ul#menu-mainnav > li.current-menu-item > a,
						header ul#menu-mainnav > li.current-menu-ancestor > a{
							border-bottom: 4px solid #ff8400;
						}

						header ul#menu-mainnav > li > .sub-menu{
							background: rgba(255,255,255,0.8);
							z-index: 3;
							position: absolute;
							/*text-align: left;*/
							list-style-type: none;
							padding: 1em;
							margin:0;
							display: none;	
							top:52px;	
						}
							header ul#menu-mainnav > li:hover > .sub-menu{
								display: block;
							}
								header ul#menu-mainnav > li > .sub-menu > li{}
									header ul#menu-mainnav > li > .sub-menu > li > a{
										padding: 10px 0;
										display: block;
									}
										header ul#menu-mainnav > li > .sub-menu > li > a:hover,
										header ul#menu-mainnav > li > .sub-menu > li.current-menu-item > a{
											color: #ff901a;
										}

/*-------- BANNER */

/*.home .banner{
	height: 540px;
}
	.banner .banner-inner{
		height: inherit;
	}
		.banner .banner-inner .banner-tagline{
			height: inherit;
			width: inherit;
			display: table;
			vertical-align: middle;
			text-align: center;
		}

.banner{
	background-repeat: no-repeat;
	background-position: top center;
}
*/

.banner img{
	display: block;
}
.banner .banner-tagline{
	position: absolute;
    top: 30%;
    left: 43%;
    
}
	.banner-tagline .h-tag{
		font-size: 3em;
	    line-height: 0.7em;
	    color: #ff901a;
	    text-shadow: 0px 0px 2em rgba(0,0,0,0.7);
	}
		.banner-tagline .h-tag span{
			 font-size: 0.7em;
		}

/*-------- HOME */

.underline{
	padding-bottom: 10px;
	border-bottom: 1px solid #ff8400;
    margin-bottom: 26px;
    display: table;
}

.home-section{
	padding: 40px 0;
}
		.home-section-inner{
			margin: 0 40px;
		}
		.clients-content .home-section-inner{
			margin: 0 60px 0 20px;
		}


.services-inner{
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 50% auto;
	/*background-position: top 40px right;*/
	/*background-size: contain;*/
}
	.services-content{
		width: 55%;
	}
		.services-blocks{
			margin-bottom: 1em;
		}
			.services-block{
				width: 100%;
				clear: both;
				margin: 1em 0;
				display: table;
			}
				.services-block .services-icon{
					width: 60px;
					padding-right: 20px;
					/*float: left;*/
					display: table-cell;
					vertical-align: top;
				}
				.services-block .services-summary{
					/*overflow: hidden;*/
					display: table-cell;
					vertical-align: top;
				}
					.services-block .services-summary h3{
						font-weight: 500;
						margin: 0;
					}
				.services-block .services-readmore{
					font-size: 14px;
					font-weight: bold;
					padding: 30px 30px 0 30px;
					text-transform: uppercase;
					/*float: right;*/
					display: table-cell;
					vertical-align: top;
					width: 120px;
				}

.about-content{
	width: 60%;
	float: left;
}
	.about-content .home-section-inner {
		padding-right: 60px;
    	border-right: 1px solid #ff8400;
	}

.clients-content{
	width: 40%;
	float: left;
}



/*-------- PAGE */
	.breadcrumbs{
		text-align: right;
		font-size: 0.8em;
		margin: 10px 40px;
	}
		.breadcrumbs a{
			font-weight: bold;
		}
			.breadcrumbs a:hover{
				color: #ff901a;
			}

	/*without sidebar*/
	.page-content{
		width: 100%;
		padding: 40px 0 50px 0;

	}
		.page-content .content{
			padding-bottom: 40px;
			margin: 0 30px;
			min-height: 360px;
		}


		.content .article,
		.search-results .content li{
			margin: 1em 0 1.5em 0;
			position: relative;
		}


		/*Client testimonials*/
		.article .bubble{
			border: 2px solid #ccc;
			padding: 0.2em 1.4em;
			margin-bottom: 20px;
			position: relative;
		}

			.article .bubble:after{
				content: '';
				width: 0; 
				height: 0; 
				border-left: 10px solid transparent;
				border-right: 10px solid transparent;
				border-top: 12px solid #fff;
				position: absolute;
				bottom: -12px;
				left: auto;
				right: 30px;
			}
			.article .bubble:before{
			    content: '';
			    width: 0;
			    height: 0;
			    border-left: 13px solid transparent;
			    border-right: 13px solid transparent;
			    border-top: 15px solid #ccc;
			    position: absolute;
			    bottom: -15px;
			    left: auto;
			    right: 27px;
			}
		.article .client-sign{
			text-align: right;
		}

	/*with sidebar*/
	.content-container{
		width: 75%;
		float: left;
		padding: 40px 0 50px 0;
	}
		.content-container .content{
			padding: 0 40px 40px 0;
			border-right: 1px solid #fff; /*jquery color #ff901a when have sidebar*/
			margin: 0 30px;
			min-height: 360px;
		}
	.sidebar-container{
		width: 25%;
		float: left;
	}
		.sidebar-container .sidebar{
			padding: 40px 0;
			margin: 0 30px;
		}


/*-------- FOOTER */

.footer-contact-inner{
	padding: 40px 0;
	display: table;
}
	.footer-contact-inner h4{
		text-transform: uppercase;
		margin: 0;
		font-size: 0.9em;
	}
	.footer-contact-inner p{
		font-size: 0.9em;
		margin: 8px 0;
	}
		.footer-contact-inner .contact-col{
			display: table-cell;
			vertical-align: top;
		}
			.footer-contact-inner .phone-box{
				text-indent: 20px;
				background: url(images/icon-phone.png) no-repeat center left 10px / auto 20px;
				padding: 5px 18px;
				margin: 8px auto;
				border: 1px solid #ff901a;
				display: table;
				letter-spacing: 0.5px;
				font-size: 18px;
				/*font-family: 'Antic Slab',sans-serif;*/
			}
			.footer-contact-inner .contact-col-inner{
				width: 320px;
				font-weight: 400;
				margin: 0 0 0 auto;
			}


.footer-copy-inner{
	padding: 20px 0;
	font-size: 14px;
	font-weight: 300;
	color: #fff;
}
	.menu-footernav-container ul{
		list-style-type: none;
		margin:0;
		padding: 0;
		text-align: center;
	}
		.menu-footernav-container ul li{
			display: inline-block;
			*display:inline;zoom:1;
			padding: 0 6px;
			margin: 0 6px;
		}
			.menu-footernav-container ul li a[href]:not([href=""]),
			.menu-footercopy-container ul li a[href]:not([href=""]){ 
				color:#fff; border-bottom: 1px solid rgba(255,255,255,0.4); 
			}
				.menu-footernav-container ul li a[href]:not([href=""]):hover,
				.menu-footercopy-container ul li a[href]:not([href=""]):hover{ 
					/*opacity: 0.8; */
				}

/*---------------------------------------------------- Cycle2 slideshow base style */
.testimonial-nav{ width: 100%; display: table; margin-top: 2em; }

.testimonial-prev, .testimonial-next, .testimonial-readmore{
	display: table-cell; vertical-align: middle; 
}
	.testimonial-prev{ text-align: left;}
	.testimonial-next{ text-align: right;}
	.testimonial-readmore{ text-align: center; }


/*---------------------------------------------------- Pagination base style */

	.pagination{
		margin-top: 30px;
		border-top: 1px solid #f7f7f7;
	    padding-top: 20px; 
		width:100%;
		display: block;
		clear:both;
	}
		.pagination a{
			font-weight: 400;
		}
		.pagination .paged-content{
			margin: 0 40px;
			padding: 12px 0;
		}
		.paged-content .half-left{
			width: 50%;
			text-align: left;
			float:left;
			min-height:1px;
		}
		.paged-content .half-right{
			width: 50%;
			text-align: right;
			float:left;
			min-height:1px;
		}

/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*-------------------------------------------------------- RESPONSIVE STYLES */
/*---------------------------------------------------------------------------*/
/* Full width of strip inner */
@media only screen and (max-width : 1200px) {

	.strip .inner,
	.inner {
		width: 100%;
	}

	/* header */
	.header-logo{
		width: 96%;
    	margin: 0 auto;
	}
	
	/* page */
	.breadcrumbs{ margin: 10px 4%; }
	.content-container{ width: 70%; }
	.sidebar-container{ width: 30%; }
}

/* iPad width */
@media only screen and (max-width : 1024px) {



	/*homepage*/
	.services-inner{
		background-size: 40% auto;
	}
		.services-content{
			width: 75%;
		}

	.about-content .home-section-inner{ margin: 0 40px; }
	.clients-content .home-section-inner{ margin: 0 40px 0 0;}
}


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

	/* header */
	header ul#menu-mainnav > li{
		padding: 0 10px;
	}
	header ul#menu-mainnav > li > a{
		padding: 10px;
	}

	/*homepage*/
	.services-inner{
		background: none!important;
	}
		.services-content{
			width: 100%;
		}
			.services-block .services-readmore{
				padding-right: 0;
			}

	.about-content,.clients-content{
		float:none;
		width: 100%;
	}
		.about-content .home-section-inner,
		.clients-content .home-section-inner{
			margin: 0 40px;
		}
			.about-content .home-section-inner{
				border-right:0;
				padding-right: 0;
				padding-bottom: 20px;
			    border-bottom: 1px solid #ff8400;
			    margin-bottom: 20px;
			}
			.clients-content .home-section-inner.center{
				text-align: left;
			}

	/* page */
	.page-content .content{
		margin: 0 40px;
	}

	.content-container{
		width: 100%;
		padding: 40px 0 20px 0;
	}
		.content-container .content{
			padding: 0 0 40px 0;
			margin: 0 40px;
			border-right: 0;
			border-bottom: 1px solid #fff;
		}
	.sidebar-container{
		width: 100%;
	}
	.sidebar-container .sidebar{
		padding: 20px 0 50px 0;
		margin: 0 40px;
	}


	/* footer */
	.footer-contact-inner{
		white-space: nowrap; /*fix for inline-block*/
	}	
		.footer-contact-inner .contact-col{
			display: inline-block;
			*diplay:inline;zoom:1;
			/*white-space: normal;*/ /*dont need here*/
			margin-left: 4%;
			width: 46%;
    		text-align: left;
		}
			.footer-contact-inner .phone-box{
				margin: 8px 0;
			}

		.footer-contact-inner .contact-col.contact-col-address{
			width: 96%;
		    display: block;
		    clear: both;
		    white-space: normal;
		    margin-top: 30px;
		}
			.footer-contact-inner .contact-col-inner{
				margin: 0;
				width: auto;
			}


}

/* iPad width + switch to responsive */
/* ps. mobile screen flip somewhere between 640~740px don't fix large divs to top */
@media only screen and (max-width : 768px) {

	/*menu*/	
	header ul#menu-mainnav > li.menu-hide-responsive,
	.slicknav_nav li.menu-hide-responsive{
		display: none;/*hide search menu item since inbuilt search*/
	}

	/*responsive menu kicks in*/
	header .menu-mainnav-container{ height: auto ;}
		#slicknav-searchform{
			width: 96%;
    		margin: 10px auto 0 auto;
		}
			#slicknav-searchform input[type=text]{
				font-size: 16px;
				border-radius: 6px;
		    	background-color: #eee;
			}
			#slicknav-searchform input[type=submit]{
				border-radius: 0 6px 6px 0;
			}
				#slicknav-searchform input[type=submit]:hover{
					cursor: pointer;
					color: #a20011;
					background-color: #aaa;
				}
			/*.slicknav_nav a:hover, .slicknav_nav .menu-item a:hover, .slicknav_nav .slicknav_row:hover*/
			.slicknav_nav li.current-menu-item > a,
			.slicknav_nav li.current-menu-ancestor > a {
			    background: #faf7f1;
			    color: #ff901a;
			}

}

@media only screen and (max-width : 680px) {
	/*header*/
	.header-inner{
		padding-top: 20px;
	}
		.header-logo a#site-logo{
			background-position: top center;
			width: 100%;
			background-size: 100% auto;
			float: none;
			margin: 0 auto;
		}
		.header-contact{
			float: none;
			text-align: center;
		}

	/*menu*/
	.slicknav_btn{
		display: block;
	    height: 34px;
	    margin: 10px auto;
	    float: none;
	    width: 200px;
	}

	/*homepage*/
	.banner .banner-tagline{
	    position: relative;
	    padding: 40px 0 0 0;
	    left: auto;
	    top: auto;
	    /* text-align: center; */
	    background-color: #faf7f1;
	    width: 100%;
	    /* border-top: 1px solid #0d145c; */
	    /* border-bottom: 1px solid #0d145c;*/
	}
		.banner-tagline .banner-tagline-inner{
			padding: 0 40px;
		}
			.banner-tagline .h-tag{
				text-shadow: none;
    			color: #0d145c;
    			font-size: 42px;
    			font-weight: 600;
			}

	.services-block{
		display: block;
	}
		.services-block .services-icon{
			float: left;
		}
		.services-block .services-summary{
	    	overflow: hidden;
		}
		.services-block .services-readmore{
			display: block;
		    padding: 0;
		    margin-left: 80px;
		    margin-top: 10px;
		}
}

@media only screen and (max-width : 480px) {
	/*header*/
	.header-logo a#site-logo{
		background-size: 92% auto;
	}

	/*page*/
	.page-content .content,
	.content-container .content,
	.sidebar-container .sidebar{
		margin: 0 26px;
	}
	.sidebox-nav-list{
		text-align: center;
	}

	/*footer*/
	.footer-contact-inner .contact-col{
		display: block;
		margin: 0 auto;
		text-align: center;
		width: 96%;
	}
	.footer-contact-inner .contact-col:nth-child(2){
		margin-top: 30px;
	}
	.footer-contact-inner .phone-box{
		margin: 8px auto;
	}
	.menu-footernav-container ul li{
		display: block;
   		margin: 10px 6px;
	}

}
@media only screen and (max-width : 380px) {
	/*homepage*/
	.services-block .services-icon{
		width: 34px;    
		padding-right: 10px;
	}
	.services-block .services-readmore{
		margin-left: 44px;
	}
}









