.eb-flipbox-container * {
	box-sizing: border-box;
}

.eb-flipbox-container {
	perspective: 1000px;
}

.eb-flipbox-container .eb-flipbox-back-content, .eb-flipbox-container .eb-flipbox-front-content {
	font-size: 14px;
}

.eb-flipbox-container .eb-flipbox-back-title, .eb-flipbox-container .eb-flipbox-front-title {
	font-size: 24px;
}

.eb-flipper {
	height: auto;
	position: relative;
	transform-style: preserve-3d;
	width: 100%;
}

.eb-flipbox-back, .eb-flipbox-front {
	backface-visibility: hidden;
	left: 0;
	position: absolute;
	top: 0;
}

.eb-flipbox-front {
	transform: rotateY(0deg);
	z-index: 2;
}

.eb-flipbox-back {
	transform: rotateY(180deg);
	z-index: 0;
}

.eb-flipbox-icon-wrapper {
	align-items: center;
	display: flex;
}

.eb-flipbox-icon-wrapper .eb-flipbox-icon-back, .eb-flipbox-icon-wrapper .eb-flipbox-icon-front {
	padding-bottom: 20px;
}

.eb-flipbox-icon-wrapper .dashicons {
	height: unset;
	width: unset;
}

.eb-flipbox-container.eb-click-mode .flip-up {
	transform: rotateX(180deg) !important;
}

.eb-flipbox-container.eb-click-mode .flip-bottom {
	transform: rotateX(-180deg) !important;
}

.eb-flipbox-container.eb-click-mode .flip-left {
	transform: rotateY(-180deg) !important;
}

.eb-flipbox-container.eb-click-mode .flip-right {
	transform: rotateY(180deg) !important;
}

.eb-flipbox-container.eb-click-mode .zoom-in {
	transform: scale(1.1) !important;
}

.eb-flipbox-container.eb-click-mode .zoom-in .eb-flipbox-back {
	transform: none;
	z-index: 5;
}

.eb-flipbox-container.eb-click-mode .zoom-out {
	transform: scale(.8) !important;
}

.eb-flipbox-container.eb-click-mode .zoom-out .eb-flipbox-back {
	transform: none;
	z-index: 5;
}

.eb-flipbox-container:not(.eb-click-mode):hover .flip-up {
	transform: rotateX(180deg) !important;
}

.eb-flipbox-container:not(.eb-click-mode):hover .flip-bottom {
	transform: rotateX(-180deg) !important;
}

.eb-flipbox-container:not(.eb-click-mode):hover .flip-left {
	transform: rotateY(-180deg) !important;
}

.eb-flipbox-container:not(.eb-click-mode):hover .flip-right {
	transform: rotateY(180deg) !important;
}

.eb-flipbox-container:not(.eb-click-mode):hover .zoom-in {
	transform: scale(1.1) !important;
}

.eb-flipbox-container:not(.eb-click-mode):hover .zoom-in .eb-flipbox-back {
	transform: none;
	z-index: 5;
}

.eb-flipbox-container:not(.eb-click-mode):hover .zoom-out {
	transform: scale(.8) !important;
}

.eb-flipbox-container:not(.eb-click-mode):hover .zoom-out .eb-flipbox-back {
	transform: none;
	z-index: 5;
}

.eb-flipbox-upload-button {
	background: #e3e3e3;
	color: #666;
	display: inline-block;
	height: 100px;
	width: 100%;
}

.eb-flipbox-back-title, .eb-flipbox-front-title {
	margin: 0 !important;
}

.eb-flipbox-items-container {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 10px;
	position: relative;
	width: 100%;
	z-index: 111;
}

.image-container {
	padding: 5px;
}

.image-container img {
	-o-object-fit: cover;
	object-fit: cover;
}

.eb-flipbox-icon-back, .eb-flipbox-icon-front {
	line-height: 1;
}

.eb-flipbox-button-link, .eb-flipbox-button-link:visited, .title-link, .title-link:visited {
	align-items: center;
	display: flex;
	flex-direction: column;
	text-decoration: none;
}

.eb-flipbox-button-link {
	line-height: inherit;
}

.eb-flipbox-button-link:hover {
	color: #fff;
}

.eb-flipbox-button-container {
	align-items: center;
	display: flex;
	justify-content: center;
	max-width: 100%;
	text-align: center;
}

.before {
	order: 1;
}

.after {
	order: 0;
}

.eb-flipbox-button-icon {
	margin: 5px;
}

.btn-gradient {
	border: solid rgba(0, 0, 0, .21);
	border-radius: 4px;
	border-width: 1px 1px 4px;
	color: #fff;
	display: inline-block;
	padding: 5px 10px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .15);
}

.btn-gradient.cyan {
	background: #1bbcc2;
	background: linear-gradient(#1bbcc2, #18a3a8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1bbcc2", endColorstr="#18a3a8", GradientType=0);
}

.btn-gradient.red {
	background: #fa5a5a;
	background: linear-gradient(#fa5a5a, #e85151);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fa5a5a", endColorstr="#e85151", GradientType=0);
}

.btn-gradient.orange {
	background: #ff691e;
	background: linear-gradient(#ff691e, #e65f1c);
}

.btn-gradient.blue {
	background: #6698cb;
	background: -webkit-gradient(left top, left bottom, color-stop(0, #6698cb), color-stop(100%, #5c8ab8));
	background: linear-gradient(180deg, #6698cb 0, #5c8ab8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6698cb", endColorstr="#5c8ab8", GradientType=0);
}

.btn-gradient.purple {
	background: #cb99c5;
	background: -webkit-gradient(left top, left bottom, color-stop(0, #cb99c5), color-stop(100%, #b586b0));
	background: linear-gradient(180deg, #cb99c5 0, #b586b0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cb99c5", endColorstr="#b586b0", GradientType=0);
}

.btn-gradient.yellow {
	background: #f0d264;
	background: linear-gradient(#f0d264, #e5c960);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0d264", endColorstr="#e5c960", GradientType=0);
}

.btn-gradient.green {
	background: #82c8a0;
	background: -webkit-gradient(left top, left bottom, color-stop(0, #82c8a0), color-stop(100%, #82c79e));
	background: linear-gradient(180deg, #82c8a0 0, #7cb995);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#82c8a0", endColorstr="#82c79e", GradientType=0);
}

.fade .eb-flipbox-back, .fade .eb-flipbox-front {
	transition: opacity .6s;
}

.fade .eb-flipbox-back {
	transform: none;
	z-index: 1;
}

.fade .eb-flipbox-back, .fade:hover .eb-flipbox-front {
	opacity: 0;
}

.fade:hover .eb-flipbox-back {
	opacity: 1;
}