/**
 * Theme Name: Webstarter Lifestyle
 * Version: 1.0
    Author: ROI.com.au
 */
 
  /********************
Webstarter unique styling goes in this section
  *********************/
   
.company_colour, #menu-main > li > ul  {
	background-color:#c1272d;
}

/*navigation text / quote form text colour*/
nav a, .quote_wrap {
	color:#fff;
}

.phone_number {
	color:#c1272d;
}

/*regular font*/
body {
	font-weight:300;
	font-family:'Roboto', arial, sans-serif;
}

html {
	font-size:100%;
}

p {
	font-weight:300;
	font-family:'Roboto', arial, sans-serif;
	line-height:26px;
}

/*heading fonts*/
h1, h2, h3, h4, h5, h6 {
	font-family:'Roboto', arial, sans-serif;
	font-weight:300;
		line-height:30px;
}

nav li a:hover, nav .current-menu-item a {
	background-color:#fff;
	color:#000;
}

.feature_quote button {
	background-color:#ff9000;
}

.feature_quote button:hover {
	cursor:pointer;
	background-color:#d37700;
}

  /********************
	wrapper
  *********************/
.wrapper {
	margin:0px auto;
	min-width:960px;
	max-width:960px;
	width:100%;
}

  /********************
	Sitewide
  *********************/

body {
	margin:0px auto;
}
  
.clearfix {
	clear:both;
}



/* header / navigation area */

header, nav {
	margin:0px auto;
	width:100%;
}

header {
	background-color:#fff;
}

.header_logo {
	width:49%;
	padding:20px 0px 20px 1%;
	float:left;
}	

.header_logo img {
	max-width:100%;
}

.header_phone {
	width:49%;
	float:left;
	text-align:right;
	padding:20px 1% 20px 0px;
}

.header_phone a {
	text-decoration:none;
}

.header_phone div {
	text-align:right;
}

.phone_cta_text {
	font-size:2rem;
	color:#222222;
	margin-top:10px;
}

.phone_number {
	font-size:2rem;
		margin-top:-10px;
}

/*main nav*/

nav {
	float:left;
	position:relative;
	min-width:960px;
}

#menu-main, #menu-main > li > ul {
	padding:0px;
	margin:0px;
}

#menu-main > li {
	list-style-type:none;
	display:block;
	float:left;
}

#menu-main > li > ul > li  {
	height:55px;
	list-style-type:none;
	display:block;
}

#menu-main > li > a, #menu-main > li > ul > li > a {
	height:55px;
	text-decoration:none;
	padding:0px 20px 0px 20px;
	display:block;
	line-height:55px;
	font-size:16px;
	font-w
	eight:300;
}
	
#menu-main > li > ul {
	display:none;
	position:absolute;
}

#menu-main > li:hover > ul {
	display:block;
}

.mobilenav {
	height:55px;
	display:none;
}

.mobilenav a {
	width:96%;
	text-decoration:none;
	display:block;
	line-height:55px;
	padding:0px 2% 0px 2%;
	margin:0 auto;
	background-image: url(img/menu-icon.png);
	background-repeat:no-repeat;
	background-size:25px 110px;
	background-position:65px 1px;
	border-top:1px solid #EFEFEF;
}

.mobilenav a:hover {
	background-color:#ffffff;
	color:#000;
	background-position:65px -53px;
}

.background_image {
	position:fixed;
	top:0px;
	width:100%;
	margin:0px auto;
	z-index:-1;
	min-width:1300px;
}

.background_image img {
	width:100%;
	overflow:hidden;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top:0px;
	padding-top:0px;
}

.maincontent {
	background-color:#fff;
	padding:20px 1.25% 20px 1.25%;
	box-shadow:0px 0px 15px -5px #000;
}

.pagecontent {
	width:67.3125%;
	float:left;
}

aside {
	width:28.58%;
	padding:20px 1.25% 20px 2.5%;
	float:left;
	margin-top:-75px;
	position:relative;
	z-index:99;
}

.aside_phone  {
		display:none;
		width:100%;
		text-align:center;
		border-radius:5px;
		margin-bottom:10px;
		padding:5px 0px 5px 0px;
		box-shadow:0px 0px 15px -5px #000;
}

.aside_phone a {
	text-decoration:none;
}

.aside_phone_number {
	color:#fff;
	font-size:20px;
}

.aside_phone_cta_text {
	color:#fff;
	font-size:20px;
}

/*quote form*/

.quote_wrap {
	background-color:#c1272d;
			box-shadow:0px 0px 15px -5px #000;
}

.quote_wrap h3 {
	text-align:center;
	color:#fff;
	padding:20px 0px 20px 0px;
	font-size:34px;
	margin-bottom:0px;
	font-weight:300;
}

.feature_quote {
	padding:0px 5% 20px 5%;
}

.feature_quote label, .feature_quote input, .feature_quote select, .feature_quote textarea {
	display:block;
	width:100%;
	box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;

}

.feature_quote input, .feature_quote select, .feature_quote textarea {
	padding:8px 8px;
    border:0px;
}

.feature_quote textarea {
	height:90px;
}

.feature_quote button {
	margin-top: 10px;
	width: 100%;
	padding: 10px 5px;
	border-radius: 5px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 18px;
}	

/*footer*/
footer {
	background-color:#222222;
	color:#fff;
	padding:0px 0px 0px 1.25%;
	box-shadow:0px 0px 15px -5px #000;
}

.third {
	width:30%;
	margin:0px 1% 0px 0px;
	padding:10px 1% 0px 1%;
	float:left;
}
footer .footer_social > ul  {
	margin:0px;
	padding:0px;
}

