/*
Theme Name:Belgioioso QNY
Author:QNY Creative
Author URI:http://qnycreative.com
Version:1.0
*/

/* fonts */
@font-face{ font-family:'Palatino'; src:url('fonts/Palatino-Bold.woff2') format('woff2'), url('fonts/Palatino-Bold.woff') format('woff'); font-weight:bold; font-style:normal; font-display:swap;}
@font-face{ font-family:'Palatino'; src:url('fonts/Palatino.woff2') format('woff2'), url('fonts/Palatino.woff') format('woff'); font-weight:400; font-style:normal; font-display:swap; }
@font-face{ font-family:'CopperplateGothic'; src:url('fonts/CopperplateGothic-Bold.woff2') format('woff2'), url('fonts/CopperplateGothic-Bold.woff') format('woff'); font-weight:bold; font-style:normal; font-display:swap;}

/* wp admin styles */
body#tinymce{ margin:0; padding:0; border:none;}

/* wp basic styles */
.entry-content img{margin:0 0 1.5em 0;}
div.alignleft, img.alignleft{display:inline-block;float:left;margin-right:1em;margin-bottom:1em;}
div.alignright, img.alignright{display:inline-block;float:right;margin-left:1em;margin-top:1em;}
div.aligncenter, img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}
.wp-caption{text-align:center;margin-bottom:1.5em;}
.wp-caption img{border:0 none;margin:0;padding:0;}
.wp-caption p.wp-caption-text{margin:0;font-weight:bold;}
.wp-smiley{ max-height:1em;margin:0 !important;}
.gallery dl{margin:0;border:0;padding:0;}
blockquote.left{float:left;margin-left:0;margin-right:20px;text-align:right;width:33%;}
blockquote.right{float:right;margin-left:20px;margin-right:0;text-align:left;width:33%;}
.gallery-caption{font-size:12px;}
html{height:100%;}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a img{border:none;}
p{ padding-top:0.1em;padding-bottom:0.1em;}
em{font-style:italic;}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail{max-width:100%;height:auto;}
.center{text-align:center;}
#page_content_wrapper p{padding-top:0.5em;padding-bottom:0.5em;}
#page_content_wrapper p:empty{padding:0 !important;margin:0 !important;}
#footer p{padding-top:0.5em;padding-bottom:0.5em;}
html, body{min-height:100%;}
img, a img{image-rendering:optimizeQuality;}
em{ font-style:italic; }
::selection{background:#8e7954; color:#fff;}
table{border-spacing:0;}
.sticky{background:#ffffe0;padding:30px 20px 20px 20px;border:1px solid #e6db55 !important;box-sizing:border-box;}
.marginright{margin-right:7px;}
img.alignright{float:right; margin:0 0 1em 1em}
img.alignleft{float:left; margin:0 1em 1em 0}
img.aligncenter{display:block; margin-left:auto; margin-right:auto}
a img.alignright{ float:right; margin:0 0 1em 1em}
a img.alignleft{ float:left; margin:0 1em 1em 0}
a img.aligncenter{display:block; margin-left:auto; margin-right:auto}
.sticky, .bypostauthor{ font-weight:bold; }
img.center{ margin:0 auto; display:block;}
.alignLeft{ text-align:left !important;}

/* common styles */
body{ margin:0; padding:0; }
input, select, textarea{ color:inherit; }
.contentCenter,
.wooContent .woocommerce{ width:1100px; margin:0 auto;}
a{ color:inherit;}
a img{ border:none; display:block;}
.displayTable{ display:table; width:100%; height:100%;}
.tableCell{ display:table-cell; width:100%; height:100%; vertical-align:middle;}
.button, button{ display:inline-block; font-family:'Open Sans'; font-size:16px; cursor:pointer; border:none; color:#fff !important; font-weight:bold; background:#8e7954; padding:10px 20px; border-radius:4px; text-decoration:none; text-transform:uppercase; transition:0.3s ease;}
.button:hover, button:hover{ background:#7e6944;}
.clear{ clear:both;}
.uppercase{ text-transform:uppercase;}
.preloadDiv, .svgPath{ overflow:hidden !important; width:0px !important; height:0px !important;}
.hidden{ display:none !important;}
textarea:focus,
input:focus{ outline:none;}
h1{ font-family:CopperplateGothic; font-size:40px; font-weight:600; letter-spacing:-2px; color:#8e7954; margin:0; line-height:1.2;}
h2.bar{ color:#8e7954; font-family:CopperplateGothic; font-size:30px; font-weight:600; letter-spacing:-2px; margin:0; line-height:1.2; text-align:center; background-color:#D9CAA7; padding:10px 0;}
a.bar{ text-decoration: none;}
.noMarginBottom{ margin-bottom:0;}
.row{}
.column2{ width:50%; float:left;}
.wrapper.column2{ width:100%; float:none;}
.row:after{ content:''; display:block; clear:both;}
img.center{ max-width:100%;}

/* body */
body{ position:relative; background:#f2efe3; min-width:1180px; line-height:1.2; color:#444; font-family:'Open Sans'; font-size:15px; letter-spacing:0.5px;}
input,textarea{ font-family:'Open Sans'; font-size:15px; color:inherit;}
.contentCenter{ margin:0 auto;}
.socialLinks{ margin:0 0 16px;}
.socialLinks a{ width:37px; height:37px; margin:0 0 0 16px; display:inline-block; background:no-repeat center center / contain; overflow:hidden; text-indent:500px;}
.socialLinks a.facebook{ background-image:url(images/facebook.svg);}
.socialLinks a.instagram{ background-image:url(images/instagram.svg);}
.socialLinks a.pinterest{ background-image:url(images/pinterest.svg);}
.socialLinks a.youtube{ background-image:url(images/youtube.svg);}

/* header */
header{ padding:35px 0;}
header a,
footer a,
.mobileMenu a{ text-decoration:none;}
header .logo{ text-indent:-5000px; overflow:hidden; background:url(images/logo.svg) no-repeat center center / contain; width:207px; height:100px; margin:0; display:block;}
body.home header .logo{ width:519px; height:250px; margin:0 auto; }
header .contentCenter{ position:relative;}
header .mainMenu a{transition:0.3s ease;}
header .mainMenu{ color:#8e7954; font-family:CopperplateGothic; font-size:16px;position:absolute; right:0; top:82px; margin:0; padding:0; list-style-type:none;}
header .mainMenu li{ padding:0 0 15px; position:relative; margin:0 0 0 15px;display:inline-block; margin:0 0 0 10px;}
header .mainMenu>li>a{ opacity:0.6;}
header .mainMenu>li:hover>a{ opacity:1;}
header .mainMenu .sub-menu{ margin:0; padding:0; font-size:15px; z-index:100; font-family:'Open Sans'; position:absolute; left:calc(50% - 125px); top:100%; width:250px; border-radius:0; box-shadow:0 0 12px 0 rgba(222, 211, 184, 0.9); background-color:#fff; display:none; border:2px solid; border-width:2px 0; }
header .mainMenu .sub-menu li{ transition:0.3s ease; display:block; margin:0; padding:0;}
header .mainMenu .sub-menu li a{ display:block; padding:10px;}
header .mainMenu .sub-menu li:hover{ background:#f2efe3; }
header .mainMenu li:hover .sub-menu{ display:block;}
body.home header .mainMenu,
body.home header .socialLinks{ display:none;}
header .mainMenu li:hover > a,
.mainMenu li.current_page_item >a,
body.single-recipe .menu-item-786>a,
body.single-product .menu-item-783>a,
body.page-id-35 .menu-item-954>a,
body.page-id-42 .menu-item-954>a,
body.tax-recipe_categories .menu-item-786>a{ color:#d2202f;}
header .socialLinks{ position:absolute; right:0; top:20px;}
header .socialLinks a{ opacity:0.6; transition:0.3s ease; }
header .socialLinks a:hover{ opacity:1;}
header .socialLinks a.facebook{ background-image:url(images/facebook2.svg);}
header .socialLinks a.instagram{ background-image:url(images/instagram2.svg);}
header .socialLinks a.pinterest{ background-image:url(images/pinterest2.svg);}
header .socialLinks a.youtube{ background-image:url(images/youtube2.svg);}

/* footer */
footer{ margin:20px auto 0; padding:15px 0 45px; background-image:linear-gradient(to bottom, #f2efe3, #c5b07d); /*font-family:Palatino;*/ font-size:13px; font-weight:normal; line-height:1.3; letter-spacing:0.39px; color:#573e1d;}
footer .left{ padding:10px 0 0 0; width:40%; float:left;}
footer .right{ font-size:10px; text-align:right; width:40%; float:right;}
footer ul{ text-align:center; margin:10px 0 40px; padding:0; list-style-type:none;}
footer ul li{ display:inline-block; margin:0 15px;}
footer a:hover{ text-decoration:underline;}

/* section */
section{ overflow-x:hidden; width:100%; position:relative; padding:35px 0; width:1100px; margin:0 auto 35px; padding:55px 65px; box-sizing:border-box; border-radius:24px; box-shadow:0 0 12px 0 rgba(222, 211, 184, 0.9); background-color:#fff;}
section .block:first-child{ margin-top:0;}
section .block:last-child{ margin-bottom:0;}
iframe section{ margin:0;}

/* fullwidthImage */
.fullwidthImage{ margin:60px auto;}
.fullwidthImage img{ display:block; width:100%;}

/* homeLinkBoxes */
.homeLinkBoxes{ margin:60px auto; font-size:22px; font-weight:bold; line-height:1.18; text-align:center; color:#8e7954;}
.homeLinkBoxes a{ text-decoration:none;}
.homeLinkBoxes .wrapper{ margin:0 -37px; padding:0; list-style-type:none;}
.homeLinkBoxes .image{ width:275px; height:173px; background:no-repeat center center / contain; margin:0 0 18px;}
.homeLinkBoxes .box{ font-family:'CopperplateGothic'; margin:0 37px 32px; float:left; width:calc(33.3333% - 74px);}

/* productList */
.productList{ margin:60px auto; text-align:center; }
.boxList{ }
.boxList .wrapper{ text-align:center; margin:40px -20px 0; padding:0; list-style-type:none;}
.boxList .wrapper span{ font-size: 13px;}
.boxList .wrapper h2{ font-family:'CopperplateGothic'; font-size:21px; font-weight:bold; line-height:1.18; color:#8e7954; }
.boxList .wrapper a{ text-decoration:none;}
.boxList .wrapper.column2 .box{ width:calc(50% - 40px);}
.boxList .wrapper.column3 .box{ width:calc(33.3333% - 40px);}
.boxList .wrapper.column4 .box{ width:calc(25% - 40px);}
.boxList .wrapper.column5{ margin: 40px -10px 0;}
.boxList .wrapper.column5 .box{ width:calc(20% - 20px);}
.boxList .wrapper .image{ width:100%; background:no-repeat center center / cover; margin:0 0 18px;}
.boxList .wrapper.column2 .image{ height:338px;}
.boxList .wrapper.column3 .image{ height:338px;}
.boxList .wrapper.column4 .image{ height:160px; box-shadow:inset 0px 0px 5px 5px #FFFFFF;}
.boxList .wrapper.column4 .image.noOverlay{ box-shadow:none;}
.boxList .wrapper.column5 .image{ height:132px;}
.boxList .wrapper .box{ margin:0 20px 32px; float:left; width:calc(100% - 40px);}
.boxList .wrapper.column5 .box{ margin: 0 10px 32px;}
.productList.boxList .image{ height:173px; background-size:contain;}
body.archive .productList{ margin-bottom: 0;}
.boxList.foodservice .wrapper.column3{ text-align: center;}
.boxList.foodservice .wrapper.column3 .box{ display: inline-block; float: none; vertical-align: top;}
.boxList.foodservice .wrapper.column3 .image{ height:225px;  box-shadow:inset 0px 0px 5px 5px #FFFFFF;}

/* fullwidthText */
.fullwidthText{ margin:60px auto;}
.fullwidthText a,
.textWithImages a{ color:#86754d;}
.fullwidthText h2,
.textWithImages h2,
.fullwidthText h3,
.textWithImages h3{ color:#8e7954; font-family:CopperplateGothic;}
.fullwidthText img{ max-width:100%;}

hr{ margin:40px auto; border:none; height:1px; background:#d9caa7;}
body.page-id-1108 .textWithImages{ margin:0;}
body.page-id-1108 .headerImage{ margin-bottom:60px;}
body.page-id-1108 .textWithImages strong{ color:#8e7954; }

/* textWithImages */
.textWithImages{ margin:60px auto;}
.textWithImages .left{ width:calc(100% - 272px - 40px); float:left;}
.textWithImages .right{ float:right; width:272px; padding:20px 0 0 0;}
.textWithImages .right img{ display:block; max-width:100%; margin:0 0 30px;}
.textWithImages .youtubeEmbed{ height:370px;}

/* sectionPaginator */
.sectionPaginator{ margin:30px 0 0;}
.sectionPaginator .prev{ float:left;}
.sectionPaginator .next{ float:right;}

/* faqBlock */
.faqBlock{ margin:60px auto; }
.faqBlock .row{ border-radius:24px; padding:4px 25px; border:1px solid #d9caa7; margin:0 0 20px; }
.faqBlock .question{ cursor:pointer; font-weight:500; padding:0 0 0 30px; position:relative;}
.faqBlock .question:before{ transition:0.3s ease; content:''; background:url(images/faqArrow.svg) no-repeat center center / contain; width:16px; height:9px; position:absolute; left:0; top:8px; transform:rotate(180deg);}
.faqBlock .row.opened .question:before{ transform:rotate(0deg);}
.faqBlock .question strong{ color:#86754d; font-family:'CopperplateGothic'; font-size:19px;}
.faqBlock .answer{ display:none; padding:0 0 0 30px;}
.faqBlock .answer p{ margin-top:0;}

/* jobOffers */
.jobOffers{ margin:60px auto; }
.jobOffers .row{ border-radius:24px; padding:25px 25px; border:1px solid #d9caa7; margin:0 0 20px; }
.jobOffers strong{ color:#86754d; font-family:'CopperplateGothic'; font-size:19px;}

/* productDetail */
.productDetail{ margin:40px auto;}
.productDetail .left{ width:467px; float:left; position:relative;}
.productDetail .left img{ display:block; width:100%; height:auto;}
.productDetail .left:before{ content:''; width:100%; height:100%; box-shadow:inset 0px 0px 5px 5px #FFF; position:absolute; left:0; top:0;}
.productDetail .right{ width:calc(100% - 30px - 467px); float:right;}
.productDetail .buttons{ margin:60px 0 0;}
.productInfo{ margin:40px auto;}
.productInfo .left{ width:calc(65% - 30px); padding:0 30px 0 0; border-right:1px solid #d9caa7; box-sizing:border-box; float:left;}
.productInfo .right{ width:35%; float:right;}
.productInfo .left ol{ padding:0 0 0 20px;}
.productInfo .left ol li{ margin-bottom:10px;}
.productInfo .left ul,
.productInfo .right ul{ padding:0 0 0 15px;}
.productInfo .topIcon{ text-align:center; margin:0 0 30px;}
.productInfo .icons{ text-align:center; margin:30px 0 0;}
.productInfo .icons img,
.productInfo .topIcon img{ display:inline-block; margin:0 10px 10px; max-width:calc(100% - 20px);}
.productInfo h2{ color:#8e7954; font-family:CopperplateGothic; font-size:26px; font-weight:600;}
.productInfo h2 em{ font-style:normal; font-size:18px;}
.productInfo h3{ color:#8e7954; font-family:CopperplateGothic; font-size:18px; font-weight:600;}
.videoBox{ width:100%; margin:0 auto; display:block;}
.videoBox video{ display:block; width:100%;}
.youtubeEmbed{ width:100%; height:288px; border:none; display:block;}
.videoTitle{ display:block; margin:20px 0 40px 0;}
.shareLinks{ margin:60px auto 0;}
.shareLinks.noMarginTop{ margin:0 0 30px;}
.shareLinks .facebook{ text-indent:-5000px; display:inline-block; vertical-align:middle; margin:0 2px; width:72px; height:28px; background:url(images/fb.png) no-repeat center center / contain;}
.shareLinks .twitter{ text-indent:-5000px; display:inline-block; vertical-align:middle; margin:0 2px; width:76px; height:28px; background:url(images/tweet.png) no-repeat center center / contain;}
.shareLinks .pinterest{ text-indent:-5000px; display:inline-block; vertical-align:middle; margin:0 2px; width:76px; height:28px; background:url(images/pin.png) no-repeat center center / contain;}
.inlineImage{ display:inline-block; margin:0 20px 20px;}
.productInfo .displayTable{}
.productInfo .displayTable .left{display:table-cell; float:none;}
.productInfo .displayTable .right{ display:table-cell; float:none; width:(35% + 30px); padding:0 0 0 30px;}
.productInfo.multiple .left{ padding:0; width:calc(100% - 274px - 30px); border-right:none;}
.productInfo.multiple .right{ width:274px; float:right;}
.productInfo.multiple .right img{ display:block; max-width:100%; margin:0 auto;}
.productInfo.multiple .youtubeEmbed{ height:378px;}

/* foodservice */
table.colored{ width:100%; border-bottom:1px solid #f2efe3; margin:0 0 40px;}
table.colored td{ padding:6px 10px; text-align:left;}
table.colored tr:nth-child(2n-1){ background:#f2efe3;}
/* table.colored tr td:last-child{ text-align:center;} */
table.colored th{ width:120px; text-align:right; color:#8e7954; }
.nutritionAndRecipes{ border-top:2px solid #d9caa7; padding:40px 0 0 0;}
.nutritionAndRecipes .right{ width:40%; float:right;}
.nutritionAndRecipes .right img{ width:100%; display:block;}
.nutritionAndRecipes .left{ width:calc(60% - 40px); float:left;}
.nutritionAndRecipes h2{ font-family:CopperplateGothic; margin:0 0 30px; font-size:2em; font-weight:600; letter-spacing:-2px; color:#8e7954; line-height:1.2;}
.nutritionAndRecipes .recipe{ display:block; border-bottom:1px solid #f2efe3; padding:0 0 30px; margin:0 0 30px;}
.nutritionAndRecipes .recipe .image{ background:#ccc no-repeat center center / cover; width:134px; float:left; height:100px; }
.nutritionAndRecipes .recipe .text{ width:calc(100% - 134px); float:left; box-sizing:border-box; padding:0 0 0 40px;}
.breadcrumbs{ display:block; margin:0 0 30px; padding:0; list-style-type:none; font-size:13px; }
.breadcrumbs li{ display:inline-block;}
.breadcrumbs li:after{ content:'»'; display:inline-block;; vertical-align:text-top; padding:0 5px;}
.breadcrumbs li:last-child:after{content:' ';}
.breadcrumbs li:last-child a{ color:#000;}
.breadcrumbs a{ color:#8e7954; text-decoration:none;}
.breadcrumbs a:hover{ color:#d2202f;}

/* recipeImages */
.recipeImages{ text-align:center; margin:40px auto;}
.recipeImages div{ display:inline-block; margin:0 20px; max-width:calc(100% - 40px); vertical-align:middle; position:relative;}
.recipeImages div img{ display:block; width:100%;}
.recipeImages .img0:before{ content:''; width:100%; height:100%; box-shadow:inset 0px 0px 5px 5px #FFF; position:absolute; left:0; top:0;}

/* headerImage */
.headerImage{ text-align:center; margin:-30px auto -20px;}
.headerImage img{ vertical-align:middle; display:inline-block; margin:0 20px; max-width:calc(100% - 40px);}

/* contactForm */
.contactForm{ border-radius:14px; padding:20px; background:rgba(242, 239, 227,0.5); width:80%; margin:0 auto;}
.contactForm label{ padding:8px 30px 0 0; color:#86754d; text-align:right; margin:0 0 10px; width:35%; float:left; box-sizing:border-box;}
.contactForm .column label{ color:inherit; margin:auto; width:auto; float:none; text-align:left; padding:0; display:block;}
.contactForm .column{ box-sizing:border-box; width:65%; float:right; margin:0 0 10px;}
.contactForm .column img{ display:inline-block; vertical-align:middle;}
.contactForm input[type=text],
.contactForm textarea{ border:1px solid #d9caa7; broder-radius:10px; box-sizing:border-box; padding:4px 10px; height:35px; margin:0 0 10px;}
.contactForm textarea{ padding:6px 10px; height:150px; resize:none;}
.divMessage{ display:none; margin:20px auto 0; text-align:left; width:100%; }
.divMessage.error{ color:#cf0000;}
.redBorder{ border-color:#cf0000 !important;}
.popContainer{ display:none; background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; z-index:999999; width:100%; height:100%; }
.popContent{ background:#fff; width:calc(100% - 20px); max-width:600px; padding:30px 20px; text-align:center; box-sizing:border-box; margin:auto; border-radius:10px;}
.popContainer .button{ display:inline-block; }
.popContent .black{ color:#000;}
.popContainer h1,
.popContainer h2,
.popContainer h3{ color:#8e7954; font-family:CopperplateGothic;}
body.page-id-44 .contactForm{ width:100%; box-sizing:border-box; padding-top:40px; border-radius:0 0 24px 24px;}

/* store locator */
.locatorTopContainer{position:relative; min-height:100%; width:100%; box-sizing:border-box; overflow:hidden; }
.locatorWrapper{width:788px; margin:0 auto; padding:10px 10px 950px 10px; box-sizing:border-box; margin-bottom:-950px; }

/* footerNewsletter */
.footerNewsletter{ text-align:center; margin:0 auto 30px;}
.footerNewsletter form{ margin:10px 0 0;}
.footerNewsletter input{ box-shadow:none; border-radius:4px; width:240px; height:42px; border:1px solid #8e7954; box-sizing:border-box; padding:0 10px;}

/* partnersList */
.partnersList.boxList .wrapper.column3{ width: 70%; margin: 0 auto;}
.partnersList.boxList .wrapper.column3 .image{ height: 166px; background-size: contain;}

/* aperitivoList */
.aperitivoList{ margin: -20px auto -50px; font-family: 'CopperplateGothic'; font-size: 13px; font-weight: bold; line-height: 1.18; color: #8e7954;}
.aperitivoList.boxList .wrapper h2{ margin: 0; font-size: 19px;}
.aperitivoRow{font-family: 'CopperplateGothic'; font-size: 13px; font-weight: bold; line-height: 1.18; color: #8e7954; text-align: center; text-decoration: none; margin: 0 -10px; border-bottom: 3px solid #D6CBAB; margin:20px 0 0; padding: 0 0 20px; display: table; width: 100%;}
.aperitivoRow .box{ width: 20%; display: table-cell; vertical-align: middle; text-align: center;}
.aperitivoRow a{text-decoration: none;}
.aperitivoRow a h2{ margin-bottom: 0;}
.aperitivoRow a .image{ width: 100%; height:132px; background:#ccc no-repeat center center / cover;}
.aperitivoRow span{ color: #A52B27; font-size: 19px;}
.aperitivoRow .pairing1,
.aperitivoRow .pairing2,
.aperitivoRow .pairing3{ font-size: 19px; text-transform: uppercase;}
.aperitivoRow .pairing1:before{ display: block; content:''; width: 65px; height: 65px; background: url(images/pairing1.png) no-repeat center center / contain; margin: 0 auto 15px ;}
.aperitivoRow .pairing2:before{ display: block; content:''; width: 65px; height: 65px; background: url(images/pairing2.png) no-repeat center center / contain; margin: 0 auto 15px ;}
.aperitivoRow .pairing3:before{ display: block; content:''; width: 65px; height: 65px; background: url(images/pairing3.png) no-repeat center center / contain; margin: 0 auto 15px ;}
.aperitivoPairings .buttonArea{ text-align: center; padding: 30px 0 50px; }
.aperitivoPairings .buttonArea .button{ background: none; font-family: 'CopperplateGothic'; font-size: 19px; font-weight: bold; line-height: 1.18; color: #8e7954 !important; border:2px solid #D6CBAB; border-radius:0; text-transform: capitalize;}
.aperitivoPairings .buttonArea .button:hover{ background: #8e7954; color: #fff !important; border-color:#8e7954;}
.youtubeVideo{ width: 100%; height: 545px; border: none;}

/* animations */
@keyframes levitate{
	0% { transform:translateY(0);}
	100% { transform:translateY(-15px);}
}

@keyframes levitate2{
	0% { transform:translateY(0);}
	100% { transform:translateY(10px);}
}

@keyframes rotate{
	0%{ transform:rotate(0deg); }
	100%{transform:rotate(360deg); }
}

.showIphone,
.mobileMenuOpen{ display:none !important;}

/* hide mobile menus on desktop */
@media screen and (min-width:1200px){
	.mobileMenuItems{ display:none !important;}
}

/* tablet */
@media screen and (min-width:0px) and (max-width:1199px){
	body{ min-width:768px; font-size:14px;}
	.showIpad{ display:block !important;}
	.hideIpad{ display:none !important;}
	section,
	.contentCenter{ width:738px;}
	section{ padding:35px 25px;}
	footer .left,
	footer .right{ width:50%;}
	body.home header .logo{ width:400px; height:193px;}

	header .mainMenu{ display:none;}

	.fullwidthText,
	.textWithImages,
	.faqBlock,
	.jobOffers,
	.productList{ margin:40px auto;}

	h1{ font-size:35px;}
	h2.bar{ font-size:25px;}
	.boxList .wrapper h2{font-size:18px;}

	.homeLinkBoxes{ font-size:18px;}
	.homeLinkBoxes .wrapper{ margin:0 -15px;}
	.homeLinkBoxes .box{ margin:0 15px 30px; width:calc(33.3333% - 30px);}
	.homeLinkBoxes .image{ width:100%; height:133px;}

	.headerImage img,
	.recipeImages div{ margin:0 10px;}
	body.parent-pageid-1021 .headerImage img.img0,
	body.page-id-1124 .headerImage img.img0,
	.recipeImages .img0{ width:440px;}
	body.parent-pageid-1021 .headerImage img.img1,
	body.page-id-1124 .headerImage img.img1,
	.recipeImages .img1{ width:208px;}

	.textWithImages .left{ width:calc(100% - 272px - 20px);}
	.button, button{ font-size:14px;}
	.textWithImages .youtubeEmbed{ height:223px;}
	.contactForm{ width:100%; box-sizing:border-box;}

	.boxList .wrapper .box{ margin:0 10px 30px;}
	.boxList .wrapper{ margin:30px -10px 0;}
	.boxList .wrapper.column4 .box{ width:calc(25% - 20px);}
	.boxList .wrapper.column4 .image{ height:115px;}
	.productInfo .displayTable{ display:block;}
	.productInfo .displayTable .left,
	.productInfo .displayTable .right{ width:100%; padding:0; float:none; border:none;}
	.productInfo .displayTable .left .youtubeEmbed{ height:388px;}
	.locatorWrapper{ width:100%;}
	.productDetail .left{ float:none; margin:0 auto 30px;}
	.productDetail .right{ width:100%; text-align:center;}
	body.page-id-1108 .headerImage{ margin:40px 0;}

	.boxList .wrapper.column5 .box { width: calc(33.3333% - 20px);}
	.boxList .wrapper.column5 .image {height: 157px;}
	.partnersList.boxList .wrapper.column3 .image { height: 121px;}
	.aperitivoPairings .box{ width: 15%;}
	.aperitivoPairings .box1{ width: 30%;}
	.aperitivoPairings .box2{ width: 25%;}
	.aperitivoRow .pairing1,
	.aperitivoRow .pairing2,
	.aperitivoRow .pairing3{ font-size: 16px;}
	.boxList .wrapper.column3 .box { width: calc(33.3333% - 20px);}

	header .logo{ width:166px; height:80px;}
	header .socialLinks{ display:none;}
	header{ padding:15px 0; position:fixed; width:100%; z-index:100; transition:0.3s ease; left:0; top:-1px;}
	body.home header{ position:relative; padding-bottom:25px;}
	body.scrolled header,
	body.openMenu header{background:#f2efe3; box-shadow:0 0 12px 0 rgba(222, 211, 184, 0.9);}
	body.home.scrolled header{background:none; box-shadow:none;}
	body:before{ content:''; display:block; height:1px; width:100%;}
	section{ margin-top:120px;}
	body.home section{ margin-top:0;}
	section{ border-radius:18px;}
	body.admin-bar header{ top:32px;}
	body.admin-bar.home header{ top:auto;}

	.mobileMenuItems .socialLinks a{ opacity:0.6; transition:0.3s ease;}
	.mobileMenuItems .socialLinks a.facebook{ background-image:url(images/facebook2.svg);}
	.mobileMenuItems .socialLinks a.instagram{ background-image:url(images/instagram2.svg);}
	.mobileMenuItems .socialLinks a.pinterest{ background-image:url(images/pinterest2.svg);}
	.mobileMenuItems .socialLinks a.youtube{ background-image:url(images/youtube2.svg);}

	/* mobile menu */
	/* visible header menu area */
	.mobileMenuOpen{ display:block !important; width:35px; height:57px; box-sizing:border-box; padding:18px 0 0 0; position:absolute; right:0; top:20px;}
	body.home .mobileMenuOpen{ display:none !important;}
	.mobileMenuOpen div{ display:block; width:100%; height:3px; background:#8e7954; position:relative; transition:0.3s ease;}
	.mobileMenuOpen div span{ display:none;}
	.mobileMenuOpen div:before,
	.mobileMenuOpen div:after{ position:absolute; left:0; top:0; width:100%; height:3px; background:#8e7954; content:''; transition:0.3s ease;}
	.mobileMenuOpen div:before{ top:-12px;}
	.mobileMenuOpen div:after{ top:12px;}

	/* click state */
	.mobileMenuOpen.active span{ background-color:transparent;}
	.mobileMenuOpen.active span:before{ transform:translateY(12px) rotate(45deg);}
	.mobileMenuOpen.active span:after{transform:translateY(-12px) rotate(-45deg);}

	/* menu items (invisible area) */
	.mobileMenuItems{ display:none; box-sizing:border-box; padding:70px 0 0 0; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(242,239,227,0.95); z-index:49;}
	body.admin-bar .mobileMenuItems{ padding:116px 0 0 0;}
	.mobileMenuItems ul{ margin:0; padding:0; list-style-type:none; text-align:center; color:#8e7954; font-size:16px; line-height:1.1; font-weight:bold; text-transform:uppercase;}
	.mobileMenuItems ul li{ display:block; margin:8px 0;}
	.mobileMenuItems ul li a{ text-decoration:none; display:inline-block; padding:4px 0;}
	.mobileMenuItems ul.sub-menu{ text-transform:none; color:#8e7954; opacity:0.7;}
	.mobileMenuItems ul li.logo{ display:none;}
	.mobileMenuItems .socialLinks{ text-align:center; margin:40px 0 0;}

	.boxList.foodservice .wrapper.column3 .image { height: 165px;}

	body.page-id-4589 section{ padding: 25px 0; width: calc(100% - 20px);}
	.youtubeVideo { height: 387px;}
}

/* phone */
@media screen and (min-width:0px) and (max-width:767px){
	body{ min-width:320px; font-size:14px;}
	.showIphone{ display:block !important;}
	.hideIphone{ display:none !important;}
	section,
	.contentCenter{ width:300px;}

	h1{ font-size:25px;}

	section{ padding:25px 15px;}
	header .logo{ width:103px; height:50px;}
	body.home header .logo{ width:230px; height:111px;}
	.homeLinkBoxes .box{ margin:0 10px 30px; width:calc(50% - 20px);}
	.homeLinkBoxes .image{ height:75px;}
	.homeLinkBoxes .wrapper{ margin:0 -10px;}
	.homeLinkBoxes{ font-size:15px;}
	footer .left,
	footer .right{ width:100%; float:none; text-align:center;}
	footer .right{ margin:20px auto 0;}
	footer ul{ margin:10px 0 20px;}
	.headerImage img{ max-width:100%; margin:0 auto;}
	.headerImage .img1{ margin-top:20px;}
	.textWithImages .left{ width:100%; float:none;}
	.textWithImages .right{ margin:30px auto 0;}
	.textWithImages .youtubeEmbed{ height:153px;}
	.boxList .wrapper.column4 .box{ width:calc(50% - 20px);}
	.productDetail .left{ width:100%;}
	.productInfo.single .left,
	.productInfo.single .right{ padding:0; border:none; width:100%;}
	.productInfo.multiple .right{ float:none; margin:0 auto 30px;}
	.productInfo.multiple .left{ width:100%;}
	.productInfo h2{ font-size:21px;}
	.productInfo h2 em{ font-size:15px;}
	h2.bar{ font-size:20px;}
	.boxList .wrapper h2{ font-size:16px;}
	.faqBlock .row{ padding:4px 10px;}
	.faqBlock .question strong{ font-size:16px;}
	.jobOffers .row{ padding:15px 20px;}
	.column2{ width:100%;}
	.contactForm label{ padding:0; text-align:left; margin:0 0 10px; width:100%;}
	.contactForm .column{ width:100%;}
	.productInfo .displayTable .left .youtubeEmbed{ height:151px;}
	#wpadminbar{ top:-46px !important;}
	.mobileMenuOpen{ top:5px;}
	body.admin-bar header{ top:46px;}
	section{ margin-top:80px;}
	.footerNewsletter input{ height:39px; width:170px;}
	.homeLinkBoxes{ margin:10px auto 0;}
	.boxList .wrapper.column5 .box{ width: calc(100% - 20px);}
	.boxList .wrapper.column5 .image,
	.aperitivoRow a .image { height: 195px;}
	.aperitivoRow .box{ display: block;}
	.aperitivoPairings .box1 { width: 100%;}
	.aperitivoPairings .box2 { width: 100%; padding: 20px 0;}
	.aperitivoRow .pairing1,
	.aperitivoRow .pairing2,
	.aperitivoRow .pairing3{ float: left; width: 33.3333%;}
	.boxList .wrapper.column3 .box {width: calc(50% - 20px);}
	.partnersList.boxList .wrapper.column3 .image { height: 69.7px;}
	.boxList.foodservice .wrapper.column3 .box{ width: calc(100% - 20px);}

	.nutritionAndRecipes .left,
	.nutritionAndRecipes .right { width:100%;}
	.nutritionAndRecipes .recipe .image { width: 100%; height: 150px;}
	.nutritionAndRecipes .recipe .text { width: 100%; padding: 10px 0 0 0;}
	
	.youtubeVideo { height: 153px;}
}