@charset "UTF-8";
/* CSS Document */

#where-panel {
	background:url(images/wherepanels/where-bg.jpg); 
	height:700px;
	padding:120px 0 !important;
}
#where-container {
	width:1240px;
	height:700px;
	margin:0 auto;
}
.where-title {
	margin: 0 0 0 -20px;
}
.nav-where {
	width:200px;
	height:510px;
	border-top:2px solid #ddd;
	border-left:2px solid #ddd;
	margin-top:161px;
	padding:12px;
	float:right;
}
.nav-where h2 {
	font-family: 'NovecentowideNormalRegular';
	text-align:center;
	text-transform:uppercase;
}
.nav-where a{
  cursor: pointer;
}
.nav-where a:hover {
	transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
}
.nav-item {
	margin-bottom:50px;
	float:left;
}
.whereContent{
	width:800px;
	height:700px;
	margin-top:-95px;
	margin-left:180px;
}
.whereContent a {
	cursor:pointer;
}
#upper {
	background:url(images/wherepanels/upper-schematic.png);  
	width:790px;
	height:700px;
}
#lower {
	background:url(images/wherepanels/lower-schematic.png);  
	width:800px;
	height:620px;
	margin-top:40px;
	margin-left:40px;
}
.whereContent, .offices, .conference, 
.loading-dock, .meal-prep, .meal-prokit, .refrigeration,
.student-kitchen, .food-sorting, .lower-offices,
.prep-kitchen, .vol-center, .conf-room, .job-training, .where-side {
	position:absolute;
}
.offices {
	width:188px;
	height:138px;
	margin:57px 0 0 306px;
}
.offices:hover {
	background:url(images/wherepanels/hover-upper-offices.png);  
}
.conference {
	width:88px;
	height:88px;
	margin:109px 0 0 515px;
}
.conference:hover {
	background:url(images/wherepanels/hover-upper-conference.png);  
}
.loading-dock {
	width:97px;
	height:174px;
	margin:196px 0 0 100px;
}
.loading-dock:hover {
	background:url(images/wherepanels/hover-upper-loading-dock.png);
}
.meal-prep {
	width:113px;
	height:135px;
	margin:232px 0 0 200px;
}
.meal-prep:hover {
	background:url(images/wherepanels/hover-upper-meal-prep.png);
}
.meal-prokit {
	width:206px;
	height:284px;
	margin:232px 0 0 313px;
}
.meal-prokit:hover {
	background:url(images/wherepanels/hover-upper-meal-production.png);
}
.refrigeration {
	width:140px;
	height:145px;
	margin:540px 0 0 162px;
}
.refrigeration:hover {
	background:url(images/wherepanels/hover-upper-refrigeration.png);
}
.student-kitchen {
	width:206px;
	height:163px;
	margin:522px 0 0 313px;
}
.student-kitchen:hover {
	background:url(images/wherepanels/hover-upper-student-kitchen.png);
}
.food-sorting {
	width:318px;
	height:96px;
	margin: 6px 0 0 217px;
}
.food-sorting:hover {
	background:url(images/wherepanels/hover-lower-food-sorting.png);
}
.lower-offices {
	width:90px;
	height:244px;
	margin:55px 0 0 15px;
}
.lower-offices:hover {
	background:url(images/wherepanels/hover-lower-offices.png);
}
.prep-kitchen {
	width:406px;
	height:231px;
	margin:127px 0 0 106px;
}
.prep-kitchen:hover {
	background:url(images/wherepanels/hover-lower-prep-kitchen.png);
}
.vol-center {
	width:278px;
	height:122px;
	margin:263px 0 0 468px;
}
.vol-center:hover {
	background:url(images/wherepanels/hover-lower-volunteer.png);
}
.conf-room {
	width:90px;
	height:83px;
	margin:301px 0 0 15px;
}
.conf-room:hover {
	background:url(images/wherepanels/hover-lower-conference-room.png);
}
.job-training {
	width:90px;
	height:210px;
	margin:386px 0 0 15px;
}
.job-training:hover {
	background:url(images/wherepanels/hover-lower-cull-job-train.png);
}

.where-side {
	width:191px;
	margin-top:35px;
	padding:13px 13px 13px 2px;
	float:left;
}
.where-side h3 {
	background:#ccdae7;
	font-family: 'NovecentowideNormalRegular';
	text-transform:uppercase;
	text-align:center;
	color:#333;
	margin-bottom:30px;
	padding:12px 8px;
}
.where-side p {
	font-family: 'NovecentowideBookRegular';
	font-size:16px;
	color:#333;
	line-height:120% !important;
}
.where-side a {
	background:#d05521;
	font-family: 'NovecentowideBookRegular';
	text-align:center;
	color:#f8f8f8 !important;
	border-radius:20px !important;
	-webkit-border-radius:20px !important;
	-moz-border-radius:20px !important;
	-ms-border-radius:20px !important;
	padding:8px 12px;
}
.where-side a:hover {
	background:#a04118;
	color:#f8f8f8 !important;
}




/*
///////////////////////////////////
   ###	PILOT PROGRAM	###
///////////////////////////////////
*/

	/*	HOMEPAGE  */

