/*
Theme Name: Just Chefs V3
Author: The Fresh Web Design Co
*/


/* Typography */
/* --------------------------------------------------------------------- */

	@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700);
	
	@font-face {
	    font-family: 'wc_mano_negra_btabold';
	    src: url('fonts/WCManoNegraBoldBta-webfont.eot');
	    src: url('fonts/WCManoNegraBoldBta-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/WCManoNegraBoldBta-webfont.woff') format('woff'),
	         url('fonts/WCManoNegraBoldBta-webfont.ttf') format('truetype'),
	         url('fonts/WCManoNegraBoldBta-webfont.svg#wc_mano_negra_btabold') format('svg');
	    font-weight: normal;
	    font-style: normal;
	
	}


	h1 {
		font-family: 'Source Sans Pro', sans-serif;
		font-family: 'wc_mano_negra_btabold';
		font-style: normal;
		font-weight: 800;
		color:#487FC1;
	}
	
	h2 {
		font-family: 'Source Sans Pro', sans-serif;
		font-family: 'wc_mano_negra_btabold';
		font-style: normal;
		font-weight: 300;
		font-size:36px;
	}
	
	h3 {
		font-family: 'wc_mano_negra_btabold';
	}
	
	.blue-text {
		color:#487FC1;
	}
	
/* Links and Buttons */
/* --------------------------------------------------------------------- */

	a {
		-webkit-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
		   -moz-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
		     -o-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
		        transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */
	
		-webkit-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
		   -moz-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
		     -o-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
		        transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */
	}
	
	a:link,
	a:visited {
		
	}
	
	a:hover,
	a:active,
	a:focus {
		
	}
	
	.btn,
	a.btn,
	.button-link a,
	.button {
		float:left;
		margin-right:10px;
		padding:10px;
		background:#487FC1;
		color:#fff;
		text-transform:uppercase;
		font-weight:700;
		text-decoration:none;
		border:none;
		
		-webkit-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
		   -moz-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
		     -o-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
		        transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */
	
		-webkit-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
		   -moz-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
		     -o-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
		        transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */
		        
	}
	
	.btn:hover,
	a.btn:hover,
	.button-link a:hover,
	.button:hover {
		color:#fff;
		background:#3c3c3c;
	}
	
	.button-outline-link a {
		float:left;
		padding:9px 10px;
		color:#487FC1;
		background:none;
		border:solid 1px #487FC1;
		text-transform:uppercase;
		font-weight:700;
	}
	
	.button-outline-link a:hover {
		color:#fff;
		background:#487FC1;
		text-decoration:none;
	}

/* Global Layout styles */
/* --------------------------------------------------------------------- */


body {
	display:block;
	float:left;
	width:100%;
	height:100%;
	background-attachment:fixed;
	background-size:100%;
	font-family: "source-sans-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	overflow-x: hidden;
	border-top:solid 5px #487FC1;
}

.page-wrapper {
	background:#fff;
}

.wrapper {
	display:block;
	position:relative;
	width:100%;
	padding:120px 0;
	background:#fff;
	z-index:99;

}

.wrapper-top-border {
	display:block;
	position:relative;
	width:100%;
	height:36px;
	margin-top:-36px;
	background:url(images/section-bg.png) top repeat-x;
	z-index:99;
}

.wrapper-bottom-border {
	display:block;
	position:relative;
	width:100%;
	height:36px;
	margin-top:-120px;
	margin-bottom:60px;
	background:url(images/section-bg-bottom.png) bottom repeat-x;
	z-index: 999;
}

.wrapper.vacancies {
	background:url(images/jobs-bg.png) #487FC1;
	background-size:cover;
	color:#fff;
}

.wrapper.chefs {
	background:#ebebeb;
}


