/* eb-flipbox-v3xw6p1 Starts */ .eb-flipbox-container.eb-flipbox-v3xw6p1 .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-v3xw6p1{ margin-top: 28px; margin-bottom: 28px; width: 100%; overflow: hidden; } .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipbox-front-title, .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipbox-back-title { width: 100%; text-align: center; } .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipbox-front-title { color: #ffffff; } .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipbox-back-title { padding: 1px; color: #ffffff; } .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipbox-front-content, .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipbox-back-content { width: 100%; text-align: center; margin: 10px 0; } .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipbox-front-content { color: #ffffff; } .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipbox-back-content { padding: 1px; color: #ffffff; } .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipper { transition: 2s; min-height:261px; max-width:600px; } .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipper.back-is-selected { transform: rotateY(-180deg); } .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipper .eb-flipbox-front { background-color: rgba(221,0,0,1); min-height:261px; max-width:600px; display: flex; justify-content: center; align-items: center; height: auto; width: 100%; z-index: 1; transition: background 0.9s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipper .eb-flipbox-front:hover { background-image: url(u0022http://getfitsuisse.ch/wp-content/uploads/2023/10/what-to-tell-them-1.jpgu0022); background-repeat: repeat; box-shadow: rgba(113,113,113,1) 0px 0px 0px 0px ; } .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipper .eb-flipbox-front:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipbox-front .eb-flipbox-front-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipbox-front .eb-flipbox-front-image-container img { height:100px; width:100px; } .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipbox-icon-front { font-size:48px; color: #ffffff; background: transparent; width: 100%; text-align:center; display: block; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipbox-icon-back { font-size:42px; color: #ffffff; background: transparent; width: 100%; text-align: center; display: block; transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipper .eb-flipbox-back { background-color: rgba(223,0,0,1); min-height:261px; max-width:600px; 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: pointer; } .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipper .eb-flipbox-back:hover { box-shadow: rgba(113,113,113,1) 0px 0px 0px 0px ; } .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipper .eb-flipbox-back:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipper .eb-flipbox-front, .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipper .eb-flipbox-back{ position: absolute; } .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipbox-back .eb-flipbox-back-image-container { display: none; justify-content: center; } .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipbox-back .eb-flipbox-back-image-container img { height:100px; width:100px; } .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipbox-button-container .eb-flipbox-button-link { border-radius: 4px; width:151px; background: rgba(255,255,255,1); color: rgba(221,0,0,1); transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-flipbox-container.eb-flipbox-v3xw6p1 .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-v3xw6p1 .eb-flipbox-button-container .eb-flipbox-button-content .eb-flipbox-button-icon { display: none; } .wp-admin .eb-parent-eb-flipbox-v3xw6p1 { display: block; opacity: 1; } .eb-parent-eb-flipbox-v3xw6p1 { display: block; } /* Css for Animation */ body:not(.wp-admin) .eb-parent-eb-flipbox-v3xw6p1.eb_animation { visibility: hidden; opacity: 0; transition: ease-in undefinedms; } body:not(.wp-admin) .eb-parent-eb-flipbox-v3xw6p1.eb_animation.eb__animated { visibility: visible; opacity: 1; } .eb-parent-eb-flipbox-v3xw6p1.eb_animation.eb__animated { animation-duration: undefinedms; animation-delay: undefinedms; }  @media(max-width: 1024px){ .eb-flipbox-container.eb-flipbox-v3xw6p1 .eb-flipper .eb-flipbox-front:hover { background-attachment: scroll; } .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-flipbox-v3xw6p1 { display: block; opacity: 1; } .eb-parent-eb-flipbox-v3xw6p1 { display: block; } } @media(max-width: 767px){ .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-flipbox-v3xw6p1 { display: block; opacity: 1; } .eb-parent-eb-flipbox-v3xw6p1 { display: block; } }/* =eb-flipbox-v3xw6p1= Ends */