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

.badge {
	border:1px solid #289daa;
	color:#3b3b57;
	background-color:#ddeaef;
	margin:4px;
}
.card-body.white-card {
	background-color:white !important;
}

.image-header {
  float:left;padding:10px 6px;max-width:100%
}
header h3 {padding-top:14px;font-size:24px;}
a.badge,.card-body a {text-decoration:none;margin-bottom:5px}
.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;}

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}
.bannerfloat {display:block;float:right;margin:0 0 10px 20px;}
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 {width:90%;margin:30px auto;display:block;max-width:780px;}
article .video {width:90%;margin:0 auto;display:block;max-width:640px;}
.figure-caption {text-align:center;margin:-16px 0 24px 0}

.gamevideo {margin:6px 2px !important;width:100%;max-width:760px !important;float:none !important}

#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;}

.table-sm td {font-size: 13px}

.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}
.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}

.table-sm {font-family:Consolas, Menlo,Sans-Serif;}
.table-sm a {text-decoration:none}

.pagination li.page-next {margin-left:auto;margin-right:0px}

.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:-20px;margin-bottom:10px}
#banner-300 {height:250px;margin-bottom:16px}
.review-banner {height:250px;}

.news .card-img-top {width:336px;height:189px}
.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}
.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;}
}

@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}
#banner-728 {height:100px;}
}

@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}
}

@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}
}
