/* Howell's Trucking Divi layout styling */
html { scroll-behavior: smooth; }
body.howells-divi-page, .howells-divi-page #page-container { background: #0b1120; }
.howells-divi-page #main-content { background: #0b1120; }
.howells-header {
  position: fixed !important; top: 0; left: 0; width: 100%; z-index: 99999 !important;
  border-bottom: 1px solid rgba(255,255,255,.10); backdrop-filter: blur(12px);
  background: rgba(11,17,32,.96) !important;
}
.howells-header .et_pb_row { display:flex; align-items:center; }
.howells-logo img { width: 76px; height: 76px; object-fit: contain; border-radius: 8px; }
.howells-menu .et_pb_menu__menu > nav > ul > li > a { color:#cbd5e1 !important; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.howells-menu .et_pb_menu__menu > nav > ul > li > a:hover { color:#f59e0b !important; opacity:1; }
.howells-menu .et_mobile_nav_menu .mobile_menu_bar:before { color:#f59e0b; }
.howells-menu .et_mobile_menu { background:#0f172a !important; border-top-color:#f59e0b; }
.howells-header-button { margin-bottom: 5px !important; }
.howells-hero { background-position:center; background-size:cover; background-blend-mode:multiply; }
.howells-hero-title h1 { color:#fff; font-family:Inter,Arial,sans-serif; font-weight:900; font-size:clamp(48px,7vw,92px); line-height:.96; text-transform:uppercase; letter-spacing:-.045em; max-width:1100px; }
.howells-hero-title h1 .orange, .howells-section-title h2 span, .howells-fleet-copy h2 span { color:#f59e0b; }
.howells-hero-title h1 .amber { color:#fbbf24; }
.howells-hero-title p { color:#cbd5e1; font-size:20px; line-height:1.7; max-width:760px; margin-top:28px; }
.howells-stats { border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); }
.howells-stat h3 { color:#f59e0b; font-family:Inter,Arial,sans-serif; font-size:38px; font-weight:900; margin:0; }
.howells-stat p { color:#94a3b8; font-size:13px; font-weight:700; letter-spacing:.12em; margin-top:6px; }
.howells-section-title h2, .howells-fleet-copy h2, .howells-quote-copy h2 { font-family:Inter,Arial,sans-serif; font-weight:900; text-transform:uppercase; letter-spacing:-.025em; }
.howells-section-title h2, .howells-fleet-copy h2 { color:#fff; font-size:clamp(38px,5vw,58px); }
.howells-section-title p { color:#94a3b8; font-size:17px; max-width:700px; margin:14px auto 35px; }
.howells-card { overflow:hidden; border:1px solid rgba(255,255,255,.10); border-radius:16px; transition:transform .25s ease, box-shadow .25s ease; }
.howells-card:hover { transform:translateY(-8px); box-shadow:0 18px 50px rgba(0,0,0,.28); }
.howells-card-image { margin-bottom:0 !important; }
.howells-card-image img { width:100%; height:210px; object-fit:cover; transition:transform .45s ease; }
.howells-card:hover .howells-card-image img { transform:scale(1.06); }
.howells-card-copy { padding:24px; }
.howells-card-copy h3 { color:#fff; font-family:Inter,Arial,sans-serif; font-weight:800; font-size:22px; text-transform:uppercase; }
.howells-card-copy p { color:#94a3b8; font-size:15px; line-height:1.7; }
.howells-fleet-copy h2 { margin-bottom:22px; }
.howells-fleet-copy p, .howells-fleet-copy li { color:#cbd5e1; font-size:16px; line-height:1.75; }
.howells-fleet-copy ul { padding-left:0; list-style:none; margin-top:22px; }
.howells-fleet-copy li { position:relative; padding-left:34px; margin:12px 0; }
.howells-fleet-copy li:before { content:'✓'; position:absolute; left:0; top:0; width:24px; height:24px; border-radius:50%; display:grid; place-items:center; background:rgba(245,158,11,.18); color:#f59e0b; font-weight:900; }
.howells-fleet-image, .howells-gallery-image { overflow:hidden; border-radius:16px; }
.howells-fleet-image img { width:100%; height:220px; object-fit:cover; }
.howells-fleet-image-large img { height:300px; }
.howells-gallery-image img { width:100%; height:270px; object-fit:cover; transition:transform .45s ease; }
.howells-gallery-image:hover img { transform:scale(1.06); }
.howells-quote-copy h2 { color:#0b1120; font-size:clamp(38px,5vw,58px); }
.howells-quote-copy p { color:rgba(11,17,32,.78); font-size:18px; line-height:1.7; max-width:720px; margin:15px auto 28px; }
.howells-contact-form { background:#0b1120; border:1px solid rgba(255,255,255,.10); border-radius:24px; padding:32px; box-shadow:0 24px 60px rgba(0,0,0,.28); }
.howells-contact-form input, .howells-contact-form textarea { background:#0f172a !important; border:1px solid rgba(255,255,255,.10) !important; color:#fff !important; border-radius:10px !important; }
.howells-contact-form input:focus, .howells-contact-form textarea:focus { border-color:#f59e0b !important; }
.howells-contact-form .input::placeholder { color:#94a3b8 !important; }
.howells-footer { border-top:1px solid rgba(255,255,255,.10); }
.howells-footer-logo img { width:95px; height:95px; object-fit:contain; }
.howells-footer-links a { color:#94a3b8; font-weight:700; }
.howells-footer-links a:hover { color:#f59e0b; }
.howells-footer-phone a { color:#f59e0b; font-size:22px; font-weight:900; }
.howells-copyright { border-top:1px solid rgba(255,255,255,.10); padding-top:25px; color:#64748b; }
.howells-copyright strong { color:#f59e0b; letter-spacing:.06em; }
@media (max-width: 980px) {
  .howells-header .et_pb_row { display:block; }
  .howells-header .et_pb_column:first-child { width:35% !important; float:left; }
  .howells-header .et_pb_column:nth-child(2) { width:65% !important; float:right; }
  .howells-header .et_pb_column:nth-child(3) { display:none; }
  .howells-logo img { width:60px; height:60px; }
  .howells-hero { padding-top:160px !important; min-height:auto !important; }
  .howells-hero-title h1 { font-size:clamp(44px,10vw,70px); }
  .howells-card { margin-bottom:28px !important; }
}
@media (max-width: 767px) {
  .howells-hero { padding-top:150px !important; padding-bottom:100px !important; }
  .howells-hero-title h1 { font-size:42px; }
  .howells-hero-title p { font-size:17px; }
  .howells-stat h3 { font-size:30px; }
  .howells-contact-form { padding:22px; }
  .howells-footer-phone, .howells-footer-logo { text-align:center !important; }
  .howells-footer-logo .et_pb_image_wrap { display:block; text-align:center; }
}