/*
=============================================
 Development By: Infinity Arts Interactive, LLC - www.InfinityArts.com, © Copyright 2015 - All rights reserved.
 Description: Layout CSS Styles
 Date: 06/16/2015
=============================================
*/


	/*== SPLASH PAGE ==*/
	
	.site-width { width: 100%; max-width: 960px; }
	.splash { background: #fff7eb; padding: 10px; margin: 80px auto 0 auto; position:relative; z-index:0; }
	.splash img { width: 100%; }
	.splash .h-content { position:absolute; top: 65px; z-index:-1; }
	.splash .h-content h1, .splash .h-content h2 { color: #FFF7EB; font-size: 15px; }
	.splash .splash-title { position:absolute; top: 65px; left:-40px; width: 615px; height: 246px; padding-top: 177px; background: url('assets/images/splash-title.png') top center no-repeat; text-align:center; }

	.copyright { padding: 10px; margin: 0 auto; text-align:right; font-size: 13px; color: #362f2d; font-family: Times, "Times New Roman", serif; }
	.copyright a { color: #362f2d; font-size: 13px; }
	
		@media all and (max-width: 1000px) { 
			.splash .splash-title { left:0; max-width: 70%; padding-top: 14%; min-height: 180px; height: auto; background-size:contain; }
		}
		@media all and (max-width: 850px) { 
			.splash .splash-title { padding-top: 16%; }
		}
		@media all and (max-width: 750px) { 
			.splash { margin-top:0;}
			.splash .splash-title { padding-top: 18%; }
			.copyright { text-align:center; }
		}
		@media all and (max-width: 700px) { 
			.splash .splash-title { position:inherit; top: auto; left: auto; width: 100%; max-width: 100%; min-height: auto; padding-top: 28%; padding-bottom: 10%; }
		}	
		@media all and (max-width: 600px) { 
			.splash .splash-title {  padding-top: 28%; }
		}	
				

	/*== WINES PAGE ==*/
	
	.content { background: #fff7eb; padding: 10px; margin: 80px auto 0 auto; }

	.wines-wrap { padding: 20px 50px; min-height:640px; }
	.wines-wrap .title { width: 100%; height: 135px; position:relative; text-align:center; }
	.wines-wrap .title img { position:absolute; bottom:0; right:0; max-width:100%; } 
	.wines-wrap .title img:first-child { top:0; left:0; }
			
	.wines-wrap .wine { width: 16.5%; position:relative; float:left; padding-top: 40px; }
	.wines-wrap .wine img {  }
	.wines-wrap .wine img.label { position:absolute; top:15px; z-index:3; opacity:0; transition: all 0.4s ease-in-out 0s; max-width: 100%; left:0; }
	.wines-wrap .wine img.bottle { position:relative;bottom:0; z-index:2; max-width: 80%; left:10.25%; }
	.wines-wrap .wine:hover img.label { top:0; opacity:1; }

		@media all and (max-width: 1000px) { 
			.wines-wrap { padding: 20px 0px; }
		}
		@media all and (max-width: 800px) { 
			.wines-wrap { min-height: 570px; }
			.wines-wrap .title { height: 155px; }
			.wines-wrap .title img { position:inherit; }
			.wines-wrap .title img:first-child { margin-bottom: 20px; }
		}
		@media all and (max-width: 750px) { 
			.content { margin-top:0;}
		}		
		@media all and (max-width: 600px) { 
			.wines-wrap { min-height:1400px; }
			.wines-wrap .wine { width: 33.3%; }
		}
		@media all and (max-width: 550px) { .wines-wrap { min-height:1300px; } }
		@media all and (max-width: 450px) { .wines-wrap { min-height:1100px; } }
		@media all and (max-width: 350px) { .wines-wrap { min-height:910px; } }
		
		
		
		
	/*== VARIETALS PAGE ==*/
	
	.content-stamp { background: url('assets/images/stamp-bg.png') top center repeat-y; padding: 10px 50px; margin: 0 auto; }
	.content-stamp-top { height: 7px; background: url('assets/images/stamp-top.png');  margin: 80px auto 0 auto; }
	.content-stamp-btm { height: 7px; background: url('assets/images/stamp-btm.png'); margin: 0 auto; }
	
	.varietals-wrap { padding: 20px 50px; min-height:640px; }
	.master-title { width: 620px; margin: 0 auto; text-align:center; background: url('assets/images/icon-sc-stamp.png') bottom right no-repeat; }
	.master-title img { max-width: 90%; }
	.master-title h2 { font-size: 15px; letter-spacing: 2px; padding: 30px 0 40px 0; }
	.master-title h2::before { width: 22px; height:15px; margin-right: 10px; background: url('assets/images/icon-h2-left.png') center left no-repeat; content:""; display:inline-block; clear:both; }
	.master-title h2::after { width: 22px; height:15px; margin-left: 10px; background: url('assets/images/icon-h2-right.png') center right no-repeat; content:""; display:inline-block; clear:both; }
	.master-title p { text-align:left; }
	.back { padding-left: 15px; margin-bottom: 15px; line-height: 21px; background: url('assets/images/icon-arrow-left.png') center left no-repeat; display:inline-block; font-family:'SackersGothicW01-Heavy', sans-serif; text-transform:uppercase; }	
	.back.pl { margin-left: 65px; }

	.varietals-wrap .wine { width: 100%; padding: 0 0 30px 0; border-top: 1px solid #000; position:relative; }	
	.varietals-wrap .wine::after { content:""; display:block; clear:both; }
	.varietals-wrap .wine .bottle { width:25%; text-align:left; padding-top: 20px; float:left; }
	.varietals-wrap .wine .bottle img { width: 80%; }
	.varietals-wrap .wine .center { width:40%; float:left; padding-right: 40px; }
	.varietals-wrap .wine .center .h2 { margin-top: 40px; font-size: 14px; font-family:'SackersGothicW01-Heavy', sans-serif; text-transform:uppercase; }
	.varietals-wrap .wine .right { width:35%; float:left; padding: 50px 30px 0 0; }	
	.varietals-wrap .wine .right img { margin-bottom:10px; }
	.varietals-wrap .wine .right p { font-size: 11px; line-height: 15px; margin: 5px 0; text-transform:uppercase; }
	.varietals-wrap .wine .right ul { list-style:none; margin:0; padding:0; }
	.varietals-wrap .wine .right ul li { color: #707070; font-size:12px; }
	.varietals-wrap .wine .btt { position:absolute; bottom: -25px; right:0; z-index:1; text-align:right; padding-left: 15px; background: url('assets/images/icon-arrow-up.png') center left no-repeat; display:inline-block; }
	.varietals-wrap .wine .btn { height: 34px; line-height: 34px; padding: 0 30px; margin-bottom: 20px; }
	
	.jazzberry .h2 { color: #dd7895; }
	.tango-peach .h2 { color: #f68e2e; }
	.viva-sangria .h2 { color: #d22730; }
	.white-sangria .h2 { color: #b7bf11; }
	.zinberry .h2 { color: #606fb2; }
	.spiced-wassail .h2 { color: #8d3a80; }	


		@media all and (max-width: 1000px) { 
			.content-stamp { padding: 10px 0px; }
			.content-stamp-top { margin-top:40px; }
			.varietals-wrap { padding: 20px 30px; }
		}
		@media all and (max-width: 800px) { 
			.varietals-wrap .wine .center { width:45%; padding-right: 20px; }
			.varietals-wrap .wine .right { width: 30%; padding-right: 0; }	
		}
		@media all and (max-width: 700px) { 
			.varietals-wrap { padding: 20px 20px; }
			.master-title { width: 100%; }
			.varietals-wrap .wine .center { width:75%; padding-right:0; }
			.varietals-wrap .wine .center::after { content:""; display:block; clear:both; }
			.varietals-wrap .wine .right { padding-top: 10px; float:right; width:75%; }	
		}
		@media all and (max-width: 650px) { 
			.master-title h2::before,
			.master-title h2::after { display:none; }		
		}
		@media all and (max-width: 550px) { 
			.varietals-wrap .wine { padding-bottom: 60px; }
			.varietals-wrap .wine .center p { font-size: 11px; line-height: 19px; }
			.varietals-wrap .wine .btt { position:absolute; bottom: 10px; right:0; }
		}
		@media all and (max-width: 450px) { 
			.varietals-wrap .wine .center p { line-height: 18px; }
			.varietals-wrap .wine .center .btn { padding: 0 10px; font-size: 14px; letter-spacing:0; width: 90%; }
		}


	.pairings-wrap { width: 85%; padding: 20px 50px; margin: 0 auto; border: 1px solid #7c7c7c; position:relative; }
	.pairings-wrap .img-title { position:absolute; top:-15px; left: 35%; left: calc(50% - 100px); }
	.pairings-wrap .wine { padding: 30px 0; margin: 30px 0; }
	.pairings-wrap .wine * { text-align:center; }
	.pairings-wrap .wine img { display: block; margin: 0 auto; max-width: 100%; }
	.pairings-wrap .wine img.logo { margin: 20px auto 50px auto; }
	.pairings-wrap .wine .h2 { margin-top: 40px; font-size: 14px; font-family:'SackersGothicW01-Heavy', sans-serif; text-transform:uppercase; }
	.pairings-wrap .wine h2 { color: #000; font-size: 12px; line-height: 20px; padding: 10px 0; margin:0; }
	.pairings-wrap .wine h2 span { font-size: 10px; }
	.pairings-wrap .wine ul { list-style:none; margin:0; padding: 20px 0; }
	.pairings-wrap .wine ul li { color: #707070; }
	.pairings-wrap hr { border:0; border-top: 1px solid #000; margin-top: 70px; }
	.pairings-wrap .btn { background: #95a92f; }
	.cheese { background: #e8e8bd; padding: 30px 50px; margin: 50px 0; }
	.cheese * { color: #7F9227; }
	.cheese h3 { font-size: 12px; line-height: 20px; margin:0 0 10px 0; }

		
		@media all and (max-width: 950px) { 
			.pairings-wrap { width: 90%; padding: 20px 40px; margin: 0 auto; }
			.back.pl { margin-left: 5%; margin-bottom:30px; }
		}
		@media all and (max-width: 700px) { 
			.pairings-wrap .wine { padding: 10px 0; margin: 10px 0; }
			.pairings-wrap .wine p,.pairings-wrap .wine li { font-size: 11px; line-height: 19px; }
			.cheese { padding: 30px 30px; margin: 35px 0; }
			.back.pl { margin: 0 auto; display:block; margin-bottom: 40px; width: 140px; }
		}
		@media all and (max-width: 600px) { 
			.pairings-wrap { border-left:0; border-right:0; border-bottom:0; padding: 20px 25px; }
		}
		@media all and (max-width: 500px) { 
			.pairings-wrap { padding: 20px 18px; }
		}