/**

*/

@media only screen and (max-width: 1199px) {
	.nav-logout {
		visibility: hidden;
	}
}

@media only screen and (min-width: 1200px) {
	.text-input-width {
		width: 30rem;
	}
}

.web-link {
	text-decoration: none;
	color: white;
}

.web-link:hover {
	font-weight: bold;
}

.footer-link {
	text-decoration: none;
	color: white;
	text-wrap: none;
}

.overview-card-title {
	text-decoration: none;
	font-weight: bold;
	font-size: 1.75rem;
}

/**
.overview-card {
	background: #212529;
	background: linear-gradient(0deg,rgba(30, 30, 36, 0.5) 0%, rgba(65, 72, 79, 0.5) 100%);
	border-color: rgba(0,0,0,0) !important;

	box-shadow: 6px 9px 10px 1px rgba(0,0,0,0.5);
}
*/

.link-card {
	cursor: pointer;
	transition-duration: 1s;
	background-color: rgba(255,255,255,0.1);
}

.link-card:hover {
	transform: scale(1.05);
	/*background: var(--bs-primary);*/
	/*background: linear-gradient(0deg,rgba(24, 57, 89, 0.5) 0%, rgba(85, 133, 181, 0.5) 100%);*/
	
	/*box-shadow: 0px 0px 22px 6px #ff5500;*/
}

.link-card-text {
	background: #212529;
	padding: 0.5rem 5rem;
	transform: skew(-15deg);
}

.media-item {
	transition-duration: 0.5s;
}

.media-item:hover {
	cursor: pointer;
	/**
	background: #101214;
	*/
	transform: scale(1.1);
}

.remove-playlist:hover {
	color: var(--bs-danger);
	transform: scale(1.1);
}

.btn.square {
	width: 3.5rem;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 0px;
}

.btn.square.radio {
	width: 3.5rem;
	padding-left: 0px;
	padding-right: 0px;
	padding-top:0.3125rem;
	padding-bottom: 0.3125rem;
	line-height: 0px;
}

.filepond--panel-root {
	background-color: #6c757d !important;
}

.filepond--drop-label {
	color: white !important;
}

.noUi-connect {
	background-color: var(--bs-primary) !important;
}

.input-error {
	border-color: var(--bs-danger) !important;
	box-shadow: 0 0 0 .25rem rgba(217, 83, 79, 0.25) !important;
}

/**
Removes lag from draggable animation
*/
.ui-draggable-dragging {
    transition: none !important;
}

/**
* Basic card shadow
*/
.card-shadow {
	box-shadow: 6px 9px 10px 1px rgba(0,0,0,0.5);
}

/**
* Skeleton loading animation
*/
.skeleton {
	background: #898b8d;
	background: linear-gradient(110deg, #898b8d 8%, #f5f5f5 18%, #898b8d 33%);
  	background-size: 200% 100%;
  	animation: 1.5s shine linear infinite;
}

@keyframes shine {
  to {
    background-position-x: -200%;
  }
}


.overview-card {
	transition-duration: 1s;
}

.overview-card:hover {
	transform: scale(1.025);
}

.overview-card-image {
	mask-image: linear-gradient(270deg, black 20%, transparent 80%);
}

.black-outline {
 color: white;
 text-shadow: 
    -2px -2px 0 #000,  
     2px -2px 0 #000,
    -2px  2px 0 #000,
     2px  2px 0 #000;
}

.entertainer-select {
	transition-duration: 1s;
	background-color: rgba(255,255,255,0.1);	
}

.entertainer-select:hover {
	transform: scale(1.025);
}