/*
 * Readable source for flip_box.min.css.
 *
 * The minified file is what the plugin enqueues; this is the same CSS
 * expanded so the shipped code is human readable, per the WordPress.org
 * plugin guidelines. There is no build step between the two.
 */

.flavor-flip-card-outer {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.flavor-flip-card-wrapper {
	-webkit-perspective:1000px;
	perspective:1000px;
	width:100%;
	max-width:300px;
	height:auto;
	min-height:400px
}
.flavor-flip-card-wrapper .flavor-flip-card-inner {
	position:relative;
	cursor:pointer;
	-webkit-transition-duration:.4s;
	transition-duration:.4s;
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d;
	width:100%;
	max-width:300px;
	height:auto;
	min-height:400px;
	margin:0
}
.flavor-flip-card-wrapper .flavor-flip-card-inner .flavor-flip-card-back-title,.flavor-flip-card-wrapper .flavor-flip-card-inner .flavor-flip-card-front-title {
	margin:0;
	padding:0;
	z-index:2
}
.flavor-flip-card-wrapper .flavor-flip-card-inner .flavor-flip-card-back-icon,.flavor-flip-card-wrapper .flavor-flip-card-inner .flavor-flip-card-front-icon {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	z-index:2
}
.flavor-flip-card-wrapper .flavor-flip-card-inner .flavor-flip-card-back-content,.flavor-flip-card-wrapper .flavor-flip-card-inner .flavor-flip-card-front-content {
	z-index:2
}
.flavor-flip-card-wrapper .flavor-flip-card-inner .back,.flavor-flip-card-wrapper .flavor-flip-card-inner .front {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transform:rotateX(0deg);
	transform:rotateX(0deg);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	border-radius:4px;
	overflow:hidden
}
.flavor-flip-card-wrapper .flavor-flip-card-inner .back .flavor-flip-card-overlay,.flavor-flip-card-wrapper .flavor-flip-card-inner .front .flavor-flip-card-overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1
}
.flavor-flip-card-wrapper .flavor-flip-card-inner .back .flavor-btn-wrapper,.flavor-flip-card-wrapper .flavor-flip-card-inner .front .flavor-btn-wrapper {
	z-index:2
}
.flavor-flip-card-wrapper .flavor-flip-card-inner .front {
	z-index:2;
	color:#111;
	background:#eee
}
.flavor-flip-card-wrapper .flavor-flip-card-inner .front .flavor-flip-card-front-title,.flavor-flip-card-wrapper .flavor-flip-card-inner .front p {
	color:#111
}
.flavor-flip-card-wrapper .flavor-flip-card-inner .back {
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg);
	color:#fff;
	background:#FC545E
}
.flavor-flip-card-wrapper .flavor-flip-card-inner .back .flavor-flip-card-back-title,.flavor-flip-card-wrapper .flavor-flip-card-inner .back p {
	color:#fff
}
.flavor-flip-card-wrapper.flip-right .flavor-flip-card-inner .back,.flavor-flip-card-wrapper.flip-right:hover .flavor-flip-card-inner,.flavor-flip-card-wrapper:hover .flavor-flip-card-inner .back {
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg)
}
.flavor-flip-card-wrapper.flip-left .flavor-flip-card-inner .back,.flavor-flip-card-wrapper.flip-left:hover .flavor-flip-card-inner {
	-webkit-transform:rotateY(-180deg);
	transform:rotateY(-180deg)
}
.flavor-flip-card-wrapper.flip-up .flavor-flip-card-inner .back,.flavor-flip-card-wrapper.flip-up:hover .flavor-flip-card-inner {
	-webkit-transform:rotateX(180deg);
	transform:rotateX(180deg)
}
.flavor-flip-card-wrapper.flip-down .flavor-flip-card-inner .back,.flavor-flip-card-wrapper.flip-down:hover .flavor-flip-card-inner {
	-webkit-transform:rotateX(-180deg);
	transform:rotateX(-180deg)
}
.flavor-flip-card-wrapper.flip-diagonal-right .flavor-flip-card-inner .back,.flavor-flip-card-wrapper.flip-diagonal-right:hover .flavor-flip-card-inner {
	-webkit-transform:rotate3d(1,1,0,180deg);
	transform:rotate3d(1,1,0,180deg)
}
.flavor-flip-card-wrapper.flip-diagonal-left .flavor-flip-card-inner .back,.flavor-flip-card-wrapper.flip-diagonal-left:hover .flavor-flip-card-inner {
	-webkit-transform:rotate3d(1,1,0,-180deg);
	transform:rotate3d(1,1,0,-180deg)
}
.flavor-flip-card-wrapper.flip-inverted-diagonal-right .flavor-flip-card-inner .back,.flavor-flip-card-wrapper.flip-inverted-diagonal-right:hover .flavor-flip-card-inner {
	-webkit-transform:rotate3d(-1,1,0,180deg);
	transform:rotate3d(-1,1,0,180deg)
}
.flavor-flip-card-wrapper.flip-inverted-diagonal-left .flavor-flip-card-inner .back,.flavor-flip-card-wrapper.flip-inverted-diagonal-left:hover .flavor-flip-card-inner {
	-webkit-transform:rotate3d(1,-1,0,180deg);
	transform:rotate3d(1,-1,0,180deg)
}

