.elementor-kit-6{--e-global-color-primary:#CD983A;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-8b03233:#CD983A;--e-global-color-c5f5e55:#000000;--e-global-color-2f1bd2c:#FFFFFF;--e-global-color-b563033:#6EC1E4;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--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;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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 */@media all and (max-width:1024px){
.elementor-kit-6 span.e-contact-buttons__chat-button-text {
    display: none;
}
}

.back-to-top {
    position: fixed;
    bottom: 8rem;
    right: 3rem;
    z-index: 999999;
    padding: 1.5rem;
    background-color: var(--color-black);
    fill: var(--color-primary);
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}


h1 {
    font-size: 5rem;
    line-height: 1.3 !important;
    font-weight: 400;
}



h2, .growla-heading--content p, .growla-heading--content, .project-detail-title {
    font-size: 5rem;
    line-height: 1.3 !important;
    font-weight: 400;
}

@media only screen and (max-width: 991px) {
    h2, .growla-heading--content p, .growla-heading--content, .project-detail-title {
        font-size: 3rem;
        line-height: 1.3;
    }
}

h3 {
    font-size: 5rem;
    font-weight: 400;
    line-height: 1.3 !important;
}



.blog-detail-content h1 {
    display: none !important;
}

.date a .wrapper {
  padding: 1.9rem 2.1rem 1rem 2.1rem;
  display: none !important;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.project-single .project-content h4 {
  color: var(--color-white);
  width: 100% !important;
  font-size: 2.5rem !important;
}

.growla-block-slide--icon {
  width: 5rem;
  padding: 15px;
  display: none !important;
}

.single-blog-post .post-thumbnail img {
  object-position: top center;
}

.project-detail-sidebar {
  width: 30%;
  display: none !important;
}

.project-detail {
  padding: 0rem 0 !important;
  background-color: #ffffff !important;
}

.project-detail-title {
  font-size: 5rem;
  line-height: 1.4;
  font-weight: 400;
  color: #000000 !important;
  display: none !important;
}

.project-detail-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding-bottom: 0rem !important;
}

.related-projects-wrapper {
  padding: 10rem 0 15rem 0;
}

.project-single .project-content h4 {
  color: var(--color-white);
  width: 70%;
  font-size: 2.5rem !important;
}

.project-detail {
  padding: 15rem 0;
  background-color: #ffffff !important;
}

.project-detail-content-heading {
  color: #000000 !important;
}

.project-detail-title {
  font-size: 5rem;
  line-height: 1.4;
  font-weight: 400;
  color: #000000 !important;
}

.page-header-wrapper {
  position: relative;
  overflow: hidden;
}

.page-header-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* adjust 0.5 for desired darkness */
  z-index: 1;
  pointer-events: none;
}

.page-header-wrapper * {
  position: relative;
  z-index: 2;
}

.single-blog-post .content {
  height: 300px !important;
}

.growla-block-slide--icon {
  width: 5rem;
  padding: 15px;
}

.growla-full-screen-nav-content-logo img {
  max-height: 5rem;
  object-fit: contain;
  margin-bottom: 25px;
}

.gfx_preloader-counter {
  font-size: 40px !important;
  margin-top: 20px;
  margin-bottom: 20px;
}

