/*
Theme Name: Envivo Theme
Theme URI: http://www.envivo.co.nz/
Description: Custom theme designed by Touch Marketing
Version: 1.0
Author: Chris Grimshaw-Jones
Author URI: www.touchmarketing.co.nz
*/

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.75em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:0 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 0}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==|== Chris Grimshaw-Jones ===============================================
   ========================================================================== */

/* ==|== Colours ============================================================
   ========================================================================== */

.orange{color:#f7941d!important;}
/*.green{color:#95ce6f!important;}*/
.green{color:#72BF44!important;}
.blue{color:#00a6e9!important;}

.orange:hover{color:#d07d18!important;}
.green:hover{color:#5c9a37!important;}
.blue:hover{color:#0086bc!important;}

.orange-bg{background:#f7941d;}
/*.green-bg{background:#95ce6f;}*/
.green-bg{background:#72BF44;}
.blue-bg{background:#00a6e9;}
.pink-bg{background:#c77eb5;}

.orange-bg:hover{background:#d07d18;}
.green-bg:hover{background:#5c9a37;}
.blue-bg:hover{background:#0086bc;}
.pink-bg:hover{background:#9f6591;}

/* ==|== Typography ==========================================================
   ========================================================================== */

a{ 
	text-decoration:none;
	color:#0f85d8;	
}

a:hover{ 
	color:#0c67a6;		
}

h1{
	font-size:42px;
	line-height:1em;
	color:#414042;
	letter-spacing:2px;
}
.lt-ie9 h1{
   letter-spacing:0px;
}

h2{
	line-height:1.2em;
	margin:0;
}

#page-content h2, #projects-content h2{
	font-size:32px;
	line-height:1.2em;
	font-weight:400;
}

#page-content.planning h2{
	color:#f7941d;
}

#page-content.surveying h2{
	color:#72BF44;
}


#page-content.engineering h2{
	color:#00a6e9;
}

#projects-content h2{
	color:#c77eb5;
	float:left;
}

#page-content.contact h2, #page-content.about h2{
	color:#c77eb5;
}

#contact-form.contact h2{
	color:#c77eb5;
	font-size:32px;
	line-height:1em;
	font-weight:400;	
}

h3{
	margin:12px 0;
}


.styled-btn{
	color:#fff;
	font-weight:600;
}

.styled-btn:hover{
	color:#fff;
}

/* ==|== Structure ==========================================================
   ========================================================================== */

body {
	font-family: 'Open Sans', sans-serif;
	color:#414042;
}

.wrapper {
	width:1060px;
	margin:0 auto;
	position:relative;
}

.left-col-main{
	width:750px;
	margin-right:60px;
	float:left;
}

.right-col-sidebar{
	width:250px;
	float:left;
}

/* ==|== Header =============================================================
   ========================================================================== */

#main-header{
	background:#000;
	/*height:520px;*/
	height:320px;
	position:relative;
	overflow:hidden;
}

#gradient-mask{
	background:url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/header/planning-engineering-auckland-grad-mask.png') no-repeat center top;
	position:absolute;
	height:100%;
	width:100%;
	z-index:10;
	display:none; /* ======== option to turn grad mas on/off ========== */
}

#main-header .wrapper{
	width:1200px;
}

/* ==|== Slider =============================================================
   ========================================================================== */

#viewport img{
	position:absolute;
}

#controls{
	position:absolute;
	z-index:100;
	width:460px;	
}

/* ==|== Menu =============== */

#controls menu{
	margin:50px 0 40px;
}

#controls menu ul li{
	list-style-type:none;
	float:left;
	height:18px;
	width:18px;
	background:#4b4b4b;
	margin:0 8px 0 0;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	-ms-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
	cursor:pointer;
}

#controls menu ul li:hover{
	background:#fff;
}

#controls menu ul li.selected{
	background:#fff;
}

/* ==|== Hgroup =============== */

#controls hgroup{
	/*width:440px;*/
	min-height:170px;
	position:relative;
}

#controls.page hgroup{
	margin-top:150px;
}

#controls hgroup h1{
	width:100%;
	color:#fff;
	font-size:60px;
	margin:0;
	line-height:1em;
	padding:20px 0 30px 20px;
	-moz-border-radius:0 0 24px 0;
	-webkit-border-radius:0 0 24px 0;
	-ms-border-radius:0 0 24px 0;
	-o-border-radius:0 0 24px 0;
	border-radius:0 0 24px 0;
	position:absolute;	
}

#controls hgroup h1.default{
	background:#c77eb5;
}

#controls hgroup h1.surveying{
	background:#72bf44;
}

#controls hgroup h1.engineering{
	background:#00a6e9;
}

#controls hgroup h1.planning{
	background:#f7941d;
}

#border-colors{
	height:10px;
	width:100%;
	position:relative;
}

#border-colors li{
	height:10px;
	width:100%;
	position:absolute;
	opacity:0;
}

#border-colors li.default{
	background:#c77eb5;	
}

#border-colors li.surveying{
	background:#72bf44;	
}

#border-colors li.engineering{
	background:#00a6e9;	
}

#border-colors li.planning{
	background:#f7941d;	
}

/* ==|== Featured News =============== */

#featured-news{
	min-height:150px;
	margin-top:30px;
	position:relative;
}

#featured-news.page{
	margin-top:0;
}

#featured-news ul{
	position:absolute;
	min-height:80px;
	/*display:none;*/
}
.home #featured-news ul{
   display:none;
}

#featured-news ul.default{
	background:url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/header/planning-engineering-auckland-pink-arrow.png') no-repeat top left;
}

#featured-news ul.surveying{
	background:url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/header/planning-engineering-auckland-green-arrow.png') no-repeat top left;
}

#featured-news ul.engineering{
	background:url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/header/planning-engineering-auckland-blue-arrow.png') no-repeat top left;
}

#featured-news ul.planning{
	background:url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/header/planning-engineering-auckland-orange-arrow.png') no-repeat top left;
}

#featured-news ul li:first-child{
	padding:20px 0 0 50px;
	margin-top:0;
	font-weight:800;
}

