/*
Theme Name: Flawless Freight Child
Theme URI: https://flawlessfreight.com
Template: flawless-freight
Author: Flawless Freight LLC
Description: Custom carrier-direct auto transport theme — animated hero, lane board, quote forms with native lead handler.
Version: 1.0.1787251694
Updated: 2026-08-20 18:48:14

*/

/* 404 page */
.card.st-404{padding: 50px;text-align:center}
.card.st-404 h1{font-family:'Barlow Condensed',sans-serif;font-size:4rem;text-transform:uppercase;line-height:1;margin: 0 auto;margin-bottom: 20px;}
.card.st-404 h1 span{color:#F2A007}
.card.st-404 p{color:#5B6472;margin:0 0 26px}
.card.st-404 .mono{font-family:'IBM Plex Mono',monospace;font-size:.8rem;letter-spacing:.1em;color:#5B6472;margin-bottom:18px}
.card.st-404 a.btn{display:inline-block;background:#F2A007;color:#171A1F;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding:12px 28px;border:2px solid #171A1F;border-radius:3px;box-shadow:3px 3px 0 #171A1F}
.card.st-404 a.plain{display:block;margin-top:18px;text-decoration: none;color:#5B6472}

/* Get a firm quote LIVE - FORM */
.qcard.custom form {display: block;}
.qcard.custom .form-row.two-col {display: flex;gap: 20px;}
.qcard.custom form label {font-size: 13px !important;}
.qcard.custom input.wpcf7-form-control.wpcf7-submit.has-spinner {display: inline-block;background: #F2A007;color: #171A1F;font-family: 'Barlow Condensed', sans-serif;font-weight: 700;font-size: 1.05rem;letter-spacing: .06em;text-transform: uppercase;text-decoration: none;padding: 11px 26px;border: 2px solid #171A1F;border-radius: 3px;box-shadow: 3px 3px 0 #171A1F;transition: transform .12s ease, box-shadow .12s ease;cursor: pointer;}
.qcard.custom textarea {font-family: 'Barlow', sans-serif;padding: 12px 14px;border: 2px solid #171A1F;border-radius: 3px;background: #F7F6F2;color: #171A1F;width: 100%;}
.qcard.custom .form-row:not(:first-child) {margin-top: 14px;}
.qcard.custom input.wpcf7-form-control.wpcf7-submit {margin-top: 10px;}
.qcard.custom p.form-subtext {font-family: 'IBM Plex Mono', monospace;font-size: .7rem;letter-spacing: .06em;color: #5B6472;text-transform: uppercase;text-align: center;}
.qcard.custom .form-row.two-col > .form-field {flex: 1;min-width: 0;}
.qcard.custom .form-field input,.qcard.custom .form-field select {width: 100%;box-sizing: border-box;}
@media (max-width: 767px) {
    .qcard.custom label {font-size: 13px;}
    .qcard.custom .form-row.two-col {flex-direction: column;gap: 14px;}
}

/* Get a quote - FORM */
.quote.custom form {display: block;}
.quote.custom .form-row.two-col {display: flex;gap: 20px;}
.quote.custom input.wpcf7-form-control.wpcf7-submit.has-spinner {display: inline-block;background: #F2A007;color: #171A1F;font-family: 'Barlow Condensed', sans-serif;font-weight: 700;font-size: 1.05rem;letter-spacing: .06em;text-transform: uppercase;text-decoration: none;padding: 11px 26px;border: 2px solid #171A1F;border-radius: 3px;box-shadow: 3px 3px 0 #171A1F;transition: transform .12s ease, box-shadow .12s ease;cursor: pointer;}
.quote.custom .form-row:not(:first-child) {margin-top: 14px;}
.quote.custom input.wpcf7-form-control.wpcf7-submit {margin-top: 10px;}
.quote.custom p.form-subtext {font-size: 12px;letter-spacing: .06em;color: #5B6472;text-align: center;}
.quote.custom .form-row.two-col > .form-field {flex: 1;min-width: 0;}
.quote.custom .form-field input,.quote.custom .form-field select {width: 100%;box-sizing: border-box;}
.quote.custom textarea {font-family: 'Barlow', sans-serif;padding: 12px 14px;border: 2px solid #171A1F;border-radius: 3px;background: #F7F6F2;color: #171A1F;width: 100%;}
@media (max-width: 767px) {
    .quote.custom label {font-size: 13px;}
    .quote.custom .form-row.two-col {flex-direction: column;gap: 14px;}
}