.elementor-kit-601{--e-global-color-primary:#FE6D45;--e-global-color-secondary:#0F0E0E;--e-global-color-text:#616161;--e-global-color-accent:#081F20;--e-global-color-d0e1092:#F59E0B;--e-global-color-d273a46:#FFFFFF;--e-global-color-b400cea:#FAF7F6;--e-global-color-e4da1b3:#2C241C;--e-global-color-805d08a:#1B1A1A;--e-global-color-dacd3bd:#AAB2B2;--e-global-color-23ff708:#22252E;--e-global-color-c3b08cb:#395456;--e-global-color-751c3a0:#FFFFFF14;--e-global-color-df43713:#FFFFFF4D;--e-global-color-c1ff853:#FFFFFF00;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:50px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:60px;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:50px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:60px;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:26px;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:26px;--e-global-typography-cf84964-font-family:"Inter";--e-global-typography-cf84964-font-size:66px;--e-global-typography-cf84964-font-weight:700;--e-global-typography-cf84964-line-height:76px;--e-global-typography-cd9a9e7-font-family:"Inter";--e-global-typography-cd9a9e7-font-size:50px;--e-global-typography-cd9a9e7-font-weight:700;--e-global-typography-cd9a9e7-line-height:60px;--e-global-typography-df6c5f1-font-family:"Inter";--e-global-typography-df6c5f1-font-size:30px;--e-global-typography-df6c5f1-font-weight:600;--e-global-typography-df6c5f1-line-height:40px;--e-global-typography-10b6e00-font-family:"Inter";--e-global-typography-10b6e00-font-size:26px;--e-global-typography-10b6e00-font-weight:500;--e-global-typography-10b6e00-line-height:36px;--e-global-typography-915fd74-font-family:"Inter";--e-global-typography-915fd74-font-size:24px;--e-global-typography-915fd74-font-weight:500;--e-global-typography-915fd74-line-height:34px;--e-global-typography-a346ffb-font-family:"Inter";--e-global-typography-a346ffb-font-size:18px;--e-global-typography-a346ffb-font-weight:400;--e-global-typography-a346ffb-line-height:28px;--e-global-typography-0b86e99-font-family:"Open Sans";--e-global-typography-0b86e99-font-size:16px;--e-global-typography-0b86e99-font-weight:400;--e-global-typography-0b86e99-line-height:26px;--e-global-typography-0747000-font-family:"Inter";--e-global-typography-0747000-font-size:16px;--e-global-typography-0747000-font-weight:500;--e-global-typography-0747000-line-height:26px;--e-global-typography-117bdbc-font-family:"Open Sans";--e-global-typography-117bdbc-font-size:16px;--e-global-typography-117bdbc-font-weight:500;--e-global-typography-117bdbc-line-height:26px;--e-global-typography-37f6ba5-font-family:"Inter";--e-global-typography-37f6ba5-font-size:200px;--e-global-typography-37f6ba5-font-weight:700;--e-global-typography-37f6ba5-text-transform:uppercase;--e-global-typography-37f6ba5-line-height:210px;--e-global-typography-08724cd-font-family:"Inter";--e-global-typography-08724cd-font-size:150px;--e-global-typography-08724cd-font-weight:700;--e-global-typography-08724cd-line-height:158px;color:var( --e-global-color-text );font-family:var( --e-global-typography-0b86e99-font-family ), Sans-serif;font-size:var( --e-global-typography-0b86e99-font-size );font-weight:var( --e-global-typography-0b86e99-font-weight );line-height:var( --e-global-typography-0b86e99-line-height );}.elementor-kit-601 button,.elementor-kit-601 input[type="button"],.elementor-kit-601 input[type="submit"],.elementor-kit-601 .elementor-button{background-color:var( --e-global-color-primary );color:var( --e-global-color-d273a46 );border-radius:30px 30px 30px 30px;padding:13px 33px 13px 33px;}.elementor-kit-601 button:hover,.elementor-kit-601 button:focus,.elementor-kit-601 input[type="button"]:hover,.elementor-kit-601 input[type="button"]:focus,.elementor-kit-601 input[type="submit"]:hover,.elementor-kit-601 input[type="submit"]:focus,.elementor-kit-601 .elementor-button:hover,.elementor-kit-601 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-d273a46 );border-radius:30px 30px 30px 30px;}.elementor-kit-601 e-page-transition{background-color:#FFBC7D;}.elementor-kit-601 a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-0b86e99-font-family ), Sans-serif;font-size:var( --e-global-typography-0b86e99-font-size );font-weight:var( --e-global-typography-0b86e99-font-weight );line-height:var( --e-global-typography-0b86e99-line-height );}.elementor-kit-601 a:hover{color:var( --e-global-color-primary );}.elementor-kit-601 h1{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-cf84964-font-family ), Sans-serif;font-size:var( --e-global-typography-cf84964-font-size );font-weight:var( --e-global-typography-cf84964-font-weight );line-height:var( --e-global-typography-cf84964-line-height );}.elementor-kit-601 h2{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-cd9a9e7-font-family ), Sans-serif;font-size:var( --e-global-typography-cd9a9e7-font-size );font-weight:var( --e-global-typography-cd9a9e7-font-weight );line-height:var( --e-global-typography-cd9a9e7-line-height );}.elementor-kit-601 h3{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-df6c5f1-font-family ), Sans-serif;font-size:var( --e-global-typography-df6c5f1-font-size );font-weight:var( --e-global-typography-df6c5f1-font-weight );line-height:var( --e-global-typography-df6c5f1-line-height );}.elementor-kit-601 h4{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-10b6e00-font-family ), Sans-serif;font-size:var( --e-global-typography-10b6e00-font-size );font-weight:var( --e-global-typography-10b6e00-font-weight );line-height:var( --e-global-typography-10b6e00-line-height );}.elementor-kit-601 h5{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-915fd74-font-family ), Sans-serif;font-size:var( --e-global-typography-915fd74-font-size );font-weight:var( --e-global-typography-915fd74-font-weight );line-height:var( --e-global-typography-915fd74-line-height );}.elementor-kit-601 h6{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-a346ffb-font-family ), Sans-serif;font-size:var( --e-global-typography-a346ffb-font-size );font-weight:var( --e-global-typography-a346ffb-font-weight );line-height:var( --e-global-typography-a346ffb-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;}.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:1366px){.elementor-kit-601{--e-global-typography-cf84964-font-size:50px;--e-global-typography-cf84964-line-height:60px;--e-global-typography-cd9a9e7-font-size:40px;--e-global-typography-cd9a9e7-line-height:50px;--e-global-typography-df6c5f1-font-size:24px;--e-global-typography-df6c5f1-line-height:34px;--e-global-typography-10b6e00-font-size:22px;--e-global-typography-10b6e00-line-height:32px;--e-global-typography-915fd74-font-size:18px;--e-global-typography-915fd74-line-height:38px;--e-global-typography-a346ffb-font-size:17px;--e-global-typography-a346ffb-line-height:27px;--e-global-typography-37f6ba5-font-size:80px;--e-global-typography-37f6ba5-line-height:90px;--e-global-typography-08724cd-font-size:70px;--e-global-typography-08724cd-line-height:80px;font-size:var( --e-global-typography-0b86e99-font-size );line-height:var( --e-global-typography-0b86e99-line-height );}.elementor-kit-601 a{font-size:var( --e-global-typography-0b86e99-font-size );line-height:var( --e-global-typography-0b86e99-line-height );}.elementor-kit-601 h1{font-size:var( --e-global-typography-cf84964-font-size );line-height:var( --e-global-typography-cf84964-line-height );}.elementor-kit-601 h2{font-size:var( --e-global-typography-cd9a9e7-font-size );line-height:var( --e-global-typography-cd9a9e7-line-height );}.elementor-kit-601 h3{font-size:var( --e-global-typography-df6c5f1-font-size );line-height:var( --e-global-typography-df6c5f1-line-height );}.elementor-kit-601 h4{font-size:var( --e-global-typography-10b6e00-font-size );line-height:var( --e-global-typography-10b6e00-line-height );}.elementor-kit-601 h5{font-size:var( --e-global-typography-915fd74-font-size );line-height:var( --e-global-typography-915fd74-line-height );}.elementor-kit-601 h6{font-size:var( --e-global-typography-a346ffb-font-size );line-height:var( --e-global-typography-a346ffb-line-height );}}@media(max-width:1024px){.elementor-kit-601{--e-global-typography-cf84964-font-size:40px;--e-global-typography-cf84964-line-height:50px;--e-global-typography-cd9a9e7-font-size:30px;--e-global-typography-cd9a9e7-line-height:40px;--e-global-typography-df6c5f1-font-size:24px;--e-global-typography-df6c5f1-line-height:34px;--e-global-typography-10b6e00-font-size:20px;--e-global-typography-10b6e00-line-height:30px;--e-global-typography-915fd74-font-size:17px;--e-global-typography-915fd74-line-height:27px;--e-global-typography-37f6ba5-font-size:70px;--e-global-typography-37f6ba5-line-height:80px;--e-global-typography-08724cd-font-size:60px;--e-global-typography-08724cd-line-height:70px;font-size:var( --e-global-typography-0b86e99-font-size );line-height:var( --e-global-typography-0b86e99-line-height );}.elementor-kit-601 a{font-size:var( --e-global-typography-0b86e99-font-size );line-height:var( --e-global-typography-0b86e99-line-height );}.elementor-kit-601 h1{font-size:var( --e-global-typography-cf84964-font-size );line-height:var( --e-global-typography-cf84964-line-height );}.elementor-kit-601 h2{font-size:var( --e-global-typography-cd9a9e7-font-size );line-height:var( --e-global-typography-cd9a9e7-line-height );}.elementor-kit-601 h3{font-size:var( --e-global-typography-df6c5f1-font-size );line-height:var( --e-global-typography-df6c5f1-line-height );}.elementor-kit-601 h4{font-size:var( --e-global-typography-10b6e00-font-size );line-height:var( --e-global-typography-10b6e00-line-height );}.elementor-kit-601 h5{font-size:var( --e-global-typography-915fd74-font-size );line-height:var( --e-global-typography-915fd74-line-height );}.elementor-kit-601 h6{font-size:var( --e-global-typography-a346ffb-font-size );line-height:var( --e-global-typography-a346ffb-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-cf84964-font-size:26px;--e-global-typography-cf84964-line-height:36px;--e-global-typography-cd9a9e7-font-size:26px;--e-global-typography-cd9a9e7-line-height:36px;--e-global-typography-df6c5f1-font-size:22px;--e-global-typography-df6c5f1-line-height:30px;--e-global-typography-10b6e00-font-size:20px;--e-global-typography-10b6e00-line-height:28px;--e-global-typography-915fd74-font-size:17px;--e-global-typography-915fd74-line-height:27px;font-size:var( --e-global-typography-0b86e99-font-size );line-height:var( --e-global-typography-0b86e99-line-height );}.elementor-kit-601 a{font-size:var( --e-global-typography-0b86e99-font-size );line-height:var( --e-global-typography-0b86e99-line-height );}.elementor-kit-601 h1{font-size:var( --e-global-typography-cf84964-font-size );line-height:var( --e-global-typography-cf84964-line-height );}.elementor-kit-601 h2{font-size:var( --e-global-typography-cd9a9e7-font-size );line-height:var( --e-global-typography-cd9a9e7-line-height );}.elementor-kit-601 h3{font-size:var( --e-global-typography-df6c5f1-font-size );line-height:var( --e-global-typography-df6c5f1-line-height );}.elementor-kit-601 h4{font-size:var( --e-global-typography-10b6e00-font-size );line-height:var( --e-global-typography-10b6e00-line-height );}.elementor-kit-601 h5{font-size:var( --e-global-typography-915fd74-font-size );line-height:var( --e-global-typography-915fd74-line-height );}.elementor-kit-601 h6{font-size:var( --e-global-typography-a346ffb-font-size );line-height:var( --e-global-typography-a346ffb-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ========================================================= DIAMOND ROOFING - PREMIUM DIAMOND BUTTON Elementor Pro Global CSS Class: diamond-button ========================================================= */ .diamond-button .elementor-button, .diamond-button { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 15px 32px; min-height: 52px; color: #ffffff !important; background: /* Faceted diamond texture */ linear-gradient( 135deg, rgba(255,255,255,0.10) 0%, transparent 18%, rgba(255,255,255,0.04) 30%, transparent 42%, rgba(255,255,255,0.08) 55%, transparent 70%, rgba(255,255,255,0.04) 84%, transparent 100% ), linear-gradient( 45deg, #050505 0%, #151515 25%, #020202 50%, #1b1b1b 75%, #050505 100% ); background-size: 160% 160%, 100% 100%; border: 2px solid #ffffff !important; border-radius: 9px; box-shadow: 0 5px 0 #8c8c8c, 0 8px 14px rgba(0,0,0,0.45), inset 0 1px 1px rgba(255,255,255,0.25), inset 0 -3px 5px rgba(0,0,0,0.65); text-shadow: 0 1px 2px rgba(0,0,0,0.9); overflow: hidden; transform: translateY(0); transition: background 0.4s ease, color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease, filter 0.3s ease; isolation: isolate; } /* --------------------------------------------------------- DIAMOND FACETS --------------------------------------------------------- */ .diamond-button .elementor-button::before, .diamond-button::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 135deg, transparent 35%, rgba(255,255,255,0.16) 36%, transparent 37% ), linear-gradient( 45deg, transparent 35%, rgba(255,255,255,0.10) 36%, transparent 37% ); background-size: 28px 28px; opacity: 0.45; pointer-events: none; z-index: -1; } /* --------------------------------------------------------- DIAMOND SHINE --------------------------------------------------------- */ .diamond-button .elementor-button::after, .diamond-button::after { content: ""; position: absolute; top: -40%; left: -90%; width: 45%; height: 180%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.15), rgba(255,255,255,0.85), rgba(255,255,255,0.15), transparent ); transform: skewX(-22deg); opacity: 0; transition: left 0.7s ease, opacity 0.25s ease; pointer-events: none; z-index: 2; } /* --------------------------------------------------------- HOVER --------------------------------------------------------- */ .diamond-button:hover .elementor-button, .diamond-button:hover { color: #050505 !important; background: linear-gradient( 135deg, #ffffff 0%, #f4f4f4 25%, #ffffff 50%, #dcdcdc 75%, #ffffff 100% ); border-color: #ffffff !important; transform: translateY(-3px); box-shadow: 0 7px 0 #bcbcbc, 0 10px 22px rgba(255,255,255,0.28), 0 0 12px rgba(255,255,255,0.55), 0 0 30px rgba(255,255,255,0.25), inset 0 1px 2px rgba(255,255,255,1), inset 0 -3px 6px rgba(0,0,0,0.10); text-shadow: none; } /* --------------------------------------------------------- HOVER DIAMOND TEXTURE --------------------------------------------------------- */ .diamond-button:hover .elementor-button::before, .diamond-button:hover::before { opacity: 0.15; } /* --------------------------------------------------------- SHINE ANIMATION ON HOVER --------------------------------------------------------- */ .diamond-button:hover .elementor-button::after, .diamond-button:hover::after { left: 140%; opacity: 1; } /* --------------------------------------------------------- ACTIVE / CLICK --------------------------------------------------------- */ .diamond-button:active .elementor-button, .diamond-button:active { transform: translateY(1px); box-shadow: 0 2px 0 #999999, 0 4px 8px rgba(0,0,0,0.35), inset 0 2px 5px rgba(0,0,0,0.18); } /* --------------------------------------------------------- ICON --------------------------------------------------------- */ .diamond-button .elementor-button-icon { transition: transform 0.3s ease, filter 0.3s ease; } .diamond-button:hover .elementor-button-icon { transform: translateX(4px); filter: drop-shadow(0 0 4px rgba(0,0,0,0.35)); } /* --------------------------------------------------------- OPTIONAL: DIAMOND BUTTON WITH ROUNDED CORNERS --------------------------------------------------------- */ .diamond-button .elementor-button { border-radius: 9px; } /* --------------------------------------------------------- MOBILE --------------------------------------------------------- */ @media (max-width: 767px) { .diamond-button .elementor-button, .diamond-button { padding: 13px 24px; min-height: 48px; } }/* End custom CSS */