/* ROOOOOOTTTTT */
:root {
	--highlight-orange: #FF7D1B;
	--highlight-brand: #2672AD;
	--discord-blurple: #5764F1;
	--amt: 10px
  }

/* 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;
  }

  .ml {
	margin-left: var(--amt) !important;
  }

  .blurple {
	color: var(--discord-blurple);
  }