.pageTabs{height:140px;text-align: center;position:relative}
.pageTabs li,
.pageTabs:before{height:100px;border-bottom:1px solid #fff}
.pageTabs:before{content:'';position:absolute;left:0;right:0;top:0;z-index:-1}
.pageTabs.orange:before,
.pageTabs.orange li{background-color:#e17f11}
.pageTabs.orange li:hover{background-color:#e6a62a}
.pageTabs.orange li.current_page_item{background-image:url(../images/Square-Texture-Orange.jpg)}
.pageTabs.greyblack:before,
.pageTabs.greyblack li{background-color:#333333}
.pageTabs.greyblack li:hover{background-color:#5c5c5c}
.pageTabs.greyblack li.current_page_item{background-image:url(../images/Square-Texture-Grey.jpg)}
.pageTabs.greenblack:before,
.pageTabs.greenblack li{background-color:#2d3626}
.pageTabs.greenblack li:hover{background-color:#4e5c44}
.pageTabs.greenblack li.current_page_item{background-image:url(../images/Square-Texture-Green.jpg)}
.pageTabs li{width:25%;max-width:470px;display: inline-block;vertical-align: top;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;transition: background 1s;}
.pageTabs li.current_page_item{background-size:100% auto;background-size:cover;background-position: center;background-repeat: no-repeat;height:140px;position:relative}
.pageTabs li.current_page_item:before{content:'';position: absolute;left: 0;bottom:0;height:24px;width:calc(50% - 20px);background-color:#fff}
.pageTabs li.current_page_item:after{content:'';position: absolute;right: 0;bottom:0;height:24px;width:calc(50% - 20px);background-color:#fff}
.pageTabs li a{color:#fff;height:inherit;width:100%;display:block;text-align: center;font-size:31px;line-height:1;padding-top:36px;padding-left:10px;padding-right:10px;}
.pageTabs li.current_page_item a{padding-top:42px}
.pageTabs li.current_page_item a:before{content:'';position: absolute;left: 50%;bottom:0;width: 0;height: 0;border-style: solid;border-width: 0 20px 24px 20px;border-color: transparent transparent #ffffff transparent;}
.pageTabs li.current_page_item a:after{content:'';position: absolute;right: 50%;bottom:0;width: 0;height: 0;border-style: solid;border-width: 0 20px 24px 20px;border-color: transparent transparent #ffffff transparent;}
.pageTabs li a > span{  display: inline-block;  vertical-align: middle;}
.pageTabs li a .icon{padding-right:25px;font-size:31px}
.pageTabs li a .icon span{display: block;}
.pageTabs li.hasSubMenu{position: relative}
.pageTabs li.hasSubMenu ul.subMenu{  position: absolute;   z-index: 50; top: 100%;left:0;right:0; max-height: 225px;overflow: auto;display:none}
.isTouch .pageTabs li.hasSubMenu:hover ul.subMenu{display: none;}
.pageTabs li.hasSubMenu:hover ul.subMenu,
.isTouch .pageTabs li.hasSubMenu.hover ul.subMenu{display: block;}
.pageTabs li.hasSubMenu ul.subMenu li{display: block;width:100%;height: 50px;background-color: #e9dfd0;}
.pageTabs li.hasSubMenu ul.subMenu li:hover{background-color: #f1eae0;}
.pageTabs li.hasSubMenu ul.subMenu li a{display: block;padding:14px;font-size:21px;color: #000000;}
.pageTabs li.hasSubMenu.current_page_item{background-position: top;}
/*.pageTabs li.hasSubMenu.current_page_item:hover:before,
.pageTabs li.hasSubMenu.current_page_item:hover:after,*/
.pageTabs li.hasSubMenu.current_page_item:hover a:before,
.pageTabs li.hasSubMenu.current_page_item:hover a:after {border-color: transparent transparent #e9dfd0 transparent;}
.pageTabs li.hasSubMenu.current_page_item:hover:after,
.pageTabs li.hasSubMenu.current_page_item:hover:before {background-color: #e9dfd0;}
.pageTabs li.hasSubMenu.current_page_item:hover a:before,
.pageTabs li.hasSubMenu.current_page_item:hover a:after{display:none}
.pageTabs li.hasSubMenu.current_page_item:hover > a:before,
.pageTabs li.hasSubMenu.current_page_item:hover > a:after{display:block}
/*.pageTabs li.hasSubMenu.current_page_item:hover{height:116px} */

.single-product .pageTabs {height:115px;}
.sticky .pageTabs {height:98px;}
.sticky .pageTabs li, .sticky .pageTabs:before {height:74px;}
.sticky .pageTabs li.current_page_item { height:98px;}

.sticky .pageTabs li a, .sticky .pageTabs li.current_page_item a { padding-top:21px; font-size:26px;}
.single-product #SiteHeader.sticky {box-shadow: none; -webkit-box-shadow:none; -moz-box-shadow:none;}

.tabContent{display:none}
.tabContent.active{display:block}

.mainContent{padding:40px 0}
.pageTabs + .mainContent{padding-top:0}
.pageTabs + .mainContent h1{margin-top:0}
.mainContent .back{margin-bottom:20px}
.mainContent .back a{color:#c7c8c6;font-size:26px}
.mainContent .back a:hover{color:#2d3626}

h1.pageTitle,
.content h1,
.content h2{font-family: 'dagobertregular';font-size:124px;line-height: 96px;  text-align: center;  margin: 55px 0;}
.content .largeText{font-size:148%;line-height:1.2}
.content p{margin:45px 0}
.content p:first-child{margin-top:0}
.content p:last-child{margin-bottom:0}


.slick-arrow{position:absolute;top:50%;width:38px;height:38px;margin-top:-19px;cursor:pointer}
.slick-arrow.slick-prev{left:0;z-index:10}
.slick-arrow.slick-next{right:0;z-index:10}
.slick-arrow svg .fill{fill:#e9dfd0}
.slick-arrow svg .arrow{stroke:#000}
.slick-arrow:hover svg .fill{fill:#fff}

.slick-dots {display:block;  padding: 0;  list-style: none;  text-align: center;}
.slick-dots li {display: inline-block;  vertical-align: middle;  width: 16px;  height: 16px;  margin: 0 5px;  padding: 0;  cursor: pointer;}
.slick-dots li button {font-size: 0;  line-height: 0;  display: block;  margin: auto;  width: 16px;  height: 16px;  cursor: pointer;  color: transparent;  border: 2px solid #c2c5c0;  outline: none;  border-radius: 50%;background-color:#fff}
.slick-dots li.slick-active button {border-color:#40483a;background-color:#40483a}

.whiteArrows .slick-arrow svg .fill{fill:#fff}
.whiteArrows .slick-arrow:hover svg .fill{fill:#2d3626}
.whiteArrows .slick-arrow:hover svg .arrow{stroke:#fff}

.pagination{text-align: center;padding:20px 0}
.pagination > a,
.pagination > span{display:inline-block;vertical-align: middle;background-color:#e9dfd0;width:48px;height:48px;font-size:23px;line-height:48px;color:#2d3626}
.pagination a.prev .fontastic,
.pagination a.next .fontastic{display: inline-block;vertical-align: middle;line-height:inherit!important;}
.pagination a.prev .fontastic span,
.pagination a.next .fontastic span{display: block;line-height:inherit!important;}
.pagination > span.current{background-color: #f1eae0;}
.pagination > a:hover{background-color: #2d3626;  color: #fff;}

.listing article{max-width:237px;margin:auto;padding:28px 0}
.listing article .image{position:relative}
.listing article .image img{display:block}
.listing article .image .flag{position: absolute; top: -6px; left: 2px;}
.listing article h2{margin:30px 0 20px}
.listing article .summary{padding-bottom:10px}
.listing article a{color: inherit;}
.listing article .viewMoreLink a{text-decoration: underline;}
.listing article .viewMoreLink a:hover{text-decoration:none}

.listingSearch{background-color:#e9dfd0;padding:26px 0;text-align: center}
.listingSearch form{display: inline-block;max-width:440px;width:100%}
.listingSearch form > div{display: inline-block;vertical-align: middle}
.listingSearch form .search{width:calc(100% - 60px);}
.listingSearch form input[type=text],
.listingSearch form input[type=search]{border:0;height:68px;line-height:68px;padding:0 18px;font-size:31px;width:100%;}
.listingSearch form input[type=submit]{background-color:#333333;color:#fff;height:68px;line-height:68px;text-align: center;width:60px;border:0;cursor:pointer}
.listingSearch form input[type=submit]:hover{background-color:#f1eae0;color:#333333;}

.single-post .back{padding-top:25px;margin-bottom:20px}
.pageTabs + .single-post .back{padding-top:0;margin-bottom:5px}
.single-post .back a{color:#c7c8c6;font-size:26px}
.single-post .back a:hover{color:#2d3626}
.single-post .back + article.primary h1{padding-top:0}
.single-post article.primary{padding-bottom:40px}
.single-post article.primary h1{font-size:48px;line-height:57px;text-align: center;margin:auto;max-width:75%;padding:40px 0;}
.single-post article.primary .posted{font-weight: bold; padding:40px 0;}
.single-post .information.margin{margin:20px 0}
.single-post .information .group{padding-bottom:20px}
.single-post .information a{color:inherit;text-decoration: underline}
.single-post .information a:hover{text-decoration: none}

.single-post .nutrition{max-width:600px;margin:0 auto 0 0}
.single-post .nutrition table{width:100%;border-collapse: collapse}
.single-post .nutrition table, .single-post .nutrition th, .single-post .nutrition td {border: 1px solid black;}
.single-post .nutrition th {background-color: #e9dfd0;padding:5px;}
.single-post .nutrition td {padding:10px;text-align: center}
.single-post .nutrition td:first-child{text-align: left;width:50%}

.single-post .important .item{padding-bottom:10px;}
.single-post .important .item:last-child{padding-bottom:0px;}
.single-post .important .item .icon{font-size:40px;width:60px;}
.single-post .important .item .text{width:calc(100% - 60px);}

.socialsharing{position:relative;padding:15px 0;  max-width: 220px;margin-top:40px}
.socialsharing .share42init{display: none;position:absolute;bottom:0;padding:20px;border:1px solid #000;border-radius: 10px;background-color:#fff}
.socialsharing:hover .share42init{display: block}
.socialsharing .share42init #share42{display:block}
.socialsharing .share42init .share42-item{height:35px}
.socialsharing .share42init a{color:inherit;font-size:35px;display: inline-block;vertical-align: top;margin:0 10px}
.socialsharing .shown{cursor: pointer}
.socialsharing .shown .icon{font-size:45px;display: inline-block;vertical-align: middle;padding-right:15px}
.socialsharing .shown .text{display: inline-block;vertical-align: middle;text-decoration: underline}
.socialsharing:hover .shown .text{text-decoration: none}
.isTouch .socialsharing{    margin-left: -10px;max-width: 185px;}
.isTouch .socialsharing .share42init{display: block;border:0;position:static;padding:0;text-align: center}
.isTouch .socialsharing .shown{display:none}

.printArticle{padding:15px 0;cursor: pointer}
.printArticle .icon{font-size:45px;display: inline-block;vertical-align: middle;padding-right:15px}
.printArticle .text{display: inline-block;vertical-align: middle;text-decoration: underline}
.printArticle:hover .text{text-decoration: none}

.single-recipe .ingredients{text-align: center;padding-bottom:30px}
.single-recipe .ingredients p{margin: 20px 0;}
.single-recipe .single-post article.primary h1{max-width:100%;padding-bottom:0px;margin-bottom:20px}
.single-recipe .single-post .information{text-align: center}
.single-recipe .single-post .content.method{padding-top:25px}

.single-product #SiteContent .hspacer {height: 410px; background-color:#fff;}

@media (max-width: 1599px) {
    h1.pageTitle,
    .content h1,
    .content h2 {font-size: 100px;  line-height: 80px;  margin: 35px 0;}
    .content .largeText {font-size: 120%;}
    .content p {  margin: 25px 0;}

    .single-product #SiteContent .hspacer {height:320px;}

    .pageTabs li,
    .pageTabs:before{height: 80px;}
    .pageTabs li.current_page_item{height: 115px;}
    .pageTabs li a{font-size: 24px;padding-top: 30px;}
    .pageTabs li.current_page_item a{  padding-top: 35px;}


    .listingSearch form input[type=text],
    .listingSearch form input[type=search] {  height: 48px;  line-height: 48px;  padding: 0 15px;  font-size: 21px;}
    .listingSearch form input[type=submit]{height: 48px;  line-height: 48px;width:48px}
    .single-product .sticky .pageTabs li a, .single-product .sticky .pageTabs li.current_page_item a { font-size:22px;}
}
@media (max-width: 1199px) {

    .content {  padding-top: 20px;padding-bottom: 20px;}
    h1.pageTitle,
    .content h1,
    .content h2 {  font-size: 80px;  line-height: 60px;  margin: 25px 0;}
    .sticky .pageTabs li a, .sticky .pageTabs li.current_page_item a { font-size:24px;}
    .single-product .sticky .pageTabs li a, .single-product .sticky .pageTabs li.current_page_item a { font-size:22px;}
}

@media (max-width: 991px) {

    .pageTabs,
    .single-product .pageTabs{height:auto}
    .pageTabs li{width:50%}

    .single-product #SiteContent .hspacer {height:90px}

    .single-post article.primary h1{max-width:100%;font-size:38px;  line-height: 47px;padding: 20px 0;}
    .single-post article.primary .posted {  font-size: 27px;padding-bottom:20px}
}
@media (max-width: 767px) {

    .pageTabs:before{display:none}
    .pageTabs li{width:100%;height: 65px;max-width:100%}
    .pageTabs li.current_page_item{height: 89px;}
    .pageTabs li a{font-size: 22px;padding-top: 20px;border-right:0}
    .pageTabs li.current_page_item a{  padding-top: 20px;}

    h1.pageTitle,
    .content h1,
    .content h2 {  font-size: 55px;  line-height: 35px;}

    .single-post .back{text-align: center}
    .single-post .back a {  font-size: 21px;}
    .single-post article.primary h1{font-size:28px;  line-height: 37px;padding: 10px 0;}
    .single-post article.primary .posted {  font-size: 18px;}

    .isTouch .socialsharing{margin:20px auto}  


}
@media (max-width: 499px) {
    .pagination > .dots,
    .pagination > a{display:none}
    .pagination > a.prev,
    .pagination > a.next{display:inline-block}
}