/* Theme Name: Astra Child Theme URI: https://wpastra.com/ Template: astra Author: Brainstorm Force Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/ Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog Version: 4.13.8.1785311418 Updated: 2026-07-29 07:50:18 */ body { padding:0 !important; margin:0 !important; } /* 1. Smooth scrolling animation */ html { scroll-behavior: smooth; } h3 { color:#f7943d !important; font-weight:200 !important; } /* Change border on mobile menu toggle (Astra Free) */ [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-outline, .ast-header-break-point .ast-button-wrap .menu-toggle { border-width: 1px !important; /* change this */ border-style: solid !important; border-color:#f47526 !important; /* your color */ /* border-radius: 4px !important; */ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25); } .ast-main-header-wrap { background:rgb(0,0,0,0.2) ; position: fixed !important; width:100%; } .site-header, .site-primary-header-wrap { position: fixed !important; /* z-index: 99999; */ width: 100%; /* background:rgb(0,0,0,0.6); */ } /* this sorts out mobile close button on menu being clickable */ #ast-mobile-header .ast-main-header-wrap, #ast-mobile-header .menu-toggle.main-header-menu-toggle { position: relative; z-index: 100000 !important; } #ast-mobile-header .ast-mobile-header-content { z-index: 9990 !important; } /* end of mobile hamburger button */ .custom-logo-link { padding-left:27px !important; } .custom-logo-link img { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25); } .main-navigation { /* padding:0 !important; */ } .menu-link { /* padding:0 !important; */ height:30px !important; } .main-header-menu { background:rgb(0,0,0,0.4) !important; border-radius:15px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25); border:1px solid rgba(255, 255, 255, 0.15); } .sub-menu { border:0 !important; margin-top:2px !important; background:transparent !important; } .sub-menu li { background:rgb(255,255,255,1) !important; padding:5px; height:30px !important; margin-bottom:2px !important; } .sub-menu a { color:#f47526 !important; font-size:13px !important; font-weight:500; } .portfolio_thumb { transition: transform 0.3s; cursor:pointer; /* border-bottom:2px red solid !important; */ } .portfolio_thumb:hover { transform: scale(1.1) !important; } .wpforms-submit { background:rgb(244, 117, 38, 0.6) !important; padding:10px; } .myformfields label { color:#fff; font-family:DM Sans !important; font-weight:200 !important; font-size:14pt !important; /* text-transform:uppercase; */ --spectra-text-color: ast-global-color-6; } .myformfields ::placeholder { color:rgb(255,255,255,0.6); } .myformfields input, .myformfields textarea { color:#fff; background:rgb(0,0,0,0.6); border:none; border-bottom:1px solid rgb(255,255,255,0.2); border-radius:5px; } .myformfields textarea { padding:5px; } .wpforms-error { color:#fff !important; } .myformfields input:focus, .myformfields textarea:focus { color:#fff; background:rgb(0,0,0,0.9); border:none; border-bottom:1px solid rgb(255,255,255,0.2); border-radius:5px; } /* Remove "Please enable JavaScript" message from WPForms */ #wpforms-form-4861 { font-size: 0 !important; line-height: 0 !important; margin-top: 0 !important; padding-top: 0 !important; } /* Restore normal text size for the actual form fields */ #wpforms-form-4861 .wpforms-field-container, #wpforms-form-4861 .wpforms-submit-container { font-size: 16px !important; line-height: normal !important; } .surecookie-btn-base { background:#f47526; } /* Hide the default browser arrow */ .faqpaul summary { list-style: none; display: flex; align-items: flex-start; /* keeps arrow at the top */ gap: 12px; /* space between arrow and text */ cursor: pointer; } .faqpaul summary::-webkit-details-marker { display: none; } /* Custom arrow on the left */ .faqpaul summary::before { content: "▼"; color:#f47526; /* change this color */ font-size: 0.9em; flex-shrink: 0; /* prevents arrow from moving down */ margin-top: 3px; /* fine-tune vertical position */ transition: transform 0.2s ease; } /* When open */ .faqpaul[open] summary::before { content: "▲"; } .faqpaul { padding:15px; width:calc(100%); /* margin-left:15px !important; */ background:rgb(0, 0, 0, 0.6); border:1px solid rgb(255, 255, 255, 0.2); border-bottom:1px solid rgb(255, 255, 255, 0.7); border-radius:5px; } .faqpaul p { color:#fff; font-size:15px; } .faqpaul summary { font-weight:400; font-size:18px; margin-bottom:5px; } .post-navigation { padding-left:50px !important; padding-right:50px !important; border-top:none !important; } .attachment-medium { border:1px solid rgb(255, 255, 255, 0.2); border-radius:3px; } h1 { letter-spacing: 11px !important; } .entry-title { letter-spacing: 0 !important; } .post-folio-img img { width:90% !important; } .post-folio-phone img { width:150px !important; position:absolute !important; top:-290px !important; left:50px !important; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35); } /* Anchor offset for sticky header */ #talk::before { content: ""; display: block; height: 100px; /* ← change this to your sticky header height */ margin-top: -100px; /* ← same number, but negative */ visibility: hidden; pointer-events: none; } .aligncenterpgs img { display: inline-block; margin-left: auto; margin-right: auto; } /* custom animations */ .flicker-image { animation: subtle-flicker 8.2s ease-in-out infinite; } .flicker-image2 { animation: subtle-flicker 15.2s ease-in-out infinite; } .flicker-image3 { animation: subtle-flicker 21.2s ease-in-out infinite; } @keyframes subtle-flicker { 0% { opacity: 1; } 8% { opacity: 0.75; } 12% { opacity: 1; } 19% { opacity: 0.6; } /* deeper random dim */ 23% { opacity: 0.9; } 31% { opacity: 1; } 42% { opacity: 0.65; } 47% { opacity: 0.85; } 58% { opacity: 1; } 67% { opacity: 0.65; } /* another deeper dip */ 71% { opacity: 0.95; } 79% { opacity: 0.7; } 86% { opacity: 1; } 93% { opacity: 0.65; } 100% { opacity: 1; } } /* Accessibility */ /* @media (prefers-reduced-motion: reduce) { .flicker-image { animation: none; } } */ .paulfade { animation: paulfadein 0.6s ease-in-out; } @keyframes paulfadein { 0% { opacity: 0; } 10% { opacity: 0.1; } 30% { opacity: 0.2; } 40% { opacity: 0.3; } 40% { opacity: 0.4; } 50% { opacity: 0.5; } 60% { opacity: 0.6; } 70% { opacity: 0.7; } 80% { opacity: 0.8; } 90% { opacity: 0.9; } 100% { opacity: 1; } } .neon-flicker { /* color: #fff; */ text-shadow: /* 0 0 4px #ef8d1e, */ 0 0 11px #ef8d1e, 0 0 19px #ef8d1e, 0 0 40px #b14802, 0 0 80px #b14802, 0 0 90px #b14802, 0 0 100px #b14802, 0 0 150px #b14802; animation: flicker 1.5s infinite alternate; } @keyframes flicker { 0%, 18%, 22%, 25%, 53%, 57%, 100% { text-shadow: /* 0 0 4px #ef8d1e, */ 0 0 11px #ef8d1e, 0 0 19px #ef8d1e, 0 0 40px #b14802, 0 0 80px #b14802, 0 0 90px #b14802, 0 0 100px #b14802, 0 0 150px #b14802; } 20%, 24%, 55% { text-shadow: none; } } /* Respect user preference for reduced motion */ @media (prefers-reduced-motion: reduce) { .neon-flicker { animation: none; } } /* Smartphones (portrait and landscape) ----------- */ @media screen and (min-width: 320px) and (max-width: 600px) { /* .post-folio-phone img { width:140px !important; position:absolute !important; top:-240px !important; right:10px !important; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35); } */ .faqpaul { width:calc(100% - 40px); margin-left:20px !important; } .custom-logo-link { padding-left:0px !important; } /* Remove white background behind the mobile menu */ .ast-mobile-header-content { background-color: transparent !important; padding-top:90px; /* padding-bottom:50px; */ border-bottom:#f47526 10px solid; background:rgb(0,0,0,0.65) !important; -webkit-animation: slide-in-blurred-top 0.3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both; animation: slide-in-blurred-top 0.3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both; } .main-header-bar-navigation { background-color: transparent !important; background:rgb(255,255,255,0.95) !important; border-top:#f47526 4px solid; /* margin:20px !important; width:calc(100% - 40px) !important; */ } .main-header-menu { box-shadow:none; } /* Also clear the