mirror of
https://github.com/Sea-Haven-Industries/seahaven-site.git
synced 2026-10-02 13:03:12 +00:00
2 lines
8.8 KiB
CSS
2 lines
8.8 KiB
CSS
|
|
/*! elementor-pro - v3.27.0 - 03-02-2025 */
|
||
|
|
.elementor-flip-box{height:280px;perspective:1000px;position:relative;transform-style:preserve-3d}@media (max-width:1024px){.elementor-flip-box{cursor:pointer}}.elementor-flip-box__front{background-color:#1abc9c}.elementor-flip-box__back{background-color:#4054b2;display:block}.elementor-flip-box__layer{height:100%;position:absolute;transition:all .6s ease-in-out;width:100%}.elementor-flip-box__layer__overlay{align-items:stretch;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:35px;text-align:center;width:100%}.elementor-flip-box__layer__title{font-size:21px}.elementor-flip-box__layer__description{font-size:14px}.elementor-flip-box__layer__description:not(:last-child),.elementor-flip-box__layer__title:not(:last-child){margin:0 0 20px;padding:0}.elementor-flip-box__layer__title{font-weight:600;line-height:1}.elementor-flip-box,.elementor-flip-box .elementor-view-framed,.elementor-flip-box .elementor-view-stacked{--e-flip-box-view-framed-stacked-icon-color:#fff}.elementor-flip-box .elementor-icon,.elementor-flip-box .elementor-view-framed .elementor-icon,.elementor-flip-box .elementor-view-stacked .elementor-icon{color:var(--e-flip-box-view-framed-stacked-icon-color)}.elementor-flip-box .elementor-icon svg,.elementor-flip-box .elementor-view-framed .elementor-icon svg,.elementor-flip-box .elementor-view-stacked .elementor-icon svg{fill:var(--e-flip-box-view-framed-stacked-icon-color)}.elementor-flip-box .elementor-view-framed .elementor-icon{border-color:#fff}.elementor-flip-box .elementor-view-stacked .elementor-icon{background-color:rgba(0,0,0,.5)}.elementor-flip-box__button.elementor-button{align-self:center;background:transparent;border:2px solid #fff;cursor:pointer;margin-left:auto;margin-right:auto}.elementor-flip-box__button.elementor-button:focus-visible,.elementor-flip-box__button.elementor-button:hover{background:transparent;text-decoration:none}.elementor-flip-box__image{display:inline-block;margin:0 0 20px;width:100%}.elementor-flip-box__image img{width:50%}.elementor-flip-box .elementor-icon-wrapper{margin-bottom:20px}.elementor-flip-box--3d .elementor-flip-box__layer__inner{transform:translateZ(90px) scale(.91)}.elementor-flip-box--3d .elementor-flip-box__layer__overlay{transform:translateZ(.1px);transform-style:preserve-3d}.elementor-flip-box--effect-flip .elementor-flip-box{perspective:1000px;transform-style:preserve-3d}.elementor-flip-box--effect-flip .elementor-flip-box__layer{backface-visibility:hidden;transform-style:preserve-3d}.elementor-flip-box--effect-flip .elementor-flip-box__front{transform:none;z-index:1}.elementor-flip-box--effect-flip .elementor-flip-box:focus-visible .elementor-flip-box__back,.elementor-flip-box--effect-flip .elementor-flip-box:hover .elementor-flip-box__back{transform:none}.elementor-flip-box--effect-flip.elementor-flip-box--direction-right .elementor-flip-box__back{transform:rotateX(0) rotateY(-180deg)}.elementor-flip-box--effect-flip.elementor-flip-box--direction-right .elementor-flip-box:focus-visible .elementor-flip-box__front,.elementor-flip-box--effect-flip.elementor-flip-box--direction-right .elementor-flip-box:hover .elementor-flip-box__front{transform:rotateX(0) rotateY(180deg)}.elementor-flip-box--effect-flip.elementor-flip-box--direction-left .elementor-flip-box__back{transform:rotateX(0) rotateY(180deg)}.elementor-flip-box--effect-flip.elementor-flip-box--direction-left .elementor-flip-box:focus-visible .elementor-flip-box__front,.elementor-flip-box--effect-flip.elementor-flip-box--direction-left .elementor-flip-box:hover .elementor-flip-box__front{transform:rotateX(0) rotateY(-180deg)}.elementor-flip-box--effect-flip.elementor-flip-box--direction-up .elementor-flip-box__back{transform:rotateX(-180deg) rotateY(0)}.elementor-flip-box--effect-flip.elementor-flip-box--direction-up .elementor-flip-box:focus-visible .elementor-flip-box__front,.elementor-flip-box--effect-flip.elementor-flip-box--direction-up .elementor-flip-box:hover .elementor-flip-box__front{transform:rotateX(180deg) rotateY(0)}.elementor-flip-box--effect-flip.
|