/*
 layout.css
*/

/* Remove Default Styling
------------------------------------------------------------------------------------------------- */
	
* { 
	margin: 0; 
	padding: 0; 
	font-style: normal; 
}

img { 
	border: 0; 
}


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

body{
	background: #f1ede9 url(../img/bg.jpg) repeat top left;
	color: #1f1f1f;
	font-family: 'Open Sans', Arial, Verdana;
	font-size: 14px;
	line-height: 22px;
	margin: 0 auto;
	padding: 0;
	weight: 300;
}

body, button, input, select, textarea, p {
	 font-family: 'Open Sans', Arial, Verdana;
}

a{
	text-decoration:none;
	color: #c10013;
}

a:hover{
    text-decoration:underline;
}

p{
	font-size: 15px;
	font-weight: 300;
}

.pdfprnt-top-right{
	position: relative;
}

.pdfprnt-top-right a{
	position: absolute;
	right: 0;
}

/* Overall
------------------------------------------------------------------------------------------------- */

.inner{
	width: 80%;
	margin: 0 auto;
}

.invis{
	visibility: hidden;
}


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

header.main {
	position: relative;
	z-index: 100;
}

header.main #logo{
	width: 240px;
	height: 217px;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -120px;
	z-index: 10;
	margin-top: -20px;
}

header.main #logo a{
	width: 240px;
	height: 217px;
	display: block;
	background: transparent url(../img/cook-italia-logo.png) no-repeat top left;
	background-size: 240px 217px;
	text-indent: -30000px;
	outline: none;
}

body.home header.main #logo{
	width: 357px;
	height: 322px;
	margin-left: -178px;
}

body.home header.main #logo a{
	width: 357px;
	height: 322px;
	background-size: 357px 322px;
}

/* Navigation */

nav#access{
	position: relative;
	z-index: 15;
}

nav#access ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

nav#access ul ul{
   list-style: none;
   margin-top: 50px;
   margin-bottom: 10px;
}

nav#access ul ul li{
   float: left;
   margin: 0 30px;
}

nav#access ul ul li a{
   font-weight: 700;
   text-transform: uppercase;
   color: #1f1f1f;
   font-size: 25px;
}

ul#menu-main-menu-left{
	float: left;
}

ul#menu-main-menu-right{
	float: right;
}

#banner img{
	margin: 0!important;
}

#banner img.size-full{
	width: 100%;
	height: auto;
}

.ls-wp-fullwidth-container{
	min-height: 400px;
}

.su-gmap iframe{
	width: 100%!important;
}

#s-share-buttons{
	text-align: center!important;
	margin-bottom: 40px;
}

#s-share-buttons .s-single-share{
	display: inline-block;
}

#breadcrumb{
	background: #191919 url(../img/dark-noise.jpg) repeat top left;
	color: #8d8d8d;
	padding: 5px 0;
	position: relative;
}

#breadcrumb h3{
	position: absolute;
	top: 2px;
	left: 25%;
	width: 50%;
	text-align: center;
	font-style: italic;
	color: #FFF;
}

#breadcrumb #backbutton{
	color: #c3c3c3;
	background: #333;
	border-radius: 4px;
	padding: 5px 10px;
	margin: 3px 0;
	display: inline-block;
}

#breadcrumb p{
	text-align: right;
	float: right;
	margin: 7px 0 0 0;
}

#breadcrumb p a{
	color: #8d8d8d;
}


/* Content--------------------------------------------------------------*/

#main{
	
}

#content-container h1{
	font-weight: 300;
	font-size: 30px;
	margin: 40px 20px 30px;
	line-height: 40px;
}

#content-container h2{
	font-weight: 700;
	font-size: 50px;
	text-transform: uppercase;
	background: transparent url(../img/h2.png) repeat-x center;
	display: block;
	margin: 55px 0 25px;
	line-height: 33px;
}

#content-container h2 strong{
	padding: 0 10px;
	background: #f1ede9 url(../img/bg.jpg) repeat top left;
}

#content-container h3{
	font-weight: 700;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 25px;
}

#content-container h4{
	font-weight: 300;
	font-size: 18px;
	line-height: 25px;
}

#main li{
	font-size: 15px;
	font-weight: 300;
	margin-bottom: 10px;
}

.wpcf7-form p{
	margin-bottom: 0;
}

.wpcf7-form input{
	padding: 10px;
	width: 95%;
}

.wpcf7-form select{
	padding: 10px;
	width: 100%;
}

.wpcf7-form textarea{
	padding: 10px;
	height: 150px;
	width: 95%;
}

