
.eb-image-wrapper {
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.eb-image-wrapper figcaption {
	text-align: center;
}

.eb-image-wrapper .eb-image-wrapper-inner {
	height: 100%;
	max-width: 100%;
	overflow: hidden;
	position: relative;
}

.eb-image-wrapper .eb-image-wrapper-inner div, .eb-image-wrapper .eb-image-wrapper-inner img {
	height: 100%;
	transition: transform .3s;
	width: 100%;
}

.eb-image-wrapper .eb-image-link {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
}

.eb-image-wrapper .eb-image-wrapper-inner.eb-img-style-triangle {
	clip-path: polygon(50% 0, 0 100%, 100% 100%);
}

.eb-image-wrapper .eb-image-wrapper-inner.eb-img-style-rhombus {
	clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

.eb-image-wrapper .eb-image-wrapper-inner.eb-img-style-octagon {
	clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
}

.eb-image-wrapper .eb-image-wrapper-inner.eb-img-style-circle {
	border-radius: 50%;
}

.eb-image-wrapper .eb-image-wrapper-inner.eb-img-style-square {
	border-radius: 0;
}

.eb-image-wrapper .eb-image-wrapper-inner.eb-img-style-rounded {
	border-radius: 15px;
}

.eb-image-wrapper .eb-image-wrapper-inner.eb-img-caption-style-1.eb-caption-horizontal-left.eb-caption-vertical-top figcaption {
	bottom: auto;
	left: 0;
	top: 0;
}

.eb-image-wrapper .eb-image-wrapper-inner.eb-img-caption-style-1.eb-caption-horizontal-left.eb-caption-vertical-middle figcaption {
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.eb-image-wrapper .eb-image-wrapper-inner.eb-img-caption-style-1.eb-caption-horizontal-left.eb-caption-vertical-bottom figcaption {
	bottom: 0;
	left: 0;
}

.eb-image-wrapper .eb-image-wrapper-inner.eb-img-caption-style-1.eb-caption-horizontal-center.eb-caption-vertical-top figcaption {
	bottom: auto;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}

.eb-image-wrapper .eb-image-wrapper-inner.eb-img-caption-style-1.eb-caption-horizontal-center.eb-caption-vertical-middle figcaption {
	bottom: auto !important;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.eb-image-wrapper .eb-image-wrapper-inner.eb-img-caption-style-1.eb-caption-horizontal-center.eb-caption-vertical-bottom figcaption {
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.eb-image-wrapper .eb-image-wrapper-inner.eb-img-caption-style-1.eb-caption-horizontal-right.eb-caption-vertical-top figcaption {
	bottom: auto;
	right: 0;
	top: 0;
}

.eb-image-wrapper .eb-image-wrapper-inner.eb-img-caption-style-1.eb-caption-horizontal-right.eb-caption-vertical-middle figcaption {
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.eb-image-wrapper .eb-image-wrapper-inner.eb-img-caption-style-1.eb-caption-horizontal-right.eb-caption-vertical-bottom figcaption {
	bottom: 0;
	right: 0;
}

.eb-image-wrapper .eb-image-wrapper-inner.eb-img-caption-style-1 figcaption {
	background: #f9fafb;
	bottom: 0;
	box-sizing: border-box;
	color: #101828;
	overflow: hidden;
	position: absolute;
	transition: max-height .3s ease-out;
	width: 100%;
}

.eb-image-wrapper .eb-image-wrapper-inner.eb-img-caption-style-2 {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
}

.eb-image-wrapper .eb-image-wrapper-inner.eb-img-caption-style-2.top {
	flex-direction: column-reverse;
}

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

.eb-flipbox-container * .eb-image-wrapper img {
	-o-object-fit: cover;
	object-fit: cover;
}

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

.eb-flipbox-container .eb-flipbox-container {
	padding: 5px;
}

.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;
}