#featured-news.page ul li:first-child{
	font-weight:400;
}

#featured-news ul li{
	padding-left:50px;
	color:#fff;
	list-style-type:none;
	margin-top:20px;
}

#featured-news ul li a{
	color:#fff;
	font-size: 0.85em;
    font-weight: bold;
	text-decoration:underline;
}

#featured-news ul li a:hover{
	/*text-decoration:none;*/
}

/* ==|== Navigation =========================================================
   ========================================================================== */

#main-nav{
	height:100px;
	background:#fffaf0;
	border-top:solid #c77eb5 10px;		
}

#main-nav.slider{
	border-top:none;
}	

#main-nav.planning{
	border-top:solid #f7941d 10px;	
}

#main-nav.surveying{
	border-top:solid #72bf44 10px;	
}

#main-nav.engineering{
	border-top:solid #00a6e9 10px;	
}

#main-nav ul li{
	float:left;
	margin:0 0 0 18px;
	line-height:100px;	
}
.lt-ie9 #main-nav ul li{
   float:left;
   margin:0 0 0 15px;
   line-height:100px;   
}

#main-nav ul li:first-child{
	margin:0;
}

#main-nav ul li a{
	font-weight:600;
	font-size:16px;
	color:#414042;		
}

#main-nav ul li a img{
	position:absolute;
	top:10px;
	right:0;
}

#main-nav ul li a.selected{
	border-bottom:solid 3px #d48bc8;
}

#main-nav ul li a:hover{
	border-bottom:solid 3px #d48bc8;
}

/* ==|== First Content =============================================================
   ========================================================================== */

#main-content{
	margin:20px 0;
}

#main-content menu{
	margin:60px 0;		
}

#main-content menu ul li{
	/*float:left;*/
	display:inline-block;
	list-style-type:none;
	width:220px;
	height:45px;
	text-align:center;
	line-height:45px;
	font-size:28px;
	margin:0 27px 0 0;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-ms-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;
	-moz-box-shadow:2px 3px 4px 2px rgba(1,1,1,0.2);
	-webkit-box-shadow:2px 3px 4px 2px rgba(1,1,1,0.2);
	-ms-box-shadow:2px 3px 4px 2px rgba(1,1,1,0.2);
	-o-box-shadow:2px 3px 4px 2px rgba(1,1,1,0.2);
	box-shadow:2px 3px 4px 2px rgba(1,1,1,0.2);
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;	
}

#main-content menu ul li a{
	
}

#main-content section.left-col-main article{
	/*font-size:20px;*/
}

/* ==|== Homepage Only ===== */

#main-content.home section footer{
	font-size:22px;
}

.core-buttons{
   text-align:center;
}

/* ==|== First Content Aside ===================================================
   ========================================================================== */

#main-content aside header{
	height:40px;
	margin:0 0 55px;
}

/* ==|== Search Field =============== */

#searchform{
   
}
#searchfield{
   height:20px;
   font-size:18px;
   border: 1px solid #d2d2d2;
   border-radius:2px;
   width:228px;
   padding: 10px;
   font-family: 'Open Sans', sans-serif;
   -o-box-shadow: inset -1px 0px 3px 1px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: inset -1px 0px 3px 1px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: inset -1px 0px 3px 1px rgba(0, 0, 0, 0.1);
   box-shadow: inset -1px 0px 3px 1px rgba(0, 0, 0, 0.1);
}


/* ==|== Call To Action =============== */

#main-content aside section{
	background:#e1e1e1;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	-ms-border-radius:12px;
	-o-border-radius:12px;
	border-radius:12px;
	position:relative;
	padding:20px;
}

#main-content aside section #letstalk{
	position:absolute;
	display:block;
	top:-40px;
	right:-10px;
}
#main-content.contact aside section #letstalk{
   display:none;
}

#main-content aside ul li{
	list-style-type:none;
	color:#00a7e9;
	font-weight:700;
	font-size:18px;
	margin:0 0 8px;
	background:url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/icons/email.jpg') no-repeat top left;
	padding-left:50px;
}
.lt-ie9 #main-content aside ul li{
   font-size:16px;
}

#main-content aside ul li:first-child{
	background:url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/icons/phone.jpg') no-repeat top left;	
}

#main-content aside footer{
	margin:10px 0 10px;
}

#main-content aside a.styled-btn{
	float:left;
	margin:12px 0 0;
	padding:8px 13px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;	
    width:224px;
    text-align:center;	
}
.lt-ie9 #main-content aside a.styled-btn{
   font-size:14px;
}

/* ==|== Page Content =========================================================
   ========================================================================== */

.border-top{
	border-top:solid 1px rgba(225,226,227,1);
	margin-top:40px;
	padding-top:40px;
}

#page-content article{
	margin:0 0 40px;
}

#page-content img{
   max-width:100%;
}

#page-content article h2{
	margin-bottom:12px;
}

#page-content article .two-col{
	width:490px;
	float:left;
	margin-right:80px;
}

#page-content article .two-col.second{
	margin:0;
}

#page-content article ul li{
	padding:0px 0 0px 30px;
	margin:8px 0;
	background:url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/icons/bullet.jpg') no-repeat 0px 6px;
	list-style-type:none;
}

#page-content article .three-col{
	width:320px;
	float:left;
	margin-left:50px;
}

#page-content article .three-col:first-child{
	margin-left:0;
}

#page-content article .three-col figure{
	float:left;
	width:160px;
}

#page-content article .three-col figcaption{
	float:left;
	width:150px;
	margin-left:10px;
}

#page-content article .three-col h3{
	font-size:24px;
	color:#c77eb5;
	font-weight:400;
	line-height:1.1em;
}

#page-content article .three-col cite{
	font-weight:600;
	font-style:normal;
}

#page-content article .three-col figcaption p{
	font-size:14px;
	margin:0;
}

#page-content article .three-col footer ul li{
	padding:0 0 0 60px;
	height:35px;
	line-height:35px;
}

#page-content article .three-col footer ul{
	margin:30px 0 0;
}

