.elementor-15 .elementor-element.elementor-element-130b2a90{--display:flex;--min-height:410px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.5;--padding-top:70px;--padding-bottom:70px;--padding-left:22px;--padding-right:22px;}.elementor-15 .elementor-element.elementor-element-130b2a90:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-130b2a90 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#14233b;background-image:url("https://mateoconstructionservicellc.com/wp-content/uploads/2026/03/outdoor-spaces.png");background-position:center center;}.elementor-15 .elementor-element.elementor-element-130b2a90::before, .elementor-15 .elementor-element.elementor-element-130b2a90 > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-130b2a90 > .e-con-inner > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-130b2a90 > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-130b2a90 > .e-con-inner > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-130b2a90 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0d1829;--background-overlay:'';}.elementor-15 .elementor-element.elementor-element-4851dbb0{transition:all 400ms;text-align:start;}.elementor-15 .elementor-element.elementor-element-4851dbb0 .elementor-heading-title{font-size:4rem;color:#f0e9da;}.elementor-15 .elementor-element.elementor-element-631aa370{transition:all 400ms;text-align:start;color:#aab5c7;}.elementor-15 .elementor-element.elementor-element-1dfc560{--display:flex;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-1dfc560:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-1dfc560 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D1829;}.elementor-15 .elementor-element.elementor-element-044451a{--display:flex;}.elementor-15 .elementor-element.elementor-element-1a266f3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-15 .elementor-element.elementor-element-71ba23e{transition:all 400ms;}.elementor-15 .elementor-element.elementor-element-71ba23e .elementor-icon-box-wrapper{gap:15px;}.elementor-15 .elementor-element.elementor-element-71ba23e.elementor-view-stacked .elementor-icon{background-color:#d4ac5f;}.elementor-15 .elementor-element.elementor-element-71ba23e.elementor-view-framed .elementor-icon, .elementor-15 .elementor-element.elementor-element-71ba23e.elementor-view-default .elementor-icon{fill:#d4ac5f;color:#d4ac5f;border-color:#d4ac5f;}.elementor-15 .elementor-element.elementor-element-71ba23e .elementor-icon-box-title{color:#f0e9da;}.elementor-15 .elementor-element.elementor-element-71ba23e .elementor-icon-box-description{color:#aab5c7;}.elementor-15 .elementor-element.elementor-element-be41576{transition:all 400ms;}.elementor-15 .elementor-element.elementor-element-be41576 .elementor-icon-box-wrapper{gap:15px;}.elementor-15 .elementor-element.elementor-element-be41576.elementor-view-stacked .elementor-icon{background-color:#d4ac5f;}.elementor-15 .elementor-element.elementor-element-be41576.elementor-view-framed .elementor-icon, .elementor-15 .elementor-element.elementor-element-be41576.elementor-view-default .elementor-icon{fill:#d4ac5f;color:#d4ac5f;border-color:#d4ac5f;}.elementor-15 .elementor-element.elementor-element-be41576 .elementor-icon-box-title{color:#f0e9da;}.elementor-15 .elementor-element.elementor-element-be41576 .elementor-icon-box-description{color:#aab5c7;}.elementor-15 .elementor-element.elementor-element-647b061{transition:all 400ms;}.elementor-15 .elementor-element.elementor-element-647b061 .elementor-icon-box-wrapper{gap:15px;}.elementor-15 .elementor-element.elementor-element-647b061.elementor-view-stacked .elementor-icon{background-color:#d4ac5f;}.elementor-15 .elementor-element.elementor-element-647b061.elementor-view-framed .elementor-icon, .elementor-15 .elementor-element.elementor-element-647b061.elementor-view-default .elementor-icon{fill:#d4ac5f;color:#d4ac5f;border-color:#d4ac5f;}.elementor-15 .elementor-element.elementor-element-647b061 .elementor-icon-box-title{color:#f0e9da;}.elementor-15 .elementor-element.elementor-element-647b061 .elementor-icon-box-description{color:#aab5c7;}.elementor-15 .elementor-element.elementor-element-3c52a94{transition:all 400ms;}.elementor-15 .elementor-element.elementor-element-3c52a94 .elementor-icon-box-wrapper{gap:15px;}.elementor-15 .elementor-element.elementor-element-3c52a94.elementor-view-stacked .elementor-icon{background-color:#d4ac5f;}.elementor-15 .elementor-element.elementor-element-3c52a94.elementor-view-framed .elementor-icon, .elementor-15 .elementor-element.elementor-element-3c52a94.elementor-view-default .elementor-icon{fill:#d4ac5f;color:#d4ac5f;border-color:#d4ac5f;}.elementor-15 .elementor-element.elementor-element-3c52a94 .elementor-icon-box-title{color:#f0e9da;}.elementor-15 .elementor-element.elementor-element-3c52a94 .elementor-icon-box-description{color:#aab5c7;}.elementor-15 .elementor-element.elementor-element-5aebab1f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:90px;--padding-bottom:90px;--padding-left:22px;--padding-right:22px;}.elementor-15 .elementor-element.elementor-element-5aebab1f:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-5aebab1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0d1829;}.elementor-15 .elementor-element.elementor-element-ddc7262{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:start;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-15 .elementor-element.elementor-element-68af1ae8{--display:flex;--min-height:430px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-15 .elementor-element.elementor-element-5fedc9a2{transition:all 400ms;}.elementor-15 .elementor-element.elementor-element-5fedc9a2 iframe{height:240px;}.elementor-15 .elementor-element.elementor-element-b2ef266{--display:flex;}.elementor-15 .elementor-element.elementor-element-7a7f637{--grid-template-columns:repeat(6, auto);transition:all 400ms;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-15 .elementor-element.elementor-element-7a7f637 .elementor-widget-container{text-align:right;}.elementor-15 .elementor-element.elementor-element-7a7f637.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-3af538a8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-15 .elementor-element.elementor-element-4670061{transition:all 400ms;}.elementor-15 .elementor-element.elementor-element-4670061 .fluentform-widget-wrapper .ff-el-input--label label{color:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-4670061 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#6685B6 !important;color:#ffffff !important;}.elementor-15 .elementor-element.elementor-element-4670061 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit:hover{background-color:#d4ac5f !important;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-ddc7262{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-130b2a90{--content-width:1160px;}.elementor-15 .elementor-element.elementor-element-1a266f3{--width:100%;}.elementor-15 .elementor-element.elementor-element-5aebab1f{--content-width:1160px;}.elementor-15 .elementor-element.elementor-element-68af1ae8{--width:48%;}.elementor-15 .elementor-element.elementor-element-3af538a8{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-15 .elementor-element.elementor-element-1a266f3{--width:100%;}.elementor-15 .elementor-element.elementor-element-68af1ae8{--width:100%;}.elementor-15 .elementor-element.elementor-element-3af538a8{--width:100%;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-1a266f3{--width:100%;}.elementor-15 .elementor-element.elementor-element-ddc7262{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-68af1ae8{--width:100%;}.elementor-15 .elementor-element.elementor-element-3af538a8{--width:100%;}}/* Start custom CSS for icon-box, class: .elementor-element-71ba23e */#mc-card-contact{position:relative;height:100%;padding:38px 30px 30px;border:1px solid rgba(212,172,95,.35);border-radius:3px;background:repeating-linear-gradient(90deg,rgba(212,172,95,.5) 0 1px,transparent 1px 12px) 0 0/100% 7px no-repeat,linear-gradient(rgba(212,172,95,.06) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(212,172,95,.06) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(160deg,#162640,#0d1829);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 14px 34px rgba(0,0,0,.4);transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .5s,box-shadow .5s,background .7s}
#mc-card-contact::before,#mc-card-contact::after{content:"";position:absolute;width:22px;height:22px;pointer-events:none;transition:all .5s cubic-bezier(.2,.8,.2,1)}
#mc-card-contact::before{top:14px;left:14px;border-top:2px solid #d4ac5f;border-left:2px solid #d4ac5f}
#mc-card-contact::after{bottom:14px;right:14px;border-bottom:2px solid #d4ac5f;border-right:2px solid #d4ac5f}
#mc-card-contact:hover{transform:translateY(-8px);border-color:#d4ac5f;box-shadow:inset 0 0 0 1px rgba(212,172,95,.15),0 0 30px rgba(212,172,95,.25),0 22px 44px rgba(0,0,0,.55);background:repeating-linear-gradient(90deg,rgba(212,172,95,.5) 0 1px,transparent 1px 12px) 0 0/100% 12px no-repeat,linear-gradient(rgba(212,172,95,.06) 1px,transparent 1px) 12px 12px/24px 24px,linear-gradient(90deg,rgba(212,172,95,.06) 1px,transparent 1px) 12px 12px/24px 24px,linear-gradient(160deg,#162640,#0d1829)}
#mc-card-contact:hover::before{top:10px;left:10px;width:38px;height:38px}
#mc-card-contact:hover::after{bottom:10px;right:10px;width:38px;height:38px}
#mc-card-contact .elementor-icon-box-icon .elementor-icon{width:60px;height:60px;display:grid;place-items:center;font-size:24px;color:#d4ac5f;border:1px solid #d4ac5f;border-radius:0;background:linear-gradient(135deg,rgba(212,172,95,.2),transparent);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);transition:all .5s cubic-bezier(.2,.8,.2,1)}
#mc-card-contact:hover .elementor-icon-box-icon .elementor-icon{transform:none;color:#0d1829;background:linear-gradient(135deg,#f3d58c,#d4ac5f 60%,#a9823c)}
#mc-card-contact .elementor-icon-box-title{color:#f0e9da}
#mc-card-contact .elementor-icon-box-title::after{content:"";display:block;width:36px;height:2px;margin-top:12px;background:linear-gradient(90deg,#d4ac5f,transparent);transition:width .6s cubic-bezier(.2,.8,.2,1)}
#mc-card-contact:hover .elementor-icon-box-title::after{width:100%}
#mc-card-contact .elementor-icon-box-description{color:#aab5c7}
@media(max-width:767px){#mc-card-contact{padding:34px 22px 24px}}
@media(prefers-reduced-motion:reduce){#mc-card-contact,#mc-card-contact *{transition:none!important}}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-7a7f637 *//* ==========================================================================
   Footer Social Icons — "Gold Medallion" luxury treatment
   Target class: .social-icon-footer
   ========================================================================== */

.social-icon-header .elementor-social-icons-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}

.social-icon-header .elementor-grid-item {
    margin: 0 !important;
}

/* --- Base: onyx disc with outer gold rim --- */
.social-icon-header .elementor-icon.elementor-social-icon {
    --icon-size: 20px;
    --icon-padding: 1em;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: 50% !important;
    background:
        radial-gradient(circle at 50% 30%, #1c2333 0%, #0d121d 55%, #05070c 100%) !important;
    border: 1px solid rgba(212, 172, 95, .6) !important;
    box-shadow:
        0 8px 22px rgba(0, 0, 0, .55),
        inset 0 0 0 1px rgba(255, 255, 255, .02);
    transition:
        transform .6s cubic-bezier(.2, .7, .2, 1),
        border-color .6s ease,
        box-shadow .6s ease;
}

/* --- Glyph: champagne gold, brighter on hover --- */
.social-icon-header .elementor-social-icon i,
.social-icon-header .elementor-social-icon svg {
    position: relative;
    z-index: 2;
    color: #d8b877 !important;
    fill: #d8b877 !important;
    transition:
        color .5s ease,
        fill .5s ease,
        transform .6s cubic-bezier(.2, .7, .2, 1);
}

/* --- Inner gold ring: creates the "double-rim" medallion feel --- */
.social-icon-header .elementor-social-icon::before {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: 50%;
    border: 1px solid rgba(212, 172, 95, .3);
    pointer-events: none;
    z-index: 1;
    transition: border-color .6s ease, inset .6s ease;
}

/* --- Slow jewel shimmer that crosses on hover --- */
.social-icon-header .elementor-social-icon::after {
    content: "";
    position: absolute;
    top: -50%;
    left: 0;
    width: 60%;
    height: 200%;
    background: linear-gradient(
        115deg,
        transparent 0%,
        rgba(255, 240, 210, 0) 30%,
        rgba(255, 245, 220, .55) 50%,
        rgba(255, 240, 210, 0) 70%,
        transparent 100%
    );
    transform: translateX(-220%) rotate(8deg);
    transition: transform .9s cubic-bezier(.4, 0, .2, 1);
    pointer-events: none;
    z-index: 3;
    mix-blend-mode: overlay;
    filter: blur(1px);
}

/* --- Hover --- */
.social-icon-header .elementor-social-icon:hover {
    transform: translateY(-3px);
    border-color: rgba(243, 213, 140, 1) !important;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, .6),
        0 0 22px rgba(212, 172, 95, .35);
}

.social-icon-header .elementor-social-icon:hover::before {
    inset: 2px;
    border-color: rgba(243, 213, 140, .7);
}

.social-icon-header .elementor-social-icon:hover::after {
    transform: translateX(220%) rotate(8deg);
}

.social-icon-header .elementor-social-icon:hover i,
.social-icon-header .elementor-social-icon:hover svg {
    color: #f3d58c !important;
    fill: #f3d58c !important;
    transform: scale(1.08);
}

/* --- Active / focus --- */
.social-icon-header .elementor-social-icon:active {
    transform: translateY(-1px);
}

.social-icon-header .elementor-social-icon:focus-visible {
    outline: 2px solid #f3d58c;
    outline-offset: 6px;
}

/* --- Reduced motion --- */
@media (prefers-reduced-motion: reduce) {
    .social-icon-footer .elementor-social-icon::after {
        display: none;
    }
    .social-icon-footer .elementor-social-icon,
    .social-icon-footer .elementor-social-icon::before,
    .social-icon-footer .elementor-social-icon:hover i,
    .social-icon-footer .elementor-social-icon:hover svg {
        transition: color .2s, border-color .2s, transform .2s !important;
    }
}/* End custom CSS */