/* Touch/keyboard flip: mirror every :hover flip onto a .flipped class toggled by assets/js/flip_box.js */
.flavor-flip-card-wrapper.flip-right.flipped .flavor-flip-card-inner {
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg)
}

.flavor-flip-card-wrapper.flip-left.flipped .flavor-flip-card-inner {
	-webkit-transform:rotateY(-180deg);
	transform:rotateY(-180deg)
}

.flavor-flip-card-wrapper.flip-up.flipped .flavor-flip-card-inner {
	-webkit-transform:rotateX(180deg);
	transform:rotateX(180deg)
}

.flavor-flip-card-wrapper.flip-down.flipped .flavor-flip-card-inner {
	-webkit-transform:rotateX(-180deg);
	transform:rotateX(-180deg)
}

.flavor-flip-card-wrapper.flip-diagonal-right.flipped .flavor-flip-card-inner {
	-webkit-transform:rotate3d(1,1,0,180deg);
	transform:rotate3d(1,1,0,180deg)
}

.flavor-flip-card-wrapper.flip-diagonal-left.flipped .flavor-flip-card-inner {
	-webkit-transform:rotate3d(1,1,0,-180deg);
	transform:rotate3d(1,1,0,-180deg)
}

.flavor-flip-card-wrapper.flip-inverted-diagonal-right.flipped .flavor-flip-card-inner {
	-webkit-transform:rotate3d(-1,1,0,180deg);
	transform:rotate3d(-1,1,0,180deg)
}

.flavor-flip-card-wrapper.flip-inverted-diagonal-left.flipped .flavor-flip-card-inner {
	-webkit-transform:rotate3d(1,-1,0,180deg);
	transform:rotate3d(1,-1,0,180deg)
}

/*
 * Layout skins. They come after the base flip rules and repeat the wrapper
 * and inner classes so they outrank them: before, the base rotateY(180deg)
 * on the back face won, and Slide and Zoom still flipped.
 */

