/* ========================================================================== OXYZ Gut+ Probiotic Page ========================================================================== */ /* Poppins is loaded via in — see oxyz_preload_poppins_font() in functions.php */ /* Hide the theme's default post chrome above our custom content: the "Treatments" category tag, the author/date meta line, and the large duplicate featured image. */ body.postid-28818 .cmsmasters-single-post-meta_first, body.postid-28818 .cmsmasters-single-post-meta_second, body.postid-28818 .cmsmasters-single-post-media, body.postid-28818 .cmsmasters-single-post-title { display: none !important; } /* The theme reserves a fixed 120px top padding above the post content (for the now-hidden title/meta block above). Remove it so our hero sits flush under the nav, matching the MSC page. */ body.postid-28818 .cmsmasters-main__outer { padding-top: 0 !important; } /* Old Elementor "About GUT+ Probiotic" heading + paragraph block, now duplicated by our new "At OXYZ" intro section above. */ body.postid-28818 .elementor-element-560db92, body.postid-28818 .elementor-element-69802e8 { display: none !important; } /* Old Elementor "Clinically Proven for" paragraph (messy inline /
text with default typography), now duplicated by the clean rebuild in inc/gut/gut-proven.php. The heading above it (65f578b) has no rebuilt replacement, so it stays and is recolored. */ body.postid-28818 .elementor-element-39f9fd5 { display: none !important; } /* Recolor the old "Clinically Proven for" heading to match our palette (its fact paragraph below is rebuilt by inc/gut/gut-proven.php). */ body.postid-28818 .elementor-element-65f578b .elementor-heading-title { font-family: 'Poppins', sans-serif; color: #CDB04A !important; font-weight: 800; } /* Old Elementor "Gut Health Matters" heading + text block — recolor to match our palette instead of removing, since there's no rebuilt replacement for this content elsewhere on the page. */ body.postid-28818 .elementor-element-622337e .elementor-heading-title { font-family: 'Poppins', sans-serif !important; color: #CDB04A !important; font-weight: 800 !important; text-transform: uppercase !important; } /* No .elementor-widget-container / .elementor-text-editor wrapper is rendered for this widget on this page — the

tags sit directly inside .elementor-element-de5eeb0, so target that and its

s. */ body.postid-28818 .elementor-element-de5eeb0.elementor-element { max-width: 780px; margin: 0 auto; text-align: left !important; } body.postid-28818 .elementor-element-de5eeb0.elementor-element p { font-family: 'Poppins', sans-serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.7 !important; color: #137A54 !important; text-align: left !important; } /* Old Elementor "Who Should Take GUT+ Probiotic", "Class 1 Carcinogen Bacteria - Helicobacter pylori" and "Risk of Antibiotic Resistance" heading + text blocks — same default-typography leftovers as the "Gut Health Matters" block above, fixed the same way. */ body.postid-28818 .elementor-element-2f25cab .elementor-heading-title, body.postid-28818 .elementor-element-29c97a7 .elementor-heading-title, body.postid-28818 .elementor-element-5badc80 .elementor-heading-title { font-family: 'Poppins', sans-serif !important; color: #CDB04A !important; font-weight: 800 !important; text-transform: uppercase !important; } body.postid-28818 .elementor-element-0dda5be.elementor-element, body.postid-28818 .elementor-element-62aec3d.elementor-element, body.postid-28818 .elementor-element-85ee552.elementor-element, body.postid-28818 .elementor-element-e59c69c.elementor-element { max-width: 780px; margin: 0 auto; text-align: left !important; } body.postid-28818 .elementor-element-0dda5be.elementor-element p, body.postid-28818 .elementor-element-62aec3d.elementor-element p, body.postid-28818 .elementor-element-85ee552.elementor-element p, body.postid-28818 .elementor-element-e59c69c.elementor-element p { font-family: 'Poppins', sans-serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.7 !important; color: #137A54 !important; text-align: left !important; } /* ===== Hero Banner ===== */ .oxyz-gut-hero-title { background: linear-gradient(135deg, #1FA971, #106B49); padding: 64px 24px; text-align: center; /* Break out of the theme's right-sidebar content column so the banner spans the full viewport width, same as the MSC hero. */ width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .oxyz-gut-hero-eyebrow { font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: rgba(255, 255, 255, 0.8); margin: 0 0 10px; } .oxyz-gut-hero-title h1 { font-family: 'Poppins', sans-serif; font-size: clamp(28px, 4vw, 48px); font-weight: 800; color: #ffffff; line-height: 1.3; margin: 0; } @media (max-width: 700px) { .oxyz-gut-hero-title { padding: 48px 20px; } } /* ===== At OXYZ (intro) ===== */ .oxyz-gut-intro { background: #ffffff; padding: 72px 0; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .oxyz-gut-intro-inner { max-width: 1300px; margin: 0 auto; padding: 0 5vw; display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr); align-items: center; gap: 64px; } .oxyz-gut-intro-image { background: linear-gradient(135deg, #EAF7F1, #D9EFE4); border-radius: 20px; display: flex; align-items: center; justify-content: center; padding: 32px; min-height: 320px; } .oxyz-gut-intro-image img { width: 100%; max-width: 340px; height: auto; display: block; filter: drop-shadow(0 20px 20px rgba(16, 107, 73, 0.18)); } .oxyz-gut-intro-content h2 { font-family: 'Poppins', sans-serif; font-size: clamp(24px, 2.6vw, 34px); font-weight: 800; text-transform: uppercase; color: #CDB04A; line-height: 1.25; margin: 0; } .oxyz-gut-intro-rule { width: 90px; height: 3px; background: #CDB04A; opacity: 0.9; margin: 22px 0; } .oxyz-gut-intro-content p { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.7; color: #137A54; margin: 0 0 18px; max-width: 540px; } .oxyz-gut-intro-content p:last-child { margin-bottom: 0; } @media (max-width: 900px) { .oxyz-gut-intro { padding: 56px 0; } .oxyz-gut-intro-inner { grid-template-columns: 1fr; gap: 32px; } .oxyz-gut-intro-content { display: flex; flex-direction: column; align-items: center; text-align: center; } .oxyz-gut-intro-rule { margin-left: auto; margin-right: auto; } .oxyz-gut-intro-content p { text-align: left; align-self: flex-start; } } /* ===== Shop Gut+ Probiotic ===== */ .oxyz-gut-shop { background: #F3FAF6; padding: 72px 0 80px; } .oxyz-gut-shop-inner { max-width: 1200px; margin: 0 auto; padding: 0 5vw; text-align: center; } .oxyz-gut-shop-inner h2 { font-family: 'Poppins', sans-serif; font-size: clamp(26px, 3vw, 38px); font-weight: 800; text-transform: uppercase; color: #CDB04A; margin: 0; } .oxyz-gut-shop-rule { width: 90px; height: 3px; background: #CDB04A; opacity: 0.9; margin: 20px auto 48px; } .oxyz-gut-shop-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; text-align: left; } .oxyz-gut-shop-card { background: #ffffff; border-radius: 20px; box-shadow: 0 6px 24px rgba(17, 20, 18, 0.08); padding: 28px 24px 32px; display: flex; flex-direction: column; } .oxyz-gut-shop-image { position: relative; display: flex; align-items: center; justify-content: center; height: 210px; margin: 0 -24px 18px; } .oxyz-gut-shop-image img { position: relative; max-width: 100%; max-height: 210px; width: auto; height: auto; object-fit: contain; display: block; filter: drop-shadow(0 8px 14px rgba(17, 20, 18, 0.12)); } .oxyz-gut-shop-name { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 700; color: #137A54; text-decoration: none; line-height: 1.3; margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .oxyz-gut-shop-name:hover { color: #0b5c3f; } .oxyz-gut-shop-price { display: inline-flex; align-items: center; width: fit-content; background: #CDB04A; color: #fff; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 700; padding: 6px 16px; border-radius: 20px; margin-bottom: 14px; } .oxyz-gut-shop-price .woocommerce-Price-amount { color: #fff; } .oxyz-gut-shop-tagline { font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 500; color: #6b6455; margin: 0 0 20px; flex-grow: 1; } .oxyz-gut-shop-cart { margin-top: auto; } .oxyz-gut-shop-cart a.button.add_to_cart_button { display: inline-flex; align-items: center; justify-content: center; width: 100%; background: #137A54 !important; color: #ffffff !important; font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.02em; white-space: nowrap; padding: 12px 14px !important; border-radius: 24px !important; text-decoration: none !important; border: none !important; box-shadow: none !important; text-shadow: none !important; opacity: 1 !important; transition: background 0.25s ease; } .oxyz-gut-shop-cart a.button.add_to_cart_button:hover { background: #0b5c3f !important; color: #ffffff !important; } .oxyz-gut-shop-cart a.button.add_to_cart_button::before, .oxyz-gut-shop-cart a.button.add_to_cart_button::after { content: none !important; display: none !important; } @media (max-width: 720px) { .oxyz-gut-shop-grid { grid-template-columns: 1fr; gap: 20px; } .oxyz-gut-shop-card { padding: 20px 16px 24px; } } /* ===== Clinically Proven for (fact pills) ===== */ .oxyz-gut-proven { max-width: 1100px; margin: 0 auto; padding: 24px 5vw 0; text-align: center; } .oxyz-gut-proven-text { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.7; color: #137A54; text-align: left; max-width: 780px; margin: 0 auto 40px; } .oxyz-gut-proven-pills { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .oxyz-gut-proven-pill { background: #CDB04A; color: #ffffff; font-family: 'Poppins', sans-serif; font-size: 17px; font-weight: 700; line-height: 1.35; text-align: center; border-radius: 16px; padding: 28px 20px; box-shadow: 0 8px 18px rgba(205, 176, 74, 0.25); display: flex; align-items: center; justify-content: center; } @media (max-width: 800px) { .oxyz-gut-proven-pills { grid-template-columns: 1fr; } .oxyz-gut-proven-text { margin-bottom: 28px; } }