/* Banner Section */
/* --------------------------------------------------------------------- */

	.banner {
		position:relative;
		width:100%;
		height:700px;
		margin-top:175px;
		padding-top:60px;
		background-size:cover;
		background-position:center center;
		background-repeat:no-repeat;
		background-attachment: fixed;
	}
	
	.banner .banner-bg-vid,
	.banner .banner-overlay {
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.1);
	}
	
	.banner .banner-bg-vid #video {
		width:100% !important;
	}
	
	.banner .banner-overlay {
		background:rgba(0,0,0,0.1);
	}
	
	
	.banner .banner-content {
		position:relative;

	}
	
	.banner h1 {
		position:fixed;
		left:0;
		width:100%;
		font-size:60px;
		margin-top:120px;
		margin-bottom:10px;
	}
	
	.banner h2 {
		position:fixed;
		top:440px;
		left:0;
		width:100%;
		margin-top:0;
		font-size:24px;
		color:#fff;
	}
	
	.banner form {
		display:block;
		position:fixed;
		top:460px;
		left:37%;
		width:500px;
		height:100px;
		margin:auto;
		margin-top:30px;
		padding-top:15px;
		background-size:100%;
		font-family: "museo-slab",serif;
		color:#000;
		background:url(images/banner-form-bg.png);
		background-size:100%;
	}
	
	.banner .form-group.text-input {
		width:80%;
		padding-left:10px;
	}
	
	.banner .form-group .form-control {
		border:none;
		width:100%;
		height:50px;
		background:none;
		box-shadow:none;
		font-size:18px;
		letter-spacing:2px;
	}

	.banner form button {
		position:relative;
		top:1px;
		height:50px;
		border:none;
		background:none;
	}
	
	.banner .scroll-btn {
		position:fixed;
		bottom:110px;
		left:0;
		width:100%;
		text-align:center;
	}
	
	.banner .scroll-btn a {
		color:#487FC1;
		font-size:22px;
		font-weight:900;
	}
	
	.banner .scroll-btn .fa {
		position:relative;
		top:20px;
		-webkit-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
		   -moz-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
		     -o-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
		        transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */
	
		-webkit-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
		   -moz-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
		     -o-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
		        transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */
	}
	
	.banner .scroll-btn a:hover {
		text-decoration:none;
	}
	
	.banner .scroll-btn a:hover .fa {
		top:0;
	}
	
	@media(min-width:1024px) {
		.banner-bg-vid video {
			width:100% !important;
		}
	}
	
	@media(max-width:1024px) {
		
		.banner {
			height:600px;
			background-image:url(images/still-vid-shot.jpg);
			background-size:cover;
			background-position:center center;
			
		}
		
		.banner .banner-content .container {
			padding-left:0;
			padding-right:0;
		}
		
		
		.banner h1 {
			position:relative;
			margin-top:40px;
			font-size:50px;
		}
		
		.banner h2,
		.banner form {
			position:relative;
			top:0;
			left:0;
		}
		
		.banner form {
			
			font-size:12px;
			background-size:100%;
		}
		
		.banner .form-group {
			width:100% !important;
		}
		
		
		
		.banner form button {
			position:relative;
			top:-42px;
			right:25px;
			float:right;
			height:auto;
			font-size:18px;
		}
		
		.banner form button .fa {
			font-size:14px;
		}
		
		.banner .scroll-btn {
			display:none;
		}
		
		.banner-bg-vid #video {
			display:none;
		}
		
	}
	
	@media(max-width:992px) {
		
		.banner form {
			width:100%;
			height:auto;
		}
		
		.banner .form-group .form-control {
			width:90% !important;
			height:auto;
			font-size:12px;
		}
		
		.banner form button {
			top:-42px;
		}
		
		
	}	
	
	@media(max-width:768px) {
		
		.banner {
			padding:60px 0;
		}
		
	}
	
	
	
	