#pilot {
	background:url(images/pilot-program/pilot-bg.jpg) top center;
	background-color:#333;
	width:100%;
	height:712px;
	margin:0; padding:100px 0;
}
#pilot-container {
	width:1240px;
	height:712px;
	margin:0 auto;
}
.pilot-title {
	margin-bottom:20px;
	float:left;
}
.mainImage li {
	display:inline-block;
	width:725px;
	text-align:left;
	float:left;
	position:relative;
}
.pp1 li, .pp2 li {
	width:235px;
	text-align:left;
	display:inline-block;
	margin:0;
	float:left;
	position:relative;
}
.mainImage li, .pp1 li {
	margin-bottom:10px;
}
.mainImage li, .pp1 li, .pp2 li {
	margin-right:10px;
}
.mainImage figure, .pp1 figure, .pp2 figure {
	margin:0;
	position:relative;
}
.mainImage figure img, .pp1 figure img,
.pp2 figure img {
	max-width:100%;
	transition:transform 0.4s;
	-webkit-transition:-webkit-transform 0.4s;
	-moz-transition:-moz-transform 0.4s;
	display:block;
	position:relative;
}
#pilot-container figure {
	overflow:hidden;
}
#pilot-container .mainImage figure img {
	width:725px;
	height:300px;
	overflow:hidden;
}
#pilot-container figcaption {
	background:#2c3f52;
	width:90%;
	height:180px;
	top:auto;
	bottom:0;
	left:0;
	transform:translateY(100%);
	-webkit-transform:translateY(100%);
	-moz-transform:translateY(100%);
	-ms-transform:translateY(100%);
	transition:transform 0.4s, opacity 0.1s 0.3s;
	-webkit-transition:-webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition:-moz-transform 0.4s, opacity 0.1s 0.3s;
	opacity:0;
	padding:20px 5%;
	position:absolute;
}
#pilot-container .mainImage figcaption {
	height:100px !important;
}
#pilot-container figcaption p,
#pilot-container figcaption a {
	font-family: 'NovecentowideBookRegular';
	color:#f5f5f5;
	line-height:120% !important;
}
#pilot-container figcaption a {
	background:#d05521;
	text-align:center;
	color:#fff;
	border-radius:2px;
	display:inline-block;
	margin-top:15px;
	padding:5px 10px;
	float:right;
}
#pilot-container figcaption a:hover {
	background:#a04118;
	border:1px solid #d05521;
}
.no-touch #pilot-container figure:hover img,
#pilot-container figure.cs-hover img {
	transform:translateY(-50px);
	-webkit-transform:translateY(-50px);
	-moz-transform:translateY(-50px);
	-ms-transform:translateY(-50px);
}
.no-touch #pilot-container figure:hover figcaption,
#pilot-container figure.cs-hover figcaption {
	transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transition:transform 0.4s, opacity 0.1s;
	-webkit-transition:-webkit-transform 0.4s, opacity 0.1s;
	-moz-transition:-moz-transform 0.4s, opacity 0.1s;
	opacity:1;
}


	/*  PILOT PROGRAM PAGE  */
	
#pp h2 {
	background:#d25515;
	color:#fff;
	display:inline-block;
	margin-bottom:10px;
	padding:5px 10px;
}
#pp a {
	color:#d25515;
}
#pp a:hover {
	color:#555;
}
.pp_separate {
	width:450px;
	height:1px;
	border-bottom:1px solid #ccc;
	margin:45px auto 0 auto;
}
.pp50 {
	width:44%;
	padding:0 3%;
	float:left;
}
.pp3 {
	width:29%;
	padding:0 2%;
	float:left;
}
#partners p, #guest-chefs p, #suppliers p span {
	color:#333;
}
#students, #suppliers, #volunteer, #partners,
#svmow, #curriculum, #guest-chefs, #internships {
	padding-top:55px;
}


/*
///////////////////////////////////
   	###  MY KITCHEN  ###
///////////////////////////////////
*/

.mkTitles {
	text-align:center;
	text-transform:uppercase;
	color:#d25515;
}
.kitchen-video {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:20px 0; padding:20px 0;
}
.campaign-container {
	width:31%;
	padding:1%;
	float:left;
}
.campaign-container h1 {
	text-align:center;
	text-transform:uppercase;
}
.campaign-container p {
	margin:10px 0 0 0;
}
.campaign-container h1 a {
	color:#f5f5f5 !important;
}
.campaign-container h1 a:hover {
	opacity:0.6;
}
.campaign-container article {
	color:#d25515;
	margin-top:15px;
}
.campaign-container article a {
	color:#d25515 !important;
}
.campaign-container article a:hover {
	color:#333 !important;
}
.foodrec {
	background:url(images/pilot-program/my-kitchen/Produce-Recovery-Square.jpg) center;
}
.krs {
	background:url(images/pilot-program/my-kitchen/Renovations-Square.jpg) center;
}
.cjt {
	background:url(images/pilot-program/my-kitchen/Job-Training-Square.jpg) center;
}
.foodrec, .krs, .cjt {
	width:405px;
	max-width:90%;
	height:200px;
	display:table-cell;
	vertical-align:middle;
	padding:0 5%;
}

#color-box-carousel .item-content {
	font-size: .85rem !important;
}


/*
///////////////////////////////////
   	###  THE FEED  ###
///////////////////////////////////
*/

.theFeedPage .feed ul li {
	list-style:none !important;	
}
.feedpage .entryfull ul {
	margin:0 !important;
	padding:0 !important;	
}