/* eb-flipbox-z22bzd9 Starts */ .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipbox-items-container { align-items: center; } .eb-flipbox-align-center .eb-flipper { margin-right: auto !important; margin-left: auto !important; } .eb-flipbox-align-right .eb-flipper { margin-left: auto !important; } .eb-flipbox-container.eb-flipbox-z22bzd9{ margin-top: 28px; margin-bottom: 28px; width: 100%; overflow: hidden; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipbox-front-title, .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipbox-back-title { font-family: Playfair Display; font-size: 32px; line-height: 0.5em; font-style: italic; width: 100%; text-align: center; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipbox-front-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipbox-back-title { color: rgba(255,255,255,1); } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipbox-front-content, .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipbox-back-content { font-family: Helvetica; font-size: 14px; line-height: 0.5em; width: 100%; text-align: center; margin: 10px 0; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipbox-front-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipbox-back-content { color: rgba(255,255,255,1); } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipper { transition: 0.5s; min-height:600px; max-width:530px; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipper.back-is-selected { transform: undefined; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipper .eb-flipbox-front { background-image: url("https://clipuntodesign.es/wp-content/uploads/2022/07/card_510x600.png"); background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-color: rgba(134,209,212,1); min-height:600px; max-width:530px; display: flex; justify-content: center; align-items: center; height: auto; width: 100%; z-index: 1; transition: opacity 0.6s, background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipper .eb-flipbox-front:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipbox-front .eb-flipbox-front-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipbox-front .eb-flipbox-front-image-container img { height:100%; width:100%; border-radius:0px; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipbox-icon-front { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align:center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipbox-icon-back { font-size:50px; color: #ffffff; background: transparent; width: 100%; text-align: center; display: none; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipper .eb-flipbox-back { background-color: rgba(50,73,167,1); min-height:600px; max-width:530px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto; width: 100%; transform: none; transition: opacity 0.6s, background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; cursor: pointer; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipper .eb-flipbox-back:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipper.back-is-selected .eb-flipbox-back { opacity: 1; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipper .eb-flipbox-front, .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipper .eb-flipbox-back{ position: absolute; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipbox-back .eb-flipbox-back-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipbox-back .eb-flipbox-back-image-container img { height:100px; width:100px; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipbox-button-container .eb-flipbox-button-link { padding: 0px; width:100px; color: rgba(254,254,254,1); transition: border 0s, border-radius 0s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipbox-button-container .eb-flipbox-button-content { display: flex; flex-direction: row-reverse; justify-content: space-around; align-items: center; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipbox-button-container .eb-flipbox-button-content .eb-flipbox-button-icon { display: none; } .wp-admin .eb-parent-eb-flipbox-z22bzd9 { display: block; opacity: 1; } .eb-parent-eb-flipbox-z22bzd9 { display: block; } /* Css for Animation */ body:not(.wp-admin) .eb-parent-eb-flipbox-z22bzd9.eb_animation { visibility: hidden; opacity: 0; transition: ease-in 1000ms; } body:not(.wp-admin) .eb-parent-eb-flipbox-z22bzd9.eb_animation.eb__animated { visibility: visible; opacity: 1; } .eb-parent-eb-flipbox-z22bzd9.eb_animation.eb__animated { animation-duration: 1000ms; animation-delay: 0ms; }  @media(max-width: 1024px){ .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipper { min-height:600px; max-width:440px; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipper .eb-flipbox-front { min-height:600px; max-width:440px; background-attachment: scroll; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipper .eb-flipbox-back { min-height:600px; max-width:440px; } .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-flipbox-z22bzd9 { display: block; opacity: 1; } .eb-parent-eb-flipbox-z22bzd9 { display: block; } } @media(max-width: 767px){ .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipper { min-height:400px; max-width:280px; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipper .eb-flipbox-front { min-height:400px; max-width:280px; } .eb-flipbox-container.eb-flipbox-z22bzd9 .eb-flipper .eb-flipbox-back { min-height:400px; max-width:280px; } .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-flipbox-z22bzd9 { display: block; opacity: 1; } .eb-parent-eb-flipbox-z22bzd9 { display: block; } }/* =eb-flipbox-z22bzd9= Ends */