/* CSS Document */


/* Ipad */
@media only screen and (max-width: 767px) {
	body { min-width:320px; font-size:16px; overflow-x: hidden; }
	img { max-width:100%; height:auto }
	.wrap {  width:300px; padding:0px 10px;}
	
	h1 { font-size:19px;  margin-bottom:20px;  }
	h2, h4.widgettitle { font-size:19px;  margin-bottom:20px  }
		h1.big, h2.big { font-size:35px; padding-bottom:35px; }
	h3 { font-size:19px; margin-bottom:10px;  }
	h4 {   font-size:22px; margin-bottom:5px; }
	
	hr { margin:24px 0px 24px 0px; }
	
	.single-recipe h1.post-title { font-size:50px; margin-bottom:45px;  padding-bottom:14px;}
	
	.title, 
	.single-product h1.post-title,
	.single-product h1.post-title,
	.post-type-archive-product h1.post-title,
	h1.product-title  { font-size:48px; padding:14px 30px; margin-bottom:70px;}

	.left, .right, #sidebar { float:none; clear:both; width:100% !important; padding:0px 0px 0px 0px !important; margin:0px 0px 35px 0px !important; border:0px; }
	
	.big { font-size:18px; line-height:1.8em }
	.bigger { font-size:22px; line-height:1.8em; }
		.bigger p { padding-bottom:34px; }
	

	header { position: relative; width:100%; height:206px; margin-bottom:30px; 
	background-color:transparent; /*background-image:url(images/bg-header-320.gif); */
	background-image:url(images/bg-header-320.jpg); background-position: center top; }
		header .wrap { height:100%;}
		header #logo {  position:absolute; width:100%;height:151px; top:11px; background-image:url(images/logo-320.png); background-position:center top;   }

	.top-nav { display:none   }
	
	header #lang_sel_list { position:relative; top:204px; right:0px; width:300px; text-align:center;  }
		header #lang_sel_list  li { position:relative; display:inline-block; float:none; margin-right:12px !important; text-align:center }
		header #lang_sel_list a { color:#00adec !important; text-decoration:none }
		
		
	#mobile_links { display:block; position:absolute; width:283px; bottom:14px; text-align:center; z-index:888; padding-right:17px; }		
		#mobile_links a { text-transform:uppercase; color:#171717; font-size:22px; }
		#mobile_links > a:after { position:absolute; right:114px; top:6px; display:block; content:''; width:15px; height:8px; background-image:url(images/arrow-mobile.png); background-repeat:no-repeat; }
		#mobile_links a:hover { text-decoration:none;  }
		
	.et_mobile_menu { display: none; position: absolute; width:300px; top:35px; left:0px; z-index:80; text-align:center; 
	background-color:#28ace7;  }
	.et_mobile_menu ul { display: block !important; visibility: visible !important;  }
		.et_mobile_menu li { border-bottom:2px solid #fff; margin:0px !important   }
		.et_mobile_menu li:last-child { border:0px;}
			.et_mobile_menu a { display:block; color:#fff !important; text-transform:uppercase; padding:18px 12px 16px 12px; line-height:1em; font-size:21px !important}
			.et_mobile_menu li a:hover { background-color:#93d5f3;  }
			
	#featured-area { margin-bottom:60px;   }
	#featured-area .wrap-text { position:absolute; width:320px; bottom:10px; left:50%; margin-left:-160px;  }
		#featured-area .text  { padding:8px 15px 8px 15px; font-size:18px;}
	#featured-area img.banner { position:relative; top:0px; left:0px; z-index:1; margin-left:-0px; width:100%; height:auto; /*max-width:100%; min-width:500px; */   }

	
	/** Featured Products ***/
	#featured-area .featured-product { position:relative; margin-bottom:65px; height:360px; padding:0px 100px; }
		#featured-area .featured-product .text-product { width:280px; height:350px; top:30px; margin-left:-140px;  font-size:13px; }
			#featured-area .featured-product .text-product .thumb img { max-width:280px; max-height:175px; width:auto; height:auto; margin-bottom:5px }
			.featured-product  h2 {  font-size:25px; text-transform:none; margin-bottom:11px;  }

			#featured-area .thumbs li { min-width:143px; min-height:160px; height:100%; margin:0px 3px 25px 2px; font-size:12px;  }
			#featured-area .thumbs li img { max-width:143px; height:auto; }
		
		#featured-area .prev a { left:15px; }
		#featured-area .next a { right:15px; }
	
	.home .category-content img.alignnone { margin:10px 0px 15px; }
		
	/*--------------------[LOOPS]-------------------*/
	.overlay { width:300px; height:300px; font-size:42px; background-image:url(images/overlay-recipe.png)  }
	.recipes { }
		.recipes li { position:relative; float:left; width:300px; height:300; margin:0px 0px 35px 0px }
		.recipes li h5 { margin:15px;  }
		.recipes li img { width:300px; height:300px;}
		
	/*------------SINGLE POST -----------*/
	.page-findus .left, .page-findus #sidebar { margin-top:35px;}
	
	/*------------SINGLE RECIPE -----------*/
	.single-recipe article {  }
		.single-recipe .left { font-size:13px; }
			.single-recipe .left .bottom { font-size:14px; margin-top:25px; }
		.single-recipe .right { font-size:14px; }
			.single-recipe .right p { padding-bottom:24px }
	
	table td { padding:0px; vertical-align:middle;}
	
	/*------------SINGLE PRODUCT -----------*/
	.single-product .post-content, .text-big { font-size:22px; }
	.left.nutrition-summary  { font-size:13px; margin:40px 0px 40px 0px !important}
	.right.ingredients { font-size:13px; margin:40px 0px 40px 0px !important}	
	
	.single-product .nutrition-summary table td { padding:1px 11px; }
	
	.page-template-page-findus-php .left { margin-top:35px !important;}
	
	table .table-head { font-size:15px;}
	
	.alignleft { float:none; clear:both; display:block; margin:0px auto 10px auto; max-width:50% !important; height:auto; }
	.alignright {  float:none; clear:both; display:block; margin:0px auto 10px auto; }
	
	footer { height:auto; font-size:13px; overflow:hidden !important; }	
		footer span { display:block }
		footer .widget { margin:0px 0px 13px 0px;   }
	
		
}

/* iPads ----------- // */
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 960px) {

	body  { min-width:790px; font-size:16px;}
	img { max-width:100%; height:auto }
	.wrap { width:750px; padding:0px 20px;}
	
	h1 { font-size:20px; margin-bottom:20px;  }
	h2, h4.widgettitle { font-size:20px; margin-bottom:20px  }
		h1.big, h2.big { font-size:68px; line-height:1.1em; margin-bottom:35px }
	h3 {   }
	h4 {   }
	
	.title, 
	.single-product h1.post-title, .single-recipe h1.post-title,
	.single-product h1.post-title,
	.post-type-archive-product h1.post-title  { font-size:64px;}

	.big { font-size:20px;  }

	
	header { margin-bottom:80px;  }
		header #logo { top:38px; width:170px; height:170px; background-image:url(images/logo-750.png); left:20px; }
	
	.top-nav { position:absolute; top:50px; right:11px; width:561px; height:61px; }

	.top-nav li.dulce	{ top:20px; left:0px; width:145px; height:65px; background-image:url(images/mnu-dulce-750.png); background-position:left top; }
		.top-nav li.dulce:hover,
		.top-nav li.dulce.current-menu-item,
		.top-nav li.dulce.current-menu-parent	{ background-position:-145px top;}
	
	.top-nav li.recipes	{ top:23px; left:145px; width:93px; height:41px; background-image:url(images/mnu-recipes-750.png);  }
		.top-nav li.recipes:hover,
		.top-nav li.recipes.current-menu-item,
		.top-nav li.recipes.current-menu-parent	{ background-position:-93px top; }
	
	.top-nav li.sweet		{ top:4px; left:237px; width:129px; height:49px; background-image:url(images/mnu-sweet-750.png); }
		.top-nav li.sweet:hover,
		.top-nav li.sweet.current-menu-item { background-position:-129px top;}
	
	.top-nav li.crew { top:2px; left:366px; width:107px; height:37px; background-image:url(images/mnu-crew-750.png); }
		.top-nav li.crew:hover,
		.top-nav li.crew.current-menu-item  	{ background-position:-107px top; }
	
	.top-nav li.findus	{ top:0px; left:473px; width:108px; height:34px; background-image:url(images/mnu-contact-750.png); }
		.top-nav li.findus:hover,
		.top-nav li.findus.current-menu-item  { background-position:-108px top;}
	
	/*
	.top-nav li:hover,
		.top-nav li.current-menu-item,
		.top-nav li.current-menu-parent	 { background-position:left !important}
	*/	
	#mobile_links { display:none;}
	

	/*------------SINGLE RECIPE -----------*/
	.single-recipe article {  }
		.single-recipe .left { width:200px; font-size:14px; }
			.single-recipe .left .bottom { font-size:15px; margin-top:50px; }
		.single-recipe .right { width:470px; font-size:15px; }
			.single-recipe .right p { padding-bottom:28px }
	
	table td { padding:0px; vertical-align:middle;}
	
	/*------------SINGLE PRODUCT -----------*/
	.single-product .post-content, .text-big { font-size:22px; }
	.left.nutrition-summary{  width:300px;  font-size:13px; margin:63px 0px 70px 0px !important}
	.right.ingredients { width:410px; font-size:14px; margin:65px 0px 70px 0px !important }	
	
	.nutrition-summary table td { padding:1px 11px; vertical-align:top;}
	
	table .table-head { font-size:15px;}
	
	.recipes { float:none; clear:both; margin:0px 0px 35px 0px}
		.recipes li { position:relative; float:left; width:235px; height:235px; margin:0px 22px 22px 0px }
		.recipes li .overlay { width:235px; height:235px;}
		.recipes li h5 { font-size:42px; margin:12px; line-height:1em }
		.recipes li:hover .overlay  { opacity:1 }
		
	/*--------------[FEATURED SLIDER]-----------------*/
	/*------------------------------------------------*/
	/*** For Pages ****/
	#featured-area { margin-bottom:65px;  }
		#featured-area .wrap-text { width:750px ; bottom:40px; left:50%; margin-left:-375px; }
			#featured-area .text  {  padding:13px 29px 13px 45px; font-size:27px; }
			#featured-area img.banner { width:100%; height:auto; max-width:100%;   }
	
		/** Featured Products ***/
		#featured-area .featured-product { margin-bottom:65px; height:485px;  }
			#featured-area .featured-product .bg { width:100%; max-height:485px;  }
			#featured-area .thumbs li { min-width:143px; min-height:160px; height:100%; margin:0px 2px 5px 2px; font-size:12px;  }
			#featured-area .thumbs li img { max-width:143px; height:auto; }
		
			#featured-area .prev a { left:40px; }
			#featured-area .next a { right:40px; }
		
	#content {  }
	
	crew {}
	.crew li { position:relative; float:left; width:220px; height:220px; margin:0px 30px 40px 0px; }
	.crew li img { display:block; }
	.crew .over { display:none; position:absolute; z-index:99;  top:0px; left:0px; width:210px; height:110px; padding:90px 5px 20px 5px; font-size:17px; }
		.crew .over h3 {font-size:32px; line-height:31px;}
	
	
		
}