| 1 |
.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes{display:grid}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes *{box-sizing:border-box}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox{float:right;perspective:1000px;position:relative;transform-style:preserve-3d;width:100%}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox .back,.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox .front{backface-visibility:hidden;background-blend-mode:overlay;height:100%;right:0;overflow:hidden;position:absolute;top:0;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.5,.3,.3,1);width:100%;z-index:1}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox .backContent,.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox .frontContent{position:relative;top:50%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.5,.3,.3,1);z-index:2}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=right] .front{transform:rotateY(0deg)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=right] .back{transform:rotateY(-180deg)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=right] .frontContent{transform:translateY(-50%) translateX(0) scale(1)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=right] .backContent{transform:translateY(-50%) translateX(-650px) translateZ(60px) scale(.88)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=right]:hover .front{transform:rotateY(180deg)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=right]:hover .back{transform:rotateY(0deg)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=right]:hover .frontContent{transform:translateY(-50%) translateX(650px) scale(.88)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=right]:hover .backContent{transform:translateY(-50%) translateX(0) translateZ(0) scale(1)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=left] .front{transform:rotateY(0deg)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=left] .back{transform:rotateY(180deg)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=left] .frontContent{transform:translateY(-50%) translateX(0) scale(1)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=left] .backContent{transform:translateY(-50%) translateX(650px) translateZ(60px) scale(.88)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=left]:hover .front{transform:rotateY(-180deg)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=left]:hover .back{transform:rotateY(0deg)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=left]:hover .frontContent{transform:translateY(-50%) translateX(-650px) scale(.88)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=left]:hover .backContent{transform:translateY(-50%) translateX(0) translateZ(0) scale(1)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=top] .front{transform:rotateX(0deg)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=top] .back{transform:rotateX(-180deg)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=top] .frontContent{transform:translateY(-50%) scale(1)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=top] .backContent{transform:translateY(650px) translateZ(60px) scale(.88)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=top]:hover .front{transform:rotateX(180deg)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=top]:hover .back{transform:rotateX(0deg)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=top]:hover .frontContent{transform:translateY(-650px) scale(.88)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=top]:hover .backContent{transform:translateY(-50%) translateZ(0) scale(1)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=bottom] .front{transform:rotateX(0deg)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=bottom] .back{transform:rotateX(180deg)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=bottom] .frontContent{transform:translateY(-50%) scale(1)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=bottom] .backContent{transform:translateY(-650px) translateZ(60px) scale(.88)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=bottom]:hover .front{transform:rotateX(-180deg)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=bottom]:hover .back{transform:rotateX(0deg)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=bottom]:hover .frontContent{transform:translateY(650px) scale(.88)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox[data-direction=bottom]:hover .backContent{transform:translateY(-50%) translateZ(0) scale(1)}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox .flipIcon{display:inline-block;font-style:normal}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox .flipTitle{font-family:Open Sans;font-weight:700;margin:0}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox .flipDescription{font-family:Open Sans;font-weight:500;margin:0}.wp-block-b-blocks-flip-boxes .bBlocksFlipBoxes .flipBox .flipBtn{display:inline-block;font-family:Open Sans;font-weight:600;text-decoration:none;transition:all .3s ease} |