/* Header */
/* --------------------------------------------------------------------- */

	.site-header {
		display:block;
		width:100%;
		position:absolute;
		top:0;
	}
	
	.logged-in .site-header,
	.logged-in .site-header.fixed .header-main {
		top:32px;
	}

	.site-header .header-top {
		display:block;
		width:100%;
		padding:8px 0;
		background:#F5F5F5;
	}
	
	.site-header .header-top .header-top-links {
		margin:0;
	}
	
	.site-header .header-top .header-top-links > li {
		display:inline-block;
		font-family: 'Source Sans Pro', sans-serif;
		font-style: normal;
		font-weight: 800;
		text-transform:uppercase;
	}
	
	.site-header .header-top .header-top-links li:after {
		display:inline-block;
		margin:0 2px;
		content:'|';
	}
	
	.site-header .header-top .header-top-links li:last-child:after {
		display:none;
	}
	
	.site-header .header-top .header-top-links > li > a {
		color:#333333;
	}
	
	.site-header .header-branding {
		position:relative;
		top:-10px;
	}
	
	
	
	.site-header .header-branding img {
		max-width:70% !important;
		margin:auto auto 20px auto;
	}

	.site-header .nav-button {
		margin:20px 30px 0 0;
		font-size:28px;
	}
	
	.site-header .header-main {
		display:block;
		width:100%;
		padding:20px 0;
	}
	
	.site-header .header-main .header-branding img {
		width:70%;
		-webkit-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
		   -moz-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
		     -o-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
		        transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */
	
		-webkit-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
		   -moz-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
		     -o-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
		        transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */
	}
	
	/* Fixed Header */
	.site-header .fixed-header {
		display:block;
		position:fixed;
		top:-150px;
		width:100%;
		height:80px;
		padding-top:0;
		background:#fff;
		-webkit-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
		   -moz-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
		     -o-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
		        transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */
	
		-webkit-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
		   -moz-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
		     -o-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
		        transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */		
		
		z-index:999;
		box-shadow:0 0 3px rgba(0,0,0,0.1);
	}
	
	.site-header .fixed-header.fixed {
		top:0;
	}
	
	.site-header .fixed-header .header-branding {
		position:relative;
		top:10px;
	}
	
	.site-header .fixed-header .header-branding img {
		width:60%;
		margin-top:0px;
	}
	
	.logged-in .site-header .fixed-header .header-branding img {
		margin-top:22px;
	}
	
	.site-header .fixed-header .nav-button {
		margin:15px 30px 0 0;
		font-size:28px;
	}
	
	.logged-in .site-header .fixed-header .nav-button {
		position:relative;
		top:30px;
	}
	
	.site-header .header-mobile {
		display:none;
	}
	
	
	@media(min-width:1440px) {
		

		
	}
	
	@media(max-width:1024px) {
		
		.site-header .header-top,
		.site-header .header-main {
			display:none;
		}
		
		.site-header .header-mobile {
			display:block;
			position:fixed;
			width:100%;
			padding:10px 0;
			background:#fff;
			z-index:9000;
		}
		
		.site-header .header-mobile .img-responsive {
			width:50%;
		}
		
		.banner {
			margin-top:120px;
		}
		
	}
	
	@media(max-width:768px) {
		
		.site-header .header-mobile .img-responsive {
			width:60%;
		}
		
		.banner {
			margin-top:20px;
		}
		
	}
	
	@media(max-width:667px) {
		
		.site-header .header-mobile .img-responsive {
			width:90%;
		}
		
		.site-header .header-mobile .nav-toggle {
			position:relative;
			top:-15px;
		}
		
	}
	


/* Navbar */
/* --------------------------------------------------------------------- */

	.nav-overlay {
		display:block;
		position:fixed;
		top:0;
		bottom:0;
		width:100%;
		height:100%;
		background:#213e60;
		visibility: hidden;
		opacity:0;
		z-index:999;
		-webkit-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
		   -moz-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
		     -o-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
		        transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */
	
		-webkit-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
		   -moz-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
		     -o-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
		        transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */		
	}
	
	.show-nav .nav-overlay {
		visibility:visible;
		opacity:0.8;
	}

	.nav-wrapper {
		position:fixed;
		top:0;
		bottom:0;
		right:0;
		float:right;
		width:400px;
		z-index:9999;
		background:url(images/menu-bg.png) repeat-y 0 -400px;
		
		transform:translate3d(400px, 0, 0);
		-webkit-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
		   -moz-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
		     -o-transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
		        transition: all 300ms cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */
	
		-webkit-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
		   -moz-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
		     -o-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
		        transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */
	}
	
	.show-nav .nav-wrapper {
		transform:translate3d(0, 0, 0);
	}
	
	.navbar {
		margin-bottom:0;
	}
	
	.navbar-collapse,
	.navbar .container {
		padding:0;
	}
	
	.nav-toggle {
		cursor:pointer;
	}
	
	.navbar-toggle .icon-bar {
		background:#000;
	}
	
	.navbar .navbar-nav {
		/*position:fixed;*/
		width:300px;
		margin:0 50px 0;
		padding:0;
	}
	
	.navbar .navbar-nav > li {
		display:block;
		float:right;
		width:100%;
	}
	
	.navbar .navbar-nav > li > a {
		color:#333;
		font-size:16px;
		text-transform:uppercase;
		border-bottom:solid 1px #eee;
	}
	
	.navbar .navbar-nav > li:last-child a {
		border-bottom:none;
	}
	
	.nav > li > a:hover, 
	.nav > li > a:focus {
		padding-left:20px;
		background:#487fc1;
		color:#fff;
	}
	
	@media(max-width:768px) {
		.navbar .navbar-nav {
			width:100%;
		}
		.navbar .navbar-nav > li {
			text-align:center;
		}
	}
	
	
