/* ========================================================================== OXYZ Meta Boost 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 */ body.postid-31707 .cmsmasters-single-post-meta_first, body.postid-31707 .cmsmasters-single-post-meta_second, body.postid-31707 .cmsmasters-single-post-media, body.postid-31707 .cmsmasters-single-post-title { display: none !important; } body.postid-31707 .cmsmasters-main__outer { padding-top: 0 !important; } /* Old Elementor "About Meta Boost" heading + paragraph block, now duplicated by our new intro section above. */ body.postid-31707 .elementor-element-6ecfb8c, body.postid-31707 .elementor-element-36dfcdd { display: none !important; } /* Empty leftover Elementor container — carries no content but still reserves large padding/margin (up to ~240px combined on mobile), creating a big blank gap before Success Stories. */ body.postid-31707 .elementor-element-b2c2ee1 { display: none !important; } /* ===== Hero Banner ===== */ .oxyz-meta-hero-title { background: linear-gradient(90deg, #E2A73A, #B14A2C); padding: 64px 24px; text-align: center; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .oxyz-meta-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-meta-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-meta-hero-title { padding: 48px 20px; } } /* ===== About Meta Boost (intro) ===== */ .oxyz-meta-intro { background: #ffffff; padding: 72px 0; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .oxyz-meta-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-meta-intro-image { background: linear-gradient(135deg, #FDF1E2, #FBE3C8); border-radius: 20px; display: flex; align-items: center; justify-content: center; padding: 32px; min-height: 320px; } .oxyz-meta-intro-image img { width: 100%; max-width: 340px; height: auto; display: block; filter: drop-shadow(0 20px 20px rgba(177, 74, 44, 0.18)); } .oxyz-meta-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-meta-intro-rule { width: 90px; height: 3px; background: #CDB04A; opacity: 0.9; margin: 22px 0; } .oxyz-meta-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-meta-intro-content p:last-child { margin-bottom: 0; } @media (max-width: 900px) { .oxyz-meta-intro { padding: 56px 0; } .oxyz-meta-intro-inner { grid-template-columns: 1fr; gap: 32px; } .oxyz-meta-intro-content { display: flex; flex-direction: column; align-items: center; text-align: center; } .oxyz-meta-intro-rule { margin-left: auto; margin-right: auto; } .oxyz-meta-intro-content p { text-align: left; align-self: flex-start; } } /* ===== Feature icons row ===== */ .oxyz-meta-features { background: #ffffff; padding: 8px 0 64px; } .oxyz-meta-features-inner { max-width: 1200px; margin: 0 auto; padding: 0 5vw; } .oxyz-meta-features-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; margin-bottom: 40px; } .oxyz-meta-features-item { text-align: center; } .oxyz-meta-features-item svg { width: 84px; height: 84px; margin: 0 auto 20px; display: block; } .oxyz-meta-features-item p { font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 700; line-height: 1.45; color: #CDB04A; margin: 0; } .oxyz-meta-features-rule { width: 220px; height: 2px; background: #CDB04A; opacity: 0.9; margin: 0 auto; } @media (max-width: 900px) { .oxyz-meta-features-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 40px; } } @media (max-width: 480px) { .oxyz-meta-features-grid { grid-template-columns: 1fr; } } /* ===== How It Works (supporting text under the old label/image block) ===== */ .oxyz-meta-how { background: #ffffff; padding: 0 0 48px; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .oxyz-meta-how-inner { max-width: 900px; margin: 0 auto; padding: 0 5vw; text-align: center; } .oxyz-meta-how-inner p { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.7; color: #137A54; text-align: left; max-width: 720px; margin: 0 auto; } /* ===== Success Stories ===== */ .oxyz-meta-success { background: #ffffff; padding: 24px 0 64px; } .oxyz-meta-success-inner { max-width: 900px; margin: 0 auto; padding: 0 5vw; text-align: center; } .oxyz-meta-success-inner h2 { font-family: 'Poppins', sans-serif; font-size: clamp(22px, 2.6vw, 30px); font-weight: 800; text-transform: uppercase; color: #CDB04A; margin: 0 0 28px; } .oxyz-meta-success-card { background: #ffffff; border-radius: 24px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); padding: 32px 24px; } .oxyz-meta-success-card p { font-family: 'Poppins', sans-serif; font-size: clamp(19px, 2.2vw, 26px); font-weight: 800; margin: 0 0 14px; } .oxyz-meta-success-card p .green { color: #137A54; } .oxyz-meta-success-card p .gold { color: #CDB04A; } .oxyz-meta-success-google { font-family: Arial, sans-serif; font-size: clamp(34px, 4.4vw, 52px); font-weight: 700; } .oxyz-meta-success-certs img { width: 100%; max-width: 640px; height: auto; display: block; margin: 0 auto; } /* ===== Shop Meta Boost ===== */ .oxyz-meta-shop { background: #FAF7EF; padding: 72px 0 80px; } .oxyz-meta-shop-inner { max-width: 1200px; margin: 0 auto; padding: 0 5vw; text-align: center; } .oxyz-meta-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-meta-shop-rule { width: 90px; height: 3px; background: #CDB04A; opacity: 0.9; margin: 20px auto 48px; } .oxyz-meta-shop-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; text-align: left; } .oxyz-meta-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-meta-shop-image { position: relative; display: flex; align-items: center; justify-content: center; height: 210px; margin: 0 -24px 18px; } .oxyz-meta-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-meta-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-meta-shop-name:hover { color: #0b5c3f; } .oxyz-meta-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-meta-shop-price .woocommerce-Price-amount { color: #fff; } .oxyz-meta-shop-tagline { font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 500; color: #6b6455; margin: 0 0 20px; flex-grow: 1; } .oxyz-meta-shop-cart { margin-top: auto; } .oxyz-meta-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-meta-shop-cart a.button.add_to_cart_button:hover { background: #0b5c3f !important; color: #ffffff !important; } .oxyz-meta-shop-cart a.button.add_to_cart_button::before, .oxyz-meta-shop-cart a.button.add_to_cart_button::after { content: none !important; display: none !important; } @media (max-width: 720px) { .oxyz-meta-shop-grid { grid-template-columns: 1fr; gap: 20px; } .oxyz-meta-shop-card { padding: 20px 16px 24px; } }