#page-content article .three-col footer ul li.linked-in{
	background:url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/about/planning-engineering-auckland-linkedin.png') no-repeat top left;
}

#page-content article .three-col footer ul li.cellphone{
	background:url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/about/planning-engineering-auckland-cellphone.png') no-repeat top left;
}

#page-content article .three-col footer ul li.email{
	background:url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/about/planning-engineering-auckland-email.png') no-repeat top left;
}

#page-content article .three-col footer ul li.vcard{
	background:url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/about/planning-engineering-auckland-vcard.png') no-repeat top left;
}

/* ==|== Team Members (About Page) ==========================================
   ========================================================================== */

#team-content header h2{
	float:left;
}

#team-content header ul{
	float:left;
	margin-left:60px;
}

#team-content header ul li{
	float:left;
	margin:0 0 0 20px;
	list-style-type:none;
	line-height:48px;
}

#team-content header ul li:first-child{
	margin:0;
}

#team-content header ul li a{
	font-weight:400;
	font-size:20px;
	color:#414042;		
}
#team-content header ul li.planning a{
   color:#f7941d;    
}
#team-content header ul li.surveying a{
   color:#72bf44;    
}
#team-content header ul li.engineering a{
   color:#00a6e9;    
}
#team-content header ul li.default a{
   color:#c77eb5;    
}

#team-content header ul li a.selected{
	border-bottom:solid 3px #d48bc8;
}

#team-content header ul li a:hover{
	border-bottom:solid 3px #d48bc8;
}

/* ==|== Team Thumbs ===================*/

.team-thumb{
	float:left;
	list-style-type:none;
	/*margin:20px 0 0 20px;*/
	margin:20px 8px 0;
	height:220px;
	width:160px;
	overflow:hidden;
	position:relative;
}

/*.team-thumb:nth-of-type(6n+1){
	margin:20px 0 0 0;
}*/
.team-thumb img{
   max-width:100%;
}
.team-thumb figcaption{
	position:absolute;
	bottom:0;
	width:160px;
	min-height: 75px;
}

.team-thumb.default figcaption{
	background:#c77eb5;		
}

.team-thumb.planning figcaption{
	background:#f7941d;
}

.team-thumb.surveying figcaption{
	background:#72bf44;	
}

.team-thumb.engineering figcaption{
	background:#00a6e9;	
}

.team-thumb figcaption div{
	padding:12px 8px 12px;
}

.team-thumb figcaption h3{
	color:#fff;
	font-size:15px;
	margin:0;
	font-weight:400;
	line-height:1.1em;
}

.team-thumb figcaption h4{
	font-size:13px;
	color:#414042;
	margin:6px 0 0 0;
	line-height:1.1em;
}

.team-thumb span{
	position:absolute;
	bottom:0;
	left:0;
	background:white;
	padding:0;
	display:none;
	width:160px;
	height:220px;
	font-size:14px;
	z-index:100;
}

.team-thumb span ul li{
	padding:0;
	height:35px;
	line-height:1.1em;
	margin:0 0 4px;
	text-align:right;
	list-style-type:none;
}

.team-thumb span ul li.linked-in{
	background:url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/about/planning-engineering-auckland-linkedin.png') no-repeat top left;
	padding:5px 0 0 60px;
}

.team-thumb span ul li.cellphone{
	background:url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/about/planning-engineering-auckland-cellphone.png') no-repeat top left;
	padding:8px 0 0 60px;
}


.team-thumb span a{
	/*float:right;*/
	text-decoration:underline;
	font-size:15px;
	margin:0 0;
	color:#00a6e9;
	/* wrap long urls */
	white-space: pre; /* CSS 2.0 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3.0 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP Printers */
	word-wrap: break-word; /* IE 5+ */	
}
.team-thumb span a.single-team{
   font-weight:bold;
}

.team-thumb span a:hover{
	color:#0F85D8;
}

/* ==|== Single Team Member =====================================================
   ========================================================================== */

#team-load-cont{
	width:690px;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-345px;
	margin-top:-185px;
	z-index:250;
	display:none;
	background:#fff;
}

#a-single-team-member{
	width:660px;
	padding:15px;	
	position:relative;	
	box-shadow:0 0 10px 5px rgba(1,1,1,0.2);
}

#a-single-team-member figure{
	width:160px;
	margin-right:15px;
	float:left;
}
#a-single-team-member img{
   max-width:100%;
}

#a-single-team-member figure ul{
	margin-top:20px;
}

#a-single-team-member figure ul li{
	padding:0 0 0 0;
	line-height:1.2em;
	list-style-type:none;
	font-size:12px;
	font-weight:600;
	margin:6px 0;
}

#a-single-team-member figure ul li a{
   white-space: pre; /* CSS 2.0 */
   white-space: pre-wrap; /* CSS 2.1 */
   white-space: pre-line; /* CSS 3.0 */
   white-space: -pre-wrap; /* Opera 4-6 */
   white-space: -o-pre-wrap; /* Opera 7 */
   white-space: -moz-pre-wrap; /* Mozilla */
   white-space: -hp-pre-wrap; /* HP Printers */
   word-wrap: break-word; /* IE 5+ */  
}

#a-single-team-member figcaption{
	width:485px;
	float:left;
}

#a-single-team-member h2{
	font-size:28px;
	line-height:32px;
	font-weight:600;	
	float:left;
}

#a-single-team-member h3{
	font-weight:400;
}

#a-single-team-member sub{
	float:left;
	line-height:36px;
	font-size:14px;
	margin-left:12px;
}

#a-single-team-member.default h2, #a-single-team-member.default h3{
	color:#c77eb5;		
}

#a-single-team-member.planning h2, #a-single-team-member.planning h3{
	color:#f7941d;
}

#a-single-team-member.surveying h2, #a-single-team-member.surveying h3{
	color:#72bf44;	
}

#a-single-team-member.engineering h2, #a-single-team-member.engineering h3{
	color:#00a6e9;	
}

#a-single-team-member header{
	padding:0 16px 4px 0;
	float:left;
}

#a-single-team-member.default header{
	border-bottom:solid 1px #c77eb5;
}

