/* ====================================================
MESQUITE MANUFACTURING — SITE CSS
Applied by OpenClaw Agent 2026-02-21
==================================================== */
:root {
–mm-navy: #0A2342;
–mm-orange: #FF6B35;
–mm-light: #F4F6F8;
–mm-dark: #1C1C2E;
}
/* Global font */
body, button, input, select, textarea {
font-family: ‘Inter’, ‘Segoe UI’, system-ui, -apple-system, sans-serif !important;
}
/* Headings */
h1, h2, h3, h4, .elementor-heading-title {
font-family: ‘Inter’, system-ui, sans-serif !important;
letter-spacing: -0.02em;
}
/* Navigation shadow + improved link weight */
.main-header-bar, .ast-primary-header-bar,
#masthead { box-shadow: 0 2px 16px rgba(0,0,0,0.08) !important; }
.ast-builder-menu-1 .menu-item > .menu-link { font-weight: 600 !important; }
/* Buttons — consistent branding */
.elementor-button,
.elementor-button-wrapper a,
button.elementor-button {
border-radius: 4px !important;
font-weight: 700 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
font-size: 13px !important;
transition: all 0.22s ease !important;
}
.elementor-button:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 24px rgba(0,0,0,0.2) !important;
}
/* CTA orange button override */
.elementor-button.elementor-button-link[href*=”quote”],
.elementor-button.elementor-button-link[href*=”contact”] {
background: var(–mm-orange) !important;
border-color: var(–mm-orange) !important;
color: #fff !important;
}
/* Service cards hover */
.elementor-column .elementor-widget-wrap {
transition: transform 0.2s ease;
}
.elementor-column:hover .elementor-widget-image img {
transform: scale(1.03);
transition: transform 0.3s ease;
}
.elementor-widget-image img {
transition: transform 0.3s ease;
border-radius: 6px;
}
/* Section padding improvements */
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 1180px;
}
/* Quote form improvements */
.wpcf7-form input[type=”text”],
.wpcf7-form input[type=”email”],
.wpcf7-form input[type=”tel”],
.wpcf7-form textarea,
.wpcf7-form select {
border: 2px solid #e0e4ea !important;
border-radius: 6px !important;
padding: 12px 16px !important;
font-size: 15px !important;
width: 100% !important;
background: #fff !important;
transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
font-family: ‘Inter’, sans-serif !important;
}
.wpcf7-form input:focus, .wpcf7-form textarea:focus {
border-color: var(–mm-orange) !important;
box-shadow: 0 0 0 3px rgba(255,107,53,0.12) !important;
outline: none !important;
}
.wpcf7-form input[type=”submit”] {
background: var(–mm-orange) !important;
color: #fff !important;
border: none !important;
border-radius: 6px !important;
padding: 14px 36px !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
cursor: pointer !important;
transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
}
.wpcf7-form input[type=”submit”]:hover {
background: #e5541f !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 24px rgba(255,107,53,0.35) !important;
}
/* Image border radius */
.elementor-widget-image img,
.elementor-image-box-img img {
border-radius: 6px !important;
}
/* Phone number — always clickable, bold */
a[href^=”tel:”] {
font-weight: 700;
color: var(–mm-orange) !important;
text-decoration: none !important;
}
a[href^=”tel:”]:hover { text-decoration: underline !important; }
/* Blog post improvements */
.single-post .entry-content {
font-size: 1.06rem;
line-height: 1.8;
color: #1C1C2E;
}
.single-post .entry-content h2 {
margin-top: 2.5rem;
padding-bottom: 0.5rem;
border-bottom: 3px solid var(–mm-orange);
color: var(–mm-navy);
}
.single-post .entry-content figure img {
border-radius: 8px;
box-shadow: 0 4px 24px rgba(0,0,0,0.12);
margin: 1.5rem 0;
}
/* Gallery improvements */
.wp-block-gallery figure img,
.elementor-gallery-item img {
border-radius: 6px !important;
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.wp-block-gallery figure:hover img,
.elementor-gallery-item:hover img {
transform: scale(1.04) !important;
box-shadow: 0 12px 36px rgba(0,0,0,0.2) !important;
}
/* Trust bar / capability strip */
.elementor-icon-box-wrapper .elementor-icon-box-icon { color: var(–mm-orange) !important; }
/* Mobile */
@media (max-width: 768px) {
.elementor-heading-title { letter-spacing: -0.01em !important; }
.wpcf7-form input[type=”submit”] { width: 100% !important; }
}
/* Footer dark theme */
.site-footer, .ast-small-footer { background: #0A2342 !important; }
.site-footer, .site-footer a, .ast-footer-copyright,
.ast-small-footer, .ast-small-footer a { color: #cfd8e3 !important; }
.site-footer a:hover, .ast-small-footer a:hover { color: var(–mm-orange) !important; }