/*

	Theme Name: CPL

	Description: A theme developed for Chanlder Park Landscaping

	Author: Daniel Holman

	Author URI: http://soltechnology.com.au

*/



/* COLOUR CODES 



Brown: #422720

Dark Green: #3c6f36

footer Text Green: #90cc88



*/



/* Fonts */

@font-face { font-family: Metrostyle Extended Regular; src: url(fonts/ufonts.com_metrostyle-extended.ttf); }

@font-face { font-family: Myriad Regular; src: url(fonts/MYRIADPRO-REGULAR_0.OTF); }

@font-face { font-family: Myriad Bold; src: url(fonts/MYRIADPRO-BOLD_0.OTF); }

body {

	font-family: Myriad Regular;

}

.mer-font {

	font-family: Metrostyle Extended Regular;

}

.uppercase {

	text-transform: uppercase;

}



/*------------------------------------*\

    MAIN

\*------------------------------------*/



/* global box-sizing */

*,

*: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 */

/* clear */

.clear:before,

.clear:after {

    content:' ';

    display:table;

}



.clear:after {

    clear:both;

}

.clear {

    *zoom:1;

}

img {

	max-width:100%;

	vertical-align:bottom;

}

a {

	color:#444;

	text-decoration:none;

}

a:hover {

	color:#444;

}

a:focus {

	outline:0;

}

a:hover,

a:active {

	outline:0;

}

input:focus {

	outline:0;

	border:1px solid #04A4CC;

}



/*------------------------------------*\

    STRUCTURE

\*------------------------------------*/



/* wrapper */

.wrapper {

	max-width:1280px;

	width:100%;

	margin:0 auto;

	position:relative;

}

/* header */

.contact-details {

	padding-left: 18% !important;

}

.contact-details p {

	line-height: 25px;

	font-size: 1.8em;

	font-weight: bold;

}

.contact-icon {

	width: 30px;

	height: 30px;

	position: absolute;

	left: 27%;

}

.contact-details a {
	text-decoration: none;

	color: inherit;
}

.phone {

	background: url(/wp-content/themes/cpl/img/phone.png) no-repeat;

    background-size: 30px;

}

.email {

	background: url(/wp-content/themes/cpl/img/email.png) no-repeat;

    background-size: 30px;

}



/* logo */

.logo {

	margin-top: 2em;

}

.logo-img {

	width: 100%;

	margin-bottom: 1em;

}

/* nav */

.nav {

	clear: both;

}

.nav ul {

	padding: 0em 0em 0em 1em;

}

.nav ul li {

	float: left;

	list-style-type: none;

	margin: 0em 2em 0em 0em;

	padding-bottom: 0.5em;

}

.nav ul li a {

	color: #422720;

	font-weight: bold;

	font-size: 2.5em;

}

.nav ul li a:hover {

	border-bottom: 4px solid #3b6f35;

    padding-bottom: 5px;

    text-decoration: none;

}

.nav .current_page_item {

	border-bottom: 4px solid #3b6f35;

}

/* sidebar */

.sidebar {



}



/* suppliers */

.supp1 img {

	border: 3px solid #333;

}

.supp2 img {width: 70%;}

.supplier h2 {

	font-size: 2.5em;

	color: #422720;

	font-weight: bold;

	margin: 10px 0px 0px 0px;

}

.supplier p {

	font-size: 1.8em;

	margin: 0px;

}

.supplier-text {

    margin: -15px 0px 50px 0px;

    font-size: 2em;

}



/* footer */

footer {

	position: relative;

	width: 100%;

	height: 775px;

	background: url(/wp-content/themes/cpl/img/dirt.jpg);

	background-repeat: repeat-x;

	background-position: 50% -5px;

}

footer .logo {

    width: 70%;

    margin: 20em 0em 3em 15%;

}

footer h3 {

	color: #FFF;

	font-weight: bold;

}

footer p {

	font-size: 2em;

	color: #FFF;

}

footer p span {

	color: #90cc88;

}

footer .bottom-border {

	border-bottom: 4px solid #FFF;

	padding-bottom: 1em;

}

footer .instagram {

	padding-top: 1em;

}

footer a, footer a:hover {

	color: #FFF;

}



/*------------------------------------*\

    PAGES

\*------------------------------------*/



/* homepage */

.font-size-one {

	font-size: 1.8em !important;

}

.font-size-two {

	font-size: 2em !important;

}

.font-size-three {

	font-size: 4em !important;

}

.slider-container {

	width: 100%;

}

.showcase-wrapper {

	height: 640px;

}

