.elementor-3416 .elementor-element.elementor-element-4f5d415{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-3416 .elementor-element.elementor-element-4f5d415:not(.elementor-motion-effects-element-type-background), .elementor-3416 .elementor-element.elementor-element-4f5d415 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3416 .elementor-element.elementor-element-a111766{--grid-columns:4;--grid-row-gap:5px;--grid-column-gap:15px;}.elementor-3416 .elementor-element.elementor-element-a111766 > .elementor-widget-container{background-color:#FFFFFF;padding:0px 0px 0px 0px;}.elementor-3416 .elementor-element.elementor-element-a111766 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-3416 .elementor-element.elementor-element-a111766 .e-loop-item > .elementor-section, .elementor-3416 .elementor-element.elementor-element-a111766 .e-loop-item > .elementor-section > .elementor-container, .elementor-3416 .elementor-element.elementor-element-a111766 .e-loop-item > .e-con, .elementor-3416 .elementor-element.elementor-element-a111766 .e-loop-item .elementor-section-wrap > .e-con{height:100%;}.elementor-3416 .elementor-element.elementor-element-9729ae7{--grid-columns:4;}.elementor-3416 .elementor-element.elementor-element-9729ae7 > .elementor-widget-container{background-color:#FFFFFF;padding:0px 0px 0px 0px;}.elementor-3416 .elementor-element.elementor-element-9729ae7 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-3416 .elementor-element.elementor-element-9729ae7 .e-loop-item > .elementor-section, .elementor-3416 .elementor-element.elementor-element-9729ae7 .e-loop-item > .elementor-section > .elementor-container, .elementor-3416 .elementor-element.elementor-element-9729ae7 .e-loop-item > .e-con, .elementor-3416 .elementor-element.elementor-element-9729ae7 .e-loop-item .elementor-section-wrap > .e-con{height:100%;}@media(max-width:1024px){.elementor-3416 .elementor-element.elementor-element-4f5d415{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3416 .elementor-element.elementor-element-a111766{--grid-columns:2;}.elementor-3416 .elementor-element.elementor-element-9729ae7{--grid-columns:2;}}@media(max-width:767px){.elementor-3416 .elementor-element.elementor-element-a111766{--grid-columns:1;--grid-row-gap:0px;}.elementor-3416 .elementor-element.elementor-element-a111766 > .elementor-widget-container{padding:0px 0px 50px 0px;}.elementor-3416 .elementor-element.elementor-element-9729ae7{--grid-columns:1;}.elementor-3416 .elementor-element.elementor-element-9729ae7 > .elementor-widget-container{padding:50px 0px 50px 0px;}}/* Start custom CSS for container, class: .elementor-element-4f5d415 *//* ========================================================= NDP PRODUCT CARD — PREMIUM PRICE BOX + CTA + LOAD MORE CLEAN / FIXED VERSION ========================================================= */ /* --------------------------------------------------------- PRICE BOX --------------------------------------------------------- */ .woocommerce ul.products li.product .price, .elementor-widget-loop-grid .price, .elementor-widget-woocommerce-product-price .price { display: inline-flex; align-items: center; justify-content: center; min-width: 210px; min-height: 56px; padding: 0 26px; border-radius: 18px; background: linear-gradient(180deg, #ffe27a 0%, #ffc400 55%, #f2b500 100%); border: 2px solid #1a1a1a; box-shadow: inset 0 2px 0 rgba(255,255,255,0.55), inset 0 -2px 0 rgba(0,0,0,0.08), 0 10px 22px rgba(255,196,0,0.22), 0 4px 10px rgba(0,0,0,0.08); color: #111111 !important; font-weight: 800; font-size: 18px; line-height: 1; letter-spacing: 0.2px; text-align: center; position: relative; overflow: hidden; margin-top: 8px; margin-bottom: 18px; } .woocommerce ul.products li.product .price::before, .elementor-widget-loop-grid .price::before, .elementor-widget-woocommerce-product-price .price::before { content: ""; position: absolute; top: 1px; left: 8px; right: 8px; height: 45%; border-radius: 16px; background: linear-gradient(180deg, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.10) 100%); pointer-events: none; } /* Remove old Elementor wrapper styling around price */ .elementor-widget-woocommerce-product-price .elementor-widget-container { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; } /* --------------------------------------------------------- PRODUCT CTA ONLY Targets real WooCommerce/loop product buttons only --------------------------------------------------------- */ .woocommerce ul.products li.product a.button, .woocommerce ul.products li.product .button, .woocommerce ul.products li.product .added_to_cart, .elementor-widget-loop-grid .product a.button, .elementor-widget-loop-grid .product .button, .elementor-widget-loop-grid .product .added_to_cart, .elementor-widget-loop-grid .post.product a.button, .elementor-widget-loop-grid .post.product .button, .elementor-widget-loop-grid .post.product .added_to_cart { display: inline-flex; align-items: center; justify-content: center; min-width: 230px; min-height: 58px; padding: 0 30px; border-radius: 999px; background: linear-gradient(180deg, #16548c 0%, #0f4576 55%, #0b3b66 100%); border: 1px solid rgba(255,255,255,0.10); box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -1px 0 rgba(0,0,0,0.18), 0 12px 28px rgba(13,103,181,0.22), 0 3px 8px rgba(0,0,0,0.10); color: #ffffff !important; font-size: 18px; font-weight: 700; letter-spacing: 0.2px; line-height: 1; text-decoration: none !important; text-align: center; transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease; position: relative; overflow: hidden; margin-top: 10px; } .woocommerce ul.products li.product a.button::before, .woocommerce ul.products li.product .button::before, .elementor-widget-loop-grid .product a.button::before, .elementor-widget-loop-grid .product .button::before, .elementor-widget-loop-grid .post.product a.button::before, .elementor-widget-loop-grid .post.product .button::before { content: ""; position: absolute; top: 0; left: -35%; width: 45%; height: 100%; background: linear-gradient(90deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.16) 50%, rgba(255,255,255,0.00) 100%); transform: skewX(-22deg); pointer-events: none; } .woocommerce ul.products li.product a.button:hover, .woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product .added_to_cart:hover, .elementor-widget-loop-grid .product a.button:hover, .elementor-widget-loop-grid .product .button:hover, .elementor-widget-loop-grid .product .added_to_cart:hover, .elementor-widget-loop-grid .post.product a.button:hover, .elementor-widget-loop-grid .post.product .button:hover, .elementor-widget-loop-grid .post.product .added_to_cart:hover { background: linear-gradient(180deg, #1b609e 0%, #125186 55%, #0d4470 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -1px 0 rgba(0,0,0,0.18), 0 16px 34px rgba(13,103,181,0.28), 0 6px 14px rgba(0,0,0,0.12); transform: translateY(-1px); color: #ffffff !important; } .woocommerce ul.products li.product a.button:active, .woocommerce ul.products li.product .button:active, .elementor-widget-loop-grid .product a.button:active, .elementor-widget-loop-grid .product .button:active, .elementor-widget-loop-grid .post.product a.button:active, .elementor-widget-loop-grid .post.product .button:active { transform: translateY(0); box-shadow: inset 0 2px 4px rgba(0,0,0,0.16), 0 8px 18px rgba(13,103,181,0.20); } /* --------------------------------------------------------- LOAD MORE BUTTON ONLY Narrow .elementor-3416 .elementor-element.elementor-element-4f5d415 so no ghost blue pill appears --------------------------------------------------------- */ .elementor-widget-loop-grid .e-load-more-message a, .elementor-widget-loop-grid .e-load-more-message button, .elementor-widget-loop-grid .e-load-more-anchor, .elementor-widget-loop-grid .elementor-loop-container + nav a, .elementor-widget-loop-grid .elementor-loop-container + nav button { display: inline-flex; align-items: center; justify-content: center; min-width: 180px; min-height: 56px; padding: 0 28px; border-radius: 999px; background: linear-gradient(180deg, #16548c 0%, #0f4576 55%, #0b3b66 100%) !important; border: 1px solid rgba(255,255,255,0.10) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -1px 0 rgba(0,0,0,0.18), 0 12px 28px rgba(13,103,181,0.22), 0 3px 8px rgba(0,0,0,0.10) !important; color: #ffffff !important; font-size: 18px; font-weight: 700; line-height: 1; text-decoration: none !important; position: relative; overflow: hidden; transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease; } .elementor-widget-loop-grid .e-load-more-message a::before, .elementor-widget-loop-grid .e-load-more-message button::before, .elementor-widget-loop-grid .e-load-more-anchor::before, .elementor-widget-loop-grid .elementor-loop-container + nav a::before, .elementor-widget-loop-grid .elementor-loop-container + nav button::before { content: ""; position: absolute; top: 0; left: -35%; width: 45%; height: 100%; background: linear-gradient(90deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.16) 50%, rgba(255,255,255,0.00) 100%); transform: skewX(-22deg); pointer-events: none; } .elementor-widget-loop-grid .e-load-more-message a:hover, .elementor-widget-loop-grid .e-load-more-message button:hover, .elementor-widget-loop-grid .e-load-more-anchor:hover, .elementor-widget-loop-grid .elementor-loop-container + nav a:hover, .elementor-widget-loop-grid .elementor-loop-container + nav button:hover { background: linear-gradient(180deg, #1b609e 0%, #125186 55%, #0d4470 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -1px 0 rgba(0,0,0,0.18), 0 16px 34px rgba(13,103,181,0.28), 0 6px 14px rgba(0,0,0,0.12) !important; transform: translateY(-1px); color: #ffffff !important; } .elementor-widget-loop-grid .e-load-more-message, .elementor-widget-loop-grid nav.elementor-pagination, .elementor-widget-loop-grid .elementor-pagination { text-align: center; margin-top: 22px; } /* --------------------------------------------------------- MOBILE --------------------------------------------------------- */ @media (max-width: 767px){ .woocommerce ul.products li.product .price, .elementor-widget-loop-grid .price, .elementor-widget-woocommerce-product-price .price { min-width: 195px; min-height: 52px; padding: 0 22px; border-radius: 16px; font-size: 16px; } .woocommerce ul.products li.product a.button, .woocommerce ul.products li.product .button, .woocommerce ul.products li.product .added_to_cart, .elementor-widget-loop-grid .product a.button, .elementor-widget-loop-grid .product .button, .elementor-widget-loop-grid .product .added_to_cart, .elementor-widget-loop-grid .post.product a.button, .elementor-widget-loop-grid .post.product .button, .elementor-widget-loop-grid .post.product .added_to_cart { min-width: 210px; min-height: 54px; padding: 0 24px; font-size: 17px; } .elementor-widget-loop-grid .e-load-more-message a, .elementor-widget-loop-grid .e-load-more-message button, .elementor-widget-loop-grid .e-load-more-anchor, .elementor-widget-loop-grid .elementor-loop-container + nav a, .elementor-widget-loop-grid .elementor-loop-container + nav button { min-width: 170px; min-height: 52px; padding: 0 24px; font-size: 17px; } }/* End custom CSS */