.site-primary-color { color: #333; }
.txt-bold { font-weight: bold; }
.txt-italic { font-style: italic; }
.txt-justify { text-align: justify; }

a { color: #00a1e5; }
a.white { color: #fff; }

h1, h2, h3, h4, h5 { color: #02a1e5; }


p { color: #414a4c; }
a { text-decoration: none; }
.text-shadow { text-shadow: 2px 2px 0 #000; }


ul.no-bullets {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}

.img-mw-50 { max-width: 50%; }

ul.no-bullets{
	list-style-type: none;
	padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}

.btn {
	background-color: #00a1e5;
	color: #fff;
}

.btn:hover {
	background-color: #006699;
	color: #fff;
}



.navbar {
	background-color: #e87c03 !important;
	color: #fff !important;
}

.navbar .navbar-nav a { font-size: 18px; }

.navbar .navbar-nav .nav-item .dropdown-menu {
	background-color: #00a1e5;
}

.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
	background-color: #005a80;
}

/*.overlay-washout {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0.2;
	width: 100%;
	height: 100%;
	z-index: 0;
}*/

.overlay-mask {
	position: absolute;
	top: 0;
	width:100%;
	height: 100%;
	background-color: #000;
	opacity: 0.15;
	z-index: 1;
}

.overlay-contents {
	/*position: absolute;*/
	/*height: 100%;*/
	z-index: 10;
	width: 70%;
	padding: 1rem;
	/*margin: auto 12rem auto 12rem;*/
	color: #fff;
	text-align: center;
	/*text-shadow: 2px 2px #000;*/
}

#hp_carousel .heading{
	/*padding-top: 13rem;*/
	margin-bottom: 3rem;
}

#hp_carousel .contents{
	text-align: center;
	font-size: 1.75rem;
}


/*#hp_carousel #carousel-overlay {
	position: absolute;
	left: 10%;
	padding: 15% 30%;
	width: 80%;
	z-index: 100;
}*/


#upcoming-events { margin-top: 1.5rem; }
/*#upcoming-events .row { margin: auto; width: 85%; }*/

.footer {
	margin-top: 20px;
	/*border-top: 5px solid #00a1e5;*/
	color: #eee;
	background-color: #E87C03;
}

.footer a {
	color: #eee;
}

.footer .col-divider {
	position: relative;
}

.footer h3{
	color: #eee;
}

.footer .address {
	position: absolute;
	bottom: 0;
}

.footer .bottom {
	padding: 10px;
	background-color: #00a1e5;
	color: #fff;
	text-align: center;
	min-width: 100%;
	max-width: 100%;
}

.footer .bi-instagram, .footer .bi-youtube, .footer .bi-telegram, .footer .facebook {
	margin-right: 3%;
}

.footer .social-media-icons {
	font-size: 160%;
	text-align: right;
}

.responsive-iframe {
	position: relative;
	padding-bottom: 75%; // This is the aspect ratio
	height: 0;
	overflow: hidden;
}

.responsive-iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


/*** lg ***/
@media (max-width: 992px) {

	.img-mw-50 { max-width: 100% }

	#hp_carousel .heading { font-size: 2.25rem; margin-bottom: 2.5rem; }
	#hp_carousel .contents { font-size: 1.25rem; }

	#upcoming-events { margin-top: 0rem; }
	#upcoming-events .col-lg:nth-child(2) {
		margin-top: 1.5rem;
	}


	.location .google-map { padding-left: 1rem; }

	.footer .address {
		position: relative;
	}

	.footer .social-media-icons { text-align: left; }

}


/*** md ***/
@media (max-width: 768px) {
	#hp_carousel .heading { font-size: 2rem; margin-bottom: .5rem; }
	#hp_carousel .contents { font-size: 1.25rem; }

	#upcoming-events { margin-top: 1.75rem; }

	.footer .col-lg { margin-top: 0.5em; }
	.footer h3 { margin-bottom: 0; }
}


/*** sm ***/
@media (max-width: 576px){
	.footer .info-links {
		padding: 10px 0;
		text-align: center;
	}

	#hp_carousel .overlay-contents { width: 90%; }
	#hp_carousel .heading { font-size: 1.65rem; }
	#hp_carousel .contents { font-size: 1rem; }

	.location p { width: 90%; }
	.google-maps iframe { width: 90% !important; }

	.footer .social-media-icons {
		text-align: center;
	}
}