/* Jobs Listing */
/* --------------------------------------------------------------------- */

	/* Jobs List On Home */
	ul.job_listings,
	ul.job_listings li.job_listing {
		border-color:#ccc;
		background:#fff;
	}
	
	ul.job_listings li.job_listing:nth-child(even) {
		border-color:#ccc;
		background:#fafbfd;
	}
	
	ul.job_listings li.job_listing a:hover {
		background:#c7d8ec;
	}
	
	ul.job_listings li.job_listing .company_logo {
		display:none;
	}
	
	ul.job_listings li.job_listing .position {
		text-align:left;
		padding-left:0 !important;
	}
	
	ul.job_listings li.job_listing .position h3 {
		position:relative;
		top:10px;
		font-family: "source-sans-pro",sans-serif;
		font-size:18px !important;
	}



/* Footer */
/* --------------------------------------------------------------------- */

	footer {
		position:relative;
		padding:40px 0;
		color:#fff;
		background: #487fc1;
		z-index:999;
	}



	.footer-address {
		display:block;
		width:100%;
	}

	.footer-nav-wrap {
		display:block;
		width:100%;
	}

	.footer-nav {
		display:block;

	}

	.footer-nav > li {
		display:inline;
		list-style:none;
	}
	
	.footer-nav > li:after {
		display:inline-block;
		padding:0 5px;
		content: '|';
	}
	
	.footer-nav > li:last-child:after {
		display:none;
	}
	
	.footer-nav > li a {
		color:#f5f5f5;
	}
	
	.footer-nav > li a:hover {
		color:#487FC1;
	}
	
	.footer-bottom {
		display:block;
		width:100%;
	}
	
	.footer-image {
		display:block;
		width:200px;
		margin:30px auto;
	}

/* Contact Section */
/* --------------------------------------------------------------------- */

	/* Contact Form */
	.contact-form {
		margin-top:25px;
	}
	
	.contact-form .form-control {
		height:50px;
		border:solid 2px #eee;
		box-shadow:none;
		background-size:100%;
		font-size:16px;
	}
	
	.contact-form textarea.form-control {
		height:200px;
	}
	
	
	.contact-form .btn {
		border-radius:0;
	}
	
	/* Google Map */
	.google-map-wrapper,
	#googleMap {
		height:400px;
		margin:20px 0 0 0;
		position:relative;
	}
	
	.google-map {
		padding:0;
		margin-top:40px;
	}
	
	
/* Callouts */
/* --------------------------------------------------------------------- */

	.callouts {
		margin:40px 0;
	}
	
	.callouts .callout-item {
		
	}
	
	.callouts .callout-item .callout-icon {
		display:block;
		width:90px;
		height:90px;
		margin:auto;
	}
	
	.callouts .callout-item .btn {
		float:none;
	}
	

/* Extra CSS */

@media (min-width: 992px) {
	.header-branding-main {
	    width:75%;
	}
	
	.pull-right-header {
		width:25%;
	}
	
	.header-branding-main img {
		padding-left:57%;
		/*width: 312px !important;*/
	}
}





.fixed-header {
	height: 110px !important;
}

.sub-title-banner {
	margin-top: 26px !important;
}

@media (min-width: 992px) {
	.banner-form {
		left: 700px;
	}
	
	
}

@media (max-width: 992px) {
    .banner-bg-vid {
		display: none;
	}
	
	.menu-close {
		margin-top:30px !important;
	}

}

@media (max-width: 991px) {
	.header-branding-scrolling {
		width:80% !important;
	}
	
	.pull-right-scrolling {
		width:20% !important;
	}
}

@media(max-width:480px) {
	
	.nav-wrapper {
		width:110%;
		overflow:scroll;
	}
	
	.nav-wrapper nav {
		position:relative;
		left:-33px;
	}
	
}