/*
Theme Name:     Canvas Child
Theme URI:      
Description:    Child theme for the Canvas theme
Author:         Jezweb
Author URI:     http://www.jezweb.com.au/
Template:       canvas
Version:        0.1.0
*/

img {
	border: none !important;
	background: none !important;
	padding: 0px !important;
	}

@media only screen and (max-width:767px) {
  body #wrapper #header .header-widget {
	width: 100%;
	float: none !important;
	text-align: center;
	margin: 15px 0 0;
  }
  
  .sub-menu li{
	background: #f0f0f0;
}
  
   .menus ul#main-nav li.menu-item ul.sub-menu a {
		color: #666 !important;
	}

}

.header-widget {
    clear: none;
    float: right;
    margin: 0;
    padding-top: 57px;
    width: 39%;
}

#header {padding-left: 0 !important}

.header-widget .social-icons {
    float: right;
}

#nav-container {margin-bottom: 0 !important;}

/*#navigation {text-transform: uppercase;}*/

@media only screen and (min-width: 1117px){
ul.nav li a {
    padding: 0.5em 3.5em;
}
}

@media only screen and (max-width: 1116px){
  #navigation ul.nav li a { padding: 0.5em 3.1em; }	
  
}

@media only screen and (max-width: 881px){
  #navigation ul.nav li a { padding: 0.5em 2.1em; }	
  
}

/* Gravity form, button */

#content .gform_wrapper {
  max-width: 100%;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
    width: 100% !important;
  	box-sizing: border-box;
}

.gform_wrapper textarea.medium {
    height: 100px !important;
    width: 100% !important;
  	box-sizing: border-box;
}

input, textarea { border-radius: 0 !important; }

.submit, input[type="submit"] {
  	background: #3E4095 !important;
	border-bottom: 3px solid #ED3338;
  	width: -moz-available !important;

}

.submit, input[type="submit"]:hover {
	background: #1f205e !important;
}

a.woo-sc-button span {
    font-size: 15px;
    font-weight: bold;
}

#wrapper .woo-sc-button {width: -moz-available !important;}

/* end */

.contact-heading h4{ color:#fff; text-align: center; }

.vc_custom_1405862872751 {
    z-index: 0;
}

.vc_custom_1405953457550 {
    border-bottom: 5px solid #3e4095 !important;
   
}

.page-title, .post .title, .page .title {
    /*border-top: 10px solid #ef3238;*/
    padding-top: 30px;
}

#footer .col-left {
    float: none !important;
    text-align: center !important;
}

@media only screen and (min-width:768px) {
	.sub-menu li{
		background: #3E4095;
	}
	.menus ul#main-nav li.menu-item ul.sub-menu a {
		color: white !important;
	}
	ul.nav ul {
		width: 20em;
	}
  }	  
	
ul.nav {
	margin-right: 0em;
}	
	
.menus ul#main-nav li.menu-item ul.sub-menu li.current-menu-item a {
color: #ed3339 !important;
}
	  
#content .roofing_gallery li {
position: static !important;
margin-right: 15px;
margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
	.vc_col-sm-2 {
		width: 20% !important;
	}
}
.entry .rev_slider_wrapper ul {padding:0;}
	
.page-id-20 .page-title, .page-id-20 .post .title, .page-id-20 .page .title {
padding-top: 5px !important;
}
		
.page-id-20 span.read-more {
background: #3E3F95;
padding: 10px;	
}
			
.page-id-20 span.read-more a {
color: #ffffff !important;
}


/* Blog and single posts format */

span.post-meta-custom {
display: none;
}

.post-more {
margin-top: -10px;
}

.blog-layout #main-sidebar-container #main {
width: 69.89%;
float: left;
}

.blog-layout #main-sidebar-container #sidebar {
width: 26.91%;
float: right;
}

.blog-layout h1 {
	  margin: 0 0 0.5em;
	  line-height: 1.5em;
	}

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

.blog-layout #main-sidebar-container #main {
	width: 100% !important;
	float: none !important;
}

.blog-layout #main-sidebar-container #sidebar {
	width: 100% !important;
  	float: none !important;
}

}


.page-id-20 .post header > .title {
margin-bottom: 15px !important;
}  

.page-id-20 .post-more {
margin-top: 5px;
}

#post-author, #connect {
display: none;
}

#content {
  padding: 20px 0px 40px;
}

.home #content {
  padding: 0px 0px 40px;
}



/* This style is to override the default styles of navigation and inner-wrapper element for tablet and ipad screens. */
@media only screen and (max-width:768px) {
	html.csstransforms3d.csstransitions #inner-wrapper {
		left: 0 !important;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: -webkit-transform 200ms ease;
		-moz-transition: -moz-transform 200ms ease;
		-o-transition: -o-transform 200ms ease;
		transition: transform 200ms ease;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	html.csstransforms3d.csstransitions .show-nav #inner-wrapper {
		-webkit-transform: translate3d(80%, 0, 0);
		-moz-transform: translate3d(80%, 0, 0);
		-ms-transform: translate3d(80%, 0, 0);
		-o-transform: translate3d(80%, 0, 0);
		transform: translate3d(80%, 0, 0);
		-webkit-transform-origin: 50% 0%;
		-moz-transform-origin: 50% 0%;
		-ms-transform-origin: 50% 0%;
		-o-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
	}
	html.csstransforms3d.csstransitions #navigation {
		clear: both;
		width: 80%;
		left: -80%;
		position: absolute;
		top: 0;
		min-height: 100%;
		z-index: 9000;
		padding-top: 4.236em;
		left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		-o-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	html.csstransforms3d.csstransitions .show-nav #navigation {
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		-o-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	
	body .nav-toggle, body .nav-close, body .nav-home {
		display: block !important;
	}

	header#header {
	    width: 100%;
	    background: none;
	}	
	
	#logo img {
    		width: 100%;
    		float: left;
	}

}

#header-container {
	margin-bottom: 15px;
	border-bottom: 5px solid #3F3F95 !important;}
#logo {
	margin-bottom: 15px;
}