/*
      ___        ___      ___        ___
     /\__\      /\  \    /\  \      /\  \
    /::|  |    /::\  \   \:\  \    /::\  \
   /:|:|  |   /:/\:\  \   \:\  \  /:/\:\  \
  /:/|:|__|__/::\~\:\  \  /::\  \/::\~\:\  \    ___  _ ____ _ ___ ____ _
 /:/ |::::\__\/\:\ \:\__\/:/\:\__\/\:\ \:\__\   |__> | |__, |  |  |--| |___
 \/__/~~/:/  /\~\:\ \/__/:/  \/__/__\:\/:/  /   .co.nz
       /:/  /\:\ \:\__\/:/  /        \::/  /
      /:/  /  \:\ \/__/\/__/         /:/  /
     /:/  /    \:\__\               /:/  /
     \/__/      \/__/               \/__/


Theme Name: Value Creators
Description: Value Creators Theme
Version: 1
Date: 19 May 2017
Author: Meta Digital
Author URI: http://metadigital.co.nz/
*/


/* Sticky Footer */

html,
body {height:100%; color:#435964; font-family: 'Poppins', sans-serif; background-color: #ffffff; font-size:16px; line-height: 24px; font-weight:100;}

/* #wrap{min-height:100%; height:auto!important; height:100%; margin:0 auto -10px; padding:0 0 355px;} */

footer {Xheight:355px;}

.clear{clear:both;}

.alignright,
img.alignright {float:right; margin:0 0 15px 30px;}

img.alignleft,
.alignleft {float:left; margin:0 30px 15px 0;}

* {outline:none!important;}


/* Fonts & Headings */

body{}

h1 {font-size:40px; font-weight:500; color:#ffffff; text-align:center; border-bottom:6px solid #ffffff; display:inline-block; padding-bottom:10px; margin-bottom:30px;}
h1 b {font-weight:500; color:#69c4c5;}
h2 {font-size:26px; border-bottom:6px solid #65919e; display:table; padding-bottom:10px; margin-bottom:30px;}
h3 {font-size:21px; margin-bottom:20px; border-bottom:6px solid #65919e; display:table; padding-bottom:10px; margin-bottom:30px;}
h4 {font-size:26px; border-bottom:6px solid #65919e; display:table; padding-bottom:10px; margin-bottom:30px;}
h5 {text-transform:uppercase;}
h6 {text-transform:uppercase;}

p {line-height: 24px;}
strong {font-weight:bold}

a{text-decoration:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

a,
a:link,
a:visited {color:#00a09f;}
a:hover,
a:active,
a.active {color:#272626; text-decoration:none;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

img {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

::-moz-selection { /* Code for Firefox */ color: #ffffff; background: #00a09f;}
::selection {color: #ffffff; background: #00a09f;}

/* Header */

header {background:#ffffff;}
header a,
header a:link,
header a:visited {color:#323232;}
header a:hover,
header a:active,
header a.active {color:#00a09f; text-decoration:none;}

header a i {color:#c1c1c1; font-size:21px!important;}

.header-logo {position:absolute; z-index:1000;}
.header-logo img {max-width:330px;}


/* Nav */

nav.main-menu ul {padding:0; margin:125px 0 10px 0; display:inline-block; position:relative; float:right;}
nav.main-menu li {display:inline-block; padding:0; margin:0 0 0 20px; position:relative; color:#ffffff; text-align:center; border-bottom:6px solid #00a09f; display:inline-block; padding-bottom:10px; margin-bottom:5px;}
nav.main-menu li:first-of-type {border-bottom:6px solid #266b83;}

/* nav.main-menu ul.sub-menu {display:none; position:absolute; white-space:nowrap; top:100%; left:-10px; z-index:99999; text-align:left; xoverflow:hidden; background:#000000;}
nav.main-menu ul.sub-menu li {Xfloat:left; display:block; width:100%; Xclear:both; background:#000000; border-bottom:1px solid #333333;}
nav.main-menu ul.sub-menu li a {display:block; padding:15px 10px;}
nav.main-menu ul.sub-menu li:last-of-type {border-bottom:1px solid #00a09f;} */

nav.main-menu li.menu-item-has-children {margin-right:30px;}
nav.main-menu li.menu-item-has-children:after {position:absolute; right:0px; Xfloat:right; font-family: FontAwesome; content:"\f078"; color:#fcdf00; font-size:9px;}

nav li {display:inline-block;}


/* Home Page*/

.fullwidthheader {}
.fullwidthheaderinside {background-color:rgba(0,0,0,0.4);}
.fullwidthheader .container {color:#ffffff;}
.fullwidthheader .content {margin:300px 0px 330px 0px; text-align:center;}
.fullwidthheader p {max-width:800px; margin-left:auto; margin-right:auto; font-size:18px; line-height:32px;}

.secondcontentarea {}
.secondcontentareacontent {background-color:rgba(54,113,133,0.8); margin:50px 20px 185px 20px; padding:40px; color:#ffffff;}

.thirdcontentarea {}
/* .thirdcontentareacontentleft {background-color:rgba(54,113,133,0.8); margin:50px 20px 50px 20px; padding:0px; color:#ffffff;} */
.thirdcontentareacontentleft {margin:50px 20px 50px 20px; padding:0px 40px;}
.thirdcontentareacontentleft img {width:100%; height:auto;}
.thirdcontentareacontentright {padding:120px 30px 80px 30px;}
.thirdcontentareacontentright h2 {border-bottom:6px solid #eaeaea; color:#1b3c4b;}

.imagegallery {padding:0px; margin:0px; background:#ffffff; display:table;}
.imagegalleryimage {padding:0px; margin:0px; background-color:#ffffff!important;}
.imagegalleryimage img {width:100%;}

.imagegalleryimage:nth-of-type(1) {padding:0px 4px 4px 0px;}
.imagegalleryimage:nth-of-type(2) {padding:0px 2px 4px 2px;}
.imagegalleryimage:nth-of-type(3) {padding:0px 0px 4px 4px;}

.imagegalleryimage:nth-of-type(4) {padding:0px 4px 4px 0px;}
.imagegalleryimage:nth-of-type(5) {padding:0px 2px 4px 2px;}
.imagegalleryimage:nth-of-type(6) {padding:0px 0px 4px 4px;}

.imagegalleryimage:nth-of-type(7) {padding:0px 4px 4px 0px;}
.imagegalleryimage:nth-of-type(8) {padding:0px 2px 4px 2px;}
.imagegalleryimage:nth-of-type(9) {padding:0px 0px 4px 4px;}

.imagegalleryimage:nth-of-type(10) {padding:0px 4px 4px 0px;}
.imagegalleryimage:nth-of-type(11) {padding:0px 2px 4px 2px;}
.imagegalleryimage:nth-of-type(12) {padding:0px 0px 4px 4px;}

.imagegalleryimage:nth-of-type(13) {padding:0px 4px 4px 0px;}
.imagegalleryimage:nth-of-type(14) {padding:0px 2px 4px 2px;}
.imagegalleryimage:nth-of-type(15) {padding:0px 0px 4px 4px;}

.lowerblocks {padding-left:0px; padding-right:0px; color:#ffffff;}
.lowerblocks .lowerblock {padding:80px; min-height:350px;}
.lowerblocks h4 {border-bottom:6px solid #eaeaea; color:#ffffff;}
.lowerblocks .lowerblockbutton {background:#ffffff; padding:12px 20px 10px 20px; border-radius:22px; display:inline-block;}
.secondcontentareacontent .lowerblockbutton {background:#ffffff; padding:12px 20px 10px 20px; border-radius:22px; display:inline-block; margin-top:20px;}


/* Main Content */

.page-template-default .secondcontentarea {padding:80px 0px;}
.page-template-default .fullwidthheader .content {margin:150px 0px 130px 0px; text-align:center;}
.page-template-default .fullwidthheader {background-color:rgba(0,0,0,0.4);}

.maincontent {float:left;}
.maincontent li {padding-bottom:10px;}

.sidebarcontent {float:right; background:#f7f7f7;}
.sidebarcontent .gform_wrapper .gform_footer {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    clear: both;
    width: 100%;
}
.ginput_container.ginput_recaptcha {transform:scale(0.85);-webkit-transform:scale(0.85);transform-origin:0 0;-webkit-transform-origin:0 0;}


/* Webforms */

#gform_wrapper_1 label {font-weight:500;}

#gform_wrapper_1 input,
#gform_wrapper_1 select,
#gform_wrapper_1 textarea {border:1px solid #435964; width:100%; margin-bottom:0px;}

.gform_wrapper ul li.gfield {margin-top: 0px!important; margin-bottom:15px; padding-top: 0;}

#gform_wrapper_1 li {width:100%; display:inline-block; }

#gform_wrapper_1 .button {width:auto; border:0px solid #266b83; background: #266b83; font-weight:300; color:#ffffff;}
#gform_wrapper_1 .button:hover {width:auto; border:0px solid #00a09f; background: #00a09f; font-weight:300; color:#ffffff;}

#gform_wrapper_1 .gform_footer {margin-left:0px;}

#gform_wrapper_1 li#field_1_9,
#gform_wrapper_1 li#field_1_1 {width:100%!important;}

#field_1_3 label {display:none;}

.gform_footer input.button {background:#00a09f; border:0px solid #00a09f; padding:10px 20px;}
.gform_footer input.button:hover {background:#000000; border:0px solid #00a09f; padding:10px 20px; color:#ffffff;}


/* Lightbox - Fancybox */

#fancybox-close {position: absolute; top: 15px!important; right: -15px!important;}


/* Footer */

footer {padding-top:50px; color:#ffffff;}
footer .footerinner {margin-bottom:30px;}

footer a,
footer a:link,
footer a:visited {color:#323232;}
footer a:hover,
footer a:active,
footer a.active {color:#00a09f; text-decoration:none;}

header a i {color:#c1c1c1; font-size:21px!important;}

footer .footer-logo {position:absolute; z-index:1000;}
footer .footer-logo img {max-width:330px; width:50%;}
footer nav.main-menu ul {margin:50px 0 10px 0;}

footer .footerlowerholder {background:#266b83; text-align:center;}
footer .footerinnerright {}
footer .footerinnerright img {width:42px; float:right; margin-left:10px; margin-top:40px;}

footer .footerinnerlower {font-size:12px; padding-top:13px;}
footer .footerinnerlower a {color:#ffffff;}
footer .footerinnerlower a:hover {color:#00a09f;}
footer .footerinnerlower .sitebymetadigital {position:absolute; right:0; bottom:0;}



/****************************************/
/***** MEDIA QUERY FOR BELOW 767PX ******/
/****************************************/
@media (max-width: 767px) {

  .header-logo {text-align:center; width:95%;}
  .header-logo img {width:55%; max-width:180px;}
  nav.main-menu ul {margin:140px 0 10px 0; float:left; width:100%;}
  nav.main-menu li {margin:0 0 15px 0px; display:block;}
  nav.main-menu li a {font-size:15px;}

  h1 {font-size:32px;}

  .page-template-default .secondcontentarea {padding:20px 0px;}
  .page-template-default .fullwidthheader .content {margin:50px 0px 50px 0px; text-align:center;}

  .page-template-default .maincontent {padding-left:0px; padding-right:0px;}
  #gform_wrapper_1 .gform_footer {margin-left:0px;}
  .ginput_recaptcha {transform:scale(0.85);-webkit-transform:scale(0.85);transform-origin:0 0;-webkit-transform-origin:0 0;}

  .fullwidthheader .content {margin:50px 0px 130px 0px; text-align:center;}

  .secondcontentareacontent {margin:50px 0px 50px 0px; padding:40px;}

  .thirdcontentareacontentleft {background:#ffffff; margin:50px 0px 50px 0px; padding:0px; Xcolor:#ffffff;}
  .thirdcontentareacontentleft img {width:100%; height:auto;}
  .thirdcontentareacontentright {padding:20px 10px 50px 10px;}

  .imagegalleryimage:nth-of-type(1) {padding:0px 2px 4px 0px;}
  .imagegalleryimage:nth-of-type(2) {padding:0px 0px 4px 2px;}

  .imagegalleryimage:nth-of-type(3) {padding:0px 2px 4px 0px;}
  .imagegalleryimage:nth-of-type(4) {padding:0px 0px 4px 2px;}

  .imagegalleryimage:nth-of-type(5) {padding:0px 2px 4px 0px;}
  .imagegalleryimage:nth-of-type(6) {padding:0px 0px 4px 2px;}

  .lowerblocks .lowerblock {padding:20px 20px 50px 20px; min-height:350px;}

  .footer-logo {text-align:center; width:95%;}
  .footer-logo img {width:180px!important;}

  footer nav.main-menu ul {margin:150px 0 10px 0;}
  footer .footerinnerlower .sitebymetadigital {position:initial; clear:both; right:0; bottom:0;}

  nav {margin-top:30px;}
  nav.main-menu {display:block!important;}

  .container {width:100%; padding-left:0px; padding-right:0px;}

}

/****************************************/
/**** MEDIA QUERY FOR 768PX - 991PX *****/
/****************************************/
@media (min-width: 768px) and (max-width: 991px) {

  .header-logo {width:180px;}
  .header-logo img {width:100%;}
  nav.main-menu ul {margin:50px 0 10px 0;}

  nav.main-menu {display:block!important;}

  .fullwidthheader .content {margin:150px 0px 180px 0px; text-align:center;}

  .secondcontentareacontent {margin:50px 0px 50px 0px; padding:40px;}

  .thirdcontentareacontentleft {margin:50px 0px 50px 0px;}

  .thirdcontentareacontentright {padding:20px 80px 80px 80px;}

  .lowerblocks .lowerblock {padding:80px; min-height:660px;}

  #gform_wrapper_1 .gform_footer {margin-left:0px;}
  .ginput_recaptcha {transform:scale(0.83);-webkit-transform:scale(0.83);transform-origin:0 0;-webkit-transform-origin:0 0;}

  footer .footer-logo img {width:50%;}
  footer nav.main-menu ul {margin:50px 0 10px 0;}

  .container {width:100%;}

}

/****************************************/
/*** MEDIA QUERY FOR 992PX - 1199PX *****/
/****************************************/
@media (min-width: 992px) and (max-width: 1199px) {

  .header-logo {width:180px;}
  .header-logo img {width:100%;}
  nav.main-menu ul {margin:50px 0 10px 0;}

  nav.main-menu {display:block!important;}

  .secondcontentarea {background-position: right;}
  .thirdcontentareacontentright {padding:20px 20px 50px 10px;}

  .lowerblocks .lowerblock {padding:80px; min-height:540px;}

  #gform_wrapper_1 .gform_footer {margin-left:0px;}
  .ginput_recaptcha {transform:scale(0.85);-webkit-transform:scale(0.85);transform-origin:0 0;-webkit-transform-origin:0 0;}

  .container {max-width:1170px}

}

/****************************************/
/*** MEDIA QUERY FOR 1200PX - 1599    ***/
/****************************************/
@media (min-width: 1200px) and (max-width: 1599px) {

  .thirdcontentareacontentright {padding:50px 80px 50px 80px;}

  .container {width:1270px}

}

/****************************************/
/*** MEDIA QUERY FOR 1200PX AND ABOVE ***/
/****************************************/
@media (min-width: 1600px) {

  .lowerblocks .lowerblock {min-height:440px;}

  .container {width:1600px}

}


/**************************************/
/*** CHROME AND SAFARI SPECIFIC CSS ***/
/**************************************/
@media screen and (-webkit-min-device-pixel-ratio:0) {

  .gform_wrapper select,
  .gform_wrapper .textarea,
  .gform_wrapper input[type=text] {
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Then Style */
    border-radius: 5px;
    border: 0px solid #ffffff;
    padding: 0px;
    background: #ffffff;
    outline: none;
  }

  .gform_wrapper select {padding:9px 9px 9px 9px;}
	#gform_wrapper_1 select {padding:9px 9px 9px 9px;}

}

/**************************************/
/******** IE 10+ SPECIFIC CSS *********/
/**************************************/
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {

}