.elementor-228 .elementor-element.elementor-element-eee0f3c{--display:flex;--min-height:250px;--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;--justify-content:center;}.elementor-228 .elementor-element.elementor-element-eee0f3c:not(.elementor-motion-effects-element-type-background), .elementor-228 .elementor-element.elementor-element-eee0f3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#021D5A;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-228 .elementor-element.elementor-element-97838db{text-align:center;}.elementor-228 .elementor-element.elementor-element-97838db .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:50px;font-weight:600;color:#FFFFFF;}.elementor-228 .elementor-element.elementor-element-978f79d .woocommerce-breadcrumb{color:#FFFFFF;font-size:25px;text-align:center;}.elementor-228 .elementor-element.elementor-element-978f79d .woocommerce-breadcrumb > a{color:#FFFFFF;}.elementor-228 .elementor-element.elementor-element-542efe1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:02px 20px;--row-gap:02px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-228 .elementor-element.elementor-element-a71a907{--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;}.elementor-228 .elementor-element.elementor-element-66002cb{padding:5px 5px 5px 5px;border-style:none;border-radius:2px 2px 2px 2px;box-shadow:0px 0px 1px 0px rgba(0,0,0,0.5);}.elementor-228 .elementor-element.elementor-element-66002cb:hover{box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);}.woocommerce .elementor-228 .elementor-element.elementor-element-66002cb .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper, .woocommerce .elementor-228 .elementor-element.elementor-element-66002cb .flex-viewport, .woocommerce .elementor-228 .elementor-element.elementor-element-66002cb .flex-control-thumbs img{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );}.woocommerce .elementor-228 .elementor-element.elementor-element-66002cb .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper, .woocommerce .elementor-228 .elementor-element.elementor-element-66002cb .flex-viewport{border-radius:5px 5px 5px 5px;}.elementor-228 .elementor-element.elementor-element-2752503{--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;}.elementor-228 .elementor-element.elementor-element-ebd90f8 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-228 .elementor-element.elementor-element-726b4cf .cart button, .elementor-228 .elementor-element.elementor-element-726b4cf .cart .button{font-size:15px;border-style:none;border-radius:8px 8px 8px 8px;padding:0px 10px 0px 10px;color:#FFFFFF;background-color:var( --e-global-color-secondary );transition:all 0.2s;}.elementor-228 .elementor-element.elementor-element-726b4cf .added_to_cart{color:var( --e-global-color-secondary );}.elementor-228 .elementor-element.elementor-element-726b4cf .quantity .qty{border-radius:11px 11px 11px 11px;padding:1px 1px 1px 1px;transition:all 0.2s;}.elementor-228 .elementor-element.elementor-element-c0818a1{--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;}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-widget-woocommerce-product-related.elementor-wc-products .products > h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-228 .elementor-element.elementor-element-19a2bc4.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-228 .elementor-element.elementor-element-19a2bc4.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:none;}.elementor-228 .elementor-element.elementor-element-19a2bc4.elementor-wc-products ul.products li.product .button{border-style:none;border-radius:11px 11px 11px 11px;}.elementor-228 .elementor-element.elementor-element-19a2bc4.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-228 .elementor-element.elementor-element-19a2bc4.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-228 .elementor-element.elementor-element-97838db .elementor-heading-title{font-size:35px;}.elementor-228 .elementor-element.elementor-element-19a2bc4.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-228 .elementor-element.elementor-element-a71a907{--width:50%;}.elementor-228 .elementor-element.elementor-element-2752503{--width:50%;}}/* Start custom CSS for woocommerce-product-related, class: .elementor-element-19a2bc4 *//* ============================================================ BLUE MARLIN SURGICAL RELATED PRODUCTS - CUSTOM DESIGN Elementor + Flatsome ============================================================ */ /* ============================================================ 1. RELATED PRODUCTS SECTION ONLY ============================================================ */ .elementor-element-19a2bc4 .related-products-wrapper { width: 100% !important; margin-top: 55px !important; padding-top: 38px !important; border-top: 1px solid #e7ebf2 !important; box-sizing: border-box !important; } /* ============================================================ 2. SECTION HEADING ============================================================ */ .elementor-element-19a2bc4 .related-products-wrapper .product-section-title { margin: 0 0 32px !important; padding: 0 !important; color: #0b3688 !important; font-family: inherit !important; font-size: 27px !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: .2px !important; text-align: center !important; text-transform: uppercase !important; } /* ============================================================ 3. GOLD ACCENT UNDER HEADING ============================================================ */ .elementor-element-19a2bc4 .related-products-wrapper .product-section-title::after { content: "" !important; display: block !important; width: 45px !important; height: 3px !important; margin: 11px auto 0 !important; background: #c49a45 !important; border-radius: 10px !important; } /* ============================================================ 4. PRODUCT SLIDER ============================================================ */ .elementor-element-19a2bc4 .related-products-wrapper .row { margin-left: -10px !important; margin-right: -10px !important; } /* ============================================================ 5. PRODUCT SLIDE ============================================================ */ .elementor-element-19a2bc4 .related-products-wrapper .product-small { padding-left: 10px !important; padding-right: 10px !important; box-sizing: border-box !important; } /* ============================================================ 6. PRODUCT CARD ============================================================ */ .elementor-element-19a2bc4 .related-products-wrapper .product-small .col-inner { height: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; border: 1px solid #e1e7ef !important; border-radius: 12px !important; overflow: hidden !important; box-sizing: border-box !important; box-shadow: 0 3px 12px rgba(11,54,136,.045) !important; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important; } /* ============================================================ 7. CARD HOVER ============================================================ */ .elementor-element-19a2bc4 .related-products-wrapper .product-small:hover .col-inner { transform: translateY(-4px) !important; border-color: #cfd9e7 !important; box-shadow: 0 12px 28px rgba(11,54,136,.10) !important; } /* ============================================================ 8. IMAGE AREA ============================================================ */ .elementor-element-19a2bc4 .related-products-wrapper .product-small .box-image { width: 100% !important; height: 235px !important; margin: 0 !important; padding: 0 !important; background: #fafbfd !important; overflow: hidden !important; box-sizing: border-box !important; } /* ============================================================ 9. PRODUCT IMAGE ============================================================ */ .elementor-element-19a2bc4 .related-products-wrapper .product-small .box-image img { width: 100% !important; height: 235px !important; object-fit: contain !important; display: block !important; margin: 0 !important; padding: 14px !important; box-sizing: border-box !important; transition: transform .35s ease !important; } /* ============================================================ 10. IMAGE HOVER ============================================================ */ .elementor-element-19a2bc4 .related-products-wrapper .product-small:hover .box-image img { transform: scale(1.035) !important; } /* ============================================================ 11. IMAGE BOTTOM BORDER ============================================================ */ .elementor-element-19a2bc4 .related-products-wrapper .product-small .box-image { border-bottom: 1px solid #edf0f5 !important; } /* ============================================================ 12. PRODUCT TEXT AREA ============================================================ */ .elementor-element-19a2bc4 .related-products-wrapper .product-small .box-text { min-height: 120px !important; height: auto !important; padding: 17px 16px 16px !important; background: #ffffff !important; box-sizing: border-box !important; } /* ============================================================ 13. HIDE CATEGORY ============================================================ */ .elementor-element-19a2bc4 .related-products-wrapper .product-cat { display: none !important; } /* ============================================================ 14. PRODUCT TITLE ============================================================ */ .elementor-element-19a2bc4 .related-products-wrapper .product-title { width: 100% !important; height: auto !important; min-height: 22px !important; margin: 0 0 14px !important; padding: 0 !important; text-align: left !important; line-height: 1.4 !important; } /* ============================================================ 15. PRODUCT TITLE LINK ============================================================ */ .elementor-element-19a2bc4 .related-products-wrapper .product-title a { color: #0b3688 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; text-decoration: none !important; transition: color .2s ease !important; } /* TITLE HOVER */ .elementor-element-19a2bc4 .related-products-wrapper .product-title a:hover { color: #c49a45 !important; } /* ============================================================ 16. HIDE PRICE ============================================================ */ .elementor-element-19a2bc4 .related-products-wrapper .price-wrapper { display: none !important; } /* ============================================================ 17. BUTTON AREA ============================================================ */ .elementor-element-19a2bc4 .related-products-wrapper .add-to-cart-button { width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; } /* ============================================================ 18. RELATED PRODUCT BUTTON ============================================================ */ .elementor-element-19a2bc4 .related-products-wrapper .add-to-cart-button a.button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 40px !important; min-height: 40px !important; margin: 0 !important; padding: 0 14px !important; background: #0b3688 !important; color: #ffffff !important; border: 1px solid #0b3688 !important; border-radius: 7px !important; box-sizing: border-box !important; font-family: inherit !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: .35px !important; text-align: center !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: none !important; transition: background .2s ease, border-color .2s ease, transform .2s ease !important; } /* ============================================================ 19. BUTTON HOVER ============================================================ */ .elementor-element-19a2bc4 .related-products-wrapper .add-to-cart-button a.button:hover { background: #082d75 !important; border-color: #082d75 !important; color: #ffffff !important; transform: translateY(-1px) !important; } /* ============================================================ 20. CHANGE ADD TO INQUIRY TO VIEW PRODUCT ============================================================ */ /* The current HTML contains: ADD TO INQUIRY We visually change it to: VIEW PRODUCT */ .elementor-element-19a2bc4 .related-products-wrapper .add-to-cart-button a.button { font-size: 0 !important; } .elementor-element-19a2bc4 .related-products-wrapper .add-to-cart-button a.button::after { content: "VIEW PRODUCT" !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .35px !important; } /* ============================================================ 21. REMOVE DEFAULT FLATSOME BUTTON EFFECTS ============================================================ */ .elementor-element-19a2bc4 .related-products-wrapper a.button::before { display: none !important; } .elementor-element-19a2bc4 .related-products-wrapper a.button::after { text-shadow: none !important; } /* ============================================================ 22. REMOVE UNNECESSARY BADGE SPACE ============================================================ */ .elementor-element-19a2bc4 .related-products-wrapper .badge-container { display: none !important; } /* ============================================================ 23. FLICKITY NAVIGATION ============================================================ */ .elementor-element-19a2bc4 .related-products-wrapper .flickity-button { width: 38px !important; height: 38px !important; background: #ffffff !important; border: 1px solid #dce4ef !important; border-radius: 50% !important; box-shadow: 0 4px 12px rgba(11,54,136,.10) !important; opacity: 0 !important; transition: opacity .2s ease, background .2s ease, border-color .2s ease !important; } /* SHOW ARROWS ON SECTION HOVER */ .elementor-element-19a2bc4 .related-products-wrapper:hover .flickity-button { opacity: 1 !important; } /* ARROW */ .elementor-element-19a2bc4 .related-products-wrapper .flickity-button-icon { width: 13px !important; height: 13px !important; fill: #0b3688 !important; } /* ARROW HOVER */ .elementor-element-19a2bc4 .related-products-wrapper .flickity-button:hover { background: #0b3688 !important; border-color: #0b3688 !important; } .elementor-element-19a2bc4 .related-products-wrapper .flickity-button:hover .flickity-button-icon { fill: #ffffff !important; } /* ============================================================ 24. TABLET ============================================================ */ @media (max-width: 1000px) { .elementor-element-19a2bc4 .related-products-wrapper { margin-top: 50px !important; padding-top: 32px !important; } .elementor-element-19a2bc4 .related-products-wrapper .product-section-title { font-size: 24px !important; } .elementor-element-19a2bc4 .related-products-wrapper .product-small .box-image { height: 210px !important; } .elementor-element-19a2bc4 .related-products-wrapper .product-small .box-image img { height: 210px !important; } } /* ============================================================ 25. MOBILE ============================================================ */ @media (max-width: 600px) { .elementor-element-19a2bc4 .related-products-wrapper { margin-top: 40px !important; padding-top: 28px !important; } .elementor-element-19a2bc4 .related-products-wrapper .product-section-title { margin-bottom: 24px !important; font-size: 21px !important; } .elementor-element-19a2bc4 .related-products-wrapper .row { margin-left: -6px !important; margin-right: -6px !important; } .elementor-element-19a2bc4 .related-products-wrapper .product-small { padding-left: 6px !important; padding-right: 6px !important; } .elementor-element-19a2bc4 .related-products-wrapper .product-small .col-inner { border-radius: 9px !important; } .elementor-element-19a2bc4 .related-products-wrapper .product-small .box-image { height: 155px !important; } .elementor-element-19a2bc4 .related-products-wrapper .product-small .box-image img { height: 155px !important; padding: 9px !important; } .elementor-element-19a2bc4 .related-products-wrapper .product-small .box-text { min-height: 105px !important; padding: 12px !important; } .elementor-element-19a2bc4 .related-products-wrapper .product-title { margin-bottom: 11px !important; } .elementor-element-19a2bc4 .related-products-wrapper .product-title a { font-size: 13px !important; } .elementor-element-19a2bc4 .related-products-wrapper .add-to-cart-button a.button { height: 36px !important; min-height: 36px !important; } .elementor-element-19a2bc4 .related-products-wrapper .add-to-cart-button a.button::after { font-size: 10px !important; } } /* ============================================================ 26. VERY SMALL MOBILE ============================================================ */ @media (max-width: 380px) { .elementor-element-19a2bc4 .related-products-wrapper .product-small .box-image { height: 135px !important; } .elementor-element-19a2bc4 .related-products-wrapper .product-small .box-image img { height: 135px !important; } .elementor-element-19a2bc4 .related-products-wrapper .product-title a { font-size: 12px !important; } }/* End custom CSS */