#a-single-team-member.planning header{
	border-bottom:solid 1px #f7941d;
}

#a-single-team-member.surveying header{
	border-bottom:solid 1px #72bf44;
}

#a-single-team-member.engineering header{
	border-bottom:solid 1px #00a6e9;
}

#a-single-team-member p{
	font-size:14px;
}

#a-single-team-member figcaption article{
	margin:0;
	width:100%;
	float:left;
}

/* ==|== Projects Page ======================================================
   ========================================================================== */

#overlay{
	height:100%;
	width:100%;
	background:rgba(1,1,1,0.5);
	position:fixed;
	z-index:249;
	top:0;
	left:0;
	display:none;
}

.lt-ie9 #overlay{
	background:url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/ie/ie-overlay.png') repeat top left transparent;
}

#single-project-cont{
	display:none;
}

#project-load-cont{

}

/* ==|== Single Project =====================================================
   ========================================================================== */

#a-single-project{
	width:100%;
	position:relative;
	min-height:320px;	
}

.close-btn{
	position:absolute;
	top:-20px;
	right:-20px;
	cursor:pointer;
}

#a-single-project figcaption{
	width:66.981132075%;
	float:left;
}

#a-single-project h3{
	font-size:30px;
	font-weight:400;
	text-align:left;
	line-height:1em;
	margin-top:0;
}

#a-single-project ul{
	padding:0 0 0 20px;
}

#a-single-project p{
	/*font-size:14px;*/
}

#a-single-project figcaption header{
	margin:0 0 16px;
}

#a-single-project figcaption footer a{
	background:#c77eb5;
	float:left;
	width:85px;
	color:white;
	font-size:14px;
	padding:10px;
	text-align:center;
	line-height:1em;
	margin:40px 0 0 15px;
	-moz-border-radius:12px;	
	-webkit-border-radius:12px;	
	-ms-border-radius:12px;	
	-o-border-radius:12px;	
	border-radius:12px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;			
}

#a-single-project figcaption footer a:hover{
	background:#9f6591;		
}

#a-single-project figcaption footer a:first-child{
	margin:40px 0 0 40px;
}

/* ==|== Slider =============== */

#project-slider{
	position:relative;
	width:30.188679245%;
	float:left;	
	margin-left:2.8301886792%;
	min-height:320px;
}

#project-slider a{
	position:absolute;
	width:28px;
	height:40px;
	z-index:10;
	display:none;
}

.prev-btn{
	background:url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/icons/planning-engineering-auckland-prev-btn.png') no-repeat top left;
	top:270px;
	left:20px;
}

.next-btn{
	background:url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/icons/planning-engineering-auckland-next-btn.png') no-repeat top left;
	top:270px;
	right:20px;
}

#project-slider img{
	top:0;
	left:0;
	position:absolute;
	max-width:320px;
	width:100%;
}

#slide-controls{
	float:right;
	margin-top:20px;
}

#slide-controls ul li{
	list-style-type:none;
	float:left;
	height:15px;
	width:15px;
	background:#4b4b4b;
	margin:0 8px 0 0;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	-ms-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
	cursor:pointer;
}

#slide-controls ul li:hover{
	background:#c77eb5;
}

#slide-controls ul li.selected{
	background:#c77eb5;
}

/* ==|== Project Thumbs =====================================================
   ========================================================================== */

#projects-content{
   min-height:386px;
}

#projects-content header ul{
	float:left;
	margin-left:60px;
}

#projects-content header ul li{
	float:left;
	margin:0 0 0 20px;
	list-style-type:none;
	line-height:48px;
}

#projects-content header ul li:first-child{
	margin:0;
}

#projects-content header ul li a{
	font-weight:400;
	font-size:20px;
	color:#414042;		
}

#projects-content header ul li a.selected{
	border-bottom:solid 3px #d48bc8;
}

#projects-content header ul li a:hover{
	border-bottom:solid 3px #d48bc8;
}

.project-thumb{
	float:left;
	list-style-type:none;
	margin:36px 0 0 36px;
	height:298px;
	width:238px;
	overflow:hidden;
	position:relative;
}

.project-thumb:nth-of-type(4n+1){
	margin:36px 0 0 0;
}

.project-thumb figure{
}

.project-thumb figcaption{
	margin-top:12px;
	font-weight:bold;
}

.project-thumb span{
	position:absolute;
	bottom:60px;
	left:0;
	background:rgba(255,255,255,0.8);
	padding:20px;
	display:none;
	width:198px;
}

.lt-ie9 .project-thumb span{
	background:url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/ie/ie-overlay-white.png') repeat top left;
}


.project-thumb span p{
	margin:0;
	font-size:14px;
}

.project-thumb span a{
	float:right;
	text-decoration:underline;
	font-size:14px;
	margin:12px 0 0;
	color:#00a6e9;
	font-weight:bold;
}

.project-thumb span a:hover{
	color:#0F85D8;
}

/* ==|== News Page (and search results) =========================================================
   ========================================================================== */

#news-articles{
	width:100%;
}

#news-articles header, #search-results header{
	margin-bottom:60px;
}

#news-articles article, #search-results article{
	border-bottom:solid 1px #e1e2e3;
	padding-bottom:25px;
	margin-bottom:25px;
}

#news-articles article:last-child{
	border:none;
}

.navigation .left{
   float:left;
}
.navigation .right{
   float:right;
}

#news-articles article a.news-link{
   background:#c77eb5;
   text-decoration:none;
   /*float:right;*/
   width:110px;
   color:white;
   font-size:14px;
   padding:10px;
   text-align:center;
   line-height:1em;
   display:inline-block
   margin:30px 0 0 0;
   -moz-border-radius:12px;   
   -webkit-border-radius:12px;   
   -ms-border-radius:12px; 
   -o-border-radius:12px;  
   border-radius:12px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;        
}

/* ==|== News Item Gallery ====================== */

ul.news-gallery{
   list-style-type:none;
   margin:40px 0;
}
ul.news-gallery li{
  float:left;
  width:18%;
  margin: 0 2% 2% 0; 
}
ul.news-gallery li img{
  max-width:100%;
}





