:root {
	--khaki: #c3a995;
	--blue-munsell: #388697;
	--folly: #ff1053;
	--dark-purple: #1e152a;
	--rose-ebony: #593d3b;
	--space-cadet: #283044;
}


body {
	font-size: 16px;
	font-family: "Gentleman400", Georgia;

	background: linear-gradient(172deg, rgba(255,255,255,1) 35%, rgba(248,249,251,1) 46%, rgba(216,217,219,1) 93%);

}

h1, h2, h3, h4, h5, h6, strong {
	font-family: "Gentleman600", Georgia; 
}
h1, h2, h3, h4, h5, h6, strong, span, a, p, button {
	text-shadow: 0px 1px 4px #e1e1e1;
}

.uk-navbar-left {
	gap: 10px;
}

.uk-notification {
	box-shadow: 0 5px 15px rgba(0,0,0,.08);
}

.uk-notification-message {
	font-size: 0.8rem;
}

.uk-notification-message {
	background: rgba(255, 255, 255, 0.7);
}

#heading-image {
	background-image: url('/img/gaming1.webp');
	height: 350px;
}

#heading-image h1 {
	background-color: rgba(255, 255, 255, 0.8);
	color:#333;
	padding: 15px;
	border-radius: 10px;
	box-shadow: rgba(51, 153, 255, 0.5) 0px 2px 8px 0px;
	filter: blur(0px);
	-webkit-filter: blur(0px);
}

#statusbar .uk-navbar-container:not(.uk-navbar-transparent) {
	background-color: #222;
	padding: 0 16px 0 16px;
}

#statusbar span {
	color: white;
	text-shadow: none !important;
}

.scroll-top {
	position: fixed;
	width: 40px;
	height: 40px;
	font-size: 33px;
	text-align: center;
	background-color: #d3d3d3;
	z-index: 9999;
	bottom: 25px;
	left: 25px;
	opacity: 0.5;
	cursor: pointer;
}

.no-break {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uk-padding-xs {
	padding: 5px;
}

td span {
	text-shadow: 0px 1px 4px #e1e1e1;
}

td.games-lib-img {
    min-width: 80px;
	text-align: center;
}

.btn-add-to-library, 
.btn-rem-from-library {
	padding: 5px 15px;
	min-width: 50px;
}

.game-not-owned .game-owned-tag {
	display: none;
}

.game-title {
	min-height: 50px;
	max-height: 50px;
	overflow: hidden;
}

.game-owned .game-title {
	font-weight:  bold;
}

.game-not-owned
a.btn-add-to-library {
	display: none;
}

.game-owned
a.btn-rem-from-library {
	display: none;
}

.header-image {
	/*background: center center no-repeat url('/img/gaming1.webp');*/
	/*background-size: cover;*/
}

.header-image .uk-navbar-transparent
.uk-navbar-nav > li > a,
.uk-navbar .uk-input {
	color: #283044 !important;
}

.uk-navbar .uk-input {
	border-color: #593d3b !important;
}

.uk-sticky-fixed {
	opacity: 0.8;
}

.uk-card, .uk-table, .uk-navbar-dropdown {
	border-radius: 10px;
	overflow: hidden;
}

.uk-button {
	border-radius: 10px;
}

.uk-card, .uk-button-default, .uk-button:hover {
	background-color: #fdfdfd;
	transition: all 0.2s linear;
}

.uk-card:hover, .uk-button:hover {
	/*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
	box-shadow: rgba(51, 153, 255, 0.5) 0px 2px 8px 0px;
}

.games-lib-img img {
	transition: all 0.2s linear;
	box-shadow: rgba(51, 153, 255, 0.2) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 9px 3px;
}

.games-lib-img img:hover {
	box-shadow: rgba(51, 153, 255, 0.2) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.uk-badge {
	background-color: #283044;

}

#footer .uk-background-cover {
	/*background-image: url('/img/sebastian-svenson-35hyf3T1-14-unsplash-sm.jpg');*/
	/*background-image: url('/img/sebastian-svenson-LpbyDENbQQg-unsplash-sm.jpg');*/
	/*background-image: url('/img/sebastian-svenson-d2w-_1LJioQ-unsplash-sm.jpg');*/
}

#bottom-footer {
	border-top: 1px solid #e1e1e1;
}

.exposition ul {
	height: 500px;
}

.floating {
	animation: float 10s ease-in-out infinite;
}

@keyframes float {
	0% {
		box-shadow: 0 0px 0px 0px rgba(0,0,0,0.6);
		transform: translate(0px, 0px);
	}
	50% {
		box-shadow: 0 6px 15px 0px rgba(0,0,0,0.2);
		transform: translate(-2px, -2px);

	}
	100% {
		box-shadow: 0 0px 0px 0px rgba(0,0,0,0.6);
		transform: translate(0px, 0px);
	}
}

.game-desc {
	cursor: pointer;
}

.transparent-light {
	background: rgb(248, 248, 248, 0.85);
}

.game-card .game-bar {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 10;
}

.game-card .game-info {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 10;
	background: rgba(250, 250, 250, 0.7);
	border-radius: 2px;
}

.game-card .game-info span {
	padding: 5px;
}

.game-card .game-bar .uk-button {
	padding: 5px 12px;
	min-width: 35px;
	margin: 3px;
	background: rgba(250, 250, 250, 0.7);
}

.game-card .game-img {
	max-height: 220px !important;
	min-height: 220px !important;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.game-card .game-title {
	font-size: 0.875rem;
	font-weight: 900;
	color: #555;
	padding-bottom: 10px;
}

.game-card .game-card-meta {
	font-size: 0.75rem;
	color: #999;
	margin: 0;
	padding: 0;
}

.game-card .game-card-meta p {
	margin: 0;
	padding: 5px 0 0 0;
}

#uniaichat .uk-button {
	border-radius: 0 !important;
	color: #151515;
}

.uk-navbar-container {
	padding: 0 10px 0 10px;
	border-radius: 10px;
}

.uk-navbar-sticky {
	margin-top: 10px;
}

input::placeholder {

	color: #B5BED4 !important;
}