/* Flip and push cards (own CSS for the two variants the site uses). Written from the behaviour observed on the live pages:
   - flip, right to left, on hover or keyboard focus (six team cards on /join-the-collective/)
   - push, bottom to top, on hover or keyboard focus (two white-paper cards on /collective-intelligence/)
   Colours, sizes and typography that the page builder sets per card come from the page's own stylesheets; the values below are the
   defaults those fall back to. Selectors keep the .ekit-wid-con prefix so they win and lose against the per-card rules as before. */
.elementor-widget-elementskit-flip-box{width:100%}
.ekit-wid-con .ekit-flip-box{background-color:transparent;width:100%;height:300px;perspective:1000px}
.ekit-wid-con .ekit-flip-box-inner{position:relative;width:100%;height:100%;text-align:center;transform-style:preserve-3d;transition:transform .8s;transform:none;cursor:pointer}
.ekit-wid-con .ekit-flip-box-front,.ekit-wid-con .ekit-flip-box-back{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;backface-visibility:hidden;z-index:1}
.ekit-wid-con .ekit-flip-box-front{background-color:#6c7be9;color:#fff}
.ekit-wid-con .ekit-flip-box-back{background-color:#596ae7;color:#fff;transform:rotateY(180deg)}
.ekit-wid-con .ekit-flip-box-inner-wrap{width:100%;z-index:2}
.ekit-wid-con .ekit-flip-box-top-image img{margin:0 auto}
.ekit-wid-con .ekit-flip-box-front-title{font-size:40px;margin:0 0 10px}
.ekit-wid-con .ekit-flip-box-front-sub-title{font-size:20px;margin:0;font-weight:300;text-transform:capitalize}
.ekit-wid-con .ekit-flip-box-back-description{font-size:14px;line-height:26px;margin:0 0 10px}
.ekit-wid-con .ekit-flip-box-back-button{display:inline-block;padding:5px 10px;background:#fff;color:#fff;font-size:16px;text-decoration:none;border-radius:5px;transition:.3s ease-in-out}

/* flip, right to left */
.ekit-wid-con .ekit-flip-box.flip_style.right_to_left:hover .ekit-flip-box-inner,
.ekit-wid-con .ekit-flip-box.flip_style.right_to_left:focus-within .ekit-flip-box-inner{transform:rotateY(-180deg)}

/* push, bottom to top */
.ekit-wid-con .ekit-flip-box.push_style .ekit-flip-box-inner{overflow:hidden}
.ekit-wid-con .ekit-flip-box.push_style .ekit-flip-box-front{transition:.6s ease-in-out}
.ekit-wid-con .ekit-flip-box.push_style.bottom_to_top .ekit-flip-box-back{transform:translateY(100%);transition:.6s ease-in-out}
.ekit-wid-con .ekit-flip-box.push_style.bottom_to_top .ekit-flip-box-inner:hover .ekit-flip-box-front,
.ekit-wid-con .ekit-flip-box.push_style.bottom_to_top:focus-within .ekit-flip-box-front{transform:translateY(-100%);transition:.6s ease-in-out}
.ekit-wid-con .ekit-flip-box.push_style.bottom_to_top .ekit-flip-box-inner:hover .ekit-flip-box-back,
.ekit-wid-con .ekit-flip-box.push_style.bottom_to_top:focus-within .ekit-flip-box-back{transform:translateY(0);visibility:visible;backface-visibility:visible;transition:.6s ease-in-out}

/* keyboard users: the cards take focus (tabindex="0" is set in the HTML); show a ring only for keyboard focus */
.ekit-wid-con .ekit-flip-box:focus{outline:none}
.ekit-wid-con .ekit-flip-box:focus-visible{outline:2px solid #1762ae;outline-offset:2px}