/* ==|== Dates ========================================================= */

#news-articles article aside, #search-results article aside{
	height:36px;
	width:100px;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	-ms-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
	color:white;
	padding:32px 0;
	float:left;
}

#news-articles article aside p, #search-results article aside p{
	font-weight:600;
	text-align:center;
	margin:0;
	line-height:1.1em;
}
#search-results article aside p.singleline{
   line-height:36px;
}

.the-date{
	font-size:14px;
}

#news-articles article.default aside, #search-results article.default aside/*, #news-articles article.default footer a*/{
	background:#c77eb5;	
}

#news-articles article.surveying aside, #search-results article.surveying aside/*, #news-articles article.surveying footer a*/{
	background:#72bf44;	
}

#news-articles article.engineering aside, #search-results article.engineering aside/*, #news-articles article.engineering footer a*/{
	background:#00a6e9;	
}

#news-articles article.planning aside, #search-results article.planning aside/*, #news-articles article.planning footer a*/{
	background:#f7941d;	
}

/* ==|== Articles (and search) ========================================================= */

#news-articles figure{
	float:left;
	margin-left:30px;
}

#news-articles figcaption{
	float:left;
	width:700px;
	margin-left:30px;
}

#news-articles h2, #search-results h2{
	font-size:26px;
	font-weight:400;
}

#news-articles p, #search-results p{
	font-size:16px;
}

#news-articles a, #search-results a{
	font-size:16px;
	text-decoration:underline;
}

#news-articles article.default h2, #search-results article.default h2{
	color:#c77eb5;
}

#news-articles article.surveying h2, #search-results article.surveying h2{
	color:#72bf44;
}

#news-articles article.engineering h2, #search-results article.engineering h2{
	color:#00a6e9;
}

#news-articles article.planning h2, #search-results article.planning h2{
	color:#f7941d;
}


/* ==|== Search Results Page =========================================================
   ========================================================================== */
  
#search-results figcaption{
   float: left;
   width: 620px;
   margin-left: 30px;
}



/* ==|== Careers Page =========================================================
   ========================================================================== */

#current-opportunities{
	
}

#current-opportunities header{
	margin-bottom:30px;
}

#current-opportunities h3{
	color:#c77eb5;
	font-size:18px;
	font-weight:400;
}

#current-opportunities article{
	border-bottom:solid 1px #e1e2e3;
	padding-bottom:10px;
	margin-bottom:20px;
}

#current-opportunities article:last-child{
	border:none;
}	

#current-opportunities .planning h3{
   color:#f7941d;
}
#current-opportunities .surveying h3{
   color:#72BF44;
}
#current-opportunities .engineering h3{
   color:#00a6e9;
}

/* ==|== Contact Page =========================================================
   ========================================================================== */

#page-content.contact ul{
	float:left;
	margin:20px 80px 0 0;
}

#page-content.contact ul li{
	list-style-type:none;
	font-size:20px;
}

#page-content.contact ul li a{
	text-decoration:underline;	
}	

#contact-form p{
	font-size:20px;
	margin:30px 0;
}

#contact-form input[type="text"], #contact-form textarea, form#mc-embedded-subscribe-form input[type="text"], form#mc-embedded-subscribe-form input[type="email"], form#mc-embedded-subscribe-form textarea{
	margin-top:16px;
	width:100%;
	height:60px;
	border:none;
	text-indent:20px;
	line-height:50px;
	border:solid 1px #c2c2c2;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
}

#contact-form input[type="text"]{
   text-indent:260px;
}
#contact-form .extra-indent input{
}

#contact-form .wpcf7-not-valid, #contact-form input[type="text"].wpcf7-not-valid{
   border: 1px solid red;
}

#contact-form .input-holder{
   position:relative;
}
#contact-form .label-left{
   position:absolute;
   top:61px;
   left:20px;
   color:#aaa;
   z-index:1;
}
#contact-form .label-top{
   position:absolute;
   top:62px;
   left:20px;
   color:#aaa;
   z-index:1;
}


#contact-form textarea  { 
   height:200px;
   width:100%;
   padding:50px 20px 15px;
   text-indent:0;
   line-height:inherit;
   
   -webkit-box-sizing: border-box; 
   -moz-box-sizing: border-box; 
   box-sizing: border-box; 
}

.lt-ie9 #contact-form textarea{
   width:90%;
}


.styled-select select {
	color:#414042;
	background: transparent;
	margin-top:16px;
	width: 268px;
	padding: 5px;
	font-size: 16px;
	border: 1px solid #ccc;
	height: 30px;
	/*background: url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/icons/surveying-auckland-select-arrow.png') no-repeat right #ddd;  */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px; 
}

#contact-form input[type="submit"], form#mc-embedded-subscribe-form input[type="submit"]{
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;	
    background:#c77eb5;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    border:none;
    color:#fff;
    height:35px;
    line-height:1em!important;
    padding:4px 20px 0 0;;
    width:220px;
    font-size:16px;
}

#send input:hover{
	background:#9f6591;
}


/* ==|== Mail Chimp Embed =============== */


form#mc-embedded-subscribe-form input[type="text"], form#mc-embedded-subscribe-form input[type="email"]{
   display: block;
    height: 40px;
    margin-bottom: 20px;
    width: 50%;
}
form#mc-embedded-subscribe-form h2{
   margin-top:40px;
   margin-bottom:20px;
   font-size: 32px;
    font-weight: 400;
    line-height: 1.2em;
    color: #C77EB5;
}

form#mc-embedded-subscribe-form .indicates-required{
   display:none;
}
form#mc-embedded-subscribe-form p:empty {
   display: none;
}
form#mc-embedded-subscribe-form ul{
   list-style-type:none;
   margin-bottom:20px;
}
form#mc-embedded-subscribe-form ul li{
   display:inline-block;
}
form#mc-embedded-subscribe-form ul li label{
   margin-left:10px;
   margin-right:20px;
}

/* ==|== Client List ==========================================================
   ========================================================================== */

#client-list{
	background:#fffaf0;
	padding:40px 0 40px;
}

