#3095837-zen

flipbox-style.css

/* set general flip box style | #3095837-zen eD */
[class*="flip-box"] {
	background-color: transparent;
	width: 100%;
	height: 210px;
	border: 1px solid #f1f1f1;
	perspective: 5000px;
}

/* set flip box inner styles | #3095837-zen eD */
[class*="flip-box-inner"] {
	position: relative;
	width: 100%;
	height: 210px;
	text-align: center;
	transition: transform .8s;
	transform-style: preserve-3d;
}

/* set styles for flip box front and back styles | #3095837-zen eD */
[class*="flip-box-front"],
[class*="flip-box-back"] {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* set flip box front style | #3095837-zen eD */
[class*="flip-box-front"] {
	background-size: cover;
	background-repeat: no-repeat;
}

/* set flip box back style | #3095837-zen eD */
[class*="flip-box-back"] {
	background-color: dodgerblue;
	color: #ffffff;
	transform: rotateY(180deg);
	line-height: 9;
}

/* transform flip box content on hover | #3095837-zen eD */
[class*="flip-box"]:hover [class*="flip-box-inner"] {
	transform: rotateY(180deg);
}

/* style flip box back h2 | #3095837-zen eD */
[class*="flip-box-back"] h2 {
	padding-top: 50px;
}

/* style flip box back links | #3095837-zen eD */
[class*="flip-box-back"] a {
color: #2ed4ed;
	font-size: 22px;
}

/* set line height for flip box back paragraphs | #3095837-zen eD */
[class*="flip-box-back"] p {
	line-height: 1;
}

/* adjust text in flip-box on home | #3095837-zen eD */
.home [class*="flip-box-back"] p {
	margin-top: 80px;
	padding: 5px;
}

/* set background image for front of flip-box | #3095837-zen eD */
.flip-box-front {
	background-image: url('https://twentytwobusiness.files.wordpress.com/2020/06/1-13.jpg');
}

/* set background image for front of flip-box-2 | #3095837-zen eD */
.flip-box-front-2 {
	background-image: url('https://twentytwobusiness.files.wordpress.com/2020/06/2-3.jpg');
}

/* set background image for front of flip-box-3 | #3095837-zen eD */
.flip-box-front-3 {
	background-image: url('https://twentytwobusiness.files.wordpress.com/2020/06/1-3.png');
}

/* set background image for front of flip-box-4 | #3095837-zen eD */
.flip-box-front-4 {
	background-image: url('https://twentytwobusiness.files.wordpress.com/2020/06/1-22.jpg');
}

/* set background image for front of flip-box-5 | #3095837-zen eD */
.flip-box-front-5 {
	background-image: url('https://twentytwobusiness.files.wordpress.com/2020/06/1-23.jpg');
}

/* set background image for front of flip-box-6 | #3095837-zen eD */
.flip-box-front-6 {
	background-image: url('https://twentytwobusiness.files.wordpress.com/2020/06/1.jpeg');
}

/* set background image for front of flip-box-7 | #3095837-zen eD */
.flip-box-front-7 {
	background-image: url('https://twentytwobusiness.files.wordpress.com/2020/06/1-7.png');
}

/* set background image for front of flip-box-8 | #3095837-zen eD */
.flip-box-front-8 {
	background-image: url('https://twentytwobusiness.files.wordpress.com/2020/06/1-12.jpg');
}