/* Enter Your Custom CSS Here */
.h1, .h2, .h3, h1, h2, h3 {margin-top: 0px;color: #5c5b60;}
section {padding: 0;}


.site-header .main-header .logo {padding: 16px 0;}
.site-header .top-header {background: #7f8083;color: #ffffff;}
.header-sticky {box-shadow: 0 0 4px rgba(0,0,0,0);}
.header-sticky.sticky {box-shadow: 0 0 4px rgba(0,0,0,0.4);}

.sticky .logo {width: 124px!important;}

@font-face {
 font-family:Metropolis-Bold;
 src: url("https://jfcltd.co.nz/fonts/Metropolis-Bold.otf"), url('https://jfcltd.co.nz/fonts/Metropolis-Bold.woff') format('woff');
}

@font-face {
 font-family:Metropolis-Regular;
 src: url("https://jfcltd.co.nz/fonts/Metropolis-Regular.otf"), url('https://jfcltd.co.nz/fonts/Metropolis-Regular.woff') format('woff'); 
}

h1, h2, h3, h4, h5, h6 {
 font-family:Metropolis-Bold!important;
}

ul {font-family:Metropolis-Regular!important;}

p {color: #5c5b60;}
body {color: #5c5b60;}

.post p, .page-content p {
  font-family:Metropolis-Regular!important;
  color: #5c5b60;
}



nav.main-navigation ul a {font-family:Metropolis-Bold!important;}
nav.responsive-menu a {font-family:Metropolis-Bold!important;}
.site-header .top-header .left-header {font-family:Metropolis-Regular!important;}
.site-header .top-header .right-header {font-family:Metropolis-Regular!important;}
footer .footer-copyright {font-family:Metropolis-Regular!important;text-align: center;padding-top: 15px;background: #006f50;}
.textwidget {font-family:Metropolis-Regular!important;}
.vc_btn3.vc_btn3-size-lg {font-family:Metropolis-Regular!important;}
#projects-filter a {font-family:Metropolis-Bold!important;}
article.project-post .project-hover p.project-category {font-family:Metropolis-Regular!important;}
li.ult_tab_li>a.ult_a span {font-family:Metropolis-Bold!important;}
.project-single .project-description {font-family:Metropolis-Regular!important;}
.project-single .project-services {font-family:Metropolis-Regular!important;}
.btn.btn-default {font-family:Metropolis-Bold!important;}
.sidebar .widget a {font-family:Metropolis-Regular!important;}
textarea, select, input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="url"] {font-family:Metropolis-Regular!important;}


.go-top {
      background: #006f51;
}

.spacer {display:none;}
#projects-filter a.active {color: #36454f;border-bottom: 2px solid #36454f;}
#projects-filter a {color: #36454f;}
.project-nav {margin-bottom: 40px;margin-top:-30px!important;}

h5 {font-size: 19px;}
#projects-filter li {padding-top: 15px;}
.blog-classic .blog-post .post-header .post-meta {display:none;}


.project-single {padding-top: 50px;}
nav.main-navigation ul li ul.sub-menu li a {line-height: 17px;padding-bottom: 10px;}
nav.responsive-menu ul li .sub-menu a {line-height: 17px;padding-bottom: 10px;}
nav.responsive-menu ul li .sub-menu li:before {top: -4px;}

.single-careers_jobs .col-md-8 {width: 100%;}
.single-careers_jobs .blog-classic .blog-post .post-header {display:none;}

@media only screen and (max-width: 1366px) {
nav.main-navigation ul li {padding: 29px 0px!important;}
}


.blog-meta {
font-style: normal!important;
}

.hovergrey:hover {
  background:#f3f3f3;
  transform: scale(1.03);
-webkit-box-shadow: 0px 0px 19px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 19px -6px rgba(0,0,0,0.75);
box-shadow: 0px 0px 19px -6px rgba(0,0,0,0.75);
}

.ult-ib-effect-style2.ult-ib2-min-height img {height: 300px;}
.search .container {padding-bottom: 50px;}

@media only screen and (max-width: 736px) {
  .hideme {padding-top:170px;}
}

@media only screen and (max-width: 736px) {
  .hideme-homepage {display:none;}
}


@media only screen and (max-width: 736px) {
  .homepage1 {padding-top:50px!important;}
}



@media only screen and (max-width: 736px) {
  .homepage-hide-emptyspace {display:none!important;}
  .homepage-padding-cta {padding-top:200px;}
  .homepage-margin-bottom {margin-bottom:-180px;z-index:9!important;}
  .careers-margin-bottom {margin-bottom:-130px;z-index:9!important;}
  .contact-margin-bottom {margin-bottom:-110px;z-index:9!important;}
}

@media only screen and (min-width: 1024px) {.homepage-whole-cta-block-margin-top {margin-top: 0px;}}

@media only screen and (max-width: 736px) {
  .reducefontmobile h1{font-size: 33px!important;}
  .reducefontmobile-accreditation-page {font-size: 22px!important;}
}

@media only screen and (max-width: 768px) {
  .reducefontmobile2 h4{font-size: 23px!important;}
  .reducefontmobile-accreditation-page {font-size: 22px!important;}
}

.latest-news {padding-top: 40px;padding-bottom: 40px;}
@media (max-width: 991px) {
.projects-holder article.project-post {width: 100%;}
}

@media (max-width: 1024px) and (min-width: 768px) {
.visible-sm {display: block!important;}
.hidden-sm {display: none!important;}
}

@media only screen and (max-width: 768px) {
  .site-header .top-header {display:none;}
}

@media only screen and (min-width: 1024px) {
.logofooter {padding-top:0px;}
}

@media only screen and (max-width: 768px) {
.hidefooteraklbreak {display:none!important;}
}


@media only screen and (max-width: 768px) {
.ult_tabmenu.style1 li.ult_tab_li {width: 100%;}
}




html .formcraft-css .fc-form.label-placeholder.remove-asterisk- .is-required-true .field-cover.datepicker-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk- .is-required-true .field-cover.dropdown-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk- .is-required-true .field-cover.email-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk- .is-required-true .field-cover.oneLineText-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk- .is-required-true .field-cover.textarea-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk-false .is-required-true .field-cover.datepicker-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk-false .is-required-true .field-cover.dropdown-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk-false .is-required-true .field-cover.email-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk-false .is-required-true .field-cover.oneLineText-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk-false .is-required-true .field-cover.textarea-cover::after {
  top: 1px;
  right: 6px;
}

html .formcraft-css .fc-form .form-element .error {top: 15px;right: 40px;}

/** CHANGES **/
.site-header .top-header {display:none;}
.site-header .main-header .logo {width: 185px!important;}
nav.main-navigation ul {padding-top: 5px;}
.header-sticky.sticky nav.main-navigation ul {padding-top: 15px;}
.search-menu-button {margin: 40px 0 40px 15px;}
.header-sticky.sticky .search-menu-button {margin: 40px 0 40px 15px;}
footer .footer-widgets {background: #323131;color: white;}
footer .footer-widgets a {color: white;}
footer .footer-copyright {color: white;}
footer .footer-copyright a {color: white;}
.btn.btn-default {background: #006f50;}

@media only screen and (min-width: 1025px) {
.sectionsheight {height: 600px;}
}
@media only screen and (min-width: 1025px) {
.sectionsheight450 {height: 450px;}
}
  .txtshadow {text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);}
/** .txtbgcolor {background-color: #006f50;} **/

/** BUTTONS **/
.buttonxlarge .vc_btn3.vc_btn3-size-lg {padding: 28px 45px;}

a.side-menu-button i {margin-top: 15px;}
.header-sticky.sticky a.side-menu-button i {margin-top: 25px;}

.jfcgridtitle h5 {color:white;}

.imageonright .upb_row_bg {left: 33%!important;}
.imageonleft .upb_row_bg {left: -33%!important;}

.text-shadow-projects-title {text-shadow: 0px 0px 11px rgba(0, 0, 0, 1);}

.vc_separator.vc_sep_color_purple .vc_sep_line {
border-color: #711471!important;
}

footer .footer-widgets a:hover {color:#006f50;}

footer .footer-widgets .widget .widget-title {
border-bottom-width: 5px;
border-bottom-color: #711471;
border-bottom-style: solid; 
padding-bottom: 10px;
}

.project-single h4.project-title {display: none;}
.project-single .col-md-5 {width: 100%;}
.project-single .project-services  {display: none;}
.project-single {padding-top: 0px;}

