.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-d0aeb63:#231F20;--e-global-color-1cbb055:#EAF1EC;--e-global-color-21f85a7:#F1ECE8;--e-global-color-926480a:#F9F9F9;--e-global-color-cc2945e:#FFFFFF;--e-global-color-bd13220:#E9FAFF;--e-global-typography-primary-font-family:"urw gothic";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"urw gothic";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-d0aeb63 );font-family:"Inter", Sans-serif;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:0px;}.elementor-kit-6 a{color:var( --e-global-color-d0aeb63 );}body{overflow-x:inherit !important;}.elementor a, .elementor a:link, .elementor a:focus, .elementor a:active, .elementor a:hover{text-decoration:inherit !important;}.elementor a:link, .elementor .smooth-hover a:link, {transition:inherit;}.elementor-kit-6 h1{color:var( --e-global-color-d0aeb63 );font-size:64px;}.elementor-kit-6 h2{color:var( --e-global-color-d0aeb63 );font-family:"urw gothic", Sans-serif;font-size:56px;font-weight:400;}.elementor-kit-6 h3{color:var( --e-global-color-d0aeb63 );font-size:36px;}.elementor-kit-6 h4{color:var( --e-global-color-d0aeb63 );font-size:32px;}.elementor-kit-6 h5{color:var( --e-global-color-d0aeb63 );font-size:24px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-family:"Inter", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}


html  {
    scroll-behavior: auto !important; /* Disables default smooth scrolling */
}









/* Preloader container */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.5s ease;
}

/* Slide-up animation */
#preloader.slide-up {
  transform: translateY(-100%);
}



/* Keep preloader on top immediately */
body.loading #preloader {
  visibility: visible;
}


/* Don't touch page content 
body.loading main,
body.loading header,
body.loading footer,
body.loading .elementor-location-header {
  visibility: hidden;
  transform: none;
}
*/


/*sticky header effect */

.sticky-header {
  transition: background-color 0.4s ease;
}

.elementor-sticky--effects.sticky-header {
  background-color: #EBE8E1!important
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'urw gothic';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://halldesignandconstruction.com/wp-content/uploads/2026/05/URWGothic-Book.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://halldesignandconstruction.com/wp-content/uploads/2026/05/Inter_18pt-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://halldesignandconstruction.com/wp-content/uploads/2026/05/Inter_18pt-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */