.elementor-78 .elementor-element.elementor-element-93c8a14 .elementor-flip-box__front{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E6EAF0;box-shadow:0px 8px 22px 0px rgba(0, 0, 0, 0.30196078431372547);}.elementor-78 .elementor-element.elementor-element-93c8a14 .elementor-flip-box__back{background-color:#FFFFFF00;background-image:url("https://iyparty.com/staging/wp-content/uploads/2026/11/casino-craps-dealers-in-action.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;border-style:solid;border-width:2px 2px 2px 2px;border-color:#D5A526;}.elementor-78 .elementor-element.elementor-element-93c8a14{width:100%;max-width:100%;}.elementor-78 .elementor-element.elementor-element-93c8a14 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-78 .elementor-element.elementor-element-93c8a14 .elementor-flip-box{height:325px;}.elementor-78 .elementor-element.elementor-element-93c8a14 .elementor-flip-box__layer, .elementor-78 .elementor-element.elementor-element-93c8a14 .elementor-flip-box__layer__overlay{border-radius:14px;}.elementor-78 .elementor-element.elementor-element-93c8a14 .elementor-flip-box__front .elementor-flip-box__layer__overlay{padding:28px 26px 28px 26px;text-align:start;justify-content:flex-start;}.elementor-78 .elementor-element.elementor-element-93c8a14 .elementor-icon i{transform:rotate(0deg);}.elementor-78 .elementor-element.elementor-element-93c8a14 .elementor-icon svg{transform:rotate(0deg);}.elementor-78 .elementor-element.elementor-element-93c8a14 .elementor-flip-box__front .elementor-flip-box__layer__title{color:#D5A526;font-size:42px;font-weight:700;}.elementor-78 .elementor-element.elementor-element-93c8a14 .elementor-flip-box__front .elementor-flip-box__layer__description{color:#003366;font-size:17px;font-weight:600;line-height:1.45em;}.elementor-78 .elementor-element.elementor-element-93c8a14 .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:0px 0px 0px 0px;text-align:center;justify-content:center;}.elementor-78 .elementor-element.elementor-element-93c8a14 .elementor-flip-box__button{margin-inline-center:0;}.elementor-78 .elementor-element.elementor-element-989b177 .elementor-flip-box__front{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E6EAF0;box-shadow:0px 8px 22px 0px rgba(0, 0, 0, 0.30196078431372547);}.elementor-78 .elementor-element.elementor-element-989b177 .elementor-flip-box__back{background-color:#FFFFFF00;background-image:url("https://iyparty.com/staging/wp-content/uploads/2026/08/Nautical01-scaled.webp");background-position:center right;background-repeat:no-repeat;background-size:cover;border-style:solid;border-width:2px 2px 2px 2px;border-color:#D5A526;}.elementor-78 .elementor-element.elementor-element-989b177{width:100%;max-width:100%;}.elementor-78 .elementor-element.elementor-element-989b177 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-78 .elementor-element.elementor-element-989b177 .elementor-flip-box{height:325px;}.elementor-78 .elementor-element.elementor-element-989b177 .elementor-flip-box__layer, .elementor-78 .elementor-element.elementor-element-989b177 .elementor-flip-box__layer__overlay{border-radius:14px;}.elementor-78 .elementor-element.elementor-element-989b177 .elementor-flip-box__front .elementor-flip-box__layer__overlay{padding:28px 26px 28px 26px;text-align:start;justify-content:flex-start;}.elementor-78 .elementor-element.elementor-element-989b177 .elementor-icon i{transform:rotate(0deg);}.elementor-78 .elementor-element.elementor-element-989b177 .elementor-icon svg{transform:rotate(0deg);}.elementor-78 .elementor-element.elementor-element-989b177 .elementor-flip-box__front .elementor-flip-box__layer__title{color:#D5A526;font-size:42px;font-weight:700;}.elementor-78 .elementor-element.elementor-element-989b177 .elementor-flip-box__front .elementor-flip-box__layer__description{color:#003366;font-size:17px;font-weight:600;line-height:1.45em;}.elementor-78 .elementor-element.elementor-element-989b177 .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:0px 0px 0px 0px;text-align:center;justify-content:center;}.elementor-78 .elementor-element.elementor-element-989b177 .elementor-flip-box__button{margin-inline-center:0;}.elementor-78 .elementor-element.elementor-element-5900715 .elementor-flip-box__front{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E6EAF0;box-shadow:0px 8px 22px 0px rgba(0, 0, 0, 0.30196078431372547);}.elementor-78 .elementor-element.elementor-element-5900715 .elementor-flip-box__back{background-color:#FFFFFF00;background-image:url("https://iyparty.com/staging/wp-content/uploads/2026/08/IYP-Staff01.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;border-style:solid;border-width:2px 2px 2px 2px;border-color:#D5A526;}.elementor-78 .elementor-element.elementor-element-5900715{width:100%;max-width:100%;}.elementor-78 .elementor-element.elementor-element-5900715 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-78 .elementor-element.elementor-element-5900715 .elementor-flip-box{height:325px;}.elementor-78 .elementor-element.elementor-element-5900715 .elementor-flip-box__layer, .elementor-78 .elementor-element.elementor-element-5900715 .elementor-flip-box__layer__overlay{border-radius:14px;}.elementor-78 .elementor-element.elementor-element-5900715 .elementor-flip-box__front .elementor-flip-box__layer__overlay{padding:28px 26px 28px 26px;text-align:start;justify-content:flex-start;}.elementor-78 .elementor-element.elementor-element-5900715 .elementor-icon i{transform:rotate(0deg);}.elementor-78 .elementor-element.elementor-element-5900715 .elementor-icon svg{transform:rotate(0deg);}.elementor-78 .elementor-element.elementor-element-5900715 .elementor-flip-box__front .elementor-flip-box__layer__title{color:#D5A526;font-size:42px;font-weight:700;}.elementor-78 .elementor-element.elementor-element-5900715 .elementor-flip-box__front .elementor-flip-box__layer__description{color:#003366;font-size:17px;font-weight:600;line-height:1.45em;}.elementor-78 .elementor-element.elementor-element-5900715 .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:0px 0px 0px 0px;text-align:center;justify-content:center;}.elementor-78 .elementor-element.elementor-element-5900715 .elementor-flip-box__button{margin-inline-center:0;}:root{--page-title-display:none;}/* Start custom CSS *//* ========================================================= ABOUT PAGE — DIFFERENCE FLIP CARDS It's Your Party ========================================================= */ /* --------------------------------------------------------- 1. SHARED FLIP BOX SHELL --------------------------------------------------------- */ .about-difference-flipbox-wrap { width: 100% !important; max-width: 100% !important; height: 325px !important; min-height: 325px !important; box-sizing: border-box !important; } .about-difference-flipbox-wrap .elementor-widget-container { width: 100% !important; max-width: 100% !important; height: 100% !important; min-height: 325px !important; box-sizing: border-box !important; } .about-difference-flipbox-wrap .elementor-flip-box { width: 100% !important; max-width: 100% !important; height: 325px !important; min-height: 325px !important; border-radius: 14px; box-sizing: border-box !important; perspective: 1600px; } /* --------------------------------------------------------- 2. BOTH FLIP BOX FACES --------------------------------------------------------- */ .about-difference-flipbox-wrap .elementor-flip-box__layer { width: 100% !important; max-width: 100% !important; height: 325px !important; min-height: 325px !important; border-radius: 14px !important; overflow: hidden !important; box-sizing: border-box !important; transition-duration: 0.85s !important; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* --------------------------------------------------------- 3. FRONT FACE --------------------------------------------------------- */ .about-difference-flipbox-wrap .elementor-flip-box__front { background: #FFFFFF !important; border: 1px solid #E6EAF0 !important; border-radius: 14px !important; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12); } /* Force the front content into the same position on every card */ .about-difference-flipbox-wrap .elementor-flip-box__front .elementor-flip-box__layer__overlay { width: 100% !important; height: 100% !important; padding: 28px 26px !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: flex-start !important; box-sizing: border-box !important; } /* --------------------------------------------------------- 4. LARGE GOLD WORD / NUMBER 40+ / BUILD / ONE --------------------------------------------------------- */ .about-difference-flipbox-wrap .elementor-flip-box__front .elementor-flip-box__layer__title { width: 100% !important; margin: 0 0 28px 0 !important; padding: 0 !important; color: #D5A526 !important; font-size: 42px !important; font-weight: 700 !important; line-height: 1em !important; text-align: left !important; } /* --------------------------------------------------------- 5. DESCRIPTION / BODY COPY --------------------------------------------------------- */ .about-difference-flipbox-wrap .elementor-flip-box__front .elementor-flip-box__layer__description { width: 100% !important; margin: 0 !important; padding: 0 !important; color: #222831 !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5em !important; text-align: left !important; } /* --------------------------------------------------------- 6. EXPERIENCE CARD SUBHEADING --------------------------------------------------------- */ .about-experience-flip .elementor-flip-box__front .elementor-flip-box__layer__description::before { content: "EVENTS PRODUCED"; display: block; width: 100%; margin: 0 0 36px 0; color: #003366; font-size: 20px; font-weight: 700; line-height: 1.1em; text-align: left; text-transform: uppercase; } /* --------------------------------------------------------- 7. CREATIVE CARD SUBHEADING --------------------------------------------------------- */ .about-creative-flip .elementor-flip-box__front .elementor-flip-box__layer__description::before { content: "VENUES & LOCATIONS"; display: block; width: 100%; margin: 0 0 36px 0; color: #003366; font-size: 20px; font-weight: 700; line-height: 1.1em; text-align: left; text-transform: uppercase; } /* --------------------------------------------------------- 8. TEAM CARD SUBHEADING --------------------------------------------------------- */ .about-team-flip .elementor-flip-box__front .elementor-flip-box__layer__description::before { content: "EVENTS EVERY YEAR"; display: block; width: 100%; margin: 0 0 36px 0; color: #003366; font-size: 20px; font-weight: 700; line-height: 1.1em; text-align: left; text-transform: uppercase; } /* --------------------------------------------------------- 9. BACK FACE — FULL-BLEED PHOTO --------------------------------------------------------- */ .about-difference-flipbox-wrap .elementor-flip-box__back { border: 2px solid #D5A526 !important; border-radius: 14px !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.14); } /* Remove all inner padding from the photo side */ .about-difference-flipbox-wrap .elementor-flip-box__back .elementor-flip-box__layer__overlay { width: 100% !important; height: 100% !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; } /* Remove any empty-content spacing Elementor may create */ .about-difference-flipbox-wrap .elementor-flip-box__back .elementor-flip-box__layer__inner { width: 100% !important; height: 100% !important; padding: 0 !important; margin: 0 !important; } /* --------------------------------------------------------- 10. TABLET --------------------------------------------------------- */ @media (min-width: 768px) and (max-width: 1024px) { .about-difference-flipbox-wrap, .about-difference-flipbox-wrap .elementor-widget-container, .about-difference-flipbox-wrap .elementor-flip-box, .about-difference-flipbox-wrap .elementor-flip-box__layer { height: 340px !important; min-height: 340px !important; } .about-difference-flipbox-wrap .elementor-flip-box__front .elementor-flip-box__layer__overlay { padding: 24px 22px !important; } .about-difference-flipbox-wrap .elementor-flip-box__front .elementor-flip-box__layer__title { font-size: 36px !important; } .about-difference-flipbox-wrap .elementor-flip-box__front .elementor-flip-box__layer__description { font-size: 14px !important; } .about-experience-flip .elementor-flip-box__layer__description::before, .about-creative-flip .elementor-flip-box__layer__description::before, .about-team-flip .elementor-flip-box__layer__description::before { font-size: 18px; margin-bottom: 28px; } } /* --------------------------------------------------------- 11. MOBILE --------------------------------------------------------- */ @media (max-width: 767px) { .about-difference-flipbox-wrap { width: 100% !important; max-width: 100% !important; height: 320px !important; min-height: 320px !important; } .about-difference-flipbox-wrap .elementor-widget-container, .about-difference-flipbox-wrap .elementor-flip-box, .about-difference-flipbox-wrap .elementor-flip-box__layer { width: 100% !important; max-width: 100% !important; height: 320px !important; min-height: 320px !important; box-sizing: border-box !important; } .about-difference-flipbox-wrap .elementor-flip-box__front .elementor-flip-box__layer__overlay { padding: 26px 22px !important; } .about-difference-flipbox-wrap .elementor-flip-box__front .elementor-flip-box__layer__title { font-size: 38px !important; margin-bottom: 24px !important; } .about-difference-flipbox-wrap .elementor-flip-box__front .elementor-flip-box__layer__description { font-size: 15px !important; line-height: 1.45em !important; } .about-experience-flip .elementor-flip-box__layer__description::before, .about-creative-flip .elementor-flip-box__layer__description::before, .about-team-flip .elementor-flip-box__layer__description::before { font-size: 18px; line-height: 1.1em; margin-bottom: 26px; } } /* --------------------------------------------------------- 12. ACCESSIBILITY — REDUCED MOTION --------------------------------------------------------- */ @media (prefers-reduced-motion: reduce) { .about-difference-flipbox-wrap .elementor-flip-box__layer { transition-duration: 0.01ms !important; } } /* ================================================== ABOUT — 40+ EXPERIENCE FLIP CARD FRONT ================================================== */ /* Large gold 40+ */ .about-experience-flip .elementor-flip-box__front .elementor-flip-box__layer__title { margin: 0 0 26px 0 !important; color: #D5A526 !important; font-size: 42px !important; font-weight: 700 !important; line-height: 1em !important; text-align: left !important; } /* Regular paragraph styling */ .about-experience-flip .elementor-flip-box__front .elementor-flip-box__layer__description { margin: 0 !important; color: #222831 !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5em !important; text-align: left !important; } /* Insert the missing navy heading */ .about-experience-flip .elementor-flip-box__front .elementor-flip-box__layer__description::before { content: "EVENTS PRODUCED"; display: block; margin: 0 0 36px 0; color: #003366; font-size: 20px; font-weight: 700; line-height: 1.1em; text-align: left; text-transform: uppercase; } /* ================================================== ABOUT — BUILD FLIP CARD FRONT ================================================== */ .about-creative-flip .elementor-flip-box__front .elementor-flip-box__layer__title { margin: 0 0 26px 0 !important; color: #D5A526 !important; font-size: 42px !important; font-weight: 700 !important; line-height: 1em !important; text-align: left !important; } .about-creative-flip .elementor-flip-box__front .elementor-flip-box__layer__description { margin: 0 !important; color: #222831 !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5em !important; text-align: left !important; } .about-creative-flip .elementor-flip-box__front .elementor-flip-box__layer__description::before { content: "VENUES & LOCATIONS"; display: block; margin: 0 0 42px 0; color: #003366; font-size: 20px; font-weight: 700; line-height: 1.1em; text-align: left; text-transform: uppercase; } /* ================================================== ABOUT — ONE / TEAM FLIP CARD FRONT ================================================== */ .about-team-flip .elementor-flip-box__front .elementor-flip-box__layer__title { margin: 0 0 26px 0 !important; color: #D5A526 !important; font-size: 42px !important; font-weight: 700 !important; line-height: 1em !important; text-align: left !important; } .about-team-flip .elementor-flip-box__front .elementor-flip-box__layer__description { margin: 0 !important; color: #222831 !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5em !important; text-align: left !important; } .about-team-flip .elementor-flip-box__front .elementor-flip-box__layer__description::before { content: "EVENTS EVERY YEAR"; display: block; margin: 0 0 42px 0; color: #003366; font-size: 20px; font-weight: 700; line-height: 1.1em; text-align: left; text-transform: uppercase; } /* Timeline frames: hover lift (overrides the fade-in's inline transform) */ .elementor [data-id="b62f719"] > .e-con:hover { transform: translate3d(0, -6px, 0) !important; transition: transform .3s ease !important; } /* About – By the Numbers: tablet fit */ @media (min-width: 768px) and (max-width: 1024px) { .about-experience-flip .elementor-flip-box, .about-creative-flip .elementor-flip-box, .about-team-flip .elementor-flip-box { height: 350px !important; } .about-experience-flip .elementor-flip-box__front .elementor-flip-box__layer__overlay, .about-creative-flip .elementor-flip-box__front .elementor-flip-box__layer__overlay, .about-team-flip .elementor-flip-box__front .elementor-flip-box__layer__overlay { padding: 24px 20px !important; } .about-experience-flip .elementor-flip-box__front .elementor-flip-box__layer__title, .about-creative-flip .elementor-flip-box__front .elementor-flip-box__layer__title, .about-team-flip .elementor-flip-box__front .elementor-flip-box__layer__title { font-size: 34px !important; margin-bottom: 18px !important; } .about-experience-flip .elementor-flip-box__front .elementor-flip-box__layer__description::before, .about-creative-flip .elementor-flip-box__front .elementor-flip-box__layer__description::before, .about-team-flip .elementor-flip-box__front .elementor-flip-box__layer__description::before { font-size: 17px !important; margin-bottom: 20px !important; } }/* End custom CSS */