/* TAGS */

html, body {
	height		: 100%;
}

body {
	/*font-family	: 'Georgia', Serif;*/
	background	: #f1f1f1;
	margin		: 0;
	padding		: 0;
	color		: dark-gray;
	font-size	: 16px;
}

h1 {
	font-size	: 24px;
	color		: #e31e24;
	font-weight	: bold;
	border-bottom	: 1px solid silver;
	padding		: 5px 10px 5px 0px;
	margin		: 0 0 20px 0;
}
h2 {
	font-size	: 20px;
	color		: #24543a;
	padding		: 5px 10px 5px 0px;
	margin		: 0 0 20px 0;
	border-bottom	: 1px solid silver;
}

.content-container {
	background	: white;
}

/* IDs */

#content-header {
	position	: relative;
	height		: 275px;
	background	: url(../img/header.jpg) center center no-repeat;
	background-size	: cover;
}

.site-logo {
	height		: 175px;
}

/*#site-navbar {
	position	: absolute;
	bottom		: 0;
}*/

.navbar-brand {
	position	: absolute;
	top		: -5px;
	left		: 20px;
	background	: white;
	padding		: 20px 15px 15px 15px;
	transition: all 0.15s ease-out;
	border-bottom-left-radius : 10px;
	border-bottom-right-radius : 10px;
	box-shadow	: 0 0 25px -2px rgba(0,0,0,.75);
}
	.navbar-brand:hover {
		top	: 0px;
		transition: all 0.15s ease-out;
	}

#site-navbar {
	position	: absolute;
	bottom		: 0;
	left		: 0;
	right		: 0;
	background	: rgba(0,0,0,.75);
	border-top	: 1px solid rgba(255,255,255,.25);
	padding		: 0;
}

#site-navbar .navbar-nav {
	/*margin		: 30px auto 0 auto;*/
	margin		: 0;
	width		: 100%;
	padding		: 5px 10px;
	text-align	: right;
	justify-content	: flex-end;
}
	#site-navbar .navbar-nav .nav-link {
		display		: inline-block;
		font-weight	: bold;
		color		: #fff17a;
		padding		: 3px 15px;
		margin		: 8px 0 3px 0;
		border-bottom	: 1px solid transparent;
	}
		#site-navbar .navbar-nav .nav-item.active .nav-link {
			color		: white;
		}
		#site-navbar .navbar-nav .nav-link:hover {
			border-bottom	: 1px solid red;
		}

#content-main {
	position	: relative;
	background	: white;
	padding		: 20px 20px;
}

#content-footer {
	/*border-top	: 1px solid silver;*/
	font-size	: 12px;
	padding		: 10px;
	text-align	: center;
	color		: silver;
	background	: rgba(0,0,0,.85);
	margin-top	: 20px;
}
	#content-footer .footer-menu {
		margin		: 20px auto 10px auto;
		padding		: 0 0 20px 0;
		border-bottom	: 1px solid rgba(255,255,255,.1);
	}
		#content-footer .footer-menu .nav-item {
			display		: inline;
			color		: white;
			font-weight	: bold;
		}
		#content-footer .footer-menu .nav-link:hover {
			text-decoration	: underline;
		}
	#content-footer .footer-logo {
		display		: inline-block;
		margin		: 20px;
		background	: white;
		padding		: 10px;
		border-radius	: 10px;
		box-shadow	: 0 0 25px -2px rgba(0,0,0,.75);
	}
	#content-footer .copyright {
		padding		: 20px 0 5px 0;
		border-top	: 1px solid rgba(255,255,255,.1);
		margin		: auto;
		color		: rgba(255,255,255,.25);
	}
		#content-footer .copyright a {
			color		: inherit;
		}
.gallery {
	position	: relative;
	list-style-type	: none;
	margin		: 0;
	padding		: 0;
}
	.gallery > .gallery-item {
		position	: relative;
		float		: left;
		margin		: 5px;
		overflow	: hidden;
		border		: 1px solid rgba(255,255,255,.15);
		box-shadow	: 0 0 15px -1px rgba(0,0,0,1);
	}
		.gallery > .gallery-item img {
			position	: relative;
		}
	.gallery::after {
		content		: "";
		clear		: both;
		display		: block;
		height		: 0;
	}
.gallery-homepage > .gallery > .gallery-item {
	width		: 242px;
	height		: 242px;
}
	.gallery-homepage > .gallery > .gallery-item img {
		object-fit	: cover;
		width		: 242px;
		height		: 242px;
	}
.gallery-homepage-threestyle > .gallery > .gallery-item {
	width		: 100%;
	height		: auto;
}
	.gallery-homepage-threestyle > .gallery > .gallery-item img {
		width		: 100%;
		height		: auto;
		z-index		: 2;
	}
		.gallery-homepage-threestyle > .gallery > .gallery-item:not(:first-child) {
			position	: absolute;
			z-index		: 1;
		}

.box-highlight {
	background	: rgba(255, 241, 122, .85);
	border		: 1px solid rgba(255,255,255,.15);
	box-shadow	: 0 0 15px -1px rgba(0,0,0,1);
	margin		: 30px -5px;
	padding		: 25px 25px 17px 25px;
	color		: rgba(0,0,0,.85);
}
	.box-highlight h2 {
		color		: rgb(195, 12, 6);
		font-weight	: bold;
	}

#carouselThreestyles .carousel-item {
	border		: 1px solid rgba(255,255,255,.15);
	box-shadow	: 0 0 15px -1px rgba(0,0,0,1);
}
	#carouselThreestyles .carousel-caption {
		bottom		: 0;
		left		: 0;
		right		: 0;
		background	: rgba(0,0,0,.5);
		padding		: 5px 20px;
		font-size	: 24px;
		text-shadow	: 0px 0px 5px rgba(0,0,0,.85);
	}