/* Theme Name: The7 Child Theme URI: https://jasonpantana.com Description: Child theme for The7 Author: Your Name Author URI: https://jasonpantana.com Template: dt-the7 Version: 1.0.0 Text Domain: the7-child */ /* ===== Global Site Background ===== */ html, body{ background-color: #080D0F !important; } /* The7 main wrappers */ #page, .dt-site-container, .site-content, .main-content{ background-color: #080D0F !important; } /* ===== Podcast video embeds: make them big + responsive ===== */ /* Most reliable: targets embeds inside the Elementor Post Content widget */ .elementor-widget-theme-post-content .wp-block-embed, .elementor-widget-theme-post-content .wp-block-embed__wrapper, .elementor-widget-theme-post-content p:has(> iframe) { width: 100% !important; max-width: 100% !important; } /* Force any iframe in post content to scale */ .elementor-widget-theme-post-content iframe, .elementor-widget-theme-post-content embed, .elementor-widget-theme-post-content object, .elementor-widget-theme-post-content video { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; } /* Fallback wrapper behavior (older markup) */ .elementor-widget-theme-post-content p:has(> iframe) { position: relative; padding-top: 56.25%; /* 16:9 */ height: 0; margin: 0 0 24px; } .elementor-widget-theme-post-content p > iframe { position: absolute; inset: 0; width: 100% !important; height: 100% !important; } /* Override Elementor flex alignment */ .e-con.e-flex > .e-con-inner { align-items: unset !important; } /* ===== Bio Image ===== */ @media (max-width: 767px) { .wp-image-20357 { float: none !important; display: block !important; width: 100% !important; height: auto !important; margin: 0 0 20px 0 !important; } } /* ===== AiM Newsletter: layout + form + captcha (single source of truth) ===== */ /* ===== Panel glow and container ===== */ .aim-newsletter-section{ position: relative; } .aim-newsletter-panel{ position: relative; padding: 56px 44px 40px; border-radius: 24px; border: 1px solid rgba(255,255,255,0.10); background: rgba(255,255,255,0.03); box-shadow: 0 0 0 1px rgba(255,255,255,0.05), 0 30px 80px rgba(0,0,0,0.55), 0 0 90px rgba(77,225,179,0.22), 0 0 140px rgba(108,240,209,0.14); } .aim-newsletter-panel::before{ content:""; position:absolute; inset:-1px; border-radius: 24px; pointer-events:none; background: radial-gradient(circle at 20% 20%, rgba(77,225,179,0.10), transparent 55%), radial-gradient(circle at 85% 70%, rgba(108,240,209,0.08), transparent 55%); } /* Grid stacks on tablet */ @media (max-width: 900px){ .aim-newsletter-grid{ grid-template-columns: 1fr !important; } .aim-newsletter-panel{ padding: 44px 22px; } } /* ===== Form ===== */ .aim-newsletter-section .aim-newsletter-form, .aim-newsletter-section .aim-newsletter-form *{ box-sizing: border-box !important; } .aim-newsletter-section .aim-newsletter-form p{ margin: 0 !important; } .aim-newsletter-section .aim-newsletter-form .aim-form-row{ display: flex !important; flex-wrap: wrap !important; gap: 12px !important; align-items: center !important; max-width: 660px !important; } /* Reset inputs */ .aim-newsletter-section .aim-newsletter-form input[type="email"], .aim-newsletter-section .aim-newsletter-form input[type="submit"]{ -webkit-appearance: none !important; appearance: none !important; margin: 0 !important; height: 52px !important; min-height: 52px !important; max-height: 52px !important; border-radius: 10px !important; font-size: 16px !important; box-sizing: border-box !important; padding-top: 0 !important; padding-bottom: 0 !important; } /* Email input */ .aim-newsletter-section .aim-newsletter-form input[type="email"]{ flex: 1 1 0% !important; min-width: 0 !important; padding: 0 16px !important; border: 1px solid rgba(255,255,255,0.18) !important; background: rgba(255,255,255,0.06) !important; color: rgba(255,255,255,0.92) !important; font-family: "Archivo", sans-serif !important; line-height: 52px !important; box-shadow: none !important; outline: none !important; } .aim-newsletter-section .aim-newsletter-form input[type="email"]::placeholder{ color: rgba(255,255,255,0.55) !important; } /* Button */ .aim-newsletter-section .aim-newsletter-form input[type="submit"]{ flex: 0 0 auto !important; padding: 0 22px !important; border: 1px solid transparent !important; font-family: "Space Grotesk", sans-serif !important; font-weight: 600 !important; cursor: pointer !important; background: linear-gradient(90deg,#4DE1B3,#6CF0D1) !important; color: #0B0F1A !important; line-height: 52px !important; transition: opacity 0.2s ease !important; } .aim-newsletter-section .aim-newsletter-form input[type="submit"]:hover{ opacity: 0.9 !important; } /* Captcha: force wrapper onto its own row */ .aim-newsletter-section .aim-newsletter-form .aim-form-row .mc4wp-procaptcha{ flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; order: 99 !important; margin-top: 0 !important; } .aim-newsletter-section .aim-newsletter-form .mc4wp-procaptcha__captcha{ display: flex !important; justify-content: flex-start !important; width: 100% !important; } .aim-newsletter-section .aim-newsletter-form .mc4wp-procaptcha__validation-error{ margin: 6px 0 0 !important; padding: 0 !important; font-size: 12px !important; line-height: 1.2 !important; } /* ===== Mobile fixes ===== */ @media (max-width: 767px){ .aim-newsletter-section{ padding-left: 16px !important; padding-right: 16px !important; } .aim-newsletter-section .aim-newsletter-form .aim-form-row{ flex-direction: column !important; align-items: stretch !important; gap: 16px !important; } .aim-newsletter-section .aim-newsletter-form .aim-form-row input[type="email"]{ flex: 0 0 auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; } .aim-newsletter-section .aim-newsletter-form .aim-form-row input[type="submit"]{ width: 100% !important; } .aim-newsletter-section .aim-newsletter-form .mc4wp-procaptcha__captcha{ justify-content: center !important; } .aim-newsletter-section .aim-newsletter-form prosopo-procaptcha{ display: inline-flex !important; justify-content: center !important; } } .elementor-element-ddf3c10 .elementor-icon:hover svg circle { fill: #31DBA5 !important; transition: fill 0.3s ease; } .elementor-element-ddf3c10 svg circle { transition: fill 0.3s ease; }