/**
Theme Name: Workzone Child Theme
Theme URI: https://www.workzone.net.nz/
Author: Bhanu Agnihotri
Author URI: 
Description: Workzone Theme is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. 

Template: workzone
**/

@import url('../workzone/style.css');

/**FONTS CSS**/
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

/** RESET CSS**/
.menu-toggle.toggled-on:focus{ outline:none;}
body{background: #fff;  font-family: 'Poppins', sans-serif; letter-spacing: 1px; color:#454545;}
footer.entry-footer, body:not(.custom-background-image)::before, body:not(.custom-background-image)::after, .logged-in .site .skip-link, article#post-30.type-page header{ display: none;}
.site{ margin:0;}
#masthead.site-header {padding:0; position: fixed; z-index: 12; width: 100%; left: 0; right: 0; background:rgba(25,25,25,0.5);}
#masthead.site-header.fixed-header{ background:rgba(25,25,25,.8); box-shadow: 0 1px 3px rgba(0,0,0,.08); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
body.page-template-template-inner-blankpage #masthead.site-header.fixed-header{background:rgba(255,255,255,.95) !important;}
#site-header-menu{transition: all 0.65s ease; -webkit-transition: all 0.65s ease; }
#masthead.site-header .site-header-main{max-width: 1230px;  margin:auto; }
#masthead.site-header.fixed-header #site-header-menu{margin:0.51em 0;}
.vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner{ margin-top: 0 !important;}
a, a:hover, a:visited, a:focus{ outline: none !important; border:0 !important; text-decoration: none !important; box-shadow: none !important;}
::-webkit-input-placeholder {  color: #b5b5b5;}
:-ms-input-placeholder {  color: #b5b5b5;}
::placeholder {  color: #b5b5b5;}


/*HEADER*/
.site-branding{ flex:1;} #site-header-menu{ float: left; flex:2;}
.menu-primary-container{ color:#fff;} 
.site-main{margin-bottom:0; }
.top_bar { background: #232323; width: 100%; display:block; text-align: right; padding:10px 30px;}
.top_bar ul{ list-style:none; margin:0; padding:0;}
.top_bar ul { width: 60%; display: inline-block;}
.top_bar ul li{ display:inline-block; margin:0 10px;}
.top_bar ul li a:hover{color:#fff;}
.menu-primary-container ul{ width:100%; margin:0; padding:0;}
.menu-primary-container ul li{padding: 0 10px; }
.top_bar .social-navigation{ display:inline-block; width: 40%;}
.social_icons { display: inline-block;  width: 100%; text-align: left;}
.top_bar .social-navigation ul li a::before { font-size: 25px;}
.top_bar .social-navigation ul li{ display:inline-block; float:none;}
.top_bar .social-navigation ul li a { color: #e8e234; width: auto;  line-height: 30px;}
.menu-primary-container ul li.current_page_item a, .menu-primary-container ul li a:hover, .main-navigation a:hover, .main-navigation a:focus, body.page-template-template-inner-blankpage #masthead.site-header .menu-primary-container ul li.current_page_item a, body.page-template-template-inner-blankpage #masthead.site-header .menu-primary-container ul li a:hover, body.page-template-template-inner-blankpage #masthead.site-header .menu-primary-container ul li a:focus{ color:#E8E234;} 
.menu-primary-container ul li a{color:#fff; font-weight: 600 !important; text-transform: uppercase;  font-size:16px; letter-spacing: 2px;}
.menu-primary-container ul ul{ width: 145%; text-align: right;}
.menu-primary-container ul ul.sub-menu li a { font-size: 14px;  text-transform: capitalize; color: #464646;  line-height: 30px;  width: 100%; letter-spacing: 1px;  font-weight: 600 !important;}
.menu-primary-container ul ul.sub-menu li:hover { background:#E8E234; }
body.page-template-template-inner-blankpage #masthead.site-header .menu-primary-container ul ul.sub-menu li:hover a, .menu-primary-container ul ul.sub-menu li:hover a{ color: #fff;}
.menu-primary-container ul ul li{ border:0 !important;}
body.page-template-template-inner-blankpage #masthead.site-header{ background:transparent !important;}
body.page-template-template-inner-blankpage #masthead.site-header .menu-primary-container ul li a{ color:#333;}
body.page-template-template-inner-blankpage #content.site-content {  margin-top: 150px;  display: inline-block;  width: 100%;}
body.page-template-template-inner-blankpage h1.entry-title{ margin-bottom: 0;}
body.page-template-template-inner-blankpage header.entry-header{width: 100vw; position: relative; margin-left: -50.555vw; margin-top: 0px; left: 50%; }
body.page-template-template-inner-blankpage header.entry-header{background: url(https://workzone.co.nz/wp-content/uploads/2020/02/breadcrumb_bg.jpg);  background-size: cover; background-attachment: fixed; background-position: center;}
body.page-template-template-inner-blankpage header.entry-header .inner_header-block{ max-width: 1230px; margin: auto; padding: 1em; padding: 2em 0;}
body.page-template-template-inner-blankpage header.entry-header .inner_header-block h1{color: #fff;}
.breadcrumb {  margin: 1em 0; color: #fff; font-size: 14px; text-transform: uppercase;}
.wpb_text_column.wpb_content_element.services_list_ul ul{margin:0; padding: 0;}
.wpb_text_column.wpb_content_element.services_list_ul ul li{list-style: none;  font-size: 15px;  margin: 10px 0 0;  font-weight: 600;}
.wpb_text_column.wpb_content_element.services_list_ul ul li:before{content: '\e661'; font-family: 'themify'; font-size: 14px; margin-right: 20px; color:  #E8E234;}


/***Page titles**/
h2.vc_custom_heading.heading_title{font-weight:700;}
h2.vc_custom_heading.heading_title:after { background:#E8E234; content: ""; display: block;  width: 110px;  height: 3px;  margin: 20px 0 0;}
h3.vc_custom_heading.heading_title{font-weight:700;}
h3.vc_custom_heading.heading_title:after {  background:  #E8E234;  content: ""; display: block;  width: 110px;  height: 3px;  margin: 20px 0 0;} h3.vc_custom_heading.heading_title.middle_title:after{ margin: 20px auto 0;}
html .vc_row[data-vc-full-width]{ overflow: visible;}
.wpb_text_column.wpb_content_element.overlay_yellow{ margin-top:-130px;}
.wpb_text_column.wpb_content_element.overlay_yellow ul{margin:0; padding: 0; text-align: center;}
.wpb_text_column.wpb_content_element.overlay_yellow ul li{display: inline-block; list-style: none; width:45%; font-size: 18px; font-weight: 700;}
.wpb_text_column.wpb_content_element.overlay_yellow ul li a{ color:#E8E234; text-decoration: none; transition: all 0.355s ease; -webkit-transition: all 0.355s ease;}
.wpb_text_column.wpb_content_element.overlay_yellow ul li a:hover{color:#fff;}
.wpb_text_column.wpb_content_element.overlay_yellow ul li i {  font-size: 2em;  display: inline-block; margin: 0 10px; margin-bottom: 0px; display: block;}
.wpb_text_column.wpb_content_element.overlay_yellow p{ font-size: 20px; font-weight:600;}
.wpb_text_column.wpb_content_element.overlay_yellow .wpb_wrapper{ max-width: 1200px; margin: auto; padding:0 2em;}
.vc_custom_heading.heading_title.overlapping_bg{ margin-top:-60px;}
.vc_row.wpb_row.vc_row-fluid.padding-2em { padding:0 2em;}
.vc_row.wpb_row.vc_row-fluid.padding-2em.list-style-block li{ list-style: none; font-size: 16px; margin: 10px 0 0; font-weight: 600;}
.vc_row.wpb_row.vc_row-fluid.padding-2em.list-style-block li:before{ content: '\e661'; font-family: 'themify';  font-size: 14px; margin-right: 20px; color:#E8E234;}
.services_block{ max-width:1320px; margin:auto; padding: 0 3.5455%;}
.vc_row.wpb_row.vc_row-fluid.padding-2em.service-boxx { background-attachment: fixed; background-position: top !important;}
.wpb_text_column.wpb_content_element.service_inner_block{ padding: 2em; margin: 10px; background: rgba(220,220,220,0.325); border-radius: 2px; border: 1px solid rgba(220,220,220,0.025); cursor: pointer; transition: all 0.65s ease; -webkit-transition: all 0.65s ease; height:300px;}
.vc_row.wpb_row.vc_inner.vc_row-fluid.service_row{max-width: 1320px; margin:0 auto; padding: 0 3%;}
.wpb_text_column.wpb_content_element.service_inner_block h3{ font-weight: 700; margin-bottom: 10px;}
.wpb_text_column.wpb_content_element.service_inner_block p{ max-width:450px; margin: auto;}
.wpb_text_column.wpb_content_element.service_inner_block:before{ content: ''; display: block; width:85px; height: 85px; margin: auto; background-repeat: no-repeat!important;  margin-bottom: 15px; background-size: cover !important;}
.wpb_text_column.wpb_content_element.service_inner_block:hover{ background:rgba(25,25,25,0.69);}
.wpb_text_column.wpb_content_element.service_inner_block:hover h3, .wpb_text_column.wpb_content_element.service_inner_block:hover p{ color:#fff;}
.wpb_text_column.wpb_content_element.service_inner_block.commercial:before{ background:url(https://www.workzone.co.nz/wp-content/uploads/2020/02/commercial.png);  background-position:0 0;}
.wpb_text_column.wpb_content_element.service_inner_block:hover.commercial::before{background:url(https://www.workzone.co.nz/wp-content/uploads/2020/02/commercial.png); background-position:0 -90px!important;}
.wpb_text_column.wpb_content_element.service_inner_block.residential:before{ background:url(https://www.workzone.co.nz/wp-content/uploads/2020/02/redisential.png); background-position:0 0px!important;}
.wpb_text_column.wpb_content_element.service_inner_block:hover.residential::before{ background:url(https://www.workzone.co.nz/wp-content/uploads/2020/02/redisential.png); background-position:0 -90px!important; background-size: cover !important;}
.wpb_text_column.wpb_content_element.service_inner_block.civil:before{  background:url(https://www.workzone.co.nz/wp-content/uploads/2020/02/civil-1.png); background-position:0 0px!important;}
.wpb_text_column.wpb_content_element.service_inner_block:hover.civil::before{background:url(https://www.workzone.co.nz/wp-content/uploads/2020/02/civil-1.png); background-position:0 -90px!important;}
.wpb_text_column.wpb_content_element.service_inner_block.shrinkwrap:before{  background:url(https://www.workzone.co.nz/wp-content/uploads/2020/02/shrinkwrap-1.png); background-position:0 0px!important;}
.wpb_text_column.wpb_content_element.service_inner_block:hover.shrinkwrap::before{background:url(https://www.workzone.co.nz/wp-content/uploads/2020/02/shrinkwrap-1.png); background-position:0 -90px!important;}
.wpb_text_column.wpb_content_element.service_inner_block.mobile:before{  background:url(https://www.workzone.co.nz/wp-content/uploads/2020/02/mobile_scaffolds-1.png); background-position:0 0px!important;}
.wpb_text_column.wpb_content_element.service_inner_block:hover.mobile::before{background:url(https://www.workzone.co.nz/wp-content/uploads/2020/02/mobile_scaffolds-1.png); background-position:0 -90px!important;}
.wpb_text_column.wpb_content_element.service_inner_block.safety:before{  background:url(https://www.workzone.co.nz/wp-content/uploads/2020/02/safety_fencing-1.png); background-position:0 0px!important;}
.wpb_text_column.wpb_content_element.service_inner_block:hover.safety::before{background:url(https://www.workzone.co.nz/wp-content/uploads/2020/02/safety_fencing-1.png); background-position:0 -90px!important;}
.wpb_text_column.wpb_content_element.service_inner_block:before{transition:all 0.545s ease-in-out; -webkit-transition:all 0.545s ease-in-out;}
.wpb_text_column.wpb_content_element.service_inner_block:hover::before{	transform: translateY(0px);	-webkit-transform: translateY(0px);}
#totop.top-visible {-webite-transition: all 0.50s ease; transition: all 0.50s ease;  height: 40px;  width: 40px;  font-size:22px;  background: #E8E234;  display: inline;}
#totop.top-visible:hover{height: 50px;  width: 50px;   line-height: 20px;}
#totop.top-visible:hover i.fa{font-size:35px; line-height: 40px;}
#totop.top-visible i.fa{ font-size: 22px;}
#totop {  font-weight: 900; color:  #fff;  display: none;  position: fixed;  right: 34px;  bottom: 34px;  z-index: 999;  height: 0;  width: 0;   font-size: 0;  text-align: center;  padding-top: 3px;  line-height: 34px;  border-radius: 3px;}
.vc_row.wpb_row.vc_inner.vc_row-fluid.padding-2em.partners-block{  max-width: 1230px;  margin: auto; padding: 0;}
.vc_row.wpb_row.vc_inner.vc_row-fluid.padding-2em.partners-block .wpb_single_image.vc_align_center{ margin-bottom: 0;}
.vc_row.wpb_row.vc_inner.vc_row-fluid.padding-2em.partners-block img{ width:160px;}
.pum-content.popmake-content .full-width.message-textarea textarea{ height: 150px;}


/*CONTACT FORM */
.full-width {   width: 100%;   display: inline-block; margin: 0 0 1em;}
.full-width.subject-input label, .full-width.message-textarea label { width: 97%;}
.full-width label{ width:48%; display:inline-block;}
.full-width p{ margin-bottom: 10px;}
.full-width label input, .full-width label textarea { border:1px solid #e9e9e9; background: #f9f9f9; font-size: 14px; font-family:'Poppins', sans-serif; letter-spacing: 1px; padding: 15px;}
input.wpcf7-form-control.wpcf7-submit{font-family:'Poppins', sans-serif; letter-spacing: 1px;}

/**MEET THE TEAM**/
.vc_tta-panel-body img{width:230px;border-radius:100em; border:3px dashed #e2e2e2; padding:5px;}
.vc_tta-panel-body h2{ font-weight:600; margin-bottom:0;}
.vc_tta-panel-body h3{ font-weight:300;}

/***FOOTER**/
footer.site-footer{ background: #323232; padding:2em 0 0.551em; border-top:3px double #E8E234; }
.inner_footer { width: 100%;  max-width: 1320px;  display: flex;  margin: auto;}
.container{max-width: 1320px; width: 100%; margin:  auto;}
.widget{border:0; padding:0; text-align: center;}
.wp-custom-logo .site-title{color:#fff;}
.site-footer .site-title::after{ display: none;} .wp-custom-logo .site-title a, .social-navigation a{color:#fff;}
.row{ display: flex;}
html .widget-title{ text-align: left; font-size: 15px !important; font-weight: 600; color: #fff; margin-bottom: 12px !important;}
.col-xs-12.col-sm-12.col-md-6.col-lg-3.widget-area{ width: 4.55%; flex: 1;}
.phone_contact{ width: 100%; display: inline-block; text-align: left;}
.phone_contact a{ display: block; width: 100%; font-size: 13px;}
.phone_contact a i{ font-size: 16px; display: inline-block;}
.address_contact{ width: 100%; text-align: left;}
.address_contact p{ font-size: 13px; margin-bottom: 1px; color: #e8e234;}