/* ROOOOOOTTTTT */
:root {
	--highlight-orange: #FF7D1B;
	--highlight-brand: #E5212D;
	--discord-blurple: #5764F1;
}

/* load */
@keyframes fadeInUp {
	from {
		transform: translate3d(0, 40px, 0)
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@-webkit-keyframes fadeInUp {
	from {
		transform: translate3d(0, 40px, 0)
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

#ownershipCards {
	animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	opacity: 0;
	animation-name: fadeInUp;
	-webkit-animation-name: fadeInUp;
}

#ownershipCardsLOADING {
	transform: translate3d(0, 45px, 0);
	opacity: 0.5;
}

#navbar-brand-logo {
	max-width: 150px !important;
}

#footer {
	margin-bottom: -0.1% !important;
}

main {
	margin-left: 10px;
	margin-top: 10px;
}

/* Maintenance */
#maintenanceWrapper {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
}

#maintenanceDiv {
	text-align: center;
}

#errWrapper {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 72.3vh;
}

.highlight,
highlight {
	color: var(--highlight-brand);
}

/* Profiles */
.profilecard:hover {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transform: scale(1.05);
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.profilecard:not(:hover) {
	transition: transform 0.3s ease;
}

.profilecard:not(:hover) {
	transform: scale(0.95);
}

.pfp {
	transform: scale(1) !important;
	min-height: 100% !important;
	max-height: 100%;
}

.card img,
.card {
	min-height: 100%;
	margin: 0px !important;
}



/* COLLAPSE 
#summary {
	font-size: 14px;
	line-height: 1.5;
  }
  
  #summary p.collapse:not(.show) {
	  height: 42px !important;
	  overflow: hidden;
	
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;  
  }
  
  #summary p.collapsing {
	  min-height: 42px !important;
  }
  
  #summary a.collapsed:after  {
	  content: '+ Read More';
  }
  
  #summary a:not(.collapsed):after {
	  content: '- Read Less';
  }*/


#body {
	margin-left: 10px;
}

#navbar,
#footer {
	margin-left: -10px;
}

/* floating div (used for features) */
.floating-div {
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.3s ease;
	margin: 20px;
	padding: 20px;
}

.floating-div:hover {
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.btn-discord {
	/*	transition: box-shadow 0.3s ease; */
	transition: box-shadow 0.3s ease;
	background-color: var(--discord-blurple) !important;

}

.btn-discord:hover {
	background-color: #5764f1de !important;
	box-shadow: 0 0px 15px #5764f1a6 !important;
}


.required {
	color: red !important;
}

.form-control {
	margin-top: 6.5px !important;
}