@charset "utf-8";
/* CSS Document */

/*navbar and color scheme*/
.navbar-darkgreen .navbar-brand {
  color: #fff;
}

.navbar-darkgreen .navbar-brand:hover, .navbar-darkgreen .navbar-brand:focus {
  color: #fff;
}

.navbar-darkgreen .navbar-nav .nav-link {
	color: #ffffff;
	opacity: 0.7;
  /*rgba(255, 255, 255, 0.5)*/
}

.navbar-darkgreen .navbar-nav .nav-link:hover, .navbar-darkgreen .navbar-nav .nav-link:focus {
	color: #d1de3f;
	opacity: 1;
	/*color: rgba(255, 255, 255, 0.75);*/
}

.navbar-darkgreen .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-darkgreen .navbar-nav .show > .nav-link,
.navbar-darkgreen .navbar-nav .active > .nav-link,
.navbar-darkgreen .navbar-nav .nav-link.show,
.navbar-darkgreen .navbar-nav .nav-link.active {
	color: #ffffff;
	opacity: 1;
}

.navbar-darkgreen .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-darkgreen .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-darkgreen .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-darkgreen .navbar-text a {
  color: #fff;
}

.navbar-darkgreen .navbar-text a:hover, .navbar-darkgreen .navbar-text a:focus {
  color: #fff;
}

.bg-darkgreen {
  background-color: #18453B !important;
}

a.bg-darkgreen:hover, a.bg-darkgreen:focus,
button.bg-darkgreen:hover,
button.bg-darkgreen:focus {
  background-color: #000 !important;
}

/*******************************************************/

/* hyperlink colors */
a.linkGreen{
	color: #0DB14B;
}
a.linkGreen:hover{
	color: #008183;
}

/* changing the background colors of bootstrap cards */
.redcard{
	background-color:rgba(255,0,0,0.2);
	border-radius:3px;
}
.greencard{
	background-color: rgba(13,177,75,0.2);
	border-radius:3px;
}

/* formatting surrounding Home carousel, possibly unnecessary */
#homeCarousel{
	margin-top:5%;
	margin-bottom:5%;
}

/* for images within Home carousel */
.HC-img{
	border-radius:5px;
	width:100%;
}

/* style for the mini menu on About */
.miniNav{
	font-size:20px;
}
.miniNav a{
	color:#18453B;
}
.miniNav a:hover{
	color:#FF0000;
}

/* style for images on About */
.aboutImg{
	height:250px;
	width:auto;
	border-radius:5px;
	filter: drop-shadow(5px 5px 5px #18453B);
}

/* style for anchors on About */
.anchor{
	text-decoration:none;
	color:black;
}
.anchor:hover{
	text-decoration:none;
	color:black;
}
.anchor:target{
	padding-top: 100px;
	/* this is to fix a problem that occurs with the fixed header */
}

/* Social Media Icons (in footer) */
.fa{
  padding: 10px;
  font-size: 20px !important;
  width: 40px;
  text-align: center;
  text-decoration: none;
  border-radius:50%;
}
.fa:hover{
  color: rgba(0,0,0,1);
  text-decoration:none;
}
.fa-search{
	color:white;
	background-color: #D1DE3F;
	margin-left:-95%;
	border-radius:25%;
}
.fa-facebook{
	background-color: #3B5998;
	color: white;
}
.fa-youtube{
	background-color: red;
	color: white;
}
.fa-envelope{
	background-color: #909AB7;
	color: white;
}
.fa-instagram{
	background-color: #F5008A;
	color: white;
}

/* styling images on Officers */
.officerImg{
	width:50%;
	border-radius:50%;
}
.dir{
	background-color: rgba(144,154,183,0.6);
}
.PR{
	background-color: rgba(0,129,131,0.6);
}
.DM{
	background-color: rgba(240,133,33,0.6);
}
.EA{
	background-color: rgba(110,0,95,0.4);
}
.LEC{
	background-color: rgba(209,222,63,0.6);
}
.facAdv{
	background-color: rgba(203,90,40,0.4);
}