.elementor-kit-1820{--e-global-color-primary:#D2A258;--e-global-color-secondary:#1B1018;--e-global-color-text:#917961;--e-global-color-accent:#EED89F;--e-global-color-f403eac:#000000;--e-global-color-bd91052:#FFFFFF;font-size:17px;line-height:1.2em;}.elementor-kit-1820 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1820 a{color:var( --e-global-color-primary );}.elementor-kit-1820 h1{font-size:70px;line-height:1.2em;}.elementor-kit-1820 h2{font-size:36px;line-height:1.2em;}.elementor-kit-1820 h3{font-size:32px;line-height:1.2em;}.elementor-kit-1820 h4{font-size:28px;line-height:1.2em;}.elementor-kit-1820 h5{font-size:22px;line-height:1.2em;}.elementor-kit-1820 h6{font-size:18px;line-height:1.2em;}.elementor-kit-1820 button,.elementor-kit-1820 input[type="button"],.elementor-kit-1820 input[type="submit"],.elementor-kit-1820 .elementor-button{border-style:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:300px;}.e-con{--container-max-width:300px;}.elementor-widget:not(:last-child){--kit-widget-spacing:5px;}.elementor-element{--widgets-spacing:5px 5px;--widgets-spacing-row:5px;--widgets-spacing-column:5px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-header .site-branding .site-logo img{width:0px;max-width:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}.site-footer{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1366px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1170px;}.e-con{--container-max-width:1170px;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-1820 h1{font-size:50px;}.elementor-kit-1820 h2{font-size:32px;}.elementor-kit-1820 h3{font-size:28px;}.elementor-kit-1820 h4{font-size:24px;}.elementor-kit-1820 h5{font-size:20px;}.elementor-kit-1820 h6{font-size:17px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS *//* ===================== GLOBAL COLOR VARIABLES ===================== */ :root { /* Primary */ --color-midnight: #0D1B2A; --color-golden-hour: #E8842C; --color-dusk-purple: #3D2B56; /* Secondary */ --color-slate-mist: #F2F4F6; --color-ember: #C45E1A; --color-storm-slate: #2E3D4F; /* Neutrals */ --color-charcoal: #1C1C1E; --color-soft-white: #F5F0E8; --color-slate-gray: #6B7B8D; --color-border: rgba(46, 61, 79, 0.25); /* Gradient */ --gradient-hero: linear-gradient( to bottom, #E8842C, #3D2B56, #0D1B2A ); } /* ===================== HERO CTA BUTTON Home Page — Night Sky ===================== */ .hero__cta .elementor-button { background: linear-gradient( 135deg, var(--color-golden-hour) 0%, var(--color-dusk-purple) 100% ); color: var(--color-soft-white); font-size: clamp(0.95rem, 1.5vw, 1.1rem); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; border: none; border-radius: 6px; padding: 16px 40px; box-shadow: 0 0 18px rgba(232, 132, 44, 0.4), 0 0 40px rgba(232, 132, 44, 0.15); transition: box-shadow 0.4s ease, transform 0.3s ease, background 0.4s ease; position: relative; overflow: hidden; } .hero__cta .elementor-button:hover { background: linear-gradient( 135deg, var(--color-ember) 0%, var(--color-dusk-purple) 100% ); box-shadow: 0 0 28px rgba(232, 132, 44, 0.65), 0 0 60px rgba(232, 132, 44, 0.25), 0 0 90px rgba(61, 43, 86, 0.3); transform: translateY(-2px); } .hero__cta .elementor-button:active { transform: translateY(0px); box-shadow: 0 0 14px rgba(232, 132, 44, 0.4), 0 0 30px rgba(232, 132, 44, 0.15); } .hero__cta .elementor-button::before { content: ''; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent 0%, rgba(255, 255, 255, 0.08) 50%, transparent 100% ); transform: skewX(-20deg); transition: left 0.6s ease; } .hero__cta .elementor-button:hover::before { left: 125%; } @media (max-width: 767px) { .hero__cta .elementor-button { padding: 14px 28px; font-size: 0.95rem; letter-spacing: 0.05em; box-shadow: 0 0 14px rgba(232, 132, 44, 0.35), 0 0 28px rgba(232, 132, 44, 0.12); } } /* ===================== HERO CTA BUTTON Home Page — Night Sky ===================== */ .hero__cta .elementor-button { background: linear-gradient( 135deg, var(--color-golden-hour) 0%, var(--color-dusk-purple) 100% ); color: var(--color-soft-white); font-size: clamp(0.95rem, 1.5vw, 1.1rem); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; border: none; border-radius: 6px; padding: 16px 40px; box-shadow: 0 0 18px rgba(232, 132, 44, 0.4), 0 0 40px rgba(232, 132, 44, 0.15); transition: box-shadow 0.4s ease, transform 0.3s ease, background 0.4s ease; position: relative; overflow: hidden; } .hero__cta .elementor-button:hover { background: linear-gradient( 135deg, var(--color-ember) 0%, var(--color-dusk-purple) 100% ); box-shadow: 0 0 28px rgba(232, 132, 44, 0.65), 0 0 60px rgba(232, 132, 44, 0.25), 0 0 90px rgba(61, 43, 86, 0.3); transform: translateY(-2px); } .hero__cta .elementor-button:active { transform: translateY(0px); box-shadow: 0 0 14px rgba(232, 132, 44, 0.4), 0 0 30px rgba(232, 132, 44, 0.15); } .hero__cta .elementor-button::before { content: ''; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient( 120deg, transparent 0%, rgba(255, 255, 255, 0.08) 50%, transparent 100% ); transform: skewX(-20deg); transition: left 0.6s ease; } .hero__cta .elementor-button:hover::before { left: 125%; } @media (max-width: 767px) { .hero__cta .elementor-button { padding: 14px 28px; font-size: 0.95rem; letter-spacing: 0.05em; box-shadow: 0 0 14px rgba(232, 132, 44, 0.35), 0 0 28px rgba(232, 132, 44, 0.12); } }/* End custom CSS */