/**************************************************************/
/* BODY */

.main-content {
	max-width: 500px;
}

.text-muted-darker {
	color: var(--bs-chart-gray-700);
}

/* Image gallery */
.gallery-item {
	cursor: zoom-in;
}

/* Project logos - scaled down */
.avatar-md .avatar-img {
	transform: scale(0.8);
}

/* Logo inversion for dark mode */
[data-bs-theme="dark"] .invert-on-dark-theme {
	filter: invert(95%) sepia(4%) saturate(82%) hue-rotate(181deg) brightness(102%) contrast(93%);
}

/* fix input zoom issue on mobile */
input[type="email"],
textarea {
	font-size: 16px;
}

/**************************************************************/
/* HOVER ANIMATIONS */

/* Slows hover transitions */
.card,
.contact-button {
	box-shadow: None;
	-webkit-transition:
		box-shadow 200ms ease,
		-webkit-transform 200ms ease;
	transition:
		box-shadow 200ms ease,
		transform 200ms ease;
}

/* Contact button - no hover color change */
.contact-button:hover {
	background-color: #2c7be5;
	border-color: #2c7be5;
}

/* Show border */
.hover-border:hover {
	-webkit-box-shadow: 4px 4px 5px -3px rgba(170, 170, 170, 0.6);
	-moz-box-shadow: 4px 4px 5px -3px rgba(170, 170, 170, 0.6);
	box-shadow: 4px 4px 5px -3px rgba(170, 170, 170, 0.6);
	border-color: #a6b8d2 !important;
}

/* Extrude - SM */
.hover-extrude-sm:hover {
	-webkit-transform: translate(2px, -2px);
	-moz-transform: translate(2px, -2px);
	-ms-transform: translate(2px, -2px);
	transform: translate(2px, -2px);
	box-shadow: -4px 4px 0 var(--bs-chart-primary-100);
}

/* Extrude - MD */
.hover-extrude-md:hover {
	-webkit-transform: translate(3px, -3px);
	-moz-transform: translate(3px, -3px);
	-ms-transform: translate(3px, -3px);
	transform: translate(3px, -3px);
	box-shadow: -6px 6px 0 var(--bs-chart-primary-100);
}

/* Extrude - LG */
.hover-extrude-lg:hover {
	-webkit-transform: translate(4px, -4px);
	-moz-transform: translate(4px, -4px);
	-ms-transform: translate(4px, -4px);
	transform: translate(4px, -4px);
	box-shadow: -8px 8px 0 var(--bs-chart-primary-100);
}