.contact-companyinfo .contact-email .contact-details-info, .header
.header-business-email, .footer .footer-business-email { overflow-wrap:
anywhere; }

/– Header –/ .header .cw-logo-box { background: rgba(255, 255, 255,
0.75); outline: 8px solid rgba(255, 255, 255, 0.4); padding: .5rem; }

.header .cw-logo-box img { width: 200px; }

.header-container { position: relative; overflow: hidden; }

.header .cw-header-info { min-height: 160px; }

.header .cw-header-info { display: flex; flex-flow: column;
justify-content: space-between; }

.page-home .header-container { background: #000; background-image:
url(https://apihoard.webit.com/api/v1/Image/B73C734B003E27E1C44DE344447EF57F/B73C734B003E27E1C44DE344447EF57F.jpg?size=720x960);
background-size: contain; background-position: center;
background-repeat: no-repeat; }

.page-home .header .cw-header-info { min-height: 600px; }

/* triangle bgs */ #cw-logoBg { display: none; }

#cw-titleBg { display: none; }

.cw-header-info .cw-title { width: 100%; text-align: center;

    align-self: center;

    background: rgba(4, 96, 47, .7);
    outline: 8px solid rgba(4, 96, 47, .4);

    padding: 1.5rem;

}

section:not(.page-home) #cw-titleBg, section:not(.page-home)
.cw-header-info .cw-title { display: none; }

/* Small devices (landscape phones, 576px and up) */ @media (min-width:
576px) { .header-container { position: relative; overflow: hidden;
background:
url(https://apihoard.webit.com/api/v1/Image/B73C734B003E27E1C44DE344447EF57F/B73C734B003E27E1C44DE344447EF57F.jpg?size=720x960);
background-size: cover; background-position: center; background-repeat:
no-repeat; }

    .page-home .header-container {
        background-size: cover;
    }

    .header .cw-logo-box img {
        width: 220px;
    }

    #cw-logoBg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 550px;
    }

    #cw-titleBg {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        height: 330px;
    }

    .header .cw-logo-box {
        background: transparent;
        outline: none;
        align-self: flex-start;
    }

    .cw-header-info .cw-title {
        width: 300px;
        background: transparent;
        outline: none;
        align-self: flex-end;
        position: relative;
    }

}

@media(min-width: 992px) { .header-container { background-image:
url(https://apihoard.webit.com/api/v1/Image/4D4B0E0E6A436FB48CE21ED9A177689E/4D4B0E0E6A436FB48CE21ED9A177689E.jpg?size=1536x1152);
}

    .page-home .header-container {
        background-image: url(https://apihoard.webit.com/api/v1/Image/4D4B0E0E6A436FB48CE21ED9A177689E/4D4B0E0E6A436FB48CE21ED9A177689E.jpg?size=1536x1152);
    }

    .header .cw-logo-box {
        position: fixed;
        top: 0;
        z-index: 1035;
    }

    .header .navbar.bg-primary {
        background: transparent !important;
    }

    .header .cw-header-info {
        height: 80px;
    }

    #cw-logoBg {
        position: fixed;
        z-index: 20;
        width: 470px;
    }

    nav.navbar .container {
        min-height: 85px;
        padding: 0;
    }

    .header .container {
        max-width: 100%;
    }

    /* keeps nav items on the right side of header */
    .header.has-cart .collapse.justify-content-center,
    .header .navbar-collapse.justify-content-center {
        -webkit-box-pack: flex-end !important;
        -ms-flex-pack: flex-end !important;
        justify-content: flex-end !important;
        align-items: stretch;
    }

    .header .navbar-nav:not(.navbar-cart) {
        /* set pixels to logo width (or more) */
        max-width: calc(100% - 240px);
        justify-content: flex-end;
    }

    .header .navbar-nav.navbar-cart {
        height: 100%;
        justify-content: center;
        align-items: center;
    }


    .header.cw-scrolled .cw-logo-box img {
        width: 130px;
    }

    .header.cw-scrolled #cw-logoBg {
        width: 280px;
    }

    #cw-titleBg {
        height: 365px;
    }

    .header .navbar .navbar-nav .nav-link {
        background-color: rgba(0, 0, 0, 0.6);
    }

    .page-home .header .cw-header-info {
        justify-content: flex-end;
    }

}

@media (min-width: 1340px) { .page-home .header .cw-header-info {
min-height: 800px; } }

/* ——————– SECTIONTITLE ———————- */

.list { padding-top: 5em; padding-bottom: 2em; text-align: center;
color: #fff; }

@media(min-width: 992px) { .page-home .textwithimage
.lazy-image.d-block.w-100.loaded { clip-path: polygon(0% 0%, 75% 0%,
100% 50%, 75% 100%, 0% 100%); } }

@media(max-width: 768px) { .cw-hero { text-align: center; padding-top:
2em !important; }

    h3.text-uppercase.text-primary {
        text-align: center;
    }

    h1.display-3.text-uppercase {
        font-size: 2.5em;
        text-align: center;
    }

    h2.display-4.text-uppercase.mb-3 {
        font-size: 2em;
    }

}

/—– FAQ Page —–/ .collapse-header { position: relative; padding: 1.1rem
4rem 1.1rem 1em; background: var(–color-theme-background); color:
var(–color-theme-text); border-bottom: 1px solid
var(–color-theme-border); display: block; overflow: hidden; font-size:
1.1em; font-weight: 700 }

.collapse-header:hover, .collapse-header:not(.collapsed) { color:
var(–color-theme-primary) }

.collapse-header::after { content: “+”; position: absolute; z-index: 3;
right: 1em; top: 50%; transform: translateY(-50%) rotate(45deg);
-webkit-transform: translateY(-50%) rotate(45deg); -ms-transform:
translateY(-50%) rotate(45deg); font-size: 1.5em; line-height: 1em;
transition: .2s; color: var(–color-theme-primary) }

.collapse-header.collapsed::after { transform: translateY(-50%);
-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%) }

