/*!
Theme Name: Pomegranates
Theme URI: http://underscores.me/
Author: Media Arcade
Author URI: http://www.mediaarcade.net
Description: A responsive theme for Pomegranates
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pom
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

button:focus, a:focus{outline:none}
body{color:#626262;background:#f2f2f2}
.h1,h1{font-size:1.7rem}
img{max-width:100%; height:auto}

.container-narrow{max-width:824px; margin:0px auto}
.container-narrow article.post, .container-narrow article.page{background:#fff}
.container-narrow .entry-header{padding:26px 30px; border-bottom:1px solid #e1e1e1}
.container-narrow .entry-content{padding:20px 30px}
.container-narrow .entry-footer{padding:16px 30px; border-top:1px solid #e1e1e1}

.recipe-navigation{padding:20px 0}
.recipe-navigation .fa{font-size:2.2rem}
.recipe-grid nav.navigation.posts-navigation {display:none}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,strong,.site-content a,.site-content a:hover,.site-content a:visited,.site-content a:focus{color:#a40a24}

/* hamburger */
.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:0px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.9}.hamburger-box{position:relative;display:inline-block;width:30px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:0px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:30px;height:3px;transition-timing-function:ease;transition-duration:.15s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;border-radius:0px;background-color:#fff}.hamburger-inner:after,.hamburger-inner:before{display:block;content:''}.hamburger-inner:before{top:-11px}.hamburger-inner:after{bottom:-11px}.hamburger-3dx .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger-3dx .hamburger-inner{transition:background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .2s cubic-bezier(.645,.045,.355,1);transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform .2s cubic-bezier(.645,.045,.355,1)}.hamburger-3dx .hamburger-inner:after,.hamburger-3dx .hamburger-inner:before{transition:-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1);transition:transform 0s .1s cubic-bezier(.645,.045,.355,1),-webkit-transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger-3dx.is-active .hamburger-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-color:transparent}.hamburger-3dx.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,11px,0) rotate(45deg);transform:translate3d(0,11px,0) rotate(45deg)}.hamburger-3dx.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-11px,0) rotate(-45deg);transform:translate3d(0,-11px,0) rotate(-45deg)}

.bg-dark, .bg-dark *{color:#fff}
.bg-dark a{text-decoration:none}
.bg-dark a:hover, .bg-dark a:focus, .bg-dark a:active{color:#fff; text-decoration:underline}

.site-header{background:#aa0524; padding:1.1rem 0}
.site-branding{margin-right:auto}

.hero{background:#c7062a}
.hero h1, .hero h1 strong, .hero-scroll .fa{color:#fff}

.home .entry-content{margin:0!important}
.section-2{background:#c7062a; padding:20px 0}
.section-2 h2{padding-bottom:25px; margin-bottom:20px; position:relative; text-align:center}
.section-2 h2:after{content:''; width:200px; height:2px; position:absolute; left:50%; transform:translateX(-50%); background:#7f041b; bottom:0}
.section-2 p{font-size:1.1rem}

.section-3{background:#aa0524; padding:50px 0}
.living-healthy{height:465px; width:100%; background-size:cover; margin-bottom:30px}
.living-healthy div{padding:50px; width:345px}

@media screen and (max-width:768px){
	.hero{text-align:center; background-image:none!important}
	.hero .container{padding:0}
	.hero h1{margin-bottom:0; padding:30px 0 0; font-size:1.5rem; line-height:1.3}
	.hero-scroll, .section-2 h2{display:none}
}

@media screen and (min-width:768px){
	.home .site-header{background:transparent; position:absolute; left:0; top:0; width:100%; z-index:10}
	.admin-bar.home .site-header{top:32px}
	.hero{width:100%; height:100vh; background-size:cover}
	.hero img{display:none}
	.hero h1{position:relative; top:200px; left:60px; font-size:2.2rem; line-height:1.3}
	.hero-scroll{position:absolute; bottom:35px; left:50%; transform:translateX(-50%)}
	.hero-scroll .fa{font-size:2.5rem}
	.section-2{padding:40px 0}
}

.off-canvas-nav{position:fixed; top:0px; bottom:0; width:300px; z-index:11; overflow-y:scroll; background:#dd072f; -webkit-transition:0.3s transform; transition:0.3s transform; padding:25px 8px}
.off-canvas-nav.left{left:0}
.off-canvas-nav.right{right:0}
.admin-bar .off-canvas-nav{top:32px}
.off-canvas-nav.left{-webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%)}
.off-canvas-nav.right{-webkit-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%)}
.off-canvas-nav.active{-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0)}
.off-canvas-nav .menu-toggle{position:absolute; top:32px}
.off-canvas-nav.left .menu-toggle{left:25px}
.off-canvas-nav.right .menu-toggle{right:25px}
.off-canvas-nav .nav{margin-top:90px}
.off-canvas-nav .nav a:hover{color:#a0ff0b; text-decoration:none}

.active-nav-overlay{background:rgba(0,0,0,0.5); position:fixed; left:0; right:0; top:0px; bottom:0; width:100%; z-index:-1; opacity:0; -webkit-transition:0.3s transform ease-in-out; transition:0.3s transform ease-in-out}
.has-active-nav .active-nav-overlay{z-index:1; opacity:1}

.menu-toggle{background:transparent; border:0}

.navbar-menu{padding-right:23px}
.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0;font-weight:bold;font-size:1.05rem}
.main-navigation ul ul{box-shadow:0 3px 3px rgba(0,0,0,.2);float:left;position:absolute;top:100%;left:-999em;z-index:99999}
.main-navigation ul ul ul{left:-999em;top:0}
.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{left:100%}
.main-navigation ul ul a{width:200px}
.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{left:auto}
.main-navigation li{float:left;position:relative}
.main-navigation a{display:block;text-decoration:none}
.main-navigation.toggled ul,.menu-toggle{display:block}
@media screen and (min-width:37.5em){
	/*.menu-toggle{display:none}*/
	.main-navigation ul{display:block}
	.main-navigation li{margin:0px}
}

.btn-secondary,.btn-secondary:hover,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle,.dropdown-menu{color:#a80522;background-color:#fff;border-color:#a80522}
.btn-secondary.focus,.btn-secondary:focus{-webkit-box-shadow:0 0 0 0px rgba(204,204,204,.5);box-shadow:0 0 0 0px rgba(204,204,204,.5)}
.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{background-image:none}
.btn-primary,.btn-primary:hover,.btn-primary.active,.btn-primary:active{color:#fff !important;background-color:#ab0524;border-color:#ab0524;text-transform:uppercase;font-weight:bold;padding-left:2rem;padding-right:2rem}
.btn-primary.focus,.btn-primary:focus{-webkit-box-shadow:0 0 0 0px rgba(204,204,204,.5);box-shadow:0 0 0 0px rgba(204,204,204,.5)}
.btn-primary.active,.btn-primary:active{background-image:none}
.dropdown-toggle::after{border-top-color:#a80522}
.dropdown-menu{padding-top:0;padding-bottom:0}
.dropdown-item+.dropdown-item{border-top:1px solid #e1e1e1}
.dropdown-item{padding:5px 1.5rem;color:#a80522}
.dropdown-item:hover{background:transparent;color:#a80522}
.dropdown-item .fa{width:18px}
.card{border-radius:0; margin-bottom:25px}
.card-header{border-bottom:0}
.card-header a:hover{text-decoration:none}
.card-block p:last-child{margin-bottom:0}

.nav-inline{list-style:none;margin:0;padding:0; font-size:0.875rem}
.nav-inline li{display:inline-block}
.nav-inline li+li:before{content:'|'; margin:0px 7px 0 5px; color:#a40a24}

.recipe-grid{margin-bottom:30px}
.recipe-grid figure{position:relative;margin:0;cursor:pointer}
.recipe-grid figure img{max-width:100%; display:block; position:relative}
.recipe-grid figcaption{position:absolute; top:0; bottom:0; left:0; background:#aa0524; color:#fff; width:100%; opacity:0; backface-visibility:hidden; transition:opacity 0.3s}
.recipe-grid figcaption h2{color:#fff; position:absolute; left:30px; top:30px; font-size:1rem; padding-right:30px}
.recipe-grid figcaption a{color:#fff!important; display:block; position:absolute; left:30px; bottom:30px}
.recipe-grid figcaption a:hover{color:#fff}
.recipe-grid figure:hover figcaption{opacity:1}

.faq-title{text-transform:uppercase; font-weight:bold; padding:15px 20px; background:#8a041d; margin-bottom:22px}
.faq-title .col:first-child{font-size:1.4rem}
.post-9 h5 {font-weight:400}
.faq-title a,.faq-title a:hover{color:#fff!important; text-decoration:none}
.faq .question, .faq .answer{background:#8a041d; padding:20px}
.faq h4{text-transform:uppercase; font-size:1rem; margin-bottom:1rem}
.faq .fa{position:absolute; right:20px; top:20px}
.faq p, .faq a{font-size:0.875rem}
.faq .answer h4, .faq .answer a, .faq .answer a:hover, .faq .answer .fa{color:#a0ff0b!important}
.faq .answer a{position:absolute; right:20px; bottom:20px}

.flip-container{perspective:1000px;transform-style:preserve-3d}
.flip-container:hover .back{transform:rotateY(0deg)}
.flip-container:hover .front{transform:rotateY(180deg)}
.flip-container,.front,.back{width:100%;min-height:200px}
.flipper{transition:0.6s;transform-style:preserve-3d;position:relative}
.front,.back{backface-visibility:hidden;transition:0.6s;transform-style:preserve-3d;position:absolute;top:0;left:0}
.front{z-index:2;transform:rotateY(0deg)}
.back{transform:rotateY(-180deg)}

.pomegranates-pd, .pomegranates-ps {margin-bottom:30px}
th {width:26%}
th.align {text-align:center}
.pomegranates-packaging table {
    width: 100%;
    margin-bottom: 30px;
}

@media screen and (max-width:992px){
	.flip-container{margin-bottom:22px}
}

.recipe-categories{margin-bottom:30px}
.recipe-categories figure{position:relative; margin:0}
.recipe-categories figcaption{position:absolute; bottom:0px; padding-bottom:10px; left:0; right:0; width:100%; text-align:center; font-weight:bold; font-size:1.2rem}
.recipe-categories figcaption a, .recipe-categories figcaption a:hover{color:#fff!important}
.recipe-categories figcaption {
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,0.68) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.68) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.68) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ad000000',GradientType=0 ); /* IE6-9 */
}

@media screen and (max-width:767px){
	.recipe-categories{margin-bottom:20px}
	.recipe-categories .col:nth-child(odd) figure{margin:7px 7px 7px 0}
	.recipe-categories .col:nth-child(even) figure{margin:7px 0px 7px 7px}
}

.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 1.5em;overflow:hidden}
.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{float:left;width:50%}
.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{float:right;text-align:right;width:50%}
.gallery-item,.wp-caption-text{text-align:center}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden;word-wrap:normal!important}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.alignleft{display:inline;float:left;margin-right:1.5em}
.alignright{display:inline;float:right;margin-left:1.5em}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.hentry{margin:0}
.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before{content:"";display:table;table-layout:fixed}
.sticky{display:block}
.updated:not(.published){display:none}
.entry-content,.entry-summary,.page-content{margin:1.5em 0 0}
.page-links{margin:0 0 1.5em}
.comment-content a{word-wrap:break-word}
.bypostauthor{display:block}
.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}
.infinity-end.neverending .site-footer{display:block}
.comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}
.custom-logo-link{display:inline-block}
.wp-caption{margin-bottom:1.5em}
.wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}
.wp-caption .wp-caption-text{margin:.8075em 0}
.gallery{margin-bottom:1.5em}
.gallery-item{display:inline-block;vertical-align:top;width:100%}
.gallery-columns-2 .gallery-item{max-width:50%}
.gallery-columns-3 .gallery-item{max-width:33.33%}
.gallery-columns-4 .gallery-item{max-width:25%}
.gallery-columns-5 .gallery-item{max-width:20%}
.gallery-columns-6 .gallery-item{max-width:16.66%}
.gallery-columns-7 .gallery-item{max-width:14.28%}
.gallery-columns-8 .gallery-item{max-width:12.5%}
.gallery-columns-9 .gallery-item{max-width:11.11%}
.gallery-caption{display:block}

.site-footer{background:#780419; font-size:0.825rem}
.footer-widgets{border-bottom:2px solid #650013}
.footer-widgets .widget-title{font-size:0.825rem; text-transform:uppercase; font-weight:bold}
.footer-widgets .widget{margin-bottom:2rem}
.footer-widgets ul{list-style:none; margin:0; padding:0}
@media screen and (min-width:992px){
	.footer-widgets .row .col+.col{padding:30px 0 0}
	.footer-widgets .row .col+.col .widget{padding:0px 30px 0}
}


@media (max-width:576px){
	.footer-widgets{padding-bottom:0px!important;border-bottom:0}
	.footer-widgets .widget{padding:17px 0 20px; margin-bottom:0px; position:relative}
	.footer-widgets .widget:last-child{margin-bottom:0}
	.footer-widgets .widget:after{content:''; position:absolute; left:-15px; right:-15px; bottom:0; height:1px; background:#650013}
	.footer-widgets .widget.widget_media_image{padding-bottom:0}
	.footer-widgets .widget.widget_media_image:after{display:none}
	.footer-widgets .widget-title{cursor:pointer; margin-bottom:0}
	.footer-widgets .widget-title:after{content:'+'; position:absolute; right:0px; top:20px; color:#fff}
	.footer-widgets .widget.open .widget-title:after{content:'-'}
	.footer-widgets .widget .widget-title ~ div{max-height:0; -webkit-transition:max-height 0.5s; -moz-transition:max-height 0.5s; -ms-transition:max-height 0.5s; -o-transition:max-height 0.5s; transition:max-height 0.5s; overflow:hidden}
	.footer-widgets .widget.open .widget-title ~ div{max-height:200px}
}

.btn-group-sm > .btn, .btn-sm{
	padding-bottom:0.4rem;
}