Branches:
Monday to Friday
8:30 AM to 5:30 PM
Saturday
8:30 AM to 1:00 PM
Online & Over The Phone Loan Services:
Monday to Friday
8:30 AM to 8:00 PM
Saturday
8:30 AM to 1:00 PM
Modal Holiday
.holiday-modal {
max-width: none !important;
max-height: none !important;
}
.holiday-clickable-text {
color: rgba(30, 38, 90, 1);
cursor: pointer;
font-weight: bold;
}
.holiday-modal {
display: none;
position: fixed !important;
z-index: 1000 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100vw !important;
height: 100vh !important;
background-color: rgba(0, 0, 0, 0.2) !important;
overflow: auto !important;
}
.holiday-modal-content {
background-color: #fefefe;
margin: 5% auto;
padding: 1px;
border-radius: 20px;
width: 90%;
max-width: 600px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
animation: fadeIn 0.5s;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.holiday-modal-header,
.holiday-modal-footer {
background-color: rgba(30, 38, 90, 1);
color: white;
padding: 10px;
text-align: center;
border-radius: 20px 20px 0 0;
}
.holiday-modal-footer {
border-radius: 0 0 20px 20px;
}
.holiday-modal-title {
margin: 0;
font-size: 27px
}
.holiday-modal-close {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
cursor: pointer;
}
.holiday-modal-body {
padding: 1px;
max-height: 600vh;
overflow-y: auto;
}
.holiday-btn {
background-color: rgba(30, 38, 90, 1);
border: none;
border-radius: 20px;
color: #f8f7f7;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}
table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
th, td {
border: 1px solid #edecec;
padding: 5px;
font-size: 14px;
text-align: center;
}
th {
color: black;
}
tr:nth-child(even) {
background-color: white;
}
tr:nth-child(odd) {
background-color: #fbfbfbe2;
}
.holiday-text-muted {
color: hsla(0, 0%, 22%, 0.57);
}
.holiday-text-dark-muted {
color: hsla(0, 0%, 16%, 0.5);
}
/* holiday-hours-section */
/* New styles for centering and background color */
.holiday-hours-section {
border-radius: 2px;
}
.holiday-hours-section h4 {
color: white;
text-align: center;
font-size: 27px;
margin: 0; /* Ensure no margin inside the h4 */
padding: 10px; /* Keep some padding for the text */
margin-bottom: 0px;
background-color: rgba(30, 38, 90, 1);
}
Our Holiday Hours
(function() {
const holidays = [
{ day: “Wednesday”, date: “1st January”, occasion: “New Year’s Day” },
{ day: “Wednesday”, date: “15th January”, occasion: “George Price Day” },
{ day: “Monday”, date: “10th March”, occasion: “National Heroes and Benefactors Day” },
{ day: “Wednesday”, date: “12th March”, occasion: “General Elections” },
{ day: “Friday”, date: “18th April”, occasion: “Good Friday” },
{ day: “Saturday”, date: “19th April”, occasion: “Holy Saturday” },
{ day: “Monday”, date: “21st April”, occasion: “Easter Monday” },
{ day: “Thursday”, date: “1st May”, occasion: “Labour Day” },
{ day: “Friday”, date: “1st August”, occasion: “Emancipation Day” },
{ day: “Wednesday”, date: “10th September”, occasion: “St. George’s Caye Day” },
{ day: “Monday”, date: “22nd September”, occasion: “Independence Day –
(in lieu of Sunday 21st September) ” },
{ day: “Monday”, date: “13th October”, occasion: “Indigenous Peoples’ Resistance Day –
(in lieu of Sunday 12th October) ” },
{ day: “Wednesday”, date: “19th November”, occasion: “Garifuna Settlement Day” },
{ day: “Thursday”, date: “25th December”, occasion: “Christmas Day” },
{ day: “Friday”, date: “26th December”, occasion: “Boxing Day” },
];
const holidayHours = [
{ day: “Thursday”, date: ’17th April –
Holy Thursday‘, hours: “8:30 AM – 2:00 PM” },
{ day: “Thursday”, date: ’24th December –
Christmas Eve‘, hours: “8:30 AM – 2:00 PM” },
{ day: “Friday”, date: ’31st December –
New Year\’s Eve‘, hours: “8:30 AM – 2:00 PM” }
];
const modal = document.getElementById(“holidayModal”);
const openBtn = document.getElementById(“openHolidayModal”);
const closeBtn = document.getElementById(“closeHolidayModal”);
const closeBtnFooter = document.getElementById(“closeHolidayModalButton”);
const modalBody = document.getElementById(“holidayModalBody”);
const createHolidayRow = (holiday) => {
return `
| ${holiday.day} |
${holiday.date} |
${holiday.occasion} |
`;
};
const createHolidayHoursRow = (hours) => {
return `
| ${hours.day} |
${hours.date} |
${hours.hours} |
`;
};
const parseDate = (dateStr) => {
const [day, monthStr] = dateStr.split(‘ ‘);
const month = {
“January”: 0,
“February”: 1,
“March”: 2,
“April”: 3,
“May”: 4,
“June”: 5,
“July”: 6,
“August”: 7,
“September”: 8,
“October”: 9,
“November”: 10,
“December”: 11
}[monthStr];
const year = 2025; // (Change to Current Year)
return new Date(year, month, parseInt(day));
};
const loadHolidays = () => {
const today = new Date();
today.setHours(0, 0, 0, 0);
let holidayContent = `
| Day |
Date |
Occasion |
`;
holidays.forEach(holiday => {
const holidayDate = parseDate(holiday.date);
holidayDate.setDate(holidayDate.getDate());
holidayDate.setHours(0, 0, 0, 0);
if (holidayDate >= today) {
holidayContent += createHolidayRow(holiday);
}
});
holidayContent += `
`;
let holidayHoursContent = `
Holiday Opening Hours
| Day |
Date |
Hours |
`;
holidayHours.forEach(hours => {
holidayHoursContent += createHolidayHoursRow(hours);
});
holidayHoursContent += `
`;
modalBody.innerHTML = holidayContent + holidayHoursContent;
};
openBtn.onclick = function() {
loadHolidays();
modal.style.display = “block”;
}
closeBtn.onclick = closeBtnFooter.onclick = function() {
modal.style.display = “none”;
}
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = “none”;
}
}
})();
