/* COMPNOW — LARGE, BOLD, READABLE TEXT */

/* Default text */
body {
    font-size: 18px !important;
    color: #17345a !important;
}

/* All small labels inside main content */
main small,
main .eyebrow,
main .overline,
main .section-label,
main .section-tag,
main .hero-label,
main .hero-meta,
main .caption,
main .micro,
main .tiny,
main .small-text {
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    line-height: 1.6 !important;
    color: #17345a !important;
    opacity: 1 !important;
}

/* Paragraphs */
main p,
main li {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.8 !important;
    color: #17345a !important;
}

/* Southern California and location information */
main .hero-stats,
main .hero-stat,
main .hero-location,
main .location,
main .stat-label {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #17345a !important;
    opacity: 1 !important;
}

/* Phone numbers */
a[href^="tel:"] {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #164b91 !important;
    opacity: 1 !important;
}

/* Service descriptions */
main .description,
main .subtitle,
main .hero-description,
main .service-description {
    font-size: 19px !important;
    font-weight: 650 !important;
    line-height: 1.7 !important;
    color: #17345a !important;
    opacity: 1 !important;
}

/* Make navigation links larger */
.desktop-nav a {
    font-size: 17px !important;
    font-weight: 800 !important;
}

/* Buttons */
main .btn,
main .button,
main button {
    font-size: 15px !important;
    font-weight: 800 !important;
    opacity: 1 !important;
}

/* Keep gold accents but make gold text darker */
main .gold-text,
main .text-gold,
main .accent-text {
    color: #8a5900 !important;
    font-weight: 800 !important;
}

/* Footer text */
footer,
footer p,
footer a {
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* Mobile readability */
@media (max-width: 768px) {
    main p,
    main li {
        font-size: 17px !important;
    }

    main small,
    main .eyebrow,
    main .overline,
    main .section-label,
    main .hero-label {
        font-size: 14px !important;
    }
}