body{
  background-color: #F5F5F5;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #242628;
  padding-top: 30px;
  font-size:95%;
  overflow-x: hidden;
}

/* @media (max-width: 979px) {
body {
  padding-top: 0px;
}
} */

h1, h2, h3, h4{
font-family: Libre Baskerville, sans-serif;
color:#008F8F;
}
a {color:#008F8F;}
h1{
font-size: calc(1.5rem + 1.5vw)
}

h5{
  font-weight: bold;
}

#hero h1{
  color: #00555C;
}
a {text-decoration:none;}

/* nav{
  background-color: #F5F5F5;
  font-size: 95%;
  /* border-bottom: #008F8F 1px solid; 
  box-shadow: 0px 5px 5px 6px rgba(0,0,0,0.01);
} */

footer{
background-color: #00555C;
color: #F5F5F5;
font-size: 75%;
}

/* .nav-link{
color: #008F8F;
border-radius: 20px;
} */

.nav-link:hover, .nav-link a:hover{
background-color: #FFFFFF;
color: #FF7F4C;
border-radius: 20px;
} 

.bfy_out a{
color: #008F8F;
background-color: #FFFFFF;
border: #008F8F 3px solid;
border-radius: 20px;
}

.bfy_out a:hover{
color: #FFFFFF;
background-color: #008F8F;
}

.hs_link, .hs_link a{
color: #FFFFFF!important;
background-color: #008F8F!important;
}

.hs_action_link, .hs_link a{
  color: #FFFFFF!important;
background-color: #00555C!important;
}


.bfy_card{
  box-shadow: 0px 5px 5px 6px rgba(220,220,220,0.4);
  border-radius: 10px;
  border-top-right-radius: 70px;
  overflow: hidden;
}

.bfy_card_cta{
/*box-shadow: 0px 5px 5px 6px rgba(220,220,220,0.2);*/
background-color: #F5F5F5;
border-radius: 10px;
border-top-right-radius: 50px;
overflow: hidden;
}

.bfy_card_main{
box-shadow: 0px 5px 5px 6px rgba(220,220,220,0.4);
background-color: #008F8F;
border-radius: 10px;
/* border-bottom-left-radius: 60px; */
color:#FFFFFF;
overflow: hidden;
}
.bfy_card_main:hover{
  background-color: #00555C;
}
.bfy_card_main a{
  text-decoration:none;
}

.bfy_card_secondary{
/*box-shadow: 0px 5px 5px 6px rgba(220,220,220,0.2);*/
background-color: #00555C;
border-radius: 10px;
/* border-bottom-left-radius: 50px; */
color:#FFFFFF;
overflow: hidden;
text-align:center;
}

.bfy_card_main h2, .bfy_card_secondary h4{
color:#FFFFFF;
}

.separator {
  display: flex;
  align-items: center;
  text-align: center;
  font-weight: bold;
  color:#008F8F;
}

.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #008F8F;
}

.separator:not(:empty)::before {
  margin-right: 2em;
}

.separator:not(:empty)::after {
  margin-left: 2em;
}
.accordion-button{
  background-color: #008F8F;
  color:#F5F5F5;
}
.accordion-button:not(.collapsed) {
  background-color: #008F8F;
  color:#F5F5F5;
}

.btn{
  font-size: 80%;
  color:#008F8F;
}
.dropdown-item{
  font-size: 80%;
}

.grey-container{
  width: 100%;
  border-radius: 10px;
  background-color: #CCC;
}

.white-container{
  width: 100%;
  border-radius: 10px;
  background-color: #FFFFFF;
}
.green-pill{
  background-color: #8FC7C1!important;
}
.total-item, .total-item td{
  color:#ffffff;
  background-color: #008F8F!important;
}
#updated_timestamp{
  font-size:70%;
  font-style: italic;
  color:#CCC;
}

.scrollable-list {
  max-height: 450px; /* Set your desired height */
  overflow-y: auto; /* Enable vertical scrolling */
}


.custom-row > [class*="col-"] {
  margin-right: 1rem; /* Adjust as needed */
}
.custom-row > .col-lg-9 {
  flex: 1;
}

:root {
  --bs-primary: #008F8F!important; /* Replace with your preferred color */
  --bs-btn-bg: #008F8F!important; /* Replace with your preferred color */
  --bs-btn-active-bg: #008F8F!important; /* Replace with your preferred color */
  --bs-primary-active: #008F8F!important; /* Replace with your preferred color */
  --bs-list-group-item-active-bg: #008F8F!important; /* Replace with your preferred color */
  --bs-list-group-active: #008F8F!important; /* Replace with your preferred color */
  
}

.list-group-item.active {
  background-color: #008F8F !important; /* Custom active background color */
  border-color: #008F8F !important; /* Custom active border color */
  color: #fff !important; /* Optional: Change text color for better contrast */
}

.list-group-item.active:hover {
  background-color: #007A7A !important; /* Optional: Change hover color for active item */
}
.text-bg-secondary {
  background-color: #00555C !important; /* Custom background color */
  color: #fff !important; /* Optional: Change text color for better contrast */
}

.separator.secondary{
  display: flex;
  align-items: center;
  text-align: center;
  font-weight: bold;
  color:#999;
}

.separator.secondary::before,
.separator.secondary::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #999;
}

.deal-link{
  background-color:#008F8F;
}
.deal-link:hover{
  background-color:#00555C;
}

.bfy_message{
  border:1px #FF7F4C solid!important;
  background-color:#ffe5db;
  color: #FF7F4C;
}

.bfy_message.inactive{
  border:1px #999 solid!important;
  background-color:#CCC;
  color: #999;
}
.btn-bfy{
  background-color:#008F8F;
  border:1px #008F8F solid!important;
}
.btn-bfy:hover{
  background-color:#00555C;
  border:1px #00555C solid!important;
}
.form-check-input:checked {
  background-color: #008F8F; /* Custom color for checked state */
  border-color: #008F8F;     /* Border for checked state */
}