/*
===============================================================
 # CUSTOM CSS
 - Please do not edit this file. this file is generated by server-side code
 - Every changes here will be overwritten
===============================================================*/

/* ========================================================= MR DOOR US — Hero Banner (Master Slider Free) Local Scoped • Fullscreen • Fade Transition ========================================================= */ /* --- Universal slide overlay gradient --- */ .ms-slide-bgcont:after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.35) 40%, rgba(0, 0, 0, 0.60) 100%); z-index: 1; } /* --- Text Container --- */ .mdus-hero-content { position: absolute; bottom: 12%; left: 6vw; z-index: 2; max-width: 720px; color: #fff; text-align: left; font-family: Georgia, serif; } /* --- Headings & Paragraph --- */ .mdus-hero-content h2 { font-size: clamp(2rem, 3vw, 2.8rem); font-weight: 700; margin: 0 0 0.6rem; color: #fff; } .mdus-hero-content p { font-size: 1.05rem; line-height: 1.55; margin: 0 0 1.2rem; color: #f3f3f3; } /* --- Buttons --- */ .mdus-hero-btn { display: inline-block; margin-right: 0.6rem; padding: 0.75rem 1.25rem; border: 1px solid #e1ba66; border-radius: 6px; font-weight: 700; text-decoration: none; transition: all 0.25s ease; } .mdus-hero-btn.primary { background: #e1ba66; color: #000; text-shadow: 0 0 1px #000; /* readability */ } .mdus-hero-btn.ghost { background: transparent; color: #fff; } .mdus-hero-btn:hover { transform: translateY(-2px); opacity: 0.9; } /* --- Responsiveness --- */ @media (max-width: 1024px) { .mdus-hero-content { bottom: 10%; left: 5vw; max-width: 90%; } .mdus-hero-content h2 { font-size: 2rem; } } @media (max-width: 767px) { .mdus-hero-content { left: 5vw; bottom: 8%; max-width: 90vw; } .mdus-hero-content h2 { font-size: 1.8rem; } .mdus-hero-content p { font-size: 0.95rem; } }