.showcase-box {

	text-align: center;

	border: 3px solid #3c6f36;

	color: #3c6f36;

	margin: 0em 1.5% 0em 1.5%;

	padding: 0px !important;

	width: 30%;

	float: left;

	display: inline-block;

	height: 100%;

}

.showcase-box .box-image {

	width: 100%;

	border-color: #3c6f36;

	border-bottom: 4px solid;

	border-top: 4px solid;

}

.showcase-box .box-image img {

	width: 100%;

}

.showcase-box .title-wrap {

    width: 100%;

    height: 72px;

    position: relative;

}

.showcase-box .title-wrap h3 {

    width: 100%;

    position: absolute;

    bottom: 0px;

}

.showcase-box p {

    text-align: left;

    font-size: 1.8em;

}

.showcase-box ul {

    text-align: left;

    font-size: 1.8em;

}

.showcase-box .padding1 {

	padding: 1em;

}

.ul-stage {

    text-align: left;

}

.three-stages .stage img {

	width: 80%;

}

.three-stages .arrow {

	float: left;

	width: 12%;

	text-align: center;

	margin-top: 8em;

}

.three-stages .arrow img {

	width: 50%;

	margin-top: 3em;

}

.three-stages p {

	text-align: left;

}

.heading-bottom-border {

	width: 100%;

	border-bottom: 4px solid #422720;

	margin-bottom: 1em;

	font-size: 4em;

}

.style-one .testimonials {

	background: #3c6f36 !important;

	border: 0 !important;

	color: #FFF !important;

}

.testimonials {

	background: #3c6f36;

}

.testimonials .testimonials-content, .tm_author em {

	font-size: 2em !important;

}

.gallery-box {

    margin-bottom: 3em;

}

.gallery-box .title {

	background: #422720;

	text-align: center;

	color: #FFF;

	font-size: 3em;

	padding: 12px;

}





/* CSS hack for form */

#hugeit-contact-wrapper_3 {

	background: #FFF !important;

}

#hugeit-contact-wrapper_3 h3 {

	display: none !important;

}

#hugeit-contact-wrapper_3 label {

	color: #422720 !important;

}

#hugeit-contact-wrapper_3 .checkbox-block	input:checked + i.active, #hugeit-contact-wrapper_3 .checkbox-block input:checked + i.active:hover {

	color: #422720 !important; 

}

#hugeit-contact-wrapper_3 div.multicolumn .hugeit-contact-column-block {

	width: 35% !important; 

}

#hugeit-contact-wrapper_3  select, #hugeit-contact-wrapper_3 textarea, #hugeit-contact-wrapper_3 input {

	width: 70% !important;

	border: 2px solid #422720 !important;

	font-size: 2em !important

}

#hugeit-contact-wrapper_3 .input-text-block input, #hugeit-contact-wrapper_3 .input-text-block input:focus {

	border: 2px solid #422720 !important;

}

.hugeit-contact-block-left {

	margin-left: 15% !important;

}

#hugeit-contact-wrapper_3 .buttons-block button#hugeit_preview_button__submit_21 {

	background: #422720 !important;

    width: 100% !important;

    font-size: 3em !important;

    font-weight: bold !important;

    margin-top: 1em;

    border: none !important;

}

#hugeit-contact-wrapper_3 .buttons-block button.submit i {

	display: none !important;

}

#hugeit-contact-wrapper_3 .selectbox-block i {

	top: 5.25px !important;

    left: 65% !important;

    right: 0px !important;

}

.bg_faq_closed, .bg_faq_opened {

    color: #FFF;

    background: #422720;

    padding: 1em;

    margin-bottom: 0px;

}

.bg_faq_content_section p {

	font-size: 2em;

    padding: 1em;

    border: 2px solid;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

}

.bg_faq_closed, .bg_faq_opened {

	padding-left: 4em !important;

	background-position: 1em 50%;

}

.slider-container {

	position: relative;

}

#slider-caption {

    width: 50%;

    left: 25%;

    padding: 1em;

    font-size: 1.5em;

    background: #422720;

    text-align: center;

    color: #FFF;

    position: absolute;

    bottom: 1em;

    z-index: 999;

    font-weight: bold;

}

.huge_it_slideshow_image_wrap1_2 .huge_it_slideshow_dots_container_2 {

	width: 98% !important;

	margin-left: 1%;

}

    

/*------------------------------------*\

    IMAGES

\*------------------------------------*/







/*------------------------------------*\

	TYPOGRAPHY

\*------------------------------------*/