footer .footer_social > ul > li > a > img {
	width:15%;
	float:left;
	margin:0px 2% 0px 0px;
}

footer .footer_social > ul > li {
	display:block;
}

.thirdlast {
	margin:0px 0px 0px 0px;
}

footer h3 {
	color:#959595;
	font-size:24px;
	border-bottom:1px solid #959595;
	padding:5px 0px 15px 0px;
}

footer, footer a {
	font-size:14px;
	color:#fff;
	padding-bottom:20px;
	text-decoration:none;
}

footer p {
	line-height:20px;
}

.copyright {
	font-size:12px;
	color:#fff;
	text-align:center;
		box-shadow:0px 0px 15px -5px #000;
}

.copyright p {
	margin-bottom:0px;
	line-height:40px;
}

.footer_email, .footer_phone, .footer_address {
	padding:0px 20px 10px 12px;
	font-size:22px;
}

.footer_email img, .footer_phone img, .footer_address img {
	position:relative;
	top:7px;
	padding-right:5px;
	border:none;
}

.footer_email {
	background-color:#464646;
	border-radius:5px;
	border:2px solid #959595;
	padding:0px 10px 8px 10px;
	max-width:220px;
}

.footer_email:hover {
	background-color:#111111;
}

.footer_service_area_text {
	width:58%;
	float:left;
}

.footer_service_area_map {
	width:40%;
	float:left;
	margin-right:2%;
}

.footer_service_area_map img {
	width:100%;
}

.footer_service_area .australia {
	width:101px;
	height:97px;
	float:left;
}

.footer_service_area .service_text {
	float:left;
	padding-left: 22px;
	width:50%;
}

.footer_service_area .australia,  .footer_service_area .australia img {
	position:relative;
	z-index:10;
}

.footer_service_area .statevic, .footer_service_area .statensw, .footer_service_area .stateqld, .footer_service_area .stateact, .footer_service_area .statewa, .footer_service_area .statent, .footer_service_area .statesa, .footer_service_area .statetas {
	position:absolute;
	top:0px;
	left:0px;
	z-index:9;
	display:none;
}

.footer_service_area .australia.vic .statevic, .footer_service_area .australia.nsw .statensw, .footer_service_area .australia.qld .stateqld, .footer_service_area .australia.act .stateact, .footer_service_area .australia.wa .statewa, .footer_service_area .australia.nt .statent, .footer_service_area .australia.sa .statesa, .footer_service_area .australia.tas .statetas {
	display:block;
}

.gallery_light {
	padding-top:20px;
}

.blog-home excerpt {
	width:65%;
	float:left;
}

.post-thumb {
	width: 22%;
	margin-right: 1.25%;
	float:left;
}

.nav-previous {
	font-weight: bold;
	font-size: 16px;
	line-height: 100px;
}

.nav-next {
	font-weight: bold;
	font-size: 16px;
	line-height: 100px;
}

.datetime {
	font-size:14px;
	color:#aaa;
	margin-bottom: -15px;
    margin-top: -18px;
}
.readmore {
	width:100%;
	text-align:right;
	font-size: 14px;
    margin-top: -10px;
}
}

/*popup form*/

.popup_wrap{
                width:100%;
                height:100%;
                position:fixed;
                top:0px;
                left:0px;
                z-index:1000;
}
.popup_wrap .background{
                background:url(img/50pcblack.png) repeat;              
				width:100%;
                height:100%;
				position: fixed;
				z-index: 100;
				top: 0;
				bottom: 0;
}

.popup {
                position:fixed;
                top:0;left:0;right:0;bottom:0;
                margin:auto;
				max-width:272px;
				height:485px;
				z-index: 101;
}

.popup {
	padding:10px;
}

.popup .close{
                width:30px;
                height:30px;
                position:absolute;
                right:-5px;         
                top:-5px;
                cursor:pointer;
                background:url(img/close.png) no-repeat;
}

  /********************
	Homepage
  *********************/
  
/* banner */

.banner, .banner img {
	max-width:960px;
	max-height:332px;
	width:100%;
	margin:0px;
	padding:0px; 
	display:block;
}	

  /********************
@media screen and (max-width: 760px) {
	
	aside, nav ul > li, .third  {
		width:100%;
	}
	
	.third {
		width:96%;
	}
	
	aside, .pagecontent {
		margin-top:0px;  
		width:96%;
		padding:0px 2%;
	}

	.mobilenav, .aside_phone {
		display:block;
	}

	#menu-main {
		display:none;
		border-top:1px solid #EFEFEF;
	}
	
	#menu-main > li > a {
		width:100%;
		padding:0px 0px 0px 0px;
		text-indent:30px;
		box-sizing:border-box;
	}
	
	#menu-main > li > ul > li > a {
	background-image: url(img/sub-menu-icon.png);
	background-repeat:no-repeat;
	background-size:25px 110px;
	background-position:30px 1px;
	}
	
#menu-main > li > ul > li > a:hover {
		background-position:30px -56px; 
}

	#menu-main > li > ul > li > a {
		width:100%;
		padding:0px 0px 0px 0px;
		text-indent:60px;
		box-sizing:border-box;
	}
	
	#menu-main > li > ul {
		position:static;
		display:block;
	}
	
	 #menu-main > li {
		border-bottom:1px solid #EFEFEF;
	 }
	 
	 #menu-main > li > ul > li {
		border-top:1px solid #EFEFEF;
	 }
	
	.phone_cta_text, .phone_number {
		font-size:20px;
	}	
}
  *********************/

.breadcrumb a {
	color:#000000;
	text-decoration:none;
}

.breadcrumb {
	margin-bottom:5px;
	font-size: 10px;
	font-weight: 300;
}