#arm_form_field_container_108:before { display:block; content:"Username: demo — Password: demo"; text-align:center; font-size:13px; padding:0px 0px 15px 0px; } body.page-id-15 .arm_form_field_container_password {display:none !important;} .arm_field_file_display .armFileRemoveContainer {color:#ffffff !important;} .progression-video-index-content h2.progression-video-title {display:none !important;} #video-more-like-this-details-section {display:none !important;} .progression-video-index-content {display:none !important;} /* Hide the State field at checkout */ .woocommerce-checkout #billing_state_field, .woocommerce-checkout #shipping_state_field, #billing_state_field, #shipping_state_field { display: none !important; visibility: hidden; height: 0; margin: 0; padding: 0; } /* Make all form field text white */ .woocommerce-checkout input, .woocommerce-checkout select, .woocommerce-checkout textarea { color: #ffffff !important; } /* Placeholder text (light grey by default) */ .woocommerce-checkout input::placeholder, .woocommerce-checkout textarea::placeholder { color: #ffffff !important; opacity: 1; /* Ensure visibility in some browsers */ } /* For better visibility, optionally update label text too */ .woocommerce-checkout label { color: #ffffff !important; } /* Move only the coupon toggle section down by 20px */ .woocommerce-form-coupon-toggle { margin-top: 50px; } /* Hide the custom page title section only on WooCommerce product pages */ .single-product #page-title-pro { display: none !important; } /* Add top margin to main WooCommerce container on product pages */ .single-product .woocommerce { margin-top: 20px !important; } /* Hide just the title text and background overlay */ #page-title-pro .page-title, #page-title-overlay-image { display: none; } /* Completely remove the entire page title section and its space */ #page-title-pro { display: none !important; } /* Add 20px margin ONLY on WooCommerce search results */ body.search.post-type-archive-product #content-pro { margin-top: 50px !important; } .woocommerce-message { margin-top: 15px !important; z-index: 9999; position: relative; } /* WooPayments Credit Card Fields – Dark Theme */ .wcpay-card-container, .StripeElement { background-color: #000 !important; /* Black background */ color: #fff !important; /* White text */ font-family: 'Arial', sans-serif !important; border-radius: 6px; padding: 10px; border: 1px solid #333; } /* Placeholder (Card Number, Expiry, etc.) */ .StripeElement::placeholder { color: #ccc !important; } /* Focused State (Optional glow effect) */ .StripeElement--focus { border-color: #fff !important; box-shadow: 0 0 3px #fff !important; } /* Container for saved payment checkbox (and the outer box) */ #wcpay-payment-request-wrapper, .wcpay-card-container, .wcpay-payment-methods, .woocommerce-SavedPaymentMethods-saveNew { background-color: #000 !important; color: #fff !important; border-radius: 6px; padding: 10px; border: 1px solid #333; } /* Label text for 'Save payment info' */ .woocommerce-SavedPaymentMethods-saveNew label { color: #fff !important; } /* Checkbox itself (optional, for visibility) */ .woocommerce-SavedPaymentMethods-saveNew input[type="checkbox"] { accent-color: #fff; } /* ========================================================= TITLE MATCH DOWNLOADS MOBILE: FORCE CLEAN 2-COLUMN PRODUCT GRID ========================================================= */ @media only screen and (max-width: 767px) { /* Product grid */ .elementor-element-d4e862c .boosted-elements-progression-woo-product-list-container ul.products.columns-5 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px 12px !important; width: 100% !important; } /* Completely reset WooCommerce/plugin column behavior */ .elementor-element-d4e862c .boosted-elements-progression-woo-product-list-container ul.products.columns-5 > li.product { display: block !important; position: relative !important; width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; float: none !important; clear: none !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important; grid-column: auto !important; grid-row: auto !important; } /* Kill old WooCommerce/plugin clearing behavior */ .elementor-element-d4e862c ul.products.columns-5 > li.product:nth-child(n) { float: none !important; clear: none !important; margin-left: 0 !important; margin-right: 0 !important; } /* Remove clearfix/pseudo-elements that can interfere */ .elementor-element-d4e862c ul.products.columns-5::before, .elementor-element-d4e862c ul.products.columns-5::after { display: none !important; content: none !important; } /* Product images */ .elementor-element-d4e862c .boosted-elements-progression-woo-product-list-container li.product img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; } /* Product title */ .elementor-element-d4e862c .woocommerce-loop-product__title { font-size: 14px !important; line-height: 1.25 !important; } /* Price */ .elementor-element-d4e862c .price { font-size: 13px !important; } /* Prices */ .woocommerce-Tabs-panel--description ul.products .price, .woocommerce-tabs .woocommerce-Tabs-panel ul.products .price { font-size: 13px !important; } } /* ========================================= MOBILE PRODUCT IMAGE — FORCE SMALLER ========================================= */ @media (max-width: 768px) { .single-product .woocommerce-product-gallery { width: 58% !important; max-width: 460px !important; margin: 30px auto 45px !important; float: none !important; } .single-product .woocommerce-product-gallery__wrapper, .single-product .woocommerce-product-gallery__image, .single-product .woocommerce-product-gallery__image a { width: 100% !important; max-width: 100% !important; } .single-product .woocommerce-product-gallery__image img, .single-product .woocommerce-product-gallery img.wp-post-image { width: 100% !important; max-width: 100% !important; height: auto !important; display: block !important; margin: 0 auto !important; } } /* ========================================== MOBILE PRODUCT PAGE — FINAL COMPACT LAYOUT ========================================== */ @media (max-width: 768px) { /* Remove excess space underneath product gallery */ .single-product .woocommerce-product-gallery { margin-bottom: 20px !important; padding-bottom: 0 !important; } /* Pull product summary upward */ .single-product div.product .summary { margin-top: 0 !important; padding-top: 0 !important; } /* Product title */ .single-product .product_title { font-size: 30px !important; line-height: 1.12 !important; margin-top: 0 !important; margin-bottom: 15px !important; } /* Price */ .single-product div.product p.price, .single-product div.product span.price { font-size: 24px !important; line-height: 1.2 !important; margin: 0 0 18px !important; } } @media (max-width: 768px) { /* Tighten space below product image */ .single-product .woocommerce-product-gallery { margin-bottom: 5px !important; } /* Tighten summary spacing */ .single-product div.product .summary { margin-top: 0 !important; padding-top: 0 !important; } /* Keep title compact */ .single-product .product_title { margin-top: 0 !important; margin-bottom: 12px !important; } /* Tighten price */ .single-product div.product p.price { margin-bottom: 15px !important; } }