.bg-lightblue {
	background-color:#D4E2ED;
	}
.fg-lightblue {
	color:#D4E2ED;
	}

.bg-tan {
	background-color:#A4917D;
	}
.fg-tan {
	color:#A4917D;
	}

.bg-gray {
	background-color:#919180;
	}
.fg-gray {
	color:#919180;
	}

.bg-darkgreen {
	background-color: #104861;
	}

.fg-darkgreen {
	color: #00C000;
	}
	
.bg-deepred {
	background-color: #92362A;
	}
.fg-deepred {
	color: #92362A;
	}


.bg-purple {
	background-color:#6A6673;
	}
.fg-purple {
	color:#6A6673;
	}

.bg-lavendar {
	background-color:#59495D;
	}
.fg-lavendar {
	color:#59495D;
	}

.bg-navy {
	background-color:#393F4E;
	}
.fg-navy {
	color:#393F4E;
	}

.bg-olive {
	background-color:#0E7C5F;
	}
.fg-olive {
	color:#0E7C5F;
	}

.bg-brown {
	background-color:#544634;
	}
.fg-brown {
	color:#544634;
	}
	
.bg-charcoal {
	background-color:#494C4D;
	}
.fg-charcoal {
	color:#494C4D;
	}

.bg-black {
	background-color:#1C1E1F;
	}
.fg-black {
	color:#1C1E1F;
	}

.bg-white {
	background-color:#ffffff;
	}
.fg-white {
	color:#ffffff;
	}
	
.fg-orange {
	color: #ff9C00;
	}
.bg-orange {
	background-color: #ff9C00;
	}

.fg-aqua {
	color: #006EAB;
	}
.bg-aqua {
	background-color: #006EAB;
	}

.anime-text {
	display: inline-block;
	font-size: 24px;
	animation: expand 5s ease-in-out forwards;
}

@keyframes expand {
	0%   { transform: scale(0); }
	50%  { transform: scale(6); }
	100% { transform: scale(0); }
}


.banner {
    position: fixed;
    bottom: -50px; /* Start off-screen */
    left: 50%;
    transform: translateX(-50%);
    background-color: #0E7C5F;
    color: white;
    padding: 10px 20px;
    font-size: 96px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: bottom .5s ease-out; /* Smooth transition */
	
    z-index: 1000; /* Ensure it is on top */
}

.clickable-button {
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
}

.clickable-button:active img {
  transform: scale(0.95); /* Shrinks slightly */
  filter: brightness(0.8); /* Darkens slightly */
  transition: transform 0.1s ease, filter 0.1s ease; /* Smooth effect */
}

.form-select {font-size:14px;}


.banner-container {
	display: inline-block;
	text-align: center;
}

.site-footer {
        background-color: #ccc;
        color: #fff;
        padding: 5px 0;
        position: fixed; /* Stays at bottom even when scrolling */
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 999;
    }