#block-content {
  max-width: 90vw;
}

.accordion {
  border-color: #d4af37!important;

}
/* .accordion-item, .accordion-body {
  border-color: #d4af37!important;
  border-width: 3px;
} */
.accordion-header {
  background-color: #d4bb82 !important;
  /* background-color: rgba(229, 213, 162, 0.947) !important; */
  /* border-color: #d4af37 !important;
  border-width: 3px; */
}
.accordion-header h2 {
  /* color: rgba(0, 0, 0, 0.6) !important; */
  color: firebrick;
  /* text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.6); */
}
.accordion-button {
  background-color: transparent !important;
  /* border-color: rgb(212, 175, 55) !important; */
  /* border-color: #d4af37!important; */
}
.accordion-button:focus {
  box-shadow: none;
  /* Adjust or remove border if needed */
  border-color: transparent;
}

.accordion-button:hover {
  animation: wiggleScale 0.4s ease;
  box-shadow: 0 0 6px rgba(178, 34, 34, 0.3); /* firebrick glow */
}

@keyframes wiggleScale {
  0%   { transform: scale(1) rotate(0deg); }
  25%  { transform: scale(1.02) rotate(1deg); }
  50%  { transform: scale(1.03) rotate(-1deg); }
  75%  { transform: scale(1.02) rotate(0.5deg); }
  100% { transform: scale(1) rotate(0deg); }
}

/* 
.accordion-button::after {
  content: '>';
  background-image: none;
  color: firebrick;
}
.accordion-button:not(.collapsed) {
} */

/* .accordion-button.collapsed:hover::after{
  transform: scale(2);
  animation: wiggle 0.4s ease;
} */

@keyframes wiggle {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(10deg); }
  50% { transform: rotate(-10deg); }
  75% { transform: rotate(5deg); }
  100% { transform: rotate(0deg); }
}

@keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(.95, 1.05, 1); } 75% { transform: scale3d(1.05, .95, 1); } to { transform: scale3d(1, 1, 1); } }
.rubberBand { animation-name: rubberBand; }

@keyframes wobble { from { transform: translate3d(0, 0, 0); } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: translate3d(0, 0, 0); } }
.wobble { animation-name: wobble; }

@keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } }
.swing { animation-name: swing; transform-origin: top center; }


.accordion-body li {
  /* background-color: rgba(229, 213, 162, 0.947) !important; */
  font-size: 1.2rem;
}

.accordion-body li::marker {
  color: darkgoldenrod;
}

.social-shares-div a.icon-circle {
  background-color: #d4bb82;
}


sup {
  font-weight: bold;
}


/* Gold tone button */
.btn-gold {
  background-color: #d4af37; /* classic gold */
  color: white;
  border: none;
}

.btn-gold:hover,
.btn-gold:focus {
  background-color: #c19e2d;
  color: white;
}

/* Panel border and background */
.card.card-body {
  border: 1px solid #d4af37;
  background-color: #fffdf5; /* soft ivory backdrop */
}

/* Small portrait phones (360px - 479px) */
@media (min-width: 360px) {
}

/* Upper-range phones in portrait (480px - 575.98px) */
@media (min-width: 480px) {

}

/* --- SM: 576px to 767.98px --- */
@media (min-width: 576px) {


}

/* --- MD: 768px to 991.98px --- */
@media (min-width: 768px) {
    
}

/* --- LG: 992px to 1199.98px --- */
@media (min-width: 992px) {
  /* LG portrait styles */
}

/* --- Styles for Tablets (Landscape) & Desktops --- */
@media (min-width: 1024px) {


}

/* --- XL: 1200px to 1399.98px --- */
@media (min-width: 1200px) {
  /* XL portrait styles */


}

/* --- XXL: 1400px and up --- */
@media (min-width: 1400px) {
}

@media (min-width: 2100px) {
}

/* --- FOR PRINT --- */
@media print {
  body {
      background-color: #fff;
      color: #000;
      font-size: 12pt;
  }
  .container {
      box-shadow: none;
      border: 1px solid #ccc;
  }
  /* Hide elements not relevant for printing */
  nav, footer, .no-print {
      display: none;
  }
}