#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; } /* 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 */ .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 inside Description product grids */ .woocommerce-Tabs-panel--description ul.products .price, .woocommerce-tabs .woocommerce-Tabs-panel ul.products .price { font-size: 13px !important; } } /* ========================================================= SINGLE PRODUCT MOBILE IMAGE LEFT / PRODUCT INFO RIGHT ========================================================= */ @media only screen and (max-width: 767px) { /* Main product layout */ body.single-product div.product { display: grid !important; grid-template-columns: minmax(0, 42%) minmax(0, 1fr) !important; column-gap: 14px !important; align-items: start !important; padding-left: 16px !important; padding-right: 16px !important; } /* LEFT COLUMN — Product image */ body.single-product div.product .woocommerce-product-gallery { grid-column: 1 !important; width: 100% !important; max-width: none !important; float: none !important; clear: none !important; margin: 0 !important; padding: 0 !important; } body.single-product div.product .woocommerce-product-gallery__wrapper, body.single-product div.product .woocommerce-product-gallery__image, body.single-product div.product .woocommerce-product-gallery__image a { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } body.single-product div.product .woocommerce-product-gallery img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; } /* RIGHT COLUMN — Product information */ body.single-product div.product .summary, body.single-product div.product .summary.entry-summary { grid-column: 2 !important; width: 100% !important; max-width: none !important; min-width: 0 !important; float: none !important; clear: none !important; transform: none !important; margin: 0 !important; padding: 0 !important; } /* Product title */ body.single-product div.product .summary .product_title { font-size: 22px !important; line-height: 1.12 !important; letter-spacing: -0.25px !important; margin: 0 0 12px !important; } /* Price */ body.single-product div.product .summary .price { font-size: 20px !important; line-height: 1.2 !important; margin: 0 0 14px !important; } /* Short description / product information */ body.single-product div.product .summary p, body.single-product div.product .summary li { font-size: 14px !important; line-height: 1.4 !important; } /* Full-width content underneath hero */ body.single-product div.product .woocommerce-tabs, body.single-product div.product .related, body.single-product div.product .upsells { grid-column: 1 / -1 !important; width: 100% !important; } } /* ========================================================= SINGLE PRODUCT MOBILE — RESTORE WORKING IMAGE SIZE ========================================================= */ @media only screen and (max-width: 767px) { /* POSTER — known good size */ body.single-product .woocommerce-product-gallery { width: 82% !important; max-width: 620px !important; margin: 20px auto 18px !important; float: none !important; clear: both !important; } body.single-product .woocommerce-product-gallery__wrapper, body.single-product .woocommerce-product-gallery__image, body.single-product .woocommerce-product-gallery__image a { width: 100% !important; max-width: 100% !important; } body.single-product .woocommerce-product-gallery__image img, body.single-product .woocommerce-product-gallery img.wp-post-image { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 auto !important; } /* PRODUCT INFO */ body.single-product div.product .summary, body.single-product div.product .summary.entry-summary { width: 100% !important; float: none !important; clear: both !important; transform: none !important; margin-top: 28px !important; padding-top: 0 !important; } /* TITLE */ body.single-product div.product .summary h1.product_title { font-size: 25px !important; line-height: 1.15 !important; letter-spacing: -0.25px !important; margin: 0 0 22px !important; } /* PRICE */ body.single-product div.product .summary .price { margin: 0 0 28px !important; } } /* FORCE MOBILE SINGLE PRODUCT TITLE SIZE */ @media only screen and (max-width: 767px) { body.single-product div.product div.summary.entry-summary h1.product_title.entry-title, body.single-product div.product div.summary h1.product_title, body.single-product h1.product_title { font-size: 21px !important; line-height: 1.15 !important; letter-spacing: -0.2px !important; margin-top: 0 !important; margin-bottom: 16px !important; } } /* ========================================= HIDE PRODUCT TAGS — KEEP CATEGORIES ========================================= */ .single-product .product_meta .tagged_as { display: none !important; } /* Hide product categories + tags on product pages */ .single-product .product_meta .posted_in, .single-product .product_meta .tagged_as { display: none !important; } @media screen and (max-width: 767px) { body.single-product .summary .woocommerce-product-details__short-description h1, body.single-product .summary .woocommerce-product-details__short-description h2, body.single-product .summary .woocommerce-product-details__short-description h3, body.single-product .summary .woocommerce-product-details__short-description h4 { font-size: 16px !important; line-height: 1.3 !important; margin: 0 0 12px 0 !important; padding: 0 !important; } } /* TMN TEST — Shoot Interviews wider mega menu */ @media (min-width: 769px) { #mega-menu-wrap-progression-studios-primary #mega-menu-item-54764 > #mega-sub-menu-54764 { width: 1200px !important; max-width: none !important; } } /* ===================================================== TMN MAIN NAV - CLEAN FINAL VERSION Replaces ALL previous main-nav CSS from line 477 onward ===================================================== */ /* ===================================================== TMN MAIN NAV - RESTORE CLEAN BASELINE ===================================================== */ /* ===================================================== REGULAR DESKTOP: 769px - 1699px ===================================================== */ @media (min-width: 769px) and (max-width: 1699px) { /* Move the whole menu farther left and give it even space */ #progression-nav-container { position: absolute !important; left: 25px !important; right: 180px !important; top: 0 !important; width: auto !important; max-width: none !important; transform: none !important; } #progression-nav-container #site-navigation, #progression-nav-container #mega-menu-wrap-progression-studios-primary { width: 100% !important; max-width: none !important; } #mega-menu-wrap-progression-studios-primary { position: relative !important; left: 0 !important; background: transparent !important; background-color: transparent !important; } #mega-menu-progression-studios-primary { width: 100% !important; display: flex !important; background: transparent !important; background-color: transparent !important; } /* Keep every main-menu item evenly spaced */ #mega-menu-progression-studios-primary > li.mega-menu-item { flex: 1 1 0 !important; background: transparent !important; background-color: transparent !important; } /* Keep vertical alignment exactly where we liked it */ #mega-menu-progression-studios-primary > li.mega-menu-item > a.mega-menu-link { position: relative !important; top: -8px !important; padding-left: 6px !important; padding-right: 6px !important; text-align: center !important; background: transparent !important; background-color: transparent !important; } } /* ===================================================== ULTRAWIDE: 1700px+ RESTORE THE GOOD WIDESCREEN VERSION ===================================================== */ @media (min-width: 1700px) { #progression-nav-container { position: absolute !important; left: 50% !important; top: 0 !important; width: calc(100% - 350px) !important; max-width: 1350px !important; transform: translateX(-50%) !important; } #progression-nav-container #site-navigation, #progression-nav-container #mega-menu-wrap-progression-studios-primary { width: 100% !important; max-width: none !important; } #mega-menu-wrap-progression-studios-primary { position: relative !important; left: 0 !important; background: transparent !important; background-color: transparent !important; } #mega-menu-progression-studios-primary { width: 100% !important; display: flex !important; background: transparent !important; background-color: transparent !important; } #mega-menu-progression-studios-primary > li.mega-menu-item { flex: 1 1 0 !important; background: transparent !important; background-color: transparent !important; } #mega-menu-progression-studios-primary > li.mega-menu-item > a.mega-menu-link { position: relative !important; top: -8px !important; padding-left: 6px !important; padding-right: 6px !important; text-align: center !important; background: transparent !important; background-color: transparent !important; } } /* ===================================================== TMN FINAL MAIN NAV Desktop = large, even, one line High zoom/mobile = hamburger ===================================================== */ /* ----------------------------------------------------- DESKTOP NAV WORKING AREA Starts just after TM logo. Stops BEFORE search/account. ----------------------------------------------------- */ @media (min-width: 1251px) { #progression-nav-container { position: absolute !important; left: 115px !important; right: 235px !important; width: auto !important; max-width: none !important; min-width: 0 !important; top: -8px !important; transform: none !important; } /* Make all navigation wrappers use the same area */ #progression-nav-container #site-navigation, #progression-nav-container #mega-menu-wrap-progression-studios-primary { width: 100% !important; max-width: none !important; margin: 0 !important; } /* ------------------------------------------------- EVENLY DISTRIBUTE ALL 9 ITEMS ------------------------------------------------- */ body #mega-menu-wrap-progression-studios-primary #mega-menu-progression-studios-primary { display: grid !important; grid-template-columns: repeat(9, minmax(0, 1fr)) !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } body #mega-menu-wrap-progression-studios-primary #mega-menu-progression-studios-primary > li.mega-menu-item { display: block !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; float: none !important; flex: none !important; } /* ------------------------------------------------- BIG, READABLE MENU LABELS ------------------------------------------------- */ body #mega-menu-wrap-progression-studios-primary #mega-menu-progression-studios-primary > li.mega-menu-item > a.mega-menu-link { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 0 !important; padding-left: 3px !important; padding-right: 3px !important; font-size: 15px !important; font-weight: 600 !important; text-align: center !important; white-space: nowrap !important; top: 0 !important; position: relative !important; } } /* ----------------------------------------------------- MID-SIZE DESKTOP / BROWSER ZOOM Keep everything on one line. Slightly reduce type BEFORE it reaches search. ----------------------------------------------------- */ @media (min-width: 1251px) and (max-width: 1450px) { #progression-nav-container { left: 100px !important; right: 205px !important; } body #mega-menu-wrap-progression-studios-primary #mega-menu-progression-studios-primary > li.mega-menu-item > a.mega-menu-link { font-size: 13px !important; padding-left: 1px !important; padding-right: 1px !important; } } /* ----------------------------------------------------- WIDE / ULTRAWIDE Keep the menu controlled instead of stretching endlessly across the monitor. ----------------------------------------------------- */ @media (min-width: 1900px) { #progression-nav-container { left: 50% !important; right: auto !important; width: calc(100% - 430px) !important; max-width: 1450px !important; transform: translateX(-50%) !important; } } /* ===================================================== HIGH ZOOM / MOBILE Hamburger takes over. Menu stays CLOSED until hamburger is clicked. ===================================================== */ @media (max-width: 1250px) { #mega-menu-wrap-progression-studios-primary .mega-menu-toggle:not(.mega-menu-open) + #mega-menu-progression-studios-primary { display: none !important; } #mega-menu-wrap-progression-studios-primary .mega-menu-toggle.mega-menu-open + #mega-menu-progression-studios-primary { display: block !important; } } /* ===================================================== TMN CATEGORIES MEGA MENU - COMPACT VERTICAL SPACING Categories ONLY ===================================================== */ @media (min-width: 1251px) { /* Tighten normal links inside Categories */ #mega-sub-menu-56300 .mega-menu-link { line-height: 1.25 !important; } /* Keep individual menu links compact but readable */ #mega-sub-menu-56300 .mega-sub-menu .mega-menu-item > .mega-menu-link { padding-top: 4px !important; padding-bottom: 4px !important; } /* Tighten spacing around widgets/text blocks */ #mega-sub-menu-56300 .mega-menu-item-type-widget { margin-top: 0 !important; margin-bottom: 3px !important; } /* Reduce vertical space between stacked sections */ #mega-sub-menu-56300 .mega-sub-menu { margin-top: 0 !important; margin-bottom: 4px !important; } /* Reduce extra space at the bottom of the main content */ #mega-sub-menu-56300 > .mega-menu-row { margin-bottom: 4px !important; } /* Keep the final/footer row closer to the content above it */ #mega-sub-menu-56300 > .mega-menu-row:last-child { margin-top: -10px !important; margin-bottom: 0 !important; } } /* ========================================= TMN LARGE MEMBER VIDEO EXPERIENCE ========================================= */ /* MAIN WATCH AREA */ .tmn-watch-section { width: 100% !important; max-width: 1100px !important; margin: 28px auto 35px !important; box-sizing: border-box !important; } /* ========================================= MEMBER HEADING ========================================= */ .tmn-watch-heading { margin-bottom: 10px !important; color: #ffffff !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.4 !important; letter-spacing: .25px !important; } .tmn-crown, .tmn-play-icon { margin-right: 5px !important; } .tmn-watch-divider { color: #777777 !important; margin: 0 4px !important; } /* ========================================= LARGE RESPONSIVE VIDEO PLAYER ========================================= */ .tmn-video-frame { position: relative !important; width: 100% !important; background: #000000 !important; border: 1px solid #303030 !important; border-radius: 5px !important; overflow: hidden !important; box-shadow: 0 10px 35px rgba(0,0,0,.35) !important; } /* THIS IS WHAT MAKES THE VIDEO BIG */ .tmn-member-video { display: block !important; width: 100% !important; max-width: none !important; aspect-ratio: 16 / 9 !important; height: auto !important; margin: 0 !important; background: #000000 !important; object-fit: contain !important; } /* ========================================= PREMIUM + YEARLY DOWNLOAD BAR ========================================= */ .tmn-premium-download { display: flex !important; align-items: center !important; gap: 12px !important; margin-top: 10px !important; padding: 12px 15px !important; background: #111111 !important; border-left: 3px solid #25bff3 !important; color: #bcbcbc !important; font-size: 12px !important; line-height: 1.5 !important; } .tmn-premium-download strong { color: #ffffff !important; } .tmn-premium-download div > strong { display: block !important; color: #25bff3 !important; font-size: 12px !important; font-weight: 900 !important; letter-spacing: .3px !important; } .tmn-premium-download div > span { display: block !important; } .tmn-download-icon { color: #25bff3 !important; font-size: 22px !important; font-weight: 900 !important; } /* ========================================= MONTHLY ACCESS BAR ========================================= */ .tmn-monthly-access { margin-top: 10px !important; padding: 12px 15px !important; background: #111111 !important; border-left: 3px solid #25bff3 !important; color: #aaaaaa !important; font-size: 12px !important; line-height: 1.5 !important; } .tmn-monthly-access strong { display: block !important; color: #25bff3 !important; font-weight: 900 !important; margin-bottom: 2px !important; } .tmn-monthly-access span { display: block !important; } /* ========================================= NON-MEMBER LOCKED PLAYER ========================================= */ .tmn-locked-player { position: relative !important; width: 100% !important; overflow: hidden !important; background: #070707 !important; border: 1px solid #303030 !important; border-radius: 5px !important; box-shadow: 0 10px 35px rgba(0,0,0,.4) !important; } /* Same dimensions as real video */ .tmn-locked-content { position: relative !important; width: 100% !important; aspect-ratio: 16 / 9 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; box-sizing: border-box !important; padding: 35px !important; text-align: center !important; background: radial-gradient( circle at center, #242424 0%, #111111 48%, #050505 100% ) !important; } /* Big preview play button */ .tmn-lock-play { display: flex !important; align-items: center !important; justify-content: center !important; width: 72px !important; height: 72px !important; margin-bottom: 16px !important; padding-left: 5px !important; background: #25bff3 !important; color: #000000 !important; border-radius: 50% !important; font-size: 28px !important; line-height: 1 !important; box-shadow: 0 0 30px rgba(37,191,243,.18) !important; } /* FULL VIDEO */ .tmn-lock-eyebrow { margin-bottom: 5px !important; color: #25bff3 !important; font-size: 12px !important; font-weight: 900 !important; letter-spacing: .8px !important; } /* Main title */ .tmn-lock-title { color: #ffffff !important; font-size: 29px !important; font-weight: 900 !important; line-height: 1.15 !important; letter-spacing: .3px !important; } /* Supporting copy */ .tmn-lock-copy { max-width: 590px !important; margin-top: 9px !important; color: #bcbcbc !important; font-size: 14px !important; line-height: 1.55 !important; } /* ========================================= NON-MEMBER BUTTONS ========================================= */ .tmn-lock-actions { display: flex !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap !important; gap: 10px !important; margin-top: 20px !important; } .tmn-join-button, .tmn-buy-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; box-sizing: border-box !important; padding: 0 20px !important; border-radius: 3px !important; font-size: 12px !important; font-weight: 900 !important; letter-spacing: .3px !important; text-decoration: none !important; } /* Primary cyan membership button */ .tmn-join-button { background: #25bff3 !important; border: 1px solid #25bff3 !important; color: #000000 !important; } .tmn-join-button:hover { background: #ffffff !important; border-color: #ffffff !important; color: #000000 !important; } /* Secondary purchase button */ .tmn-buy-button { background: #171717 !important; border: 1px solid #555555 !important; color: #ffffff !important; } .tmn-buy-button:hover { border-color: #25bff3 !important; color: #25bff3 !important; } /* Existing member message */ .tmn-login-copy { margin-top: 12px !important; color: #888888 !important; font-size: 11px !important; } /* ========================================= FAKE VIDEO CONTROL BAR ========================================= */ .tmn-fake-player-controls { display: flex !important; align-items: center !important; gap: 12px !important; height: 48px !important; box-sizing: border-box !important; padding: 0 15px !important; background: #050505 !important; border-top: 1px solid #202020 !important; color: #ffffff !important; } .tmn-fake-track { position: relative !important; flex: 1 !important; height: 3px !important; overflow: hidden !important; background: #333333 !important; border-radius: 10px !important; } .tmn-fake-progress { width: 0 !important; height: 100% !important; background: #25bff3 !important; } .tmn-fake-status { color: #777777 !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .5px !important; } /* ========================================= BUY DOWNLOAD MESSAGE ========================================= */ .tmn-purchase-choice { margin-top: 10px !important; padding: 12px 15px !important; background: #111111 !important; border-left: 3px solid #25bff3 !important; color: #aaaaaa !important; font-size: 12px !important; } .tmn-purchase-choice strong { color: #ffffff !important; margin-right: 5px !important; } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .tmn-watch-section { margin: 20px auto 25px !important; } .tmn-watch-heading { font-size: 11px !important; } .tmn-locked-content { min-height: 330px !important; aspect-ratio: auto !important; padding: 25px 15px !important; } .tmn-lock-play { width: 55px !important; height: 55px !important; margin-bottom: 12px !important; font-size: 21px !important; } .tmn-lock-title { font-size: 21px !important; } .tmn-lock-copy { font-size: 12px !important; } .tmn-lock-actions { margin-top: 15px !important; } .tmn-join-button, .tmn-buy-button { min-height: 40px !important; padding: 0 13px !important; font-size: 10px !important; } .tmn-fake-status { display: none !important; } } [arm_restrict_content plan="4,20,3" type="show"]
THANK YOU FOR YOUR MEMBERSHIP! WATCH THE FULL SHOW BELOW ↓
[armelse]
🔒 VIDEO LOCKED
Stream the full video with a TMN membership or buy the digital MP4 below and keep it forever.
▶ JOIN TMN & WATCH NOW BUY THE MP4 ↓
▶
MEMBERS ONLY ⛶
[/arm_restrict_content]