.collaspe-content { padding: 1.5rem 1em; border-bottom: 1px solid
var(–color-theme-border) }

/* ========================================================= LONE STAR
CHRISTMAS LIGHTING VISUAL IMPROVEMENTS - 2026 Added below original Webit
CSS ========================================================= */

/* NAVIGATION */ @media (min-width: 992px) {

    .header .navbar .navbar-nav .nav-link {
        padding: .7rem .9rem;
        font-weight: 600;
        transition: background-color .2s ease, color .2s ease;
    }

    .header .navbar .navbar-nav .nav-link:hover,
    .header .navbar .navbar-nav .nav-link:focus {
        background-color: rgba(4, 96, 47, .85);
    }

}

/* TYPOGRAPHY */ p { line-height: 1.65; }

h1, h2, h3, h4 { line-height: 1.15; }

/* BUTTONS */ .btn { font-weight: 700; padding: .75rem 1.4rem;
border-radius: 3px; transition: transform .15s ease, box-shadow .15s
ease; }

.btn:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0,
0, 0, .18); }

/* TEXT SECTIONS */ .textwithimage p { line-height: 1.7; }

/* FAQ */ .collapse-header { transition: background-color .2s ease,
color .2s ease; }

/* Keep both spellings for Webit compatibility */ .collaspe-content,
.collapse-content { line-height: 1.7; }

/* MOBILE */ @media (max-width: 768px) {

    h1.display-3.text-uppercase {
        font-size: 2.25rem;
        line-height: 1.1;
    }

    h2.display-4.text-uppercase.mb-3 {
        font-size: 1.8rem;
        line-height: 1.15;
    }

    p {
        line-height: 1.6;
    }

    .btn {
        padding: .8rem 1.25rem;
    }

}


/* =========================================================
   DESKTOP NAVIGATION REFINEMENT
   Keep primary navigation on one clean row when space allows
   ========================================================= */

@media (min-width: 1200px) {
	.header .navbar-collapse {
		flex-wrap: nowrap;
	}

	.header .navbar-nav:not(.navbar-cart) {
		max-width: calc(100% - 220px);
		flex-wrap: nowrap;
		align-items: center;
	}

	.header .navbar .navbar-nav .nav-link {
		white-space: nowrap;
		padding-left: .65rem;
		padding-right: .65rem;
		font-size: .95rem;
	}
}

/* =========================================================
   FINAL HOMEPAGE POLISH - SEPTEMBER 2026
   ========================================================= */

/* Make standard content links clearly clickable without affecting buttons/nav */
.textwithimage a:not(.btn),
.cw-hero a:not(.btn),
.list a:not(.btn) {
	color: #e30613;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.textwithimage a:not(.btn):hover,
.cw-hero a:not(.btn):hover,
.list a:not(.btn):hover {
	color: #b8000c;
}

/* Improve CTA buttons while preserving Webit/theme colors */
.btn {
	font-weight: 700;
	letter-spacing: .01em;
	box-shadow: 0 3px 8px rgba(0, 0, 0, .16);
}

.btn:hover,
.btn:focus {
	transform: translateY(-2px);
	box-shadow: 0 6px 14px rgba(0, 0, 0, .22);
}

/* Give content sections a little more breathing room */
.textwithimage p,
.cw-hero p {
	line-height: 1.7;
}

/* Footer links remain readable and do not inherit red content-link styling */
.footer a,
footer a {
	text-decoration: none;
}

/* Mobile readability and tap targets */
@media (max-width: 768px) {
	.header .navbar .navbar-nav .nav-link {
		padding-top: .7rem;
		padding-bottom: .7rem;
	}

	.textwithimage p,
	.cw-hero p,
	p {
		line-height: 1.65;
	}

	.btn {
		min-height: 44px;
		padding: .8rem 1.25rem;
	}
}

/* =========================================================
   FINAL SAFE PATCH - SERVICE IMAGES + HOMEPAGE CTAs
   ========================================================= */

/* Do not override Webit's image dimensions/lazy-loading in gallery/service cards. */
.page-home img.lazy-image,
.page-home .lazy-image img {
    max-width: 100%;
}

/* Make existing homepage buttons easier to see and tap. */
.page-home .btn {
    font-weight: 700;
    padding: .8rem 1.35rem;
    min-height: 42px;
}

/* Turn linked quote CTAs inside homepage content sections into a clear red CTA.
   Navigation and footer links are excluded. */
.page-home section a[href*="contact"]:not(.nav-link):not(.navbar-brand),
.page-home section a[href*="quote"]:not(.nav-link):not(.navbar-brand) {
    display: inline-block;
    background: #e30613;
    color: #fff !important;
    font-weight: 700;
    text-decoration: none !important;
    padding: .8rem 1.35rem;
    border-radius: 3px;
    line-height: 1.2;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .18);
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.page-home section a[href*="contact"]:not(.nav-link):not(.navbar-brand):hover,
.page-home section a[href*="contact"]:not(.nav-link):not(.navbar-brand):focus,
.page-home section a[href*="quote"]:not(.nav-link):not(.navbar-brand):hover,
.page-home section a[href*="quote"]:not(.nav-link):not(.navbar-brand):focus {
    background: #b8000c;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, .24);
}

@media (max-width: 768px) {
    .page-home section a[href*="contact"]:not(.nav-link):not(.navbar-brand),
    .page-home section a[href*="quote"]:not(.nav-link):not(.navbar-brand),
    .page-home .btn {
        min-height: 44px;
        padding: .85rem 1.25rem;
    }
}