.elementor-kit-601{--e-global-color-primary:#A5E711;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#53A318;--e-global-color-6d401c3:#FFFFFF;--e-global-color-5b42884:#000000;--e-global-color-32b8a51:#A5E711;--e-global-color-e636b03:#FFFFFF26;--e-global-color-48a5cb0:#94CA1A;--e-global-color-eaf0bc8:#436211;--e-global-color-121231d:#C7FF4A;--e-global-color-35c26db:#A5E711;--e-global-typography-primary-font-family:"League Spartan";--e-global-typography-primary-font-size:8.3em;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-family:"League Spartan";--e-global-typography-secondary-font-size:4em;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-17b4162-font-family:"League Spartan";--e-global-typography-17b4162-font-size:1.6em;--e-global-typography-17b4162-font-weight:400;--e-global-typography-17b4162-text-transform:uppercase;--e-global-typography-17b4162-line-height:1.2em;--e-global-typography-dfa99ec-font-family:"League Spartan";--e-global-typography-dfa99ec-font-size:1.4em;--e-global-typography-dfa99ec-font-weight:400;--e-global-typography-dfa99ec-text-transform:uppercase;--e-global-typography-dfa99ec-line-height:1.2em;--e-global-typography-d8e455d-font-family:"League Spartan";--e-global-typography-d8e455d-font-size:1.2em;--e-global-typography-d8e455d-font-weight:400;--e-global-typography-d8e455d-text-transform:uppercase;--e-global-typography-d8e455d-line-height:1.2em;--e-global-typography-4dadf97-font-family:"League Spartan";--e-global-typography-4dadf97-font-size:1.1em;--e-global-typography-4dadf97-font-weight:400;--e-global-typography-4dadf97-text-transform:uppercase;--e-global-typography-4dadf97-line-height:1.5em;--e-global-typography-bc8e353-font-family:"League Spartan";--e-global-typography-bc8e353-font-size:2.3em;--e-global-typography-bc8e353-font-weight:400;--e-global-typography-bc8e353-text-transform:uppercase;--e-global-typography-bc8e353-line-height:1.2em;--e-global-typography-1135d3b-font-family:"League Spartan";--e-global-typography-1135d3b-font-size:6rem;--e-global-typography-1135d3b-font-weight:400;--e-global-typography-1135d3b-text-transform:uppercase;--e-global-typography-1135d3b-line-height:1.5em;--e-global-typography-83f9406-font-family:"Manrope";--e-global-typography-83f9406-font-size:1.1em;--e-global-typography-83f9406-font-weight:500;--e-global-typography-83f9406-text-transform:uppercase;--e-global-typography-83f9406-line-height:1.5em;--e-global-typography-434d9c6-font-family:"League Spartan";--e-global-typography-434d9c6-font-size:4.5em;--e-global-typography-434d9c6-font-weight:400;--e-global-typography-434d9c6-text-transform:uppercase;--e-global-typography-434d9c6-line-height:1em;background-color:#0E0E0E;}.elementor-kit-601 e-page-transition{background-color:#FFBC7D;}.elementor-kit-601 h1{color:var( --e-global-color-6d401c3 );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-601 h2{color:var( --e-global-color-6d401c3 );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-601 h3{color:var( --e-global-color-6d401c3 );font-family:var( --e-global-typography-17b4162-font-family ), Sans-serif;font-size:var( --e-global-typography-17b4162-font-size );font-weight:var( --e-global-typography-17b4162-font-weight );text-transform:var( --e-global-typography-17b4162-text-transform );line-height:var( --e-global-typography-17b4162-line-height );}.elementor-kit-601 h4{color:var( --e-global-color-6d401c3 );font-family:var( --e-global-typography-dfa99ec-font-family ), Sans-serif;font-size:var( --e-global-typography-dfa99ec-font-size );font-weight:var( --e-global-typography-dfa99ec-font-weight );text-transform:var( --e-global-typography-dfa99ec-text-transform );line-height:var( --e-global-typography-dfa99ec-line-height );}.elementor-kit-601 h5{color:var( --e-global-color-6d401c3 );font-family:var( --e-global-typography-d8e455d-font-family ), Sans-serif;font-size:var( --e-global-typography-d8e455d-font-size );font-weight:var( --e-global-typography-d8e455d-font-weight );text-transform:var( --e-global-typography-d8e455d-text-transform );line-height:var( --e-global-typography-d8e455d-line-height );}.elementor-kit-601 h6{color:var( --e-global-color-6d401c3 );font-family:var( --e-global-typography-4dadf97-font-family ), Sans-serif;font-size:var( --e-global-typography-4dadf97-font-size );font-weight:var( --e-global-typography-4dadf97-font-weight );text-transform:var( --e-global-typography-4dadf97-text-transform );line-height:var( --e-global-typography-4dadf97-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-601{--e-global-typography-primary-font-size:4.4em;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-size:2.8em;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-17b4162-font-size:1.3em;--e-global-typography-17b4162-line-height:1.2em;--e-global-typography-dfa99ec-font-size:1.2em;--e-global-typography-dfa99ec-line-height:1.2em;--e-global-typography-d8e455d-font-size:1.2em;--e-global-typography-d8e455d-line-height:1.2em;--e-global-typography-4dadf97-font-size:1em;--e-global-typography-4dadf97-line-height:1.5em;--e-global-typography-bc8e353-font-size:1.5em;--e-global-typography-bc8e353-line-height:1.3em;--e-global-typography-1135d3b-font-size:4.7rem;--e-global-typography-1135d3b-line-height:1.8em;--e-global-typography-83f9406-font-size:1.1em;--e-global-typography-83f9406-line-height:1.5em;--e-global-typography-434d9c6-font-size:3.5em;--e-global-typography-434d9c6-line-height:1em;}.elementor-kit-601 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-601 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-601 h3{font-size:var( --e-global-typography-17b4162-font-size );line-height:var( --e-global-typography-17b4162-line-height );}.elementor-kit-601 h4{font-size:var( --e-global-typography-dfa99ec-font-size );line-height:var( --e-global-typography-dfa99ec-line-height );}.elementor-kit-601 h5{font-size:var( --e-global-typography-d8e455d-font-size );line-height:var( --e-global-typography-d8e455d-line-height );}.elementor-kit-601 h6{font-size:var( --e-global-typography-4dadf97-font-size );line-height:var( --e-global-typography-4dadf97-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-601{--e-global-typography-primary-font-size:2em;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-size:2em;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-17b4162-font-size:1.3em;--e-global-typography-17b4162-line-height:1.2em;--e-global-typography-dfa99ec-font-size:1.2em;--e-global-typography-dfa99ec-line-height:1.2em;--e-global-typography-d8e455d-font-size:1.2em;--e-global-typography-d8e455d-line-height:1.2em;--e-global-typography-4dadf97-font-size:1em;--e-global-typography-4dadf97-line-height:1.5em;--e-global-typography-bc8e353-font-size:1.4em;--e-global-typography-bc8e353-line-height:1.3em;--e-global-typography-1135d3b-font-size:3.5rem;--e-global-typography-1135d3b-line-height:2em;--e-global-typography-83f9406-font-size:1em;--e-global-typography-83f9406-line-height:1.5em;--e-global-typography-434d9c6-font-size:3.5em;--e-global-typography-434d9c6-line-height:1em;}.elementor-kit-601 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-601 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-601 h3{font-size:var( --e-global-typography-17b4162-font-size );line-height:var( --e-global-typography-17b4162-line-height );}.elementor-kit-601 h4{font-size:var( --e-global-typography-dfa99ec-font-size );line-height:var( --e-global-typography-dfa99ec-line-height );}.elementor-kit-601 h5{font-size:var( --e-global-typography-d8e455d-font-size );line-height:var( --e-global-typography-d8e455d-line-height );}.elementor-kit-601 h6{font-size:var( --e-global-typography-4dadf97-font-size );line-height:var( --e-global-typography-4dadf97-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ========================================================= SHALOM CONSTRUCTION LLC GLOBAL METALLIC GREEN / BLACK EFFECTS Main Color: #A5E711 ========================================================= */ /* ========================================================= 1. ANIMATED GREEN GRADIENT TEXT Class: green-gradient-text ========================================================= */ .green-gradient-text { background: linear-gradient( 110deg, #6B9900 0%, #A5E711 20%, #E8FF9A 38%, #A5E711 50%, #5F8F00 68%, #C8F54A 82%, #A5E711 100% ); background-size: 300% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; animation: greenTextFlow 5s ease-in-out infinite; display: inline-block; } @keyframes greenTextFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* ========================================================= 2. GREEN METALLIC BUTTON Class: green-metal-btn ========================================================= */ .green-metal-btn { position: relative; overflow: hidden; color: #101500 !important; background: linear-gradient( 145deg, #4F7200 0%, #8FBE00 18%, #A5E711 35%, #E5FF8B 48%, #A5E711 58%, #719F00 78%, #3E5E00 100% ) !important; background-size: 250% 250%; border: 1px solid rgba(220, 255, 120, 0.8); box-shadow: inset 0 1px 1px rgba(255,255,255,0.7), inset 0 -2px 4px rgba(30,50,0,0.45), 0 6px 18px rgba(90,130,0,0.25); transition: background-position 0.6s ease, transform 0.35s ease, box-shadow 0.35s ease, color 0.35s ease; animation: greenMetalMovement 6s ease-in-out infinite; } /* Metallic light movement */ @keyframes greenMetalMovement { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* ========================================================= 3. POLISHED LIGHT / REFLECTION ========================================================= */ .green-metal-btn::after, .black-metal-hover::after, .metal-shine::after { content: ""; position: absolute; top: -60%; left: -120%; width: 55%; height: 220%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,0.05) 30%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0.05) 70%, transparent 100% ); transform: rotate(22deg); pointer-events: none; transition: left 0.8s ease; } /* Shine movement on hover */ .green-metal-btn:hover::after, .black-metal-hover:hover::after, .metal-shine:hover::after { left: 150%; } /* ========================================================= 4. GREEN BUTTON HOVER ========================================================= */ .green-metal-btn:hover { color: #FFFFFF !important; transform: translateY(-3px); background: linear-gradient( 120deg, #263300 0%, #536F00 20%, #A5E711 40%, #DFFF7A 50%, #7DA900 65%, #172000 100% ) !important; background-size: 250% 250%; box-shadow: inset 0 1px 2px rgba(255,255,255,0.8), inset 0 -3px 7px rgba(0,0,0,0.55), 0 10px 30px rgba(0,0,0,0.35), 0 0 18px rgba(165,231,17,0.18); } /* ========================================================= 5. BLACK METALLIC LUXURY BUTTON Class: black-metal-hover ========================================================= */ .black-metal-hover { position: relative; overflow: hidden; color: #FFFFFF !important; background: linear-gradient( 135deg, #050505 0%, #242424 18%, #080808 32%, #575757 46%, #111111 58%, #303030 75%, #020202 100% ) !important; background-size: 250% 250%; border: 1px solid rgba(255,255,255,0.18); box-shadow: inset 0 1px 1px rgba(255,255,255,0.25), inset 0 -3px 8px rgba(0,0,0,0.7), 0 7px 20px rgba(0,0,0,0.35); transition: background-position 0.7s ease, transform 0.35s ease, box-shadow 0.35s ease; } /* ========================================================= 6. BLACK METALLIC HOVER ========================================================= */ .black-metal-hover:hover { color: #FFFFFF !important; transform: translateY(-3px); background: linear-gradient( 115deg, #000000 0%, #151515 20%, #6B6B6B 42%, #EEEEEE 49%, #414141 55%, #111111 76%, #000000 100% ) !important; background-size: 300% 300%; box-shadow: inset 0 1px 2px rgba(255,255,255,0.6), inset 0 -4px 10px rgba(0,0,0,0.85), 0 12px 30px rgba(0,0,0,0.5), 0 0 20px rgba(255,255,255,0.08); } /* ========================================================= 7. GREEN METALLIC CONTAINER Class: green-metal-container ========================================================= */ .green-metal-container { position: relative; overflow: hidden; background: linear-gradient( 145deg, #263600 0%, #587900 18%, #A5E711 38%, #D9FF72 48%, #83B800 60%, #314800 82%, #111800 100% ); background-size: 250% 250%; border: 1px solid rgba(205,255,80,0.35); box-shadow: inset 0 1px 2px rgba(255,255,255,0.35), inset 0 -10px 25px rgba(0,0,0,0.25), 0 15px 35px rgba(0,0,0,0.18); animation: containerGreenMovement 8s ease-in-out infinite; } @keyframes containerGreenMovement { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* ========================================================= 8. BLACK METALLIC CONTAINER Class: black-metal-container ========================================================= */ .black-metal-container { position: relative; overflow: hidden; background: linear-gradient( 135deg, #030303 0%, #1A1A1A 18%, #050505 34%, #555555 48%, #101010 57%, #2B2B2B 76%, #000000 100% ); background-size: 250% 250%; border: 1px solid rgba(255,255,255,0.12); box-shadow: inset 0 1px 2px rgba(255,255,255,0.25), inset 0 -12px 25px rgba(0,0,0,0.7), 0 18px 40px rgba(0,0,0,0.3); animation: blackContainerMovement 9s ease-in-out infinite; } @keyframes blackContainerMovement { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* ========================================================= 9. REUSABLE POLISHED / SHINE EFFECT Class: metal-shine ========================================================= */ .metal-shine { position: relative; overflow: hidden; } /* ========================================================= 10. SUBTLE GREEN GLOW Class: green-glow ========================================================= */ .green-glow { box-shadow: 0 0 10px rgba(165,231,17,0.15), 0 0 25px rgba(165,231,17,0.12), 0 0 45px rgba(165,231,17,0.08); transition: box-shadow 0.4s ease, transform 0.4s ease; } .green-glow:hover { transform: translateY(-4px); box-shadow: 0 0 15px rgba(165,231,17,0.25), 0 0 35px rgba(165,231,17,0.18), 0 0 60px rgba(165,231,17,0.12); } /* ========================================================= 11. METALLIC BORDER Class: metallic-border ========================================================= */ .metallic-border { border: 1px solid transparent; background: linear-gradient(#101010, #101010) padding-box, linear-gradient( 120deg, #405D00, #A5E711, #F0FFB0, #A5E711, #405D00 ) border-box; border-radius: inherit; } /* ========================================================= 12. ACCESSIBILITY / REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .green-gradient-text, .green-metal-btn, .green-metal-container, .black-metal-container { animation: none !important; } .green-metal-btn, .black-metal-hover, .green-glow { transition: none !important; } }/* End custom CSS */