.elementor-widget .elementor-icon-list-icon svg {
  min-width: var(--e-icon-list-icon-size, 1em);
}
.growla-select .ts-control {
  background: transparent !important;
  border-bottom: none;
}
form.elementor-form .select-caret-down-wrapper {
  display: none;
}
.elementor-widget-growla_hamburger_menu .hamburger-icon {
  position: relative;
}
.elementor-widget-growla_hamburger_menu .hamburger-icon svg {
  display: none;
}
.elementor-widget-growla_hamburger_menu .hamburger-icon:after {
  content: "";
  width: 30px;
  height: 30px;
  background: url("/wp-content/uploads/2025/11/essential-remodeling-star-logo-01.svg");
  top: -15px;
  right: 0px;
  position: absolute;
  display: inline-block;
  z-index: 9999;
  background-repeat: no-repeat;
  background-size: contain;
}
span.growla-full-screen-nav-trigger-bar-text {
  position: relative;
}
span.growla-full-screen-nav-trigger-bar-text:after {
  content: "";
  width: 30px;
  height: 30px;
  background: url("/wp-content/uploads/2025/11/essential-remodeling-star-logo-01.svg");
  top: 7px;
  right: -33px;
  position: absolute;
  display: inline-block;
  z-index: 9999;
  background-repeat: no-repeat;
  background-size: contain;
}
div.growla-full-screen-nav-trigger.animated-state
  .growla-full-screen-nav-trigger-bar-text {
  opacity: 1;
  visibility: visible;
  font-size: 0;
}
.growla-full-screen-nav-trigger-bar-wrapper
  .growla-full-screen-nav-trigger-bar {
  display: none;
}
span.growla-full-screen-nav-trigger-bar-text:hover:after {
  animation: spin 2s linear infinite;
}
.elementor-widget-growla_hamburger_menu .hamburger-icon:hover:after {
  animation: spin 2s linear infinite;
}
body.single.single-project .project-detail-thumbnail {
  display: none;
}
body.single.single-project .project-detail-content {
  width: 100%;
}
.page-header-content .breadcrumbs ul li:nth-child(n + 2)::before {
  margin: 0 2rem;
}
.legal_content.elementor-widget-text-editor h3 {
  font-size: 24px !important;
  line-height: 45px !important;
}
.legal_content.elementor-widget-text-editor p {
  margin-bottom: 15px;
}
.blog-detail-content-wrapper ul,
.blog-detail-content-wrapper ol {
  padding-left: 20px;
}
.elementor-field-type-acceptance {
  order: 1;
  accent-color: #cd983a;
  padding: 0px;
}
#form-field-acceptance {
  padding: 0px;
}
.elementor-field-type-acceptance label {
  position: relative;
  top: -3px;
  word-spacing: normal;
}
.grecaptcha-badge {
  visibility: hidden;
}
.elementor-element.elementor-widget-text-editor p {
  margin-bottom: 15px;
}
.elementor-field-type-acceptance span.elementor-field-option > label {
  padding-left: 4px;
}
.elementor-accordion-item .elementor-tab-content p {
  margin-bottom: 15px;
}
.elementor-widget-n-accordion .elementor-widget-text-editor ul,
.elementor-widget-n-accordion .elementor-widget-text-editor ol {
  padding-left: 18px;
  padding-bottom: 15px;
}
.hamburger-close:hover svg {
  animation: spin 2s linear infinite;
}
.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
  padding-left: 18px;
}
.elementor-tab-content ul,
.elementor-tab-content ol {
  margin-bottom: 15px;
  padding-left: 18px;
}
.related-blog {
  padding-bottom: 50px;
}
body.single.single-post .header-wrapper {
    background: #000000;
}
body.single.single-post .blog-detail-wrapper {
    background: #ffffff;
}
body.single.single-post .sticky-nav {
    background: #000000;
}
body.single.single-post .blog-detail-content-wrapper h1,body.single.single-post .blog-detail-content-wrapper h2,body.single.single-post .blog-detail-content-wrapper h3,body.single.single-post .blog-detail-content-wrapper h4, body.single.single-post .blog-detail-content-wrapper h5, body.single.single-post .blog-detail-content-wrapper h6 {
    color: #000;
}
body.single.single-post .blog-detail-content * {
    color: #000000;
}
body.single.single-post .blog-detail-content-wrapper p, body.single.single-post .blog-detail-content-wrapper ul li, body.single.single-post .blog-detail-content-wrapper ol li {
    color: #000000;
}
body.single.single-post .related-blog-wrapper {
    background: #ffffff;
}
body.single.single-post .related-blog-wrapper .growla-heading--content {
    color: #000000;
}
.slider-nav.slider-nav-related_blog .slider-nav-btn svg {
    fill: #000;
}
.related-blog a.content {
    height: auto !important;
}
.back-to-top {
    background: transparent !important;
}
.related-blog a.content, .blog-wrapper.blog-wrapper-column-3 a.content {
    max-height: 180px !important;
    position: relative !important;
    height: 180px !important;
    padding: 20px;}

.related-blog a.content h6, .blog-wrapper.blog-wrapper-column-3 a.content h6 {
    font-size: 26px;
    font-weight: 500;
}
@media all and (max-width: 767px) {
  .page-header-content .breadcrumbs ul li:nth-child(n + 2)::before {
    margin: 0 1rem;
  }
  .page-header-content .breadcrumbs ul li {
    letter-spacing: 1px;
  }
  .projects_boxes .project-content > h4 {
    font-size: 18px !important;
  }
  textarea,
  input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) {
    font-size: 16px !important;
  }
  .elementor-field-type-acceptance label {
    font-size: 8px !important;
  }
  .related-blog {
    padding-top: 50px;
}
.related-blog a.content h6, .blog-wrapper.blog-wrapper-column-3 a.content h6 {
    font-size: 22px;
}

.related-blog a.content, .blog-wrapper.blog-wrapper-column-3 a.content h6 {height: auto !important;padding-top: 25px;padding-bottom: 60px;}
}
@media all and (max-width: 991px) {
  .blog-detail-wrapper {
    padding-top: 100px;
  }
}/* End custom CSS */