.wpcf7-form input[type="submit"]{
	padding: 10px 15px;
	text-transform: uppercase;
	width: auto;
	background: #191919;
	color: #FFF;
	font-weight: bold;
	border: none;
}

/* Social Facebook Feed --------------------------------------------------------------*/

#cff{
	margin-top: 70px;
}

#cff .cff-item{
	/* width: 29%;   3 column*/
	width: 20.8%; /* 4 column */
}

#cff .cff-item{
	padding: 1% 1% 0;
	margin: 1%;
	float: left;
	clear: none;
	background: #FFF;
	border: 1px #CCC solid;
	border-radius: 4px;
}

#cff .cff-item:first-child{
	padding-top: 1%;
}

.cff-likebox{
	float: none;
	margin: -59px auto 0;
	width: 200px!important;
	clear: both;
}

#cff h3, #cff h4, #cff h5, #cff h6, #cff p{
	color: #525252;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 10px;
}

/* News --------------------------------------------------------------*/

#newsitems{
	margin-top: 70px;
}

#newsitems .post{
	/* width: 29%;   3 column*/
	width: 20.8%; /* 4 column */
	overflow: hidden!important;
}

#newsitems .post{
	padding: 1% 1% 0;
	margin: 1%;
	float: left;
	clear: none;
	background: #FFF;
	border: 1px #CCC solid;
	border-radius: 4px;
}

#newsitems .post img{
	margin: -5% -5% 10px;
	max-width: 110%;
	width: 110%;
	border-radius: 5px 5px 0 0;
}

#newsitems .post:first-child{
	padding-top: 1%;
}

#content-container #newsitems h3{
	font-size: 22px;
	margin-top: 0;
	color: #c10013;
}


/* Products --------------------------------------------------------------*/

#filters_scroll{
	text-align: center;
}

#filters_scroll a{
	color: #FFF;
	background: #a7a8a8;
	font-weight: 600;
	padding: 5px 10px;
	border: none;
	border-radius: 4px;
	margin: 3px;
	line-height: 38px;
}

#filters_scroll a:hover{
	background: #6a6a6a;
}

#product-details{
	float: left;
	width: 65%;
}

#product-image{
	float: right;
	width: 35%;
	text-align: center;
}

.product-item{
	text-align: center;
	position: relative;
}

#main .product-item img{
	max-width: 400px;
	margin: 0 auto;
	text-align: center;
}

.product-category-title{
	font-size: 40px!important;
}

.product-category-title strong{
	color: #666;
}

.owl-prev{
	color: #CCC;
	position: absolute;
	top: 30%; 
	left: -5%;
	font-size: 80px;
}

.owl-next{
	color: #CCC;
	position: absolute;
	top: 30%; 
	right: -5%;
	font-size: 80px;
}

.owl-nav div:hover{
	color: #666;
}

/* Recipes--------------------------------------------------------------*/

#filters{
	text-align: center;
}

#filters button{
	color: #FFF;
	background: #a7a8a8;
	font-weight: 600;
	padding: 5px 10px;
	border: none;
	border-radius: 4px;
	margin: 3px;
	line-height: 38px;
}

#filters button:focus{
	background: #6a6a6a;
}

.recipe-item{
	width: 18%;
	margin: 0.9%;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #FFF;
	text-align: center;
	float: left;
}

.recipe-item img{
	border-bottom: 1px #ddd solid;
	border-radius: 4px 4px 0 0;
}

#content-container .recipe-item h3{
	font-size: 14px;
	font-weight: 400;
	margin: 0;
	padding: 10px 20px;
	line-height: 22px;
	min-height: 45px;
}

#content-container .recipe-item h3 a{
	text-transform: none;
	font-size: 14px;
}

#recipe-details{
	float: left;
	width: 65%;
}

#recipe-image{
	float: right;
	width: 32%;
	text-align: center;
}

#recipe-image img{
	border-radius: 8px;
}

#recipe-details table{
	width: 100%!important;
	font-size: 15px;
    font-weight: 300;
}


/* Page nav
============================================================== */

.page-nav{
	background: #cccccc;
	padding: 10px;
	overflow: hidden;
}

.page-order{
	width: 25%;
	float: left;
}

.page-order select{
	width: 90%;
	padding: 4%;	
	color: #909090;
	font-weight: bold;
	background: #f0f0ed;
	text-transform: uppercase;
	font-size: 14px;
	border: none;
}

.page-search{
	width: 25%;
	float: left;
}

