/* Enter Your Custom CSS Here */
.h1, .h2, .h3, h1, h2, h3 {margin-top: 0px;color: #5c5b60;}
section {padding: 0;}
/**.site-header .main-header {border-bottom:solid 6px #008f6a;}**/
.site-header .main-header {padding:0}
/*.active{border-bottom:solid 6px #008f6a;}*/

/*
.site-header .main-header a{display:inline-block;color:#711471;font-weight:900;text-shadow:0px 0.3px, 0.3px 0px, 0.3px 0.3px;text-decoration:none;width:100%;}
.site-header .main-header a::after{content:'';display:block;width:0;height:5px;background:#008f6a;margin:1rem 0}
.site-header .main-header a:hover::after{width:100%;}
*/
.site-header .menu a{display:inline-block;color:#2c004a;font-family:Metropolis-Black!important;text-decoration:none;width:100%}
.site-header .menu a::after{content:'';display:block;width:0;height:7px;background:#008e6a;margin:1rem 0}
.site-header .menu a:hover::after{width:100%}
.fa-bars {color:#2c004a;}
.fa-search {color:#2c004a;}

/*.post table td a, .page table td a, a, .widget_calendar #wp-calendar td a, .blog-classic .blog-post .post-header .post-title a:hover, .blog-isotope .blog-post .blog-title:hover .blog-title-inner, .team-item .team-thumb .hover a:hover, #sidebar .widget a:hover, #projects-filter a:hover, .service-icon, */
nav.main-navigation ul a:hover, nav.main-navigation ul .current-menu-item > a, nav.main-navigation ul .current-menu-ancestor > a  {
    color: #008e6a!important;font-family:Metropolis-Black!important
}

nav.main-navigation ul a:hover::after, 
nav.main-navigation ul .current-menu-item > a::after, 
nav.main-navigation ul .current-menu-ancestor > a::after {
    color: #008e6a!important;font-family:Metropolis-Black!important;width:100%;
}

/*
.site-header .inner-header .logo a::after {text-decoration:none!important; color:transparent!important; display:none!important}
.site-header .inner-header .side-menu-buton::after {text-decoration:none!important; color:transparent!important; background:transparent!important; display:none!important}
.site-header .inner-header .side-menu-buton::after {text-decoration:none!important; color:transparent!important; background:transparent!important; display:none!important}
.site-header .inner-header .search-link::after{text-decoration:none!important;color:transparent!important;background:transparent!important;display:none!important}
*/


.site-header .main-header .logo {padding: 26px 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,143,106,1);}
.sticky .logo {width:134px!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-Bold-Italic;
 src: url("https://jfcltd.co.nz/fonts/Metropolis-BoldItalic.otf"), url('https://jfcltd.co.nz/fonts/Metropolis-BoldItalic.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'); 
}
@font-face {
 font-family:Metropolis-Regular-Italic;
 src: url("https://jfcltd.co.nz/fonts/Metropolis-RegularItalic.otf"), url('https://jfcltd.co.nz/fonts/Metropolis-RegularItalic.woff') format('woff'); 
}

@font-face {
 font-family:Metropolis-Black-Italic;
 src: url("https://jfcltd.co.nz/fonts/Metropolis-BlackItalic.otf"), url('https://jfcltd.co.nz/fonts/Metropolis-BlackItalic.woff') format('woff'); 
}
@font-face {
 font-family:Metropolis-Black;
 src: url("https://jfcltd.co.nz/fonts/Metropolis-Black.otf"), url('https://jfcltd.co.nz/fonts/Metropolis-Black.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;display:none}
.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: #008e6a;
}

.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;display:none}

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: 280px!important;
  padding-top:25px!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 {background:url(https://jfcltd.co.nz/wp-content/uploads/2019/08/JFC-Texture-large.jpg);background-size:contain;color:white;line-height:1.2rem}
footer .footer-widgets a {color: white;}
footer .footer-widgets .usefullinks {margin-bottom:1rem!important}
footer .footer-widgets .usefullinks a{font-family:Metropolis-Bold;/*text-transform: uppercase!important*/}
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;}
.main-container{padding:0 20px;}
.staffgrid-title-container{
		display:flex;
		flex-direction:column;
		justify-content:center;
		vertical-align:bottom;
		align-content: flex-end;
		align-items: center;
		margin:auto;
}
.grid-title-container{
		display:flex;
		flex-direction:column;
		justify-content:center;
		vertical-align:middle;
		align-content: center;
		align-items: center;
		margin:auto;
}

.jfcgridtitle h5{
		color:#2c004a;
    margin:0.2em 0 0.1em 0;
    transform:skewX(32deg);
    font-family:Metropolis-Black-Italic!important;
}

.jfcgridtitle {
		background-color:#fff;
		transform:skewX(-32deg);
		display:inline-block;
		border-right: 1em solid #fff;
		border-left: 1em solid #fff;
		flex-direction:row;
		justify-content:center;
		vertical-align:middle;
		align-content: center;
		align-items: center;
}

.myIconicGridItemNormal{
  -webkit-filter: grayscale(100%); 
  filter: grayscale(100%);
}


.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 {
}

footer .footer-widgets a:hover {color:#2c004a;}

footer .footer-widgets .widget .widget-title {
border-bottom-width: 5px;
border-bottom-color: #fff;
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;}

/** UPDATE by CONCOCTION **/
/*title*/
.newMark{
  background-color:#008e6a;
  transform:skewX(-32deg);
  display:inline-block;
  border-right: 1em solid #008e6a;
  border-left: 1em solid #008e6a;
  transform-origin: 50% 50%;
  margin:0.4em -1.5em;
}
.newMark2{
  background-color:#fff;
  transform:skewX(-32deg);
  display:inline-block;
  border-right: 1em solid #fff;
  border-left: 1em solid #fff;
  transform-origin: 50% 50%;
}

.newMark h3 {
    color:#fff;
    margin:0.2em 0 0.1em 0;
    transform:skewX(32deg);
    font-family:Metropolis-Black-Italic!important;
}

.newMark2 h3 {
    color:#2c004a;
    margin:0.2em 0 0.1em 0;
    transform:skewX(32deg);
    font-family:Metropolis-Black-Italic!important;
}
.myRowPaddings{text-align:center}

/*custom button*/
.myPlusButton {
    padding-right:0!important;
    display:grid;
    width:100%;
    font-family:Metropolis-Bold!important;
    color:#2c004a;
    
}

.myPlusButton h5{
    font-family:Metropolis-Bold!important;
    color:#2c004a;
}

.myPlusButton img{display:inline;padding:8px;}

.myMinusButton {
    float:right!important; 
    padding-right:0!important;
    display:inline-block;
    font-family:Metropolis-Bold!important;
    color:#2c004a;
}

.myMinusButton h5{
    font-family:Metropolis-Bold!important;
    color:#2c004a;
}

.myMinusButton img{display:inline;padding:8px;}

.myMinusButton img:hover {transform:rotate(-8deg);}

.myPlusButton:hover img {transform:rotate(-10deg)}
.myMinusButton:hover img {transform:rotate(-10deg)}

/*projects table*/
.myProjectTable h6{color:#2c004a;line-height:8px;}

.myProjectTable td{padding-right:20px;}

.myProjectTable{
    border-bottom:7px solid #008e6a;
    padding-bottom:15px
    
}
/* --- TEXT SELECTION CUSTOM COLOUR --- */
::-moz-selection { background-color: #008e6a!important; 
color: #fff; } 
::selection { background-color: #008e6a!important; 
color: #fff; }

/* --- MEDIA QUERIES FOR PROJECTS--- */

@media only screen and (min-width : 320px) {
		.newMark h3,.newMark2 h3{font-size:1rem}
    .newMark{
        margin:0 -0.45em;
        border-right: 0.5em solid #008e6a;
        border-left: 0.5em solid #008e6a;
    }
    .newMark2{
        border-right: 0.5em solid #fff;
        border-left: 0.5em solid #fff;
    }
	
    .mobileTable  .myProjectTable{display:block;}
    .myProjectTable{display:none;}
    .myTopSeprtr{display:none;}
    .myPlusButton h5 {font-size:1rem}
    .viewMoreProjectsButtonRow{text-align:center!important;padding:0;}
		.jfcgridtitle h5{font-size:1.2rem!important}
	  .myRowPaddings{text-align:center; height:500px!important}
		.site-header .main-header .logo {
			width: 200px!important;
			padding-top:30px!important;
		}
		/*.widjet-image-tile{max-width:25%!important}
		.widjet-title-tile{max-width:65%!important}
		.widjet-project-table {max-width:100%}*/
		.widjet-image-tile{width:200px!important;}
		.widjet-title-tile{width:100%}

}

@media only screen and (min-width : 480px) {
		.newMark h3,.newMark2 h3{font-size:1.3rem!important}
    .newMark{
        margin:0.3em -0.45em;
        border-right: 0.5em solid #008e6a;
        border-left: 0.5em solid #008e6a;
    }
    .newMark2{
        border-right: 0.5em solid #fff;
        border-left: 0.5em solid #fff;
    }
	
    .myPlusButton h5 {font-size:1.25rem!important}
		.jfcgridtitle h5{font-size:1.4rem!important}
	  .myRowPaddings{text-align:center; height:550px!important}
		.site-header .main-header .logo {
			width: 240px!important;
			padding-top:25px!important;
		}
}

@media only screen and (min-width : 768px) {
		.newMark h3,.newMark2 h3{font-size:1.5rem!important}
    .newMark{
        margin:0.4em -0.55em;
        border-right: 0.6em solid #008e6a;
        border-left: 0.6em solid #008e6a;
    }
    .newMark2{
        border-right: 0.6em solid #fff;
        border-left: 0.6em solid #fff;
    }
	
    .mobileTable{display:none;}
    .myProjectTable{display:block;}
    .myTopSeprtr{display:block;}
    .viewMoreProjectsButtonRow{text-align:right!important;padding:0 200px}
	  .jfcgridtitle h5{font-size:0.85rem!important}
		.site-header .main-header .logo {
			width: 280px!important;
			padding-top:25px!important;
		}
}

@media only screen and (min-width : 783px) {
	.widjet-image-tile{width:35%!important}
	.widjet-title-tile{width:65%!important}
	.widjet-project-table {width:100%}
}

@media only screen and (min-width : 992px) {
		.newMark h3,.newMark2 h3{font-size:1.75rem!important}
    .newMark{
        margin:0.5em -1em;
        border-right: 0.7em solid #008e6a;
        border-left: 0.7em solid #008e6a;
    }
    .newMark2{
        border-right: 0.7em solid #fff;
        border-left: 0.7em solid #fff;
    }
	
	.jfcgridtitle h5{font-size:0.85rem!important}
	.myRowPaddings{text-align:center; height:600px!important}
	footer .footer-widgets .widget .widget-title {
	font-size:10px!important;
	}
}

@media only screen and (min-width: 1024px) {
  footer .footer-widgets .widget .widget-title {
		font-size:11px!important;
	}
}


@media only screen and (min-width : 1200px) {
			.newMark h3,.newMark2 h3{font-size:1.75rem!important}
			.newMark{
					margin:0.6em -1.3em;
					border-right: 0.8em solid #008e6a;
					border-left: 0.8em solid #008e6a;
			}
			.newMark2{
					border-right: 0.8em solid #fff;
					border-left: 0.8em solid #fff;
			}
		 .myPlusButton h5 {font-size:1.5rem!important}
		 .jfcgridtitle h5{font-size:1.1rem!important}
}

@media only screen and (min-width : 1400px) {
		.newMark h3, .newMark2 h3  {
			font-size:2.5rem!important;
      margin:0.2em 0 0.1em 0!important;
		}
		.newMark{
      border-right: 1em solid #008e6a;
      border-left: 1em solid #008e6a;
      margin:0.6em -1.5em;
    }
	   .viewMoreProjectsButtonRow{text-align:right!important;padding-right:130px;}
		.myPlusButton h5 {font-size:1.8rem!important}
	  .jfcgridtitle h5{font-size:1.2rem!important}
	  .myRowPaddings{text-align:center; height:800px!important}
}

@media only screen and (min-width: 1500px) {
	footer .footer-widgets .widget .widget-title {
		font-size:14px!important;
	}
}