#client-list ul{
	margin:20px 0 0;
}

#client-list ul li{
	list-style-type:none;
	float:left;
	margin:0 60px 0 0;
}

#client-list .styled-btn{
	float:right;
	background:#dcd0b9;
	padding:8px 42px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;			
}

#client-list .styled-btn:hover{
	background:#a79e8d;	
}

/* ==|== Blog Roll ============================================================
   ========================================================================== */

#blog-roll{
	/*height:480px;*/
	min-height:480px;
	min-width:768px;
	margin:20px 0 30px;
   font-size: 0.875em;	
}
#blog-roll figcaption h2{
   font-weight:normal;
   margin: 20px 0;
}

#blog-roll figcaption{
   height:184px;
   overflow:hidden;
   position:relative;
}
.fade-out-overlay{
   position:absolute;
   bottom:0;
   left:0;
   width:100%;
   height:40px;
   background: transparent url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/blog-roll-fadeout.png') repeat left top;  
}

#blog-roll .planning h2{
   color:#f7941d;
}
#blog-roll .surveying h2{
   color:#72BF44;
}
#blog-roll .engineering h2{
   color:#00a6e9;
}
#blog-roll .default h2{
   color:#c77eb5; 
}
#blog-roll h2 a.see-all-news{
   font-size: 12px;
    font-weight: normal;
}
#blog-roll a, #blog-roll a:hover{
  color:inherit;
}

.more-btn{
   color:white;
   cursor:pointer;
   padding: 5px 10px;
   display:inline-block;
   font-size: 0.8571428571em;
   position:absolute;
   bottom:0;
   margin:0;
}
.planning .more-btn{background:#f7941d;}
.surveying .more-btn{background:#72BF44;}
.engineering .more-btn{background:#00a6e9;}
.default .more-btn{background:#c77eb5;}

.planning .more-btn:hover{background:#d07d18;}
.surveying .more-btn:hover{background:#5c9a37;}
.engineering .more-btn:hover{background:#0086bc;}
.default .more-btn:hover{background:#9f6591;}






/*.contentWrap {
	width:100%;
	background:#EFECE1 url(https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../images/paper.jpg);
	display:block;
	text-decoration:none;
	position:relative;
}

.featuredNav {
	width:920px;
	height:208px;
	overflow:hidden;
	position:relative;
}

.featuredNav.desc {
	height:425px;
}

.featuredNext {
	width:177px;
	height:208px;
	position:absolute;
	left:742px;
	z-index:1;
	background:#311813 url(https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../images/wood2.jpg) -212px -195px;
	cursor:pointer;
}

.featuredNext .arrow, .featuredNext .arrow.white {
	width:100%;
	height:100%;
}

.featuredNext:hover .arrow.white {
	opacity:1;
	filter:alpha(opacity=100);
}*/

/* ==|== Footer ===============================================================
   ========================================================================== */

#main-footer{
	background:#e6e6e6;
	padding:20px 0;
}

#client-list ul li img{
	width:100%;
}

/* ==|== Quickform =============================================================
   ========================================================================== */

#quick-form{
	width:520px;
	float:left;
	margin:20px 0;
	position:relative;
}

#quick-form input[type="text"]{
	width: 100%;
   padding: 15px 0;
   border: none;
   text-indent: 90px;
}

#quick-form textarea {
	width:92.6%;
	border:none;
	height:280px;
	padding:45px 19px 15px; /* cant mix percentages with pixels in padding else screws up firefox */
	resize: none;
}
#quick-form .wpcf7-not-valid, #quick-form input[type="text"].wpcf7-not-valid{
   border: 1px solid red;
}
.wpcf7-not-valid-tip-no-ajax{
   display:none;
}
.wpcf7-validation-errors{
   color:red;
   text-align:center;
}
.wpcf7-mail-sent-ok{
   text-align:center;
}

#quick-form .input-holder{
   position:relative;
}
#quick-form .label-left{
   position:absolute;
   top:12px;
   left:20px;
   color:#aaa;
   z-index:1;
}
#quick-form .label-top{
   position:absolute;
   top:12px;
   left:20px;
   color:#aaa;
   z-index:1;
}


#quick-form input[type="submit"]{
	line-height:50px;
	color:#fff;
	background:url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/icons/send-btn.png') no-repeat top left;
	text-decoration:none;
	border:none;	
	width:76px; 
	height:109px; 
	position:absolute;
	bottom:55px;
	right:-80px;
	text-indent:-9999px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;		
}
/*.lt-ie9 #quick-send input{
   right:-102px;  
}*/

#quick-form input[type="submit"]:hover{
	background:url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/icons/send-btn-hover.png') no-repeat top left;		
}

div.wpcf7-validation-errors {
   border:none !important;
}
span.wpcf7-not-valid-tip {
   color:red;
    background: none !important;
    border: none !important;
    font-size: 12px;
    left: 0;
    padding: 5px 0;
    position: static !important;;
    top: 0;
    width: 280px;
    z-index: 0;
}

/* ==|== Contact Details =======================================================
   ========================================================================== */

#contact-details{
	width:460px;
	margin:20px 0 20px 80px;
	float:left;
}

#contact-details h3{
	font-size:16px;
}

#contact-details .map{
	margin:30px 0 10px;
}

#contact-details figure{
	float:right;
	-moz-box-shadow:2px 3px 4px 2px rgba(1,1,1,0.2);
	-webkit-box-shadow:2px 3px 4px 2px rgba(1,1,1,0.2);
	-ms-box-shadow:2px 3px 4px 2px rgba(1,1,1,0.2);
	-o-box-shadow:2px 3px 4px 2px rgba(1,1,1,0.2);
	box-shadow:2px 3px 4px 2px rgba(1,1,1,0.2);
}

#contact-details figcaption{
	float:left;
}

#contact-details .map ul{
	/*margin:52px 0 0 0;*/
}

#contact-details ul li{
	list-style-type:none;
	font-weight:600;
	font-size:14px;
}

#contact-details a.styled-btn{
	float:right;
	margin:20px 0 0 0;
	padding:8px 38px;
	background:#939598;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;		
}

