.elementor-kit-14{--e-global-color-primary:#1C2331;--e-global-color-secondary:#85020F;--e-global-color-text:#4A5565;--e-global-color-accent:#85020F;--e-global-color-0211377:#1C2331;--e-global-color-55bffbc:#85020F;--e-global-color-6f9c173:#85020F;--e-global-color-33e9bcf:#FFFFFF;--e-global-color-11dff92:#4A5565;--e-global-typography-primary-font-family:"Raleway";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Raleway";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Work Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Work Sans";--e-global-typography-accent-font-weight:500;--e-global-typography-6b92ff7-font-family:"Space Grotesk";--e-global-typography-6b92ff7-font-size:120px;--e-global-typography-6b92ff7-font-weight:400;--e-global-typography-6b92ff7-text-transform:capitalize;--e-global-typography-6b92ff7-font-style:normal;--e-global-typography-6b92ff7-line-height:106px;--e-global-typography-6b92ff7-letter-spacing:-1.92px;--e-global-typography-ffd39b3-font-family:"Space Grotesk";--e-global-typography-ffd39b3-font-size:60px;--e-global-typography-ffd39b3-font-weight:400;--e-global-typography-ffd39b3-text-transform:capitalize;--e-global-typography-ffd39b3-font-style:normal;--e-global-typography-ffd39b3-line-height:64px;--e-global-typography-ffd39b3-letter-spacing:0px;--e-global-typography-4624494-font-family:"Space Grotesk";--e-global-typography-4624494-font-size:24px;--e-global-typography-4624494-font-weight:400;--e-global-typography-4624494-text-transform:capitalize;--e-global-typography-4624494-font-style:normal;--e-global-typography-4624494-line-height:32px;--e-global-typography-4624494-letter-spacing:-0.48px;--e-global-typography-dd24f72-font-family:"Raleway";--e-global-typography-dd24f72-font-size:24px;--e-global-typography-dd24f72-font-weight:700;--e-global-typography-dd24f72-font-style:normal;--e-global-typography-dd24f72-line-height:34px;--e-global-typography-dd24f72-letter-spacing:0.5px;--e-global-typography-fd79f42-font-family:"Work Sans";--e-global-typography-fd79f42-font-size:18px;--e-global-typography-fd79f42-font-weight:600;--e-global-typography-fd79f42-text-transform:uppercase;--e-global-typography-fd79f42-font-style:normal;--e-global-typography-fd79f42-line-height:24px;--e-global-typography-fd79f42-letter-spacing:0.5px;--e-global-typography-6a8b721-font-family:"Work Sans";--e-global-typography-6a8b721-font-size:20px;--e-global-typography-6a8b721-font-weight:500;--e-global-typography-6a8b721-font-style:normal;--e-global-typography-6a8b721-line-height:32.5px;--e-global-typography-6a8b721-letter-spacing:0px;--e-global-typography-e7e016c-font-family:"Inter";--e-global-typography-e7e016c-font-size:14px;--e-global-typography-e7e016c-font-weight:400;--e-global-typography-e7e016c-text-transform:uppercase;--e-global-typography-e7e016c-font-style:normal;--e-global-typography-e7e016c-line-height:20px;--e-global-typography-e7e016c-letter-spacing:0.7px;--e-global-typography-ff54c83-font-family:"Work Sans";--e-global-typography-ff54c83-font-size:16px;--e-global-typography-ff54c83-font-weight:normal;--e-global-typography-ff54c83-font-style:normal;--e-global-typography-ff54c83-line-height:20px;font-family:"Work Sans", Sans-serif;}.elementor-kit-14 e-page-transition{background-color:#FFBC7D;}.elementor-kit-14 a:hover{color:var( --e-global-color-6f9c173 );}.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-14{--e-global-typography-6b92ff7-font-size:75px;--e-global-typography-6b92ff7-line-height:72px;--e-global-typography-ffd39b3-font-size:50px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-14{--e-global-typography-6b92ff7-font-size:36px;--e-global-typography-6b92ff7-line-height:40px;--e-global-typography-ffd39b3-font-size:33px;--e-global-typography-ffd39b3-line-height:40px;--e-global-typography-4624494-font-size:28px;--e-global-typography-4624494-line-height:38px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */ul, ol {
   margin-bottom: 20px;
}
.bottom-divider-gold {
  position: relative;
  z-index: 2; /* IMPORTANT: bring this section above the next one */
}

