
/*
Theme Name: Mid Maritime Services Ltd - Updated
Theme URI: http://www.mid-maritimeservices.com
Author: Mid Maritime Services Ltd
Description: Updated WordPress theme with slideshow and contact details.
Version: 1.1
Text Domain: mid-maritime-updated
*/
body { margin:0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; color:#222; background:#fff; }
a { color: #C62828; text-decoration:none; }
.header-red { background:#C62828; color:#fff; }
.header-red a { color: #fff; }
.container { max-width:1200px; margin:0 auto; padding:20px; }
.hero-slider { position:relative; overflow:hidden; height:520px; }
.hero-slide { position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; transition: opacity 1s ease-in-out; }
.hero-slide.visible { opacity:1; }
.hero-overlay { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.25); display:flex; flex-direction:column; justify-content:center; padding:40px; box-sizing:border-box; color:#fff; }
.hero-title { font-size:48px; line-height:1.02; font-weight:700; margin:0 0 12px; }
.hero-sub { font-size:20px; margin-bottom:18px; color:rgba(255,255,255,0.9); }
.btn-yellow { background:#F9A825; color:#8b2a00; padding:12px 20px; border-radius:8px; font-weight:700; display:inline-block; }
.section-card { background:#fff; padding:28px; border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,0.06); margin-bottom:20px; }
.service-bg { background:#fff8e1; padding:20px; border-radius:12px; }
.footer-dark { background:#111827; color:#cbd5e1; padding:30px 20px; }
.logo-img { height:56px; }
@media (max-width: 768px) {
  .hero-overlay { padding:20px; }
  .hero-title { font-size:32px; }
  .hero-slider { height:360px; }
}