#contact-details a.styled-btn:hover{
	background:#66686a;
}

#social-media{
   min-width:252px;
	float:right;
	margin-top:0;
}

#social-media li{
	float:left;
	margin:20px 5px 0 0;
}

/* ==|== Sign Off ===========================================================
   ========================================================================== */

#signoff{
	border-top:solid 1px #d6d6d7;
	float:left;
	width:100%;
	margin:20px 0 20px;
}












/* ==========================================================================
   Media Queries
   ========================================================================== */

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

	.wrapper{
		max-width:1060px;
		width:96%;
		padding:0 2%;
	}
	
	/* ==|== Header ================================ */

   #controls {
    width: 270px;
   }
   #controls hgroup h1 {
       font-size: 35px;
   }

	#main-header{
		overflow:hidden;
		width:100%;
	}
	
	#viewport img{
		left:-240px;
	}
	
	#featured-news ul li{
		text-shadow:#000 2px 2px 1px;
	}
	
	#main-nav ul li{
		margin-left:15px;
	}
	
	#main-nav ul li a{
		font-size:12px;
	}
	
	#main-nav ul li a img{
		width:140px;
		top:30px;
		right:15px;
	}
	
	/* ==|== First Content ================================ */
	
	.left-col-main{
		width:57%;
	}
	
	.right-col-sidebar {
      float: right;
   }
	
	#main-content menu ul li{
		margin-bottom:20px;
	}
	
	/* ==|== Main Content ================================ */
	
	#page-content article .two-col{
		width:100%;
	}
	
	#page-content article .three-col{
		margin-bottom:50px;
	}
	
	#page-content article .three-col:last-child{
		margin:0;
	}
	
	/* ==|== News ================================ */
	
	#news-articles figure{
	   margin-left:130;
	}
	#news-articles article footer a{
      margin:0 0 0 30px;   
   }
	
	/* ==|== Projects Content ================================ */
	
	#projects-content .wrapper{
		width:70%;
	}
	
	#projects-content header ul{
		margin-left:0;
	}
	
	.project-thumb:nth-of-type(2n+1){
		margin:36px 0 0;
	}	
	
	/* ==|== Footer ======================================== */
	
	#quick-form{
		width:90%;
	}	
	
	#quick-send input{
		right:-78px;
	}
	
	#contact-details{
		width:70%;
		margin:0 15%;
	}
	
	#contact-details .map ul{
		margin-top:-12px;
	}
	
	#footer-btns{
		width:100%;
	}
	
	#contact-details a.styled-btn{
		float:left;
	}
	
	#signoff p{
		font-size:14px;
	}
	
		
}

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

	#page-content article .three-col{
		width:260px;
	}  
	
}	


/* ==| Project Lightbox Portrait ======================================*/
@media only screen and (min-width : 768px) and (max-width: 900px) and (orientation : portrait) {

	#project-load-cont{
		width:660px;
		height:auto;
		margin-left:-330px;
		margin-top:30px;
		top:0;
	}
	
	#a-single-project .close-btn{
		top:-20px;
		right:-20px;
	}
	
	#a-single-project{
		width:630px;
		height:auto;
	}
	
	#a-single-project figure{
		float:none;
		width:100%:
	}	
	
	#a-single-project figcaption{
		float:none;
		width:100%;
	}
	
	#a-single-project figcaption article{
		width:275px;
		float:left;
	}
	
	#a-single-project figcaption header{
		margin-bottom:15px;
	}
	
	#a-single-project figcaption footer{
		width:315px;
		float:left;
	}	
	
	#slide-controls{
		bottom:50px;
	}

}



/* ==| Project Lightbox Landscape =====================================*/
@media only screen and (min-width : 768px) and (max-width: 900px) and (orientation : landscape) {

   

	#project-load-cont{
		width:740px;
		height:500px;
		margin-left:-370px;
		margin-top:15px;
		top:0;
	}
	
	#a-single-project .close-btn{
		top:-15px;
		right:-15px;
	}
	
	#a-single-project{
		width:710px;
		height:470px;
	}
	
	#a-single-project figure{
		float:left;
		width:355px;
		height:310px;
	}
	
	#a-single-project figure img{
		width:100%;
	}		
	
	#a-single-project figcaption{
		float:none;
		width:100%;
	}
	
	#a-single-project figcaption article{
		width:275px;
		float:left;
	}
	
	#a-single-project figcaption footer{
		width:315px;
		float:left;
	}	
	
	#slide-controls{
		left:120px;
		bottom:140px;
	}

}




@media only screen and (min-width : 901px) and (max-width : 1200px) {

	.wrapper{
		max-width:1060px;
		width:96%;
		padding:0 2%;
	}
	
	/* ==|== Header ================================ */

	#main-header{
		overflow:hidden;
		width:100%;
	}
	
	#viewport img{
		left:-140px;
	}
	
	#featured-news ul li{
		text-shadow:#000 2px 2px 1px;
	}	
	
	#main-nav ul li a{
		font-size:14px;
	}
	
	#main-nav ul li a img{
		width:190px;
		top:20px;
		right:15px;
	}
	#controls {
       width: 330px;
   }
   #controls hgroup h1 {
       font-size: 45px;
   }

	/* ==|== First Content ================================ */
	
	.left-col-main{
		width:63%;
	}
	.right-col-sidebar {
      float: right;
   }
	
	#main-content menu ul li{
		margin-bottom:20px;
	}	
	
	#news-articles article figcaption{
		width:60%;
	}

	/* ==|== Main Content ================================ */
	
	#page-content article .two-col{
		width:100%;
	}
	
	#page-content article .three-col{
		margin-bottom:50px;
	}
	
	#page-content article .three-col:last-child{
		margin:0;
	}
	
	/* ==|== Projects Content ================================ */
	
	.project-thumb:nth-of-type(4n+1){
		margin:36px 0 0 36px;
	}		
	
	#a-single-project .close-btn{
		right:0;
	}
	
	/* ==|== Footer ======================================== */
	
	#quick-form{
		width:90%;
	}	
	
	#contact-details{
		width:70%;
		margin:0 15%;
	}
	
	#contact-details .map ul{
		margin-top:-12px;
	}
	
	#footer-btns{
		width:100%;
	}
	
	#contact-details a.styled-btn{
		float:left;
	}
	
}