.page-search input{
	width: 90%;
	padding: 4%;
	color: #909090;
	font-weight: bold;
	background: #f0f0ed;
	text-transform: uppercase;
	font-size: 14px;
	border: none;
}

.page-pages{
	width: 50%;
	float: left;
	text-align: right;
	padding-top: 6px;
}

.page-pages .page-numbers{
	padding: 2% 1.5%;
	color: #909090;
	font-weight: bold;
	background: transparent;
	text-transform: uppercase;
	font-size: 17px;
}

.page-pages .current{
	color: #909090;
	text-decoration: underline;
}

.page-details{
	background: #f0f0ed;
	color: #909090;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	overflow: hidden;
}

.page-displaying{
	width: 40%;
	float: left;
	padding: 1.5%;
}

.page-options{
	width: 54%;
	float: left;
	padding: 1.5%;
}

.page-options ul{
	list-style: none;
	margin: 0!important;
	padding: 0!important;
	float: right;
}

.page-options ul li{
	float: left;
	margin: 0 5px!important;
	padding: 0!important;
}

.page-options ul li.iconskey img{
	width: 15px;
	margin-bottom: 3px;
}

.page-options ul li a{
	text-decoration: none;
	color: #666;
	outline: none;
}

.page-options ul li a:hover{
	text-decoration: none;
	color: #000;
}

.results-table{
	width: 100%;
}	

.results-table tr.odd{
	background: #FFFFFF;	
}

.results-table tr.even{
	background: #F6F6F6;	
}

.results-table td{
	padding: 10px;	
	color: #575252;
	font-size: 14px;
}

.results-table td p{
	padding: 0!important;	
	margin: 0!important;	
	color: #575252;
	font-size: 13px;
}

.results-table td p.contacts{
	color: #a0a0a0;
	font-size: 13px;
	margin-bottom: 5px;
}

.results-table td p.contacts a{
	text-decoration: underline;
	color: #A0A0A0;
}

.results-table td h3{
}

.results-table td h3 a{
	text-decoration: underline;
}


/* Sidebar ================================================ */


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

.site-footer {
    clear: both;
    width: 100%;
    background: #1f1f1f url(/wp-content/uploads/2017/01/banner-ribbon-footer-e1484227341785.png) no-repeat bottom center;
    background-size: 80px auto;
    padding: 10px 0;
    overflow: hidden;
}

.footercol1{
	width: 100%;
	text-align: center;
	font-weight: 300;
	font-size: 25px;
	color: #FFF;
}



.footercol2{
	width: 40%;
	text-align: left;
	color: #727272;
	float: left;
}

.footercol3{
	width: 40%;
	text-align: right;
	color: #727272;
	float: right;
}

.site-footer a {
    color: #727272;
}

.footercol p {
    color: #727272;
    margin: 0;
}

.footercol1 p{
    color: #FFFFFF;
    margin: 13px 10px 50px;
}


#copyright {
    
}


/* Helper Styles  */	



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.highlight {
	font-weight: bold;
	color: #c90033;
}
	
.hide { display: none; }
	
.clear {
	clear: both;
}

.clearleft{
	clear: left;
}
	
.bold {
	font-weight: bold;
}
	
em { 
	font-style: italic;
}

#mobilemenu{ display: none; }

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

@media handheld, only screen and (max-width: 1800px) {
   nav#access ul ul li{ margin: 0 20px; }
   nav#access ul ul li a{ font-size: 24px; }
   .ls-wp-fullwidth-container{ 	min-height: 360px; }
}


@media handheld, only screen and (max-width: 1600px) {
   nav#access ul ul li{ margin: 0 20px; }
   nav#access ul ul li a{ font-size: 24px; }
   .inner{ width: 85%; }
   .ls-wp-fullwidth-container{ 	min-height: 350px; }
}


@media handheld, only screen and (max-width: 1500px) {
   .inner{ width: 90%; }
   .ls-wp-fullwidth-container{ 	min-height: 300px; }
}

@media handheld, only screen and (max-width: 1400px) {
   nav#access ul ul li{ margin: 0 15px; }
   nav#access ul ul li a{ font-size: 20px; }
   .ls-wp-fullwidth-container{ 	min-height: 250px; }
   .owl-prev{ left: 0; }
   .owl-next{ right: 0; }
}

@media handheld, only screen and (max-width: 1200px) {
   nav#access ul ul li{ margin: 0 10px; }
   nav#access ul ul li a{ font-size: 19px; }
   .inner{ width: 95%; }
   .ls-wp-fullwidth-container{ 	min-height: 200px; }
   body.home header.main #logo{ width: 268px; height: 242px; margin-left: -134px; margin-top: 0; }
   body.home header.main #logo a{ width: 268px; height: 242px; background-size: 268px 242px; }
}

