header,.navbar,h1,h2,h3,h4,.btn-lg,.nav-tabs {font-family: "Edit Undo BRK", Helvetica, Arial, sans-serif;}

header,.text-bg-light .card-header {
	background-color: #3AC2D0;
	color:white;
	border-bottom:5px solid #289daa
}

header {
	min-height:92px;
	max-height:120px;
}

.badge {
	border:1px solid #289daa;
	color:#3b3b57;
	background-color:#ddeaef;
	margin:3px;
	font-size:13px;
}
.card-body.white-card {
	background-color:white !important;
}
.card-body .list-group-flush {
	font-size:12px;
}
.image-header {
  float:left;padding:10px 6px;max-width:100%
}
header h3 {padding-top:14px;font-size:24px;}
.game-descr-article h3 {font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue";font-size:22px}
.privacy h4 {font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue";font-weight:bold;color:#3B3B57;font-size:18px}
a.badge,.card-body a {text-decoration:none;margin-bottom:3px}
.langflags {margin:16px 0 0 0;}
.langflags img {
	margin:4px 16px 4px 0;
	border: 2px solid white;
	float:right;
}

footer {
	margin-top:40px;
	padding:40px;
	color:#B8B3BD;
	border-top: 10px solid #52527A;
	font-size:16px;
}
footer a {color:#F0F0F4;font-weight:400;}
footer a:hover,a.badge:hover {color:white;text-decoration:none;}
figcaption {font-style:italic}
a.badge:hover {background-color:#3AC2D0 !important}
p.occhiello{margin-top:8px;color:#8989A3;font-size:14px;}
.occhiello img {float:left; padding-right:6px}
.occhiello em {font-size:14px;color:#289daa;font-style:normal}

.col-lg-4 .banner {text-align:center;margin-bottom:30px}
.txt-banner {text-align:center;padding:10px;background-color:#FFFFF7; border: 2px solid #FC3}
.bannerfloat {display:block;margin:10px 0 10px 20px;}
.banner728 {height:110px;}
.banner280 {min-height:280px;margin-bottom:10px}
h1 a,h2 a, h3 a, h4 a {color: #EB1D46;text-decoration:none;}
h1 a:hover,h2 a:hover, h3 a:hover {color: #EB1D46;text-decoration:underline;}

.media-object {max-width: 100%;}
.game-image,.game-list {max-width: 100%;transition: 0.3s;}
figure,picture {overflow: hidden;display:block}
.game-image:hover,.game-list:hover {transform: scale(1.1);}

.btn-info,.btn-info:hover {color:white;}
#buy-btn {background-color:lightgrey;width:90%;border:1px solid #289daa}
#buy-btn:hover {background-color:#3AC2D0;color:white}
img.flag {width:20px;margin-left:8px;height:auto;border: 1px solid white}

ul.share-icon {list-style-type: none;  margin: -6px 20px 0 0;padding: 0;color:#8989A3;float:right;font-size:14px}
.share-icon li {float: left;margin:2px 4px;}
.share-icon img {width:24px;height:24px}

article figure img {margin:30px auto;display:block;max-width:780px;min-width:50%;border:1px solid rgba(0,0,0,.1)}
article .video {width:90%;margin:0 auto;display:block;max-width:640px;}
.figure-caption {text-align:center;margin:-16px 0 24px 0}

.video-review{position: relative;margin:0 auto 20px;width:75%}
.video-review iframe{position: absolute;top:0;left:0;width:100%;height: 100%;}
.gamevideo {margin:6px 2px !important;width:100%;max-width:760px !important;float:none !important}

pre {background-color: #3B3B57;color:#F0F0F4;padding:10px 4px;}
#livesearch {
	margin-top:48px;
	position:absolute;
	z-index:10;
	background-color: white;
	min-width:174px;
	line-height:2;
}
#livesearch a {margin:8px;text-decoration:none}
#livesearch a:hover {color:#EB1D46;}

.abstract {padding:4px;font-size:15px}
.list-group-horizontal-md a {width:100%;font-size:13px;padding:4px;border:0}
.list-group-item em, .small em {font-family:"Edit Undo BRK", sans-serif;font-style:normal;color:#289daa}
.card-img-top {object-fit:cover;}
.article .card-img-top,.browse .card-img-top {height:auto}
.article .card-body,.browse .card-body  {padding:6px 0}
.card-body h5, article h5 {font-weight:bold}
.card-text {font-size:13px}
.modal-body .col-md-6 {padding:10px 24px}
.full-list a {font-size:14px;padding:6px;border-bottom:1px solid #ddeaef}

.genres a,.series a {font-family:"Edit Undo BRK", Helvetica, Arial, sans-serif}
.genres a {display:block;width:50%;float:left;padding: 0 2px 0 6px}
.genres a:hover {background-color:#3AC2D0;color:white}
.genres .active {background-color:white;color:#8989A3}
.genres .active a:hover {background-color:white}

  .game-list-compact { display: flex; align-items: center; gap: 8px; padding: 5px 0; border-bottom: 1px solid #e0e0e0; }
  .game-list-compact:last-of-type { border-bottom: none; }
  .game-list-compact img { width: 80px; height: 60px; object-fit: cover; border-radius: 2px; flex-shrink: 0; }
  .game-list-compact .game-info a { font-size: 14px; font-weight: bold; line-height: 1.3; display: block; }
  .game-list-compact .game-info span { font-size: 12px; color: #8989A3; }


.table-sm {font-family:Consolas, Menlo,Sans-Serif;font-size: 13px}
.table-sm a {text-decoration:none}
.table-sm h2 {font-family:Consolas, Menlo,Sans-Serif;font-size: 14px;font-weight:bold;margin-bottom:0}
.truncate-td {max-width:200px}
.pagination li.page-next {margin-left:auto;margin-right:0px}
.references li {padding:10px 0;list-style-type: none;margin-left:-30px;}
.top-review video,.game-review {width:320px;height:200px;object-fit:cover}
#game-video {width:100%;object-fit:cover;max-width:100%}
#banner-728 {height:320px;margin-top:-30px;margin-bottom:20px}
#banner-300 {height:250px;margin-bottom:16px}
#inline-descr-banner {height:330px}
#above-descr-banner {height:255px}
 
.news .card-img-top {width:336px;height:189px}
.whdcell {width:200px}
.game-image,.game-list,.thumbs .card-img-top,.screenshots .card-img-top {width:320px;height:200px}

@media (min-width: 576px) {
.article .card-img-top {height:100px}
.whdcell {width:fit-content}
.browse .card-img-top {height:116px}
.news .card-img-top {width:512px;height:288px}
.screenshots .card-img-top {width:400px;height:250px}
.top-review video,.game-review {margin:36px 0 10px 20px;float:right;}
.bannerfloat {float:right;}
.banner img {max-width: 100%}
#banner-728 {height:110px;margin-top:-20px;}
#inline-descr-banner {height:300px}
#above-descr-banner {height:310px}
}

@media (min-width: 768px) {
.list-group-horizontal-md a {width:25%}
.screenshots .card-img-top {width:320px;height:200px}
.news .card-img-top {width:720px;height:405px}
.thumbs .card-img-top,.game-list {width:256px;height:160px}
}

@media (min-width: 992px) {
.article .card-img-top {height:140px}
.screenshots .card-img-top {width:288px;height:180px}
.news .card-img-top {width:608px;height:342px}
.thumbs .card-img-top {width:192px;height:120px}
.game-image,.game-list {width:224px;height:140px}
}

@media (min-width: 1200px){
.article .card-img-top {height:200px}
.screenshots .card-img-top {width:352px;height:220px}
.news .card-img-top {width:720px;height:405px}
.game-image {width:288px;height:180px}
.game-list {width:272px;height:170px}
.truncate-td {max-width:300px}
}

@media (min-width: 1400px){
.screenshots .card-img-top {width:400px;height:250px}
.news .card-img-top {width:848px;height:477px;}
.thumbs .card-img-top {width:256px;height:160px}
.game-list,.game-image {width:320px;height:200px}
.truncate-td {max-width:360px}
}