.flip{width:calc(100% + 1px);min-height:100vh;display:flex;flex-direction:column;margin-left:-1px}.flip .spl-post{height:33.33vh;display:flex;position:relative;b!ox-shadow: 0 3px 5px var(--dark-txt-shadow);transform-origin:center center;transform-style:preserve-3d;z-index:1;border-bottom: 1px solid #0000001c}.flip .post-wrapper{z-index:1}.flip .post-wrapper .title-container{d!isplay:block;b!ackground:#fff;p!adding: 40px;m!ax-width: 400px;m!in-width: 300px}.flip .spl-post a{padding:0}.flip .post-wrapper .title-container{display:block;background:#fff}.flip .title-container strong,.flip .title-container h3{text-transform:uppercase;z-index:10;transition:all .5s}.flip .title-container h3{font-size:35px;font-weight:800;w!ord-spacing: 100vw;margin-bottom:0}.flip .title-container strong{font-size:20px;font-weight:600;margin-bottom:0}.flip .title-container h3 .dashicons{font-size:60px;width:60px;height:60px}.flip .mask{position:absolute;z-index:1;height:100%;width:100%;top:0;left:0;background-color:var(--dark-txt-shadow);mix-blend-mode:overlay;transition:all .5s}.flip .spl-post:hover .mask{background-color:transparent}.flip .spl-post:hover a,.flip .spl-post:focus a,.flip .spl-post:active a{b!ox-shadow: 0 5px 10px var(--dark-txt-shadow);transform:scale(1.05);z-index:2}.flip .spl-post:hover,.flip .spl-post:focus,.flip .spl-post:active{z-index:2}.flip .spl-post:hover .dashicons,.flip .spl-post:focus .dashicons,.flip .spl-post:active .dashicons{animation:bounce 1.5s infinite}.flip .spl-post a{width:100%;height:100%;display:flex;justify-content:center;flex-direction:column;position:relative}.flip .spl-post a:hover,.flip .spl-post a:focus,.flip .spl-post a:active{text-decoration:none}.flip .spl-post img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media screen and (min-width:768px){.flip .post-wrapper .title-container{display:block;background:#fff;padding:40px;max-width:400px;min-width:300px}.flip .spl-post a{padding:0}.flip .title-container h3{w!ord-spacing: 100vw}}@media screen and (max-width:960px){.flip .post-wrapper .title-container{padding:20px;max-width:350px;min-width:auto}.flip .post-wrapper .title-container h3{font-size:25px;font-weight:700;margin-bottom:0}.flip .post-wrapper .title-container h3 .dashicons{font-size:40px;width:40px;height:40px}.flip .post-wrapper .title-container strong{font-size:15px;font-weight:700;margin-bottom:0}}@media screen and (max-width:767px){.flip a{padding:40px}.flip .post-wrapper .title-container{margin:0 auto}.flip .post-wrapper .title-container h3{font-size:28px;font-weight:700;word-spacing:normal}.flip .post-wrapper .title-container strong{font-size:16px;font-weight:500}}