/*	Theme Name: Trades	
Description: Custom WordPress theme for Trades Pty Ltd	
Version: 1.0	
Author: Divine Creative Agency	
Author URI: http://divinecreative.com.au/	
Tags: HTML5, CSS3
*/


*,*:after,*:before {	-moz-box-sizing:border-box;	box-sizing:border-box;	-webkit-font-smoothing:antialiased;	font-smoothing:antialiased;	text-rendering:optimizeLegibility;}/* html element 62.5% font-size for REM use */html {	font-size:62.5%;}body {    font-family: 'Duru Sans', sans-serif;    color: #282829;    font-size: 0.8vw;    overflow-x: hidden;    line-height: 1.6;}/* clear */.clear:before,.clear:after {    content:' ';    display:table;}.clear:after {    clear:both;}.clear {    *zoom:1;}img {	max-width:100%;	vertical-align:bottom;	height: auto;}a {	color: #525252;	text-decoration:none;}a:hover {	color:#000;}a:focus {	outline:0;}a:hover,a:active {	outline:0;}input:focus {	outline:0;	border:1px solid #04A4CC;}/*------------------------------------*\    STRUCTURE\*------------------------------------*//* landing page - coming soon etc */.landing-page .header, .landing-page aside, .landing-page .wrapper .image-buttons, .landing-page .footer {    display: none;}.landing-page main {    width: 18vw;    margin: 34vh auto;}/* wrapper */.wrapper {    width: 100%;    position: relative;    margin: 0 auto;    /*background-image: url(./img/trace-single.png);    background-repeat: no-repeat;    background-position: top center;*/}/* header *//* header */.header {    width: 66%;    margin: 0 auto;    position: relative;}	/* logo */	.logo {		width: 46%;		float: left;		padding-top: 0.9%;		padding-bottom: 1.1%;	}	.logo-img {		width: 78%;		float: left;	}	/* tagline */	.tagline {		width: 32%;		float: left;		padding-top: 3%;	}	/* phone */	.phone {    width: 20%;    float: right;    padding-top: 3%;	}.nav {    /* float: right; */    width: 100%;    padding: 0;    text-align: left;    clear: both;    background-color: rgba(6, 106, 142, 0.63);    position: absolute;    top: 7vw;    z-index: 99;}.wrapper.home-buts {    background-color: #fff;    padding: 42px 0;    background-image: url(http://fsinsights.com.au/wp-content/uploads/bgd.jpg);    background-position: bottom center;    background-repeat: no-repeat;	background-size: contain;}.category-buttons {    overflow: hidden;    width: 68vw;    margin: 0 auto;	    padding-left: 1vw;}	.category-buttons a {		/* width: 23vw; */		display: block;		float: left;		/* text-align: center; */		/* margin: 0.5vw; */		margin: 0;		padding: 0;		max-width: 22vw;	}	.category-buttons a:hover {    opacity: 0.9;}.container {    padding: 3% 17.2% 2%;    overflow: auto;    margin-top: 1.2%;}	.main {		float: right;		/* max-width: 50%; */		padding: 0 0 0 3%;	}	.page .main {    width: 54%;}	.main h3 {    font-size: 0.8vw;    font-weight: bold;    margin-bottom: -3%;	}	.main p {    /* line-height: 1.7; */}	/* sidebar */	.blog .sidebar {    float: left;    width: 15%;}.sidebar ul {    list-style: none;    text-transform: uppercase;    padding: 0;}.sidebar li {    /* border-bottom: 1px solid black; */    margin-bottom: 13%;}.sidebar-widget {    padding-bottom: 7%;}.sidebar-widget {    padding-bottom: 7%;}.featured-post {    display: none;}.featured-post a h4 {    position: absolute;    color: #fff;    bottom: 0;    margin: 0 0 -1.2% 0;    font-size: 0.6vw;    text-shadow: 1px 3px 3px rgba(150, 150, 150, 1);    text-transform: uppercase;}.featured-post a {    position: relative;    margin-bottom: 13%;    display: block;}	.sidebar.dc-page-template  {		max-width: 44%;		float: left;	}		.content-button {			margin-left: -1.5%;			margin-bottom: 6%;		}		.enews-form {			width: 94%;			background-color: #8B8B8A;			padding: 6%;			-webkit-border-radius: 15px;			-moz-border-radius: 15px;			border-radius: 15px;		}			.enews-form p.line1 {				color: #fff;				text-transform: uppercase;				font-size: 1vw;				font-weight: bold;				line-height: normal;				margin: 0;			}			.enews-form p.line2 {				color: #000;				text-transform: uppercase;				font-size: 1.2vw;				font-weight: bold;				line-height: 1.6;				margin: 0;			}			.enews-form span input {				border: none;				background-color: rgb(255, 236, 247);				height: 2.2vw;				padding: 0 0 0 3%;				font-size: 1em;				color: #000;			}			.enews-form span.your-name input {				width: 31%;				margin-right: 4%;			}			.enews-form span.your-email input {				width: 62%;			}			.enews-form input.wpcf7-form-control.wpcf7-submit {				background-color: transparent;				border: none;				font-size: 1.2vw;				font-weight: bold;				float: right;				padding: 3% 0 20%;			}	.sidebar {	}/* footer */.footer {    clear: both;    background-color: #1b1b1c;    color: #fff;    overflow: auto;    padding: 1.5% 17% 2% 17%;    font-size: 0.7vw;}.footer .logo {    width: 30%;    float: left;    /* padding-top: 1.8%; */    margin-right: 23%;}.footer p {    line-height: 1.7;}.footer p.copyright {    line-height: 1.5;}.footer p.copyright a {    color: #f6ce3c;}.contact-widget {    float: left;    width: 29%;}.contact-widget a {    color: #fff;}.social {    float: left;    width: 18%;    text-align: center;}.social a {    width: 26%;    display: inline-block;}.social img {    margin-right: 6%;}.footer p.info-menu a {    color: #fff;    width: 100%;    text-align: left;}p.info-menu {    padding: 2vw 0 0 1vw;    line-height: 1.5;}.footer p.info-menu a:hover {    font-weight: bold;}.testimonial_rotator_quote br {    display: none;}/*------------------------------------*\    POSTS - INDEX\*------------------------------------*/.main.blog {    float: left;    padding: 0;    width: 84%;    padding-right: 7%;    margin-top: 1%;}.main.blog.index h1 {    display: none;}.main.blog a {position: relative;	}.main.blog a h2 {    position: absolute;    color: #fff;    bottom: 0;    margin: 0 0 1% 2%;    font-size: 2vw;    text-shadow: 1px 2px 6px rgb(0, 0, 0);    font-weight: bold;}.main.blog h3 {    margin-top: 4%;    font-size: 0.77vw;    margin-bottom: 2.5%;}/*------------------------------------*\    POSTS - LOOP\*------------------------------------*/article.post {    border-bottom-width: 1px;    border-bottom-style: dashed;    margin-bottom: 5%;}.dc-excerpt {    margin: 4% 0 3%;    line-height: 2.9vh;}/*------------------------------------*\    POSTS - SINGLE\*------------------------------------*/.single-feature {    position: relative;}.single .main.blog h1 {    /* position: absolute; */    color: #fff;    bottom: 0;    /* margin: 0 0 1% 2%; */    font-size: 2vw;    text-shadow: 1px 2px 6px rgb(0, 0, 0);    font-weight: bold;}p.wp-caption-text {    font-size: 0.7vw;}.wp-caption img {    margin-top: 4%;}main.main.blog.single article {    border: none;}.gallery img {    height: auto;    border: none !important;    padding: 3% 5% 3% 0;}/*------------------------------------*\    PAGES - HOME\*------------------------------------*/.page-template-page-home .container {    background-color: #6B6B6B;}.page-template-page-home h1, .page-template-page-home h2, .page-template-page-home p,.page-template-page-home li {color: #fff;}div.wpcf7-validation-errors {    border: 2px solid #FFFFFF;}/*------------------------------------*\    PAGES - ABOUT\*------------------------------------*//*------------------------------------*\    PAGES - SERVICES\*------------------------------------*//*------------------------------------*\    PAGES - CONTACT\*------------------------------------*//*------------------------------------*\    PAGES - DEFAULT\*------------------------------------*//*------------------------------------*\    IMAGES\*------------------------------------*//*------------------------------------*\	TYPOGRAPHY\*------------------------------------*/.current_page_item a {    color: #000}.tagline {    color: #bed73d;    font-size: 1.05vw;    line-height: 1.4;    padding-left: 3%;}.phone {    text-align: right;	line-height: normal;}	.dc-contactus {		font-size: 1vw;	}	.dc-number {		font-size: 1.3vw;		font-weight: bold;	}.nav {    text-transform: uppercase;    font-size: 1.1vw;}.nav-wrap {    width: 65vw;    margin: 0 auto;}	.nav ul {		margin: 0;		padding: 0;	}	.nav ul li:first-child {		padding-left: 0;	}		.nav ul li:last-child {		padding-right: 0;	}.nav ul li {    list-style: none;    display: inline;    padding: 0 3vw;    position: relative;}nav.nav a {    color: #fff;}	.nav ul li a:hover {		color: #026839;	}	.nav ul.sub-menu {	display: none;	margin-top: -0.2vw;	}	.nav li:hover ul {	display: block;	position: absolute;	text-align: left;	background-color: #fff;	/* margin-left: -12px; */	padding: 10px;	width: 319px;	z-index: 99;	left: 3vw;	}	.nav li ul li:first-child {		padding: 8px;    		border-left: 0;		}		.nav li ul li:last-child {		padding: 8px;    		border-right: 0;		}		.nav li ul li {		padding: 8px;		border-right: 0;		display: block;		}		.nav li ul li a {		color: #066a8e;		}		.nav li li.current-menu-item a {    color: #f5ce3b;}h1 {    font-size: 1.6vw;    text-transform: uppercase;    font-weight: bold;    margin-top: 0;    margin-bottom: 2.5%;    line-height: 1.2;}h2 {    /* letter-spacing: 0.07vw; */    font-size: 0.9vw;    text-transform: uppercase;    line-height: normal;}blockquote {    color: #076a8e;    font-size: 1.1vw;    font-style: italic;    margin: 0;}a.theme-button {    background-color: #bed73d;    padding: 0.5% 2%;    font-size: 1vw;    text-transform: uppercase;    font-weight: bold;    /* -webkit-border-bottom-right-radius: 0.7vw; */    -moz-border-radius-bottomright: 0.7vw;    /* border-bottom-right-radius: 0.7vw; */    /* -webkit-box-shadow: 4px 4px 9px 1px rgba(0,0,0,1); */    -moz-box-shadow: 4px 4px 9px 1px rgba(0,0,0,1);    /* box-shadow: 4px 4px 9px 1px rgba(0,0,0,1); */    color: #000;}input[type="submit"] {    background-color: #066a8e;    padding: 0.5% 2%;    font-size: 1vw;    text-transform: uppercase;    font-weight: bold;    border: none;    color: #fff;}h3 {    font-size: 1vw;    text-transform: uppercase;}.dc-copy {    padding: 6% 11% 7% 7%;    font-size: 1vw;    font-style: italic;    line-height: 1.5em;}/*------------------------------------*\    RESPONSIVE\*------------------------------------*/@media only screen and (min-width:320px) {}@media only screen and (min-width:480px) {}@media only screen and (min-width:768px) {}@media only screen and (min-width:1024px) {}@media only screen and (min-width:1140px) {}@media only screen and (min-width:1280px) {}@media only screen and (-webkit-min-device-pixel-ratio:1.5),	   only screen and (min-resolution:144dpi) {}/*------------------------------------*\    MISC\*------------------------------------*/::selection {	background:#04A4CC;	color:#FFF;	text-shadow:none;}::-webkit-selection {	background:#04A4CC;	color:#FFF;	text-shadow:none;}::-moz-selection {	background:#04A4CC;	color:#FFF;	text-shadow:none;}/*------------------------------------*\    WORDPRESS CORE\*------------------------------------*//*.alignnone {	margin:5px 20px 20px 0;}.aligncenter,div.aligncenter {	display:block;	margin:5px auto 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.alignnone {	margin:5px 20px 20px 0;}a img.alignleft {	float:left;	margin:5px 20px 20px 0;}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.alignnone {	margin:5px 20px 20px 0;}.wp-caption.alignleft {	margin:5px 20px 20px 0;}.wp-caption.alignright {	margin:5px 0 20px 20px;}.wp-caption img {	border:0 none;	height:auto;	margin:0;	max-width:98.5%;	padding:0;	width:auto;}.wp-caption .wp-caption-text,.gallery-caption {	font-size:11px;	line-height:17px;	margin:0;	padding:0 4px 5px;}.sticky {}.bypostauthor {}*//*------------------------------------*\    PRINT\*------------------------------------*/@media print {	* {		background:transparent !important;		color:#000 !important;		box-shadow:none !important;		text-shadow:none !important;	}	a,	a:visited {		text-decoration:underline;	}	a[href]:after {		content:" (" attr(href) ")";	}	abbr[title]:after {		content:" (" attr(title) ")";	}	.ir a:after,	a[href^="javascript:"]:after,	a[href^="#"]:after {		content:"";	}	pre,blockquote {		border:1px solid #999;		page-break-inside:avoid;	}	thead {		display:table-header-group;	}	tr,img {		page-break-inside:avoid;	}	img {		max-width:100% !important;	}	@page {		margin:0.5cm;	}	p,	h2,	h3 {		orphans:3;		widows:3;	}	h2,	h3 {		page-break-after:avoid;	}}.mobile-only {display: none !important;}/* testimonials rotator */.testimonials {    background-color: #787878;    color: #fff;    line-height: normal;}.testimonials .happy {    font-size: 1.6vw;    padding: 2vw 2vw 0;}.testimonials .rotator {    width: 70%;    margin: 0 auto;}.testimonials .testimonial_rotator_wrap.with-prevnext {    padding: 0 2vw 1vw;    margin: 0;}.testimonials h2.testimonial_rotator_slide_title {    display: none;}.testimonials .testimonial_rotator.template-default .testimonial_rotator_author_info {    border: none;    font-style: normal;    margin: 0;    padding: 0;}.testimonials .testimonial_rotator_quote {    font-size: 1.1vw;}.testimonials .testimonial_rotator.template-default .testimonial_rotator_author_info p {    font-size: 1.1vw;}.testimonial_rotator_quote ul br {    display: none;}.testimonial_rotator.format-list .slide {    margin-top: 1vw;}article .testimonial_rotator_wrap {    margin: 0;    padding: 0;}article p:first-child {  text-transform: uppercase;}.page-child article p:first-child, article blockquote p:first-child {  text-transform: none;}/* Post launch revisions */.dc-number a {    color: #f6ce3c;    text-decoration: none;}div.wpcf7-mail-sent-ng {	border: 2px solid green;}.info-row {	clear: both;}p.copyright {	width: 50%;	float: left;}p.info-menu {	padding: 0;	width: 16.5%;	float: right;} 	/* May 2018 */.category-buttons a.cat-but.last {	max-width: 66vw;}	.testimonials {	display: none;}body {	font-family: sans-serif;	font-size: 1vw;}.single .sidebar {    display: none;}.single .main.blog {    width: 100%;    padding: 0;}@media only screen and (min-width : 1921px)  {.dc-banner {    max-width: 1920px;    margin: 0 auto;}.container {    max-width: 1500px;    padding: 0;    margin: 1.2% auto;}.category-buttons {    max-width: 1337px;}}

.yt-video-container {
	position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.yt-video {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}

.content-button {
	box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.2);
	transition: all 0.2s ease;
}

.content-button:hover {
	box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.2);
}