@media handheld, only screen and (max-width: 1024px) {
    .ls-wp-fullwidth-container{ 	min-height: 150px; }
    .inner{ width: 98%; }
    #content-container h2{ font-size: 38px; }
    .recipe-item{ width: 22.9%; }
    #cff .cff-item{ width: 28.8%; }
    #content-container h3{ font-size: 22px; line-height: 28px; }
    #content-container h2{ font-size: 40px; margin: 35px 0 25px; }
    #newsitems .post{ width: 28.8%; }
    #backbutton, #breadcrumb p{ display: none!important; }
    #breadcrumb h3{ position: relative; width: 100%; left: auto; text-align: center; }
    #banner img.size-full{ min-height: 150px; width: auto; height: 150px; margin-left: -25%!important; }
    #banner{ overflow: hidden; }
    #recipe-image, #recipe-details, #product-image, #product-details{  float: none; width: 100%; }
    .product-category-title{ font-size: 35px!important; line-height: 35px!important; }
    
}

@media handheld, only screen and (max-width: 1000px) {
	#access{ height: 50px;}
	#access div.mobilemenu_wrapper{ border-radius: 4px 0 4px 4px; display: none; position: absolute; top: 32px; right: 0; background: url("../img/dark-noise.jpg") repeat scroll left top #191919; padding: 10px; }
	#access li{ position: relative; }
	#access li:hover div.mobilemenu_wrapper{ display: block;  }
	header.main #logo, body.home header.main #logo{ margin-top: -50px; }
	#mobilemenu{ display: block; cursor: pointer; z-index: 1000; position: absolute; top: 0; right: 0; background: #a7a8a8; color: #FFF; padding: 2px 5px; border-radius: 4px; margin-top: 10px; }
	nav#access ul ul{ margin: 0; padding: 0; }
	ul#menu-main-menu-left, ul#menu-main-menu-right, nav#access ul ul li{ float: none;}
	nav#access ul ul li a{ color: #FFF; text-align: right; padding: 2px 0; display: block; margin: 5px 0; }
	li:hover #mobilemenu{ background: #191919 url("../img/dark-noise.jpg") repeat top left;  }
	nav#access ul ul li{ margin: 0; }
}

@media handheld, only screen and (max-width: 900px) {
	body.home header.main #logo{ width: 268px; height: 242px; margin-left: -134px; }
	body.home header.main #logo a{ width: 268px; height: 242px; background-size: 268px 242px; }
	#content-container h1{ font-size: 30px; line-height: 30px; }
}



@media handheld, only screen and (max-width: 800px) {
    .ls-wp-fullwidth-container{ 	min-height: 100px; }
    .recipe-item{ width: 31.2%; }
    #cff .cff-item{ width: 45.2%; }
    #newsitems .post{ width: 45.2%; }
    #content-container h3{ font-size: 20px; line-height: 26px; }
    #content-container h2{ font-size: 30px; }
    .product-category-title{ font-size: 30px!important; }
    body.home #banner{ margin-top: 100px; }
    
}

@media handheld, only screen and (max-width: 600px) {
    .ls-wp-fullwidth-container{ 	min-height: 80px; }
    .recipe-item{ width: 47.8%; }
    #cff .cff-item{ width: 95%; }
    #newsitems .post{ width: 95%; }
    #breadcrumb h3{ font-size: 14px; }
    #banner img.size-full{  margin-left: -50%!important; }
}

@media handheld, only screen and (max-width: 540px) {
    .recipe-item{ width: 47.2%; }
}


/* Transitions
------------------------------------------------------------------------------------------------ */


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}



/* Owl Theme */


.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] {
    
}
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
   
}
.owl-theme .owl-controls .owl-nav .disabled {
    cursor: default;
    opacity: 0.5;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
}
.owl-theme .owl-dots .owl-dot span {
    background: none repeat scroll 0 0 #d6d6d6;
    border-radius: 30px;
    display: block;
    height: 10px;
    margin: 5px 7px;
    transition: opacity 200ms ease 0s;
    width: 10px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: none repeat scroll 0 0 #869791;
}

/*--------------------------------------------------------------
Cookie popup
--------------------------------------------------------------*/
#cookie-notice .cn-button {
	background-color: #003f12 !important;
	background-image: none !important;
	color: #fff;
}

#cookie-notice a {
	color: #00aa31;
}