/* eb-flipbox-oi0x0m8 Starts */ .eb-flipbox-container.eb-flipbox-oi0x0m8 .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-oi0x0m8{ margin-top: 0px; margin-bottom: 0px; width: 100%; overflow: hidden; } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipbox-front-title, .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipbox-back-title { font-size: 26px; line-height: 1.2em; text-decoration: initial; letter-spacing: 1px; width: 100%; text-align: center; } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipbox-front-title { padding-top: 0%; padding-right: 65%; padding-left: 0%; padding-bottom: 0%; color: rgba(0,0,0,1); } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipbox-back-title { padding: 1%; color: rgba(0,0,0,1); } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipbox-front-content, .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipbox-back-content { font-size: 28px; width: 100%; text-align: center; margin: 10px 0; } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipbox-front-content { padding-top: 0%; padding-right: 0%; padding-left: 0%; padding-bottom: 0%; color: rgba(249,250,251,1); } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipbox-back-content { color: rgba(203,20,39,1); } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipper { transition: 0.6s; min-height:338px; max-width:513px; } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipper.back-is-selected { transform: rotateY(-180deg); } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipper .eb-flipbox-front { background-image: url("https://2x2impro.es/wp-content/uploads/2023/10/Bio-Link-Sitio-Web-Nutricionista-Profesional-Verde-y-Blanco-3-2.png"); background-size: 63.4% auto; background-position: center right; background-repeat: no-repeat; background-color: rgba(249,250,251,1); min-height:338px; max-width:513px; display: flex; justify-content: center; align-items: center; height: auto; width: 100%; z-index: 1; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipper .eb-flipbox-front:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipbox-front .eb-flipbox-front-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipbox-front .eb-flipbox-front-image-container img { height:162px; width:162px; } .eb-flipbox-container.eb-flipbox-oi0x0m8 .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-oi0x0m8 .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-oi0x0m8 .eb-flipper .eb-flipbox-back { background-color: rgba(249,250,251,1); min-height:338px; max-width:513px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: auto; width: 100%; transform: false; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; cursor: default; } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipper .eb-flipbox-back:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipper .eb-flipbox-front, .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipper .eb-flipbox-back{ position: absolute; } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipbox-back .eb-flipbox-back-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipbox-back .eb-flipbox-back-image-container img { height:100px; width:100px; } .wp-admin .eb-parent-eb-flipbox-oi0x0m8 { display: block; opacity: 1; } .eb-parent-eb-flipbox-oi0x0m8 { display: block; } /* Css for Animation */ body:not(.wp-admin) .eb-parent-eb-flipbox-oi0x0m8.eb_animation { visibility: hidden; opacity: 0; transition: ease-in 1000ms; } body:not(.wp-admin) .eb-parent-eb-flipbox-oi0x0m8.eb_animation.eb__animated { visibility: visible; opacity: 1; } .eb-parent-eb-flipbox-oi0x0m8.eb_animation.eb__animated { animation-duration: 1000ms; animation-delay: 0ms; }  @media(max-width: 1024px){ .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipper .eb-flipbox-front { background-attachment: scroll; } .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-flipbox-oi0x0m8 { display: block; opacity: 1; } .eb-parent-eb-flipbox-oi0x0m8 { display: block; } } @media(max-width: 767px){ .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipbox-back .eb-flipbox-items-container { padding-bottom: 0%; } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipbox-front-title { padding-top: 0%; padding-right: 60%; padding-left: 0%; padding-bottom: 0%; } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipbox-back-title { padding-top: 0%; padding-right: 60%; padding-left: 0%; padding-bottom: 0%; } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipbox-front-title, .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipbox-back-title { font-size: 77%; line-height: 1.7em; letter-spacing: 1px; } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipbox-front-content { padding-right: 0%; } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipbox-back-content { padding: 0px; } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipbox-front-content, .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipbox-back-content { font-size: 13px; } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipper { min-height:222px; max-width:600px; } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipper .eb-flipbox-front { min-height:222px; max-width:600px; background-size: 61.4% auto; background-position: center right; } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipper .eb-flipbox-back { min-height:222px; max-width:600px; } .eb-flipbox-container.eb-flipbox-oi0x0m8 .eb-flipbox-front .eb-flipbox-front-image-container img { height:138px; width:138px; } .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-flipbox-oi0x0m8 { display: block; opacity: 1; } .eb-parent-eb-flipbox-oi0x0m8 { display: block; } }/* =eb-flipbox-oi0x0m8= Ends */