/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\
for details on configuring this project to bundle and minify static web assets. */

/* ------------------------- WEBSITE NAVBAR ------------------------- */
.website-navbar {
	padding: 1.6rem;
}

.website-navbar-nav li {
	padding-right: 20px;
}

.website-navbar-nav {
	margin: 0;
	padding: 7.5px 15px;
}

.nav-link {
	font-size: 1.2em !important;
}

.fixedheader {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}

/* ------------------------- ICONS ------------------------- */
.fa-connectdevelop {
	color: #e54d26;
}

.fa-vector-square {
	color: #563d7c;
}

.fa-project-diagram {
	color: #2163af;
}

.fa-bezier-curve {
	color: #03dffc;
}

.fa-graduation-cap {
	color: #006D5B;
}

.fa-tools {
	color: #ebb734;
}

.fa-connectdevelop, .fa-vector-square, .fa-project-diagram, .fa-bezier-curve, .fa-graduation-cap, .fa-tools {
	font-size: 8em;
	margin: 1rem;
}

/* ------------------------- CARDS ------------------------- */
.card-icon {
	font-size: 150%;
	color: #283E51 !important;
}

	.card-icon:hover {
		color: #d5d5d5 !important;
	}



/* ------------------------- WEBSITE FOOTER ------------------------- */

hr.light {
	border-top: 1px solid #d5d5d5;
	width: 75%;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

hr.light-100 {
	border-top: 1px solid #d5d5d5;
	width: 100%;
	margin-top: .8rem;
	margin-bottom: 1rem;
}

footer a {
	color: #d5d5d5;
}

	footer a:hover {
		color: #d5d5d5;
	}

.social a {
	font-size: 1.5em;
	padding: 0.7rem;
}

.social a {
	font-size: 2em;
	padding: 2rem;
}

.fa-facebook, .fa-linkedin-in, .fa-instagram, .fa-youtube, .fa-twitter {
	color: #d5d5d5;
}

	.fa-facebook:hover, .fa-linkedin-in:hover, .fa-instagram:hover, .fa-youtube:hover, .fa-twitter:hover {
		color: #4b79a1;
	}


/* ------------------------- Media Queries ------------------------- */
@media (max-width: 992px) { /* Medium */
	.carousel-caption {
		top: 45%;
	}

		.carousel-caption h1 {
			font-size: 350%;
		}

		.carousel-caption h3 {
			font-size: 140%;
			font-weight: 500;
			padding-bottom: 0.2rem;
		}

		.carousel-caption .btn {
			font-size: 95%;
			padding: 8px 14px;
		}
}

@media (max-width: 768px) { /* Small */
	.carousel-caption {
		top: 45%;
	}

		.carousel-caption h1 {
			font-size: 350%;
		}

		.carousel-caption h3 {
			font-size: 140%;
			font-weight: 500;
			padding-bottom: 0.2rem;
		}

		.carousel-caption .btn {
			font-size: 95%;
			padding: 8px 14px;
		}

	.display-4 {
		font-size: 200%;
	}
}

@media (max-width: 576px) { /* Extra Small */
	.carousel-caption {
		top: 40%;
	}

		.carousel-caption h1 {
			font-size: 150%;
		}

		.carousel-caption h3 {
			font-size: 80%;
		}

		.carousel-caption .btn {
			font-size: 90%;
			padding: 4px 8px;
		}

	.carousel-indicators {
		display: none;
	}
}