@font-face {

	font-family:'Font-Name';

	src:url('fonts/font-name.eot');

	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),

		url('fonts/font-name.woff') format('woff'),

		url('fonts/font-name.ttf') format('truetype'),

		url('fonts/font-name.svg#font-name') format('svg');

    font-weight:normal;

    font-style:normal;

}



/*------------------------------------*\

    RESPONSIVE

\*------------------------------------*/



.responsiveMenuSelect {

    font-size: 2.5em;

    background: #422720;

    color: #FFF;

    width: 60% !important;

    margin: 1em 20% 0em 20%;

}



@media only screen and (min-width:320px) and (max-width:479px) {
	footer {
		height: auto;
    	padding-bottom: 80px;
	}
	footer .logo {
	    width: 90%;
    	margin: 15em 0px 0px 5%;
	}
	.showcase-box {
		margin: 0em 3% 4em 3%;
	    width: 94%;
	}

	.font-size-three {

		font-size: 3em !important;

	}

	.font-size-two {

		font-size: 2em !important;

	}

	.three-stages .stage img {

    	width: 40%;

	}

	.arrow {

		display: none;

	}

	#hugeit-contact-wrapper_3 div.multicolumn .hugeit-contact-column-block {

		width: 80% !important;

		margin-left: 0% !important;

	}

	#slider-caption {

		display: none !important;

	}

	.contact-icon {

		left: 5%;

	}

	.heading-bottom-border {

		font-size: 3em;

	}

	#hugeit-contact-wrapper_3 .hugeit-contact-column-block, #hugeit-contact-wrapper_3 {

		min-width: 100% !important;

	}

	footer .col-md-4 {

		margin: 0% 10% 0% 10% !important;

	}

	.wrapper .showcase-wrapper {

		height: auto !important;

	}

	.contact-details {

		font-size: 0.6em;

	}

	html, body {

		overflow-x: hidden;

	}

	.copyright {

		font-size: 1.5em !important;

	}

	.footer .col-md-4 p {

		font-size: 1.7em;

	}

	.footer .col-md-4 p span {

		display: block;

	}

	.contact-details p {

	    margin-left: 0.5em;

	}
	.gallery-container {
	    width: 100% !important;
    	padding: 0px;
	}

}

@media only screen and (min-width:480px) and (max-width:767px) {

	.gallery-box {

	    margin-bottom: 3em;

	}

	.gallery-box .title {

		font-size: 2em;

	}
	.showcase-box {

	    margin: 0em 1.5% 4em 1.5%;
   		width: 30%;

	}

	.font-size-three {

		font-size: 3em !important;

	}

	.font-size-two {

		font-size: 2em !important;

	}

	.three-stages .stage img {

    	width: 40%;

	}

	.arrow {

		display: none;

	}

	#hugeit-contact-wrapper_3 div.multicolumn .hugeit-contact-column-block {

		width: 80% !important;

		margin-left: 10% !important;

	}

	#slider-caption {

		display: none !important;

	}

	.heading-bottom-border {

		font-size: 3em;

	}

	footer .col-md-4 {

		margin: 0% 10% 0% 10% !important;

	}

	.showcase-box ul, .showcase-box p {

		font-size: 1.3em !important;

	}

	.contact-icon {

		left: 5%;

	}

}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.gallery-box {

	    margin-bottom: 3em;

	}

	.gallery-box .title {

		font-size: 2em;

	}
	.showcase-box {

	    margin: 0em 1.5% 4em 1.5%;
   		width: 30%;

	}

	.font-size-three {

		font-size: 3em !important;

	}

	.font-size-two {

		font-size: 2em !important;

	}

	.three-stages .stage img {

    	width: 40%;

	}

	.arrow {

		display: none;

	}

	#hugeit-contact-wrapper_3 div.multicolumn .hugeit-contact-column-block {

		width: 80% !important;

		margin-left: 10% !important;

	}

	footer .col-md-4 {

		margin: 0% 10% 0% 10% !important;

	}

	.contact-icon {

		left: 10%;

	}

}

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

	.wrapper .showcase-wrapper {

		height: 600px;

	}

}

@media only screen and (min-width:1024px) {



}

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

	.showcase-box ul, .showcase-box p {

		font-size: 1.5em;

	}

	.showcase-wrapper {

		height: 550px;

	}

	.showcase-box .title-wrap h3 {

		font-size: 1.8em;

	}

}

@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 {



}

.mtop-one-em {

	margin-top: 1em;

}

.mtop-two-em {

	margin-top: 2em;

}

.mtop-three-em {

	margin-top: 3em;

}

.mbottom-two-em {

	margin-bottom: 3em;

}

#html5-watermark {

	display: none !important;

}





/*------------------------------------*\

    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;

	}

}