/* ------------------------------------------------------------ *\ 
	Template - Cheese
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\ 
	Sections
\* ------------------------------------------------------------ */

.section-cheese { width: 100%; position: relative; overflow: hidden; max-width: 950px; margin: 0 auto; background-color: #fff; }
.section-cheese > nav { position: relative; z-index: 200; }
	
	/*
		- Head
	*/

.section-cheese .section-head { width: 100%; background-size: contain; background-position: right 0; position: relative; padding: 90px 0 65px 0; }
.section-cheese .section-head:before { content: ' '; position: absolute; left: 0; bottom: 0; background: url(../images/cheese/header-img-2.png) no-repeat 0 0; width: 191px; height: 186px; background-size: 191px 186px; }
.section-cheese .section-head .shell { max-width: 800px; }
.section-cheese .section-head .shell img { display: block; max-width: 533px; height: auto; position: relative; z-index: 10; }
.section-cheese .section-head-image { padding-right: 330px; }

	/*
		- Body
	*/

.section-cheese .section-body { width: 100%; position: relative; padding-bottom: 50px; }
.section-cheese .section-body:before { content: ' '; position: absolute; right: 0; top: 50%; width: 203px; height: 175px; background: url(../images/cheese/section-img-1.png) no-repeat 0 0; background-size: 203px 175px; }
.section-cheese .section-body .shell { max-width: 690px; text-align: center; }
.section-cheese .section-body p { margin-bottom: 50px; font-weight: 500; }
.section-cheese .section-body h4 { position: relative; margin: 0 -125px 10px -125px; }
.section-cheese .section-body h4 strong { display: inline-block; vertical-align: top; }
.section-cheese .section-body h4 img { display: block; max-width: 50%; height: auto; margin: 0 auto; }
.section-cheese .section-body .shell > *:last-child { margin-bottom: 0; }

	/*
		- Foot
	*/

.section-cheese .section-foot { width: 100%; position: relative; }
.section-cheese .section-foot:before { content: ' '; position: absolute; left: calc(50% - 380px); bottom: 0; background: url(../images/cheese/footer-img-3.png) no-repeat 0 0; width: 226px; height: 236px; background-size: 226px 236px; }

/* ------------------------------------------------------------ *\ 
	Lists 
\* ------------------------------------------------------------ */

	/*
		- Cheese
	*/

.list-cheese { position: relative; margin: -30px -78px 0 -78px; padding-bottom: 50px; }
.list-cheese ul { list-style: none; width: auto; margin: -16px; padding: 0; font-size: 0; line-height: 0;position: relative; overflow: hidden;  }
.list-cheese li { display: inline-block; width: 100%; padding: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.list-cheese img { display: block; width: 100%; height: auto; }
.list-cheese ul.col-1of1 > li { width: 100%; }
.list-cheese ul.col-1of2 { max-width: 470px; margin: 0 auto; }
.list-cheese ul.col-1of2 > li { width: 50%; padding: 2px; }
.list-cheese ul.col-1of3 > li { width: 33.333%; }
.list-cheese ul.col-1of4 { margin: -2px; }
.list-cheese ul.col-1of4 > li { width: 25%; padding: 2px; }
.list-cheese ul.col-1of5 > li { width: 20%; }
.list-cheese a { display: block; }
.list-cheese img { display: block; width: 100%; height: auto; }
.list-cheese img {
	-webkit-transition: -webkit-transform 0.4s;
			transition: transform 0.4s;
}
.list-cheese a:hover { text-decoration: none; }
.list-cheese a:hover img {
	-webkit-transform: scale(0.9);
			transform: scale(0.9);
}

	/*
		- Cheese Images
	*/

.list-cheese-images { width: 100%; }
.list-cheese-images ul { list-style: none; font-size: 0; line-height: 0; text-align: right; }
.list-cheese-images li { display: inline-block; vertical-align: top; width: 234px; position: relative; padding: 20px 20px 70px 20px; }
.list-cheese-images li:before { content: ' '; position: absolute; left: 17px; top: 5px; background: url(../images/cheese/footer-img-1.png) no-repeat 0 0; width: 241px; height: 293px; background-size: 241px 293px; }
.list-cheese-images img { display: block; width: 100%; height: auto; }
.list-cheese-images li:nth-child(1) {
	-webkit-transform: rotate(-12deg) translate(28px,-47px);
			transform: rotate(-12deg) translate(28px,-47px);
}
.list-cheese-images li:nth-child(2) {
	-webkit-transform: rotate(12deg) scale(1.2) translate(-20px,-27px);
			transform: rotate(12deg) scale(1.2) translate(-20px,-27px);
}

/* ------------------------------------------------------------ *\ 
	Body Classes
\* ------------------------------------------------------------ */

body.page-template-template-cheese-php .shell { background: transparent; padding: 0 20px; }
body.page-template-template-cheese-php #main { padding: 0; width: 100%; position: relative; overflow: hidden; }
body.page-template-template-cheese-php #main p { margin: 0 0 50px 0; }
body.page-template-template-cheese-php > iframe { display: none; }
body.page-template-template-cheese-php #header { position: relative; z-index: 9999; }

/* ------------------------------------------------------------ *\ 
	Responsive
\* ------------------------------------------------------------ */

@media only screen and (max-width: 985px){
	
	/* ------------------------------------------------------------ *\ 
		Sections
	\* ------------------------------------------------------------ */
		
		/*
			- Head
		*/

	.section-cheese .section-head .shell img { max-width: 100%; }

		/*
			- Body
		*/

	.section-cheese .section-body:before { display: none; }
	
	/* ------------------------------------------------------------ *\ 
		Lists
	\* ------------------------------------------------------------ */
	
		/*
			- Cheese
		*/

	.list-cheese { margin-left: 0; margin-right: 0; }
}

@media only screen and (max-width: 767px) {
	
	/* ------------------------------------------------------------ *\ 
		Sections
	\* ------------------------------------------------------------ */
	
		/*
			- Head
		*/
	
	.section-cheese .section-head { background-size: 95px auto; }
	.section-cheese .section-head-image { padding: 0 40px 0 0; }
		
		/*
			- Foot
		*/

	.section-cheese .section-foot:before { content: ' '; position: absolute; left: calc(50% - 280px); 

	/* ------------------------------------------------------------ *\ 
		Lists
	\* ------------------------------------------------------------ */
	
		/*
			- Cheese
		*/

	.list-cheese ul { margin: 0; }
	.list-cheese li { max-width: 240px; margin: 0 auto; display: block; float: none; }
	.list-cheese ul.col-1of2,
	.list-cheese ul.col-1of4 { max-width: 100%; padding: 0; }
	.list-cheese ul.col-1of1 > li,
	.list-cheese ul.col-1of2 > li,
	.list-cheese ul.col-1of3 > li,
	.list-cheese ul.col-1of4 > li,
	.list-cheese ul.col-1of5 > li { padding: 0 20px; width: 100%; }

		/*
			- Cheese Images
		*/

	.list-cheese-images li { width: 92px; }
	.list-cheese-images li:before { background-size: 97px auto; top: 14px; }
}