.bottom-divider-gold::after {
  content: '';
  position: absolute;
  bottom: -60px; /* slight overlap */
  left: 0;
  width: 100%;
  height: 320px;
  background-image: url('https://mcrayroofing.com/wp-content/uploads/2026/01/Divider-Hero.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  pointer-events: none;
  z-index: 10; /* higher than default Elementor sections */
}
.gradient-text {
  background: linear-gradient(90deg, #A75A2C, #FBA86B, #DA984F, #8B4416);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* For Firefox */
  background-clip: text;
  color: transparent;
}
.gradient-button .elementor-button {
    background: linear-gradient(90deg, #A75A2C 0%, #FBA86B 35%, #DA984F 70%, #8B4416 100%), 
                linear-gradient(180deg, #66666633 0%, #66666600 32.69%), 
                linear-gradient(180deg, #FFFFFF40 0%, #FFFFFF00 100%), 
                #A75A2C !important;
    background-blend-mode: normal !important;
    border: 1px solid transparent !important;
    border-image-source: linear-gradient(124.27deg, #FFFFFFE6 3.26%, #FFFFFF40 95.19%);
    border-image-slice: 1;
    border-radius: 8px;
    padding: 15px 20px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    transition: all 0.3s ease;
}

.gradient-button .elementor-button:hover {
    background: linear-gradient(90deg, #A75A2C 0%, #FBA86B 35%, #DA984F 70%, #8B4416 100%), 
                linear-gradient(180deg, #66666633 0%, #66666600 32.69%), 
                linear-gradient(180deg, #FFFFFF40 0%, #FFFFFF00 100%), 
                #A75A2C !important;
    color: white !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}
.bottom-divider-red::after {
  content: '';
  position: absolute;
  bottom: -60px; /* slight overlap */
  left: 0;
  width: 100%;
  height: 320px;
  background-image: url('https://mcrayroofing.com/wp-content/uploads/2026/01/Divider.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  pointer-events: none;
  z-index: 10;
}
.linear-bg-two {
  background: linear-gradient(321deg, #A75A2C 11.67%, #FBA86B 42.11%, #DA984F 62.99%, #8B4416 95.82%);
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent; 
  background-clip: text; 
  color: transparent; 
}
/* Wrapper for positioning */
.hero-video-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* Video styles */
.hero-video {
  width: 100%;
  height: 100%;
  object-fit: cover; 
}

/* Tablet */
@media (max-width: 1024px) {
  .hero-video-wrapper {
    height: 600px; /* Tablet height */
  }
}

/* Mobile */
@media (max-width: 767px) {
  .hero-video-wrapper {
    height: 600px; /* Mobile height */
  }
}
.elementor-kit-14 .faq-number {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 35px !important;
    height: 35px !important;
    background-color: #F3F3F3 !important;
    color: #A0A0A0 !important; 
    border-radius: 50% !important;
    margin-right: 15px !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

.elementor-kit-14 .e-n-accordion-item[open] .faq-number {
    background-color: #8B2318 !important; 
    color: #FFFFFF !important; 
}


.elementor-button:hover .elementor-button-icon svg path {
    fill: transparent !important;    /* Asegura que no aparezca la mancha al hacer hover */
    stroke: currentColor !important; /* Toma el color de hover del texto del botón */
}
.elementor-button .elementor-button-icon svg {
    width: 40px !important;
    height: 40px !important;
}

@media (max-width: 767px) {
    .elementor-button .elementor-button-icon svg {
        width: 24px !important;
        height: 24px !important;
    }
}

.elementor-button .elementor-button-content-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
body.home .elementor-location-header {
    min-height: 110px; 
    display: block;
}


@media (max-width: 767px) {

  .gallery-section,
  .gallery-section .elementor-container,
  .gallery-section .elementor-column,
  .gallery-section .elementor-widget-wrap {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }

  .gallery-wrapper .gallery-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }

  .gallery-wrapper .gallery-tabs::-webkit-scrollbar {
    display: none;
  }

  .gallery-wrapper .tab-content,
  .gallery-wrapper .gallery-content {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .gallery-wrapper .gallery-item,
  .gallery-wrapper .gallery-card {
    width: 100% !important;
    min-width: 100% !important;
  }

}/* End custom CSS */