/* Local accessibility and layout refinements; original styles stay intact. */
:root { --event-olive: #627008; --event-rust: #b83208; }
body { font-family: 'Roboto', sans-serif; }
.text, .text-1 { font-weight: 400; line-height: 1.65; }
.navbar-top-default, .header-appear .navbar-top-default { background: #292c29; }
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:focus { color: #d5e27b; }
.navbar .navbar-nav .nav-link:hover:after { background: #d5e27b; }
.side-menu, .green-box, .reviews-section,
.pricing-section .price-tag .heading { background-color: var(--event-olive); }
.orange-box, .contact-section,
.pricing-section .active .price-tag .heading { background-color: var(--event-rust); }
.btn.green-btn, .btn.btn-hvr-green:hover, .btn.btn-hvr-green:focus {
  background: var(--event-olive); border-color: var(--event-olive); color: #fff;
}
.btn.orange-btn, .btn.btn-hvr-orange:hover, .btn.btn-hvr-orange:focus {
  background: var(--event-rust); border-color: var(--event-rust); color: #fff;
}
.btn.white-btn { color: #353a30; }
.btn.button { font-weight: 600; }
.blog-section .card .card-body .text { color: #51575f; }
.blog-section .card .date { color: #596608; }
.blog-section .card .card-body .organizer .name .text { color: #a9310c; }
.blog-section .organizer .img { display: none; }
.contact-section .contact-form .form-control { color: #fff; }
.contact-form .form-control::placeholder { color: #fff; opacity: 1; font-weight: 400; }
footer .text { color: #555; }
a:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 3px solid #002450; outline-offset: 4px;
}
.contact-section :focus-visible, header :focus-visible { outline-color: #e4edaa; }
.banner-section { position: relative; }
.banner-section .img-section::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(15,23,20,.12), rgba(15,23,20,.53) 30%, rgba(15,23,20,.49) 57%, rgba(15,23,20,.05) 82%);
}
.banner-section .img-section img { width: 100%; }
.banner-section .row-2 .text-section { top: 24%; }
.banner-section .row-2 .text-section .heading,
.banner-section .row-2 .text-section .text { text-shadow: 0 2px 10px rgba(0,0,0,.3); }
.banner-section .row-3 .card { width: 100%; min-height: 260px; }
.events-section-2 {
  background-image: linear-gradient(90deg, rgba(12,20,18,.12), rgba(12,20,18,.55) 30%, rgba(12,20,18,.55) 70%, rgba(12,20,18,.12)), url('../img/event-img-1.jpg');
}
.events-section-2 .heading { text-shadow: 0 2px 8px rgba(0,0,0,.3); }
.events-section .row-1 .img-section .rectangle { width: 90%; left: 8%; }
.pricing-section .price-item ul li { padding-inline: 16px; }
.blog-section .card-img-top { width: 100%; }
.offers-section .img-section img { width: 470px; max-width: 100%; height: auto; }
@media (min-width: 768px) and (max-width: 1199px) {
  .banner-section .row-2 .text-section { top: 110px; }
  .banner-section .row-2 .text-section .heading { font-size: 42px; }
  .banner-section .row-2 .text-section .text { font-size: 20px; }
}
@media (min-width: 993px) and (max-width: 1199px) {
  .banner-section .row-3 .card { position: relative; bottom: 0; }
}
@media (max-width: 767px) {
  .banner-section .row-2 .text-section { position: relative; top: auto; padding: 32px 20px 0; }
  .banner-section .row-2 .text-section .heading { font-size: 34px; line-height: 1.2; text-shadow: none; }
  .banner-section .row-2 .text-section .text { text-shadow: none; }
  .banner-section .row-3 { padding-top: 48px; }
  .banner-section .img-section::after { display: none; }
  .banner-section .btn.white-btn { background: var(--event-olive); border-color: var(--event-olive); color: #fff; }
  .banner-section .btn.white-btn:hover { background: #4c5706; border-color: #4c5706; }
  .banner-section .row-3 .card { min-height: 0; }
  .events-section-2 { background-image: linear-gradient(180deg, rgba(12,20,18,.12), rgba(12,20,18,.55) 30%, rgba(12,20,18,.55) 70%, rgba(12,20,18,.12)), url('../img/event-img-1.jpg'); }
  .heading { overflow-wrap: break-word; }
}

/* Transparent header over the hero photo: a soft top shade keeps the menu readable */
header:not(.header-appear) .navbar-top-default { background-image: linear-gradient(rgba(0, 0, 0, .62), rgba(0, 0, 0, 0)); }