img
img

Shopping cart

Subtotal $0.00

View cartCheckout

24 Hour Emergency Aid
Book Appointment

Archives: Events

Events

.events-archive { padding: 70px 0; background: #f8f9fa; } .events-archive .container { max-width: 1100px; margin: 0 auto; padding: 0 20px; } .page-title { margin: 0 0 40px; font-size: 40px; font-weight: 700; } /* Event Card */ .events-list { display: flex; flex-direction: column; gap: 25px; } .event-card { display: grid; grid-template-columns: 220px 1fr; gap: 30px; background: #fff; padding: 20px; border-radius: 10px; border: 1px solid #e8e8e8; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04); transition: 0.3s ease; } .event-card:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); } /* Image */ .event-card-image { width: 220px; height: 155px; overflow: hidden; border-radius: 8px; } .event-card-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; } .event-card:hover .event-card-image img { transform: scale(1.05); } /* Content */ .event-card-content { display: flex; flex-direction: column; align-items: flex-start; } /* Date */ .event-date { display: inline-block; margin-bottom: 8px; padding: 6px 12px; background: #f1f5f9; color: #555; border-radius: 4px; font-size: 13px; font-weight: 600; letter-spacing: 0.3px; } /* Title */ .event-title { margin: 0 0 10px; font-size: 24px; line-height: 1.3; } .event-title a { color: #222; text-decoration: none; } .event-title a:hover { color: #555; } /* Description */ .event-excerpt { margin-bottom: 15px; color: #666; font-size: 15px; line-height: 1.6; } /* View Details */ .event-link { color: #222; font-size: 14px; font-weight: 600; text-decoration: none; } .event-link span { margin-left: 6px; transition: margin 0.2s ease; } .event-link:hover span { margin-left: 10px; } /* Mobile */ @media (max-width: 767px) { .events-archive { padding: 45px 0; } .page-title { font-size: 32px; margin-bottom: 30px; } .event-card { grid-template-columns: 1fr; gap: 20px; padding: 15px; } .event-card-image { width: 100%; height: 200px; } .event-title { font-size: 21px; } }