@media only screen and (min-width : 901px) and (max-width : 960px) {
   #main-nav ul li a img{
      width:140px;
      top:30px;
      right:15px;
   }
}








/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}


.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}








/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }
    
	#controls hgroup h1.default {
	    background: none repeat scroll 0 0 #C77EB5!important;
	}
	
	#controls hgroup h1 {
	    color: #FFFFFF!important;
	}    

    a,
    a:visited {
        text-decoration: underline;
    }

/*    a[href]:after {
        content: " (" attr(href) ")";
    }*/

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .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; /* h5bp.com/t */
    }

    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;
    }
}
/* ==========================================================================
   AWESCROLLER css styles. 
   ========================================================================== */
  
.awescroller{
  min-height:420px;
  margin-top:30px;
  position:relative;
  overflow:hidden;
}

ul.awebox-holder{
   padding:0;
   height:450px;
   list-style-type:none;
   position:relative;
   overflow:hidden;
}
.awescroller ul.awebox-holder{
   height:420px;
}
.no-js ul.awebox-holder{
   height:auto;
   overflow:visible;
}
.awebox-holder li{
   width:315px;
   height:420px;
   float:left;
   padding: 0 10px 0 0;
   position:relative;
   margin-top:30px;
}

.awe-next-btn{
   margin-right: 14px;
   margin-left: 6px;
   position:absolute;
   top:50px;
   height:110px;
   width:76px;
   background:url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/icons/browse-btn.png') no-repeat center top;
    cursor:pointer;
    -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   display:none;
}
.awe-next-btn span{
   height:100%;
   width:100%;
   position:absolute;
   background:url('https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/icons/browse-btn-hover.png') no-repeat center top;
   opacity:0;
   transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;   
}
.awe-next-btn:hover span{
   opacity:1;
}
#main-nav ul li {
    margin: 0 0 0 2em;
    height: 100px;
}
#main-nav ul li a {
    font-size: 20px;
}

#featured-news.page {
  display:none;
}
#controls.page hgroup {
    margin-top: 110px;
}

#quick-form input[type="submit"] {
  /*bottom: 15px;*/
}
#page-content{
  margin-bottom: 40px;
}

#page-content article.nomarg{
  margin:0;
}

#thumb-wrapper{
  margin-bottom:20px;
}

#contact-form input[type="text"] {
  text-indent: 20px;
}
#contact-form textarea {
  padding: 15px 20px;
}
#main-nav {
    /*border-top: none;*/
}

/*.top-bar{
  background-color:#C77EB5;
}
.language-switch{
  margin:0;
  font-size:12px;
  padding: 3px 0;
}
.language-switch a, .language-switch a:hover {
  background: url("https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/language.png") no-repeat scroll 0 center transparent;
  color: white;
  display: inline-block;
  font-weight: 600;
  margin-right: 8px;
  padding-left: 25px;
}*/


#main-content aside header {
    height: auto;
}

.contact #main-content aside header {
  margin-bottom:20px; 
}

.language-switch{
  margin:0;
  text-align:right;
  font-size:14px;
}
.language-switch a, .language-switch a:hover {
  background: url("https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/language.png") no-repeat scroll 100% 1px transparent;
  display: inline-block;
  font-weight: 600;
  padding-right: 25px;
}
.language-switch a:hover {
  background: url("https://www.envivochinese.co.nz/wp-content/themes/envivo/css/../img/language.png") no-repeat scroll 100% -47px transparent;
}

#main-content aside ul li {
	margin: 0 0 8px -6px;
	padding-left: 40px;
}

/* ================== Chris Styles ================== */

	.mob{
		display:none;
	}
	
	.iPad{
		display:none;
	}	
	
	.desk{
		display:block;
	}

@media screen and (min-width:768px) and (max-width:1024px) {
	
}
	
@media screen and (max-width:1024px) {
	
	.iPad{
		display:block;
	}	
	
	.desk{
		display:none;
	}			
	
}	

@media screen and (max-width:767px) {
	
	.mob{
		display:block;
	}
	
	.desk{
		display:none;
	}	
	
	.wrapper {
	    max-width:767px;
	    padding: 0 2%;
	    width: 96%;
	}
	
	.language-switch.mob{
		margin:10px 10px 0 0;
	}
	
	/* header */
	
	#logo{
		margin:20px auto 10px;
	}
	
	#main-header img{
		width:100%;
	}
	
	#main-nav{
		height:auto;
	}

	#main-nav ul li{
		height:auto;
		line-height:3em;
		margin-left:2.2em;
	}

	#main-nav ul li:first-child{
		margin-left:2.2em;
	}

	/* content */
	
	.left-col-main{
		width:100%;
	}
	
	.right-col-sidebar{
		display:none;
	}
	
	/* about */
	
	#page-content article .three-col{
		margin:0 0 40px;
		width:100%;
	}
	
	#page-content article .three-col figure img{
		margin-right:12px;
	}
	
	#page-content article .three-col figcaption{
		margin-left:0;
	}
	
	#page-content article .three-col footer ul{
		margin:0;
	}
	
	.team-thumb{
		margin:20px 2% 0;
		width:46%;
		height:208px;
		max-width:160px;
	}



	/* footer */

	#client-list ul li{
		margin:0;
	}

	#quick-form{
		width:100%;
	}
	
	#quick-form textarea{
		padding:45px 0 15px;
		width:100%;
	}
	
	#quick-form input[type="submit"]{
		bottom:-10px;
		left:0;
		background:#66686A;
		text-indent:0;
		height:50px;
		width:100%;
	}
	
	#quick-form input[type="submit"]:hover{
		background:#66686A;
	}	

	#contact-details{
	    margin:20px 0 0;
    	width: 100%;
	}
	
	#contact-details figure{
		float:left;
		margin-top:12px;
	}
	
	#social-media{
		float:left;
	}

}