/* Bootstrap 5 layout with the existing Simply Shutters visual proportions. */
html { font-size: 10px; }
body.homepage { font-size: 14px; line-height: 1.42857143; color: #333; }
.homepage .row { --bs-gutter-x: 30px; }
.homepage .container, .homepage .container-fluid { --bs-gutter-x: 30px; max-width: 100%; }
.homepage p { margin: 0 0 10px; }
.homepage figure { margin: 0; }
.homepage h1, .homepage h2, .homepage h3 { line-height: 1.1; }
.homepage h2 { font-size: 30px; }
.homepage h3 { font-size: 24px; }
.homepage ul { margin-top: 0; margin-bottom: 10px; }
.homepage a { text-decoration: none; }
.homepage .btn { font-size: 14px; line-height: 1.42857143; padding: 6px 12px; }
.homepage .btn-lg { font-size: 18px; padding: 10px 16px; border-radius: 6px; }
.homepage .spandescshow { font-size: 16px; background: #00000094; padding: 1.8px; }
.homepage .txtDescription h3.title { margin: 0; font-weight: inherit; line-height: inherit; }
.homepage .youtubePlayer { display: block; border: 0; padding: 0; background: transparent; color: inherit; width: 100%; text-align: inherit; }
.homepage #accept_close_cookie { border: 0; }
.homepage .skip-link { position: absolute; z-index: 9999; padding: 12px; background: #fff; color: #661a1e; }
.homepage :focus-visible { outline: 3px solid #ffd268; outline-offset: 3px; }
@media (min-width: 768px) { .homepage .container { width: 750px; } }
@media (min-width: 992px) { .homepage .container { width: 970px; } }
@media (min-width: 1200px) { .homepage .container { width: 1170px; } }
@media (max-width: 767px) { .homepage .col-sm-6 { width: 100%; } }
@media (min-width: 768px) and (max-width: 991px) { .homepage .col-md-3, .homepage .col-md-4, .homepage .col-md-12 { width: 100%; } .homepage .col-sm-3 { width: 25%; } }
@media (prefers-reduced-motion: reduce) { .homepage *, .homepage *::before, .homepage *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }
/* Keep the original wide content canvas and mobile navigation appearance. */
@media (min-width: 1200px) { .homepage .container { width: 1280px; } }
.homepage .review-toggle { border: 0; background: none; padding: 0; font: inherit; color: #ad2b2c; }
.homepage #accept_close_cookie { background: #8ca938; color: white; }
.homepage .homepage-video { width: 100%; height: 390px; border: 0; }
.homepage .modal { --bs-modal-width: 1140px; }
.homepage .modal-content { color: #333; }
.homepage .modal-header { padding: 15px; }
.homepage .modal-title { padding: 0; margin: 0; font-size: 24px; }
.homepage #gallery-frame { width: 100%; height: 75vh; border: 0; }
@media (max-width: 767px) { .homepage .homepage-video { height: 240px; } }
body.homepage { padding: 0; }
.homepage .youtubePlayer { padding: 30px 0 56.25%; }
.homepage .about h3 { margin-top: 20px; margin-bottom: 10px; }
.homepage .thumbox5 img { height: auto; }
@media (max-width: 767px) { .homepage h2 { font-size: 24px; } }
