@font-face {
  font-family: optima, text, Arial, sans-serif;
  src: url(https://marthamvillage.uk/webfonts/unicode.optima-webfont.woff2),
url(https://marthamvillage.uk/webfonts/unicode.optima-webfont.woff);
  font-weight: normal;
  font-style: normal;}
html, body {
  font-family: optima, Arial, sans-serif;
font-size: calc (1.1rem  + 1vw);
  color: #7d7d7d;
background-color: #f9f9f9

height: auto;
  scroll-behavior: smooth;
padding-top:28px;
}
li::marker {color: red; }

.biz-item {
    display: block; /* Ensure they are visible initially */
}
.filter-buttons-container .filter-btn {
    border-radius: 0; /* Remove rounded corners */
}
img {max-width: 100%; height: auto;}

p {text-align: justify;}
.footer {text-align: center;color: rgb(141, 141, 141);}
.footer a {color: rgb(141, 141, 141);}
.btn-menu {padding:0.5rem; border: 1px solid #f0ece6; border-top: none;text-align: center;background-color: #faf8f5;}
.btn-menu:hover {background-color:  #faf4e8}
a {text-decoration: none}
.border {border: 1px solid #bbb;}
.shad {  box-shadow: 2px 2px 8px  #ddd;}
.image {image-rendering: auto;max-width: 100%;overflow-x: hidden}
.dropdown {transition: 1s; ease-in-out}
.dropdown-menu {transition: 1s; ease-in-out}
.card-title {font-weight: bold}

hx1{font-size: calc(1.4rem  + 2vw);}

h1 {  font-family: optima;
text-align: center;
  /* Sets font size between a minimum of 24px and a maximum of 48px. */
  /* The preferred value is 8vw (8% of the viewport width). */
  font-size: clamp(20px, 5vw, 30px);
  color:#638ca4;
}
 rb.admin{font-size: 3vw;; color:#638ca4;}
. rb {border: 1px solid ; color:#638ca4;padding: 10px; background-color: white; border-radius: 12px}
.toast {
    left: 50%;
    position: fixed;
    transform: translate(-50%, 0px);
    z-index: 9999;
}
.month {
    width: 85px;
    background-color: red;
    font-size: 1rem;
    color: #fff;
    padding: 2px;
    text-align: center;
    font-weight: 700;
}
.day {
    font-size: 16px;
    text-align: center;
    margin: 4px 0 3px 0;
    font-weight: 700;
    padding: 0 6px;
}
.year {
    background-color: #b7b7b7;
    text-align: center;
    font-weight: 700;
    font-size: 1rem;
    color: #fff;
}

.eXXvent {height:auto;}
.custom-tooltip {
  --bs-tooltip-bg: var(--bs-teal);
  --bs-tooltip-color: var(--bs-white);
}
.event-card {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    background-color: #fff;
box-sizing: border-box;
overflow: hidden;
}
.event-title {
    font-size: 1.5rem;
    color: #333;
}
.event-description {
    margin-top: 1rem;
    color: #555;
}
.bg {background-color: rgb(248, 249, 250)}
.teal {color: #638ca4}
.red {color:red}
.micon {font-size: 38px;color:#638ca4;}
.bottom (postion:absolute;bottom: 0;)
.rb {background-color: white; padding: 12px; border-color: grey;border-right: 12px;}
.panel {border: 1px solid #c9c9c9;padding: 12px;border-radius: 12px; background-color: rgb(253, 253, 253); box-shadow: 2px 4px 10px -4px rgba(125,124,124,0.75);}

a.btn-tt{color:#1d749e;background-color:#e9eff5;border-color:#5f93bd;}
a.btn-tt:hover{color:#fff;background-color:#5f93bd;border-color:#5f93bd;}
a.btn-tt2{color:#5f93bd;background-color:white;border-color:#5f93bd;}
a.btn-tt2:hover{color:#fff;background-color:#5f93bd;border-color:#5f93bd;}
a.btn-tt3{color:white;background-color:rgb(246, 125, 125);border-color:#f77}
a.btn-tt3:hover{color:#f00;background-color:#ffffff;border-color:#f77;}
a.btnw{wXXXidth:35px;text-align:center;  padding-right: 6px ;    padding-left: 6px;  padding-top: 2px;padding-bottom: 2px;}
a.btnall{width:65px;text-align:center; padding-right: 6px ;     padding-left: 6px;  padding-top: 2px;padding-bottom: 2px;}