/* BTHA CSS Document 

Red:    #FD353F rgba(253, 53, 63, 1)
Yellow: #FFCF7B rgba(255, 207, 123, 1)
Navy:   #353A4D rgba(53, 58, 77, 1)

*/

a  {color:#FD353F;}
.info a:hover {color:#353A4D;}

.text-block .cell {background: rgba(255, 207, 123, 7);border: 25px solid #353A4D;}

.banner .card {background: rgba(255, 207, 123, 5); border: solid 1px #353A4D;padding:10px;}

.p-25 {padding: 25px;}
.website {float:right;}
.website a {color: #FFCF7B;}
.website a:hover, .website a:focus {color: #FD353F;}

/* Calendar and Tooltip Start */

.calendar_table .calendar_table_event {background: red !important;font-size: 16px !important;height:auto;}
.calendar_table .calendar_table_event span {color:#fff;}
.calendar_table .calendar_table_event span:hover, .calendar_table .calendar_table_event span:focus {color:#FFCF7B;}
.calendar_table_date.today span {background: #FD353F !important;}
.calendar_table_date.today span:hover {background-color: #1967d2 !important;}

.tooltip {
  position: relative;
  display: inline-block;
  z-index: auto;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 14.375em;
  height: 2em!important;;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  bottom: 125%;
  opacity: 0;
  transition: opacity 0.3s;
  word-wrap: break-word;
    line-height: 1.6;
    font-size: 16px !important;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
   z-index: 1!important;
}

/* Tooltip End */

.img-gallery {
    padding: 5px;
    margin: 5px;
}