/*
Theme Name: WebExp24h
Theme URI: http://wordpress.org/themes/va_interface
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: va_interface

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

.captta{
	color:#fff !important;
}
.contact_form {
	background: transparent;
}
.footer_pager {
	background: #065199;
}
.footer-font {
	color: #fff;
}
.copyrights {
	color: #fff;
}
.copyrights a, .right_footer a {
	color: #fff;
}

.home  .grey_bg_no {
    background-image: url(https://perthgutters.com.au/wp-content/uploads/2019/01/perth-gutters-contact2.jpg) !important;
background-size:cover;
background-repeat:no-repeat;
}

.home  h3.contact_title {
    color: #fff;
}

.home  .header_contact {
	color:#fff;
}

.footer_pager {
    background: #333 !important;
}

.left_footer {
    width: 100% !important;
text-align:center; 
}
.left_footer img{
width:350px;
}

.f-link-1 {
    width: 100% !important;;
text-align:center; 
}
.f-link-1 .widget>div {
   float: none !important; 
    width: 66% !important;
    margin: auto;
}

.footer-center {
    width: 100% !important;
margin-left:0px !important;
}

.blue_bg {
    padding-top: 0px !important; 
}

.page-template-landing header, .page-template-landing .main_menu, .page-template-landing .blue_bg, .page-template-landing footer {
    display: none !important;
}
.h-215 .vc_single_image-wrapper {
	height: 215px;
	overflow: hidden;
}
.full-width-custom .vc_figure, .full-width-custom .vc_single_image-wrapper, .full-width-custom img {
	width: 100%;
}
.banner-heading {
	position: absolute;
    top: 15px;
    left: 30px;
}
.banner-heading h1 {
	color: #fff;
	font-size: 48px;
	line-height: 42px;
	font-weight: 900;
}
.banner-heading span{
	color: #D3EFFC;
}
.banner-img {
	position: absolute;
    top: 20px;
    right: 100px;
    height: 250px;
}
.banner-listing {
	position: absolute;
    bottom: 30px;
    left: 30px;
	color: #fff;
	font-size: 18px;
	width: 45%;
	padding-left: 40px;
}
.banner-listing li{
	border-bottom: 1px dotted;
}
.banner-listing li:last-child{
	border-bottom: none;
}
.landing-banner-wrapper .wpb_wrapper, .landing-banner-section, .landing-banner-section .wpb_wrapper, .landing-banner-section .vc_single_image-wrapper, .landing-banner-section .vc_single_image-wrapper img{
	height: 100%;
}
.landing-banner-wrapper .vc_col-sm-8 .landing-banner-img {
	height: 100%;
    background-size: cover;
}
.page-template-landing h1, .page-template-landing h2, .page-template-landing h3, .page-template-landing h4, .page-template-landing h5, .page-template-landing h6 {
	margin-bottom: 25px;
}
.page-template-landing {
	font-family: "Montserrat", Arial;
}
.p-0 {
    padding: 0!important;
}
.m-0 {
    margin: 0!important;
}
@media only screen and (max-width: 1199px) {
    .banner-img {
		right: 5px;
	}
	
}
@media only screen and (max-width: 991px) {
    .banner-listing {
		display: none;
	}
	.banner-img {
		top: calc(100% - 250px);
		right: calc(50% - 100px);
		height: 200px;
	}
}
@media only screen and (max-width: 767px) {
	.banner-heading {
		left: calc(50% - 150px);
		position: initial;
		text-align: center;
		padding-top: 20px;
	}
	.banner-img {
		position: initial;
		padding-bottom: 20px;
	}
	.landing-banner-img {
		margin-left: -15px;
	}
	.testimonial {
		width: 100% !important;
	}
	.landing-banner-section {
		margin-left: -15px;
	}
	.page-id-1255 .landing-banner-section .vc_single_image-wrapper img{
		height: 420px;
	}
	.page-id-165 .vc_custom_heading, .page-id-1148 .vc_custom_heading, .page-id-163 .vc_custom_heading {
		text-align: center !important;
	}
	body {
		font-size: 1.2rem;
	}
	
	body .vc_custom_1556239684348, body .vc_custom_1556241824622, body .vc_custom_1556231619823, body .vc_custom_1556230529634, body .vc_custom_1556231749751, body .vc_custom_1556231876777 {
    margin-right: 20px !important;
    margin-left: 20px !important;
    color: #fff;
}
	
	body .vc_custom_1556160584091, body .vc_custom_1556241939735, .vc_custom_1556231655745, .vc_custom_1556230259586, .vc_custom_1556157279131, .vc_custom_1556158785051 {
    line-height: 48px;
}
	
}

.landing_form_content{
    float: left;
}
.landing_form_content .wpcf7-form-control.wpcf7-submit{
    background: #8cc739;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    padding: 13px 26px;
	margin-top: 20px;
	display: block;
    border: none;
    cursor: pointer;
	width: 100%;
    font-size: 16px;
}
.landing_form_content  .wpcf7-text{
    width: 97%;
    padding-top: 13px;
    padding-bottom: 13px;
    border: 1px solid #d9d9d9;
    margin-bottom: 12px;
    padding-left: 12px;
    font-size: 16px;
    margin-top: 10px;
}

.tick-style {
    list-style: outside none none;
}
.tick-style li {
    background-image: url(https://perthgutters.com.au/wp-content/uploads/2019/04/th.png);
    background-position: left center;
    background-repeat: no-repeat;
    color: #0a5ba2;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    margin-bottom: 22px;
    padding-left: 50px;
}
#text-5 a{
	color:#fff;
}
.captta span, .captta img {
    float: left;
    margin-right: 17px;
    line-height: 40px;
}
.captta img{
	margin-top:8px;
}
.captta .wpcf7-captchar {
	min-width:240px;
    border-radius: 5px;
    border: 1px solid #000;
    padding: 5px 10px;
}
.page-id-62 .captta {
    color: #000 !important;
    margin: 11px 0px;
}
.captta span.wpcf7-not-valid-tip{
	clear:both;
	float:none;
}
div.wpcf7-validation-errors {
    float: left!important;
    color: #f00;
}

.submits {
    text-align: center;
    clear: both;
}