/* 3D Cube Skin */
.flavor-flip-card-wrapper.flavor-flip-box-skin-3d-cube .flavor-flip-card-inner {
	transform-origin:50% 50% -150px
}
.flavor-flip-card-wrapper.flavor-flip-box-skin-3d-cube .flavor-flip-card-inner .front {
	transform:translateZ(150px)
}
.flavor-flip-card-wrapper.flavor-flip-box-skin-3d-cube .flavor-flip-card-inner .back {
	transform:rotateY(180deg) translateZ(150px)
}
.flavor-flip-card-wrapper.flavor-flip-box-skin-3d-cube.flip-right .flavor-flip-card-inner .back {
	transform:rotateY(90deg) translateZ(150px)
}
.flavor-flip-card-wrapper.flavor-flip-box-skin-3d-cube.flip-left .flavor-flip-card-inner .back {
	transform:rotateY(-90deg) translateZ(150px)
}
.flavor-flip-card-wrapper.flavor-flip-box-skin-3d-cube.flip-up .flavor-flip-card-inner .back {
	transform:rotateX(-90deg) translateZ(150px)
}
.flavor-flip-card-wrapper.flavor-flip-box-skin-3d-cube.flip-down .flavor-flip-card-inner .back {
	transform:rotateX(90deg) translateZ(150px)
}
.flavor-flip-card-wrapper.flavor-flip-box-skin-3d-cube.flip-right:hover .flavor-flip-card-inner,.flavor-flip-card-wrapper.flavor-flip-box-skin-3d-cube.flip-right.flipped .flavor-flip-card-inner {
	transform:rotateY(-90deg)
}
.flavor-flip-card-wrapper.flavor-flip-box-skin-3d-cube.flip-left:hover .flavor-flip-card-inner,.flavor-flip-card-wrapper.flavor-flip-box-skin-3d-cube.flip-left.flipped .flavor-flip-card-inner {
	transform:rotateY(90deg)
}
.flavor-flip-card-wrapper.flavor-flip-box-skin-3d-cube.flip-up:hover .flavor-flip-card-inner,.flavor-flip-card-wrapper.flavor-flip-box-skin-3d-cube.flip-up.flipped .flavor-flip-card-inner {
	transform:rotateX(90deg)
}
.flavor-flip-card-wrapper.flavor-flip-box-skin-3d-cube.flip-down:hover .flavor-flip-card-inner,.flavor-flip-card-wrapper.flavor-flip-box-skin-3d-cube.flip-down.flipped .flavor-flip-card-inner {
	transform:rotateX(-90deg)
}

/* Slide Skin */
.flavor-flip-card-wrapper.flavor-flip-box-skin-slide .flavor-flip-card-inner {
	transform-style:flat;
	overflow:hidden
}
.flavor-flip-card-wrapper.flavor-flip-box-skin-slide .flavor-flip-card-inner .front {
	transform:translateY(0);
	transition:transform .4s ease-in-out;
	z-index:2
}
.flavor-flip-card-wrapper.flavor-flip-box-skin-slide .flavor-flip-card-inner .back {
	transform:translateY(100%);
	transition:transform .4s ease-in-out;
	z-index:1;
	opacity:1
}
.flavor-flip-card-wrapper.flavor-flip-box-skin-slide:hover .flavor-flip-card-inner .front,.flavor-flip-card-wrapper.flavor-flip-box-skin-slide.flipped .flavor-flip-card-inner .front {
	transform:translateY(-100%)
}
.flavor-flip-card-wrapper.flavor-flip-box-skin-slide:hover .flavor-flip-card-inner .back,.flavor-flip-card-wrapper.flavor-flip-box-skin-slide.flipped .flavor-flip-card-inner .back {
	transform:translateY(0)
}

/* Zoom Skin */
.flavor-flip-card-wrapper.flavor-flip-box-skin-zoom .flavor-flip-card-inner {
	transform-style:flat;
	overflow:hidden
}
.flavor-flip-card-wrapper.flavor-flip-box-skin-zoom .flavor-flip-card-inner .front {
	transform:scale(1);
	transition:transform .4s ease-in-out,opacity .4s ease-in-out;
	z-index:2
}
.flavor-flip-card-wrapper.flavor-flip-box-skin-zoom .flavor-flip-card-inner .back {
	transform:scale(.5);
	opacity:0;
	transition:transform .4s ease-in-out,opacity .4s ease-in-out;
	z-index:1
}
.flavor-flip-card-wrapper.flavor-flip-box-skin-zoom:hover .flavor-flip-card-inner .front,.flavor-flip-card-wrapper.flavor-flip-box-skin-zoom.flipped .flavor-flip-card-inner .front {
	transform:scale(1.5);
	opacity:0
}
.flavor-flip-card-wrapper.flavor-flip-box-skin-zoom:hover .flavor-flip-card-inner .back,.flavor-flip-card-wrapper.flavor-flip-box-skin-zoom.flipped .flavor-flip-card-inner .back {
	transform:scale(1);
	opacity:1
}

.flavor-flip-card-wrapper .flavor-flip-card-inner:focus-visible {
	outline:2px solid #007cba;
	outline-offset:2px
}

@media (prefers-reduced-motion:reduce) {
	.flavor-flip-card-wrapper .flavor-flip-card-inner,.flavor-flip-card-wrapper .flavor-flip-card-inner .front,.flavor-flip-card-wrapper .flavor-flip-card-inner .back {
		-webkit-transition-duration:0s!important;
		transition-duration:0s!important
	}

}