/*
Theme Name: SpieleRelease
Author: David Engemann 
Author URI: https://webworkee.de
Description: Spiele-Release.de Theme
Tags: clean
Version: 2022/2
Text Domain: SpieleRelease

Spiele-Release WordPress Theme © 2018-2021 David Engemann
*/

/* Bootstrap */
@import url('bootstrap/css/bootstrap.min.css');
@import url('bootstrap/icons/bootstrap-icons.css');

/* Fonts */
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/roboto-v29-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v29-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v29-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;	
  src: url('/fonts/roboto-v29-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v29-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v29-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v29-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v29-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v29-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;	
  src: url('/fonts/roboto-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v29-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;	
  src: url('/fonts/roboto-v29-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v29-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v29-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;	
  src: url('/fonts/roboto-v29-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v29-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v29-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v29-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v29-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v29-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;	
  src: url('/fonts/roboto-v29-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v29-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v29-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;	
  src: url('/fonts/roboto-v29-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v29-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v29-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v29-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v29-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v29-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;	
  src: url('/fonts/roboto-v29-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v29-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v29-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;	
  src: url('/fonts/roboto-v29-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v29-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v29-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v29-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v29-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v29-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;	
  src: url('/fonts/roboto-v29-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v29-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v29-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v29-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v29-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v29-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* General */
body {
	background:#151515;
	font-family: 'Roboto';	
	font-size: 0.93rem;
	color:#ABABAB;
}

.frontpostbox .posttext a .excerpt {
	color:#999;
}

.swiper-slide a {
	color:#fff;
}

.maincontainer {
	min-height: 700px
}

a, a:hover {
	color:#FFF;
	text-decoration:none;
}

.small, small {
    font-size: .8em;
}

.wp-caption {
	width:100% !important;
}

.wp-caption-text {
	text-align:right;
}

article ul li, .frontpostbox ul li {
	margin-left:20px;
}

.postimg {
	min-height: 131px;
}

.platicon {
	min-height: 177px;
}

.modal-content {
	background: #222;
    line-height: 1.2;
}

.modal-content b {
	color:#fff;
}

.modal-header {
	background:#ccc;
}

.modal-header .modal-title {
	color:#222;
}

.modal-footer, .modal-header {
	border:none;
}

#menu-main-menu .dropdown-menu {
    left: 0;
    border: none;
    border-radius: 0px;
	background-color: #222;
	padding:0;
}

.dropdown-item {
	color:#fff;
	padding:10px 20px;
	font-size: 0.93rem;
}

.dropdown-item:hover {
	color: #ffffff;
    text-decoration: none;
    background-color: #333;
}

.dropdown-menu {
	border:none;
}

.dropdown-menu[data-bs-popper] {
	top:auto;
}

.megamenu {
	background: none;
}

.megacol {
	background:#222;
}

.megacol img {
	max-width:80px;
}

.megalist a:hover {
	background:#333;
}

.mainnav {
	border-radius:0px !important;
}

#main-menu .navbar-nav .nav-link {
	color: #fff;
    padding: 10px 15px;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}

#sr-search {
    max-width:500px;
}

.search-query {
	border:none;
	background: #272727;
	border-bottom-left-radius: 30px;
	border-top-left-radius: 30px;
	padding:0 15px;
	color:#fff;
}

.comment-form textarea, .comment-form input {
	border:none;
	background: #272727;
	border-radius:5px;
	padding:7px 15px;
	color:#fff;
}

.comment-form textarea:focus, .comment-form input:focus {
    background: #333;
    color: #fff;
}

.entry-content {
	    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
}

.footerheading {
	font-weight:500;
	font-size:16px;
}

.noborder img {
	border:0px;
}

.nav-previous {
	float:left;
}

.nav-next {
	float:right;
}

.nav-next, .nav-previous {
	background: #b33939;
    color: #fff;
    padding: 7px 15px;
    border-radius: 20px;
    font-weight: 500;
    display: inline-block;
    border: none;
    margin-bottom: 10px;
}

.nav-next i {
	margin-left: 5px;
}

.nav-previous i {
	margin-right: 5px;
}

.searchbtn, .searchbtn:hover, .pvgbtn, .pvgbtn:hover {
	background: #272727;
	border-bottom-right-radius: 30px;
	border-top-right-radius: 30px;
	padding: 6px 12px;
	color:#ccc;
}

.search-query:focus {
	box-shadow: none;
	background: #333;
	color:#fff;
}

#footer {
	background:#111;
}

h1, .h1 {
	color:#fff;
	font-size: 2.2rem;
}

h2, .h2 {
	color:#fff;
}

h3, .h3 {
	color:#fff;
}

h4, .h4 {
	color:#fff;
}

#menusearch i, .navbar-toggler i {
	color:#fff;
}

#footer {
	font-size: 0.93rem;
}

.greytext {
	color:#bbb;
}

#footer li {
	list-style:none;
}

#footer ul {
	padding:0;
}

#footer a {
	text-decoration:none;
	color:#bbb;
}

.lawbox {
    color: #999;
}

.postbox {
  	display: flex;
  	align-items: center;
  	justify-content: center;
	border-bottom: 1px dashed #333;
}

.inpost .postbox {
	border-bottom:none;
}

.inpost {
	border-radius: 5px;
    border-top: 2px solid #666;
	border-bottom: 2px solid #666;
}

.inposthead {
	font-size:18px;
	font-weight:500;
	color:#fff;
}

.sidebox h3 {
	font-size: 16px;
    text-transform: uppercase;
}

.posttitle, .frontpostbox .posttext a .posttitle {
	margin-bottom:0;
	font-size: 1.5rem;
	color:#fff;
	font-weight:500;
}

.postbox .posttitle {
	font-size:14px;
}

.postdate, .postcategory, .seperator {
	font-size: 12px;
    color: #999;
}

.titsep {
    border-top: 1px solid #ccc;
    width: 100%;
    height: 5px;
    padding: 10px 0;
    position: relative;
}

.titsep:before {
    width: 80px;
    height: 2px;
    position: absolute;
    top: -2px;
    content: ' ';
    display: block;
    background: #b33939;
}

.paginator {
	display: flex;
    align-items: center;
    justify-content: right;
}

.changedate, .changedate input {
	font-size:13px;
}

.changedate .input-group-addon {
	background: #b33939;
    color: #fff;
    padding: 10px;
}

.maincontainer .changedate input {
    background: #3a3a3a;
    color: #fff;
    border: none;
    padding: 15px 10px 0px 12px;
}

.page-numbers, .pagination .dots:hover {
	padding: 8px 12px;
	background:#3a3a3a;
	display:inline-block;
	color:#787878;
}

.page-numbers:hover, .pagination .current, .pagination .next, .pagination .prev {
	background:#b33939;
	color:#fff;
}

.changedatetext {
	position: absolute;
    top: 2px;
    left: 11px;
    z-index: 99;
    font-size: 10px;
    color: #787878;
}

.releaselist .cover {
	max-height:185px;
	object-fit: cover;
    height: 100%;
    width: 100%;
}

.releaselist .covertitle {
	font-weight: 500;
    font-size: 1.1rem;
	color:#fff;
}

.releaselist .genre {
    font-size: 0.9rem;
	color:#777;
}

.releaselist .gameinner:hover {
	background:#222;
}


.navbar-toggler {
	border: none;
    color: #000;
    padding: 7px 12px;
	font-size: 1.5rem;
}

.releasenav {
	background: #272727;
}

.releasenav, .page-numbers {
	border-radius:3px;
}

.releasenav .listgroup {
	border-radius:3px;
	overflow:hidden;
}

.menutoggle {
	background:#f1f1f1;
}

.entry-title a {
	color:#fff;
}

.startplat .plat {
	font-weight: 500;
	color:#fff;
	margin-bottom:0;
}

.platicon {
	border-radius:5px;
}

.platicon:hover {
	background:#222;
}

.gameslider .rdate, .releaselist .date, .gamefocus .date {
    font-size: 0.9rem;
    color: #CCC;
}

.gameslider .rdate i, .releaselist .date i, .gamefocus .date i {
	margin-right: 3px;
	background: #b33939;
    padding: 2px 3px;
    border-radius: 20px;
    color: #fff;
}

.gamecardtext {
	flex: 2;
}

.postcategory {
	color: #CCC;
}

.gamefocus .top {
	position:relative;
}

.gamefocus .bg {
	position: absolute;
    opacity: 0.18;
    z-index: -1;
    object-fit: cover;
    max-height: 100%;
}

.gamefocus .top:after {
    content: '';
    background: rgb(21,21,21);
    background: linear-gradient(0deg, rgba(21,21,21,1) 10%, rgba(9,9,121,0) 50%, rgba(21,21,21,1) 90%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.gamefocus .genre, .gamefocus .platforms {
	color:#AAA;
	font-size:1.1rem;
}

.gamefocus #morelink {
	background: #222;
    padding: 5px 10px;
    border-radius: 25px;
    padding: 5px 0px;
    display: block;
    text-align: center;
	position:relative;
	color:#ddd;
}

#morelink:before {
	content:'';
	height:50px;
	width:100%;
	display:block;
	background: rgb(21,21,21);
	background: linear-gradient(0deg, rgba(21,21,21,1) 10%, rgba(70,70,70,0) 90%);
	top:-50px;
	position:absolute;
}

#collapseReleases .regiondate:last-child {
	padding-bottom:20px;
}

.gamebox .gameimg {
	max-width:200px;
	margin: 0 auto;
}

.gamebox .gametitle {
	font-weight: 500;
    font-size: 16px;
}

.gamefocus .trailer {
	height:210px;
}

.top .cover, .top .textbox {
	z-index:2;
}

.table-dark {
	--bs-table-bg: none;
}

.gamefocus .platform, .gamebox .singlecat {
	background: #333;
    border-radius: 20px;
    margin-right: 10px;
    padding: 5px 10px;
    font-size: 14px;
    margin-bottom: 10px;
    display: inline-block;
}

.gamebox .singlecat {
	color:#AAA;
	font-size:0.8rem;
}

.gamefocus .regiondate {
	margin-bottom:8px;
}

.gamefocus .flag {
	margin-right:5px;
}

.gamefocus .gamelink {
	background: #333;
    border-radius: 20px;
    margin-right: 10px;
    padding: 5px 10px;
    margin-bottom: 10px;
    display: inline-block;
    color: #fff;
}

.gamefocus .gamelink i {
	margin-right:5px;
}

.offer {
	background:#232323;
	border-radius: 5px;
}

.offer:hover {
	background:#282828;
}

.offer .title {
	color: #fff;
	font-weight: 500;
	font-size:14px;
}

.offer .pvglogo {
	width:130px;
}

.offer .pricetext {
	font-size: 18px;
    color: #fff;
    background: #b33939;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 5px;
}

.offer .shipping {
	display: block;
    font-size: 11px;
    color: #ABABAB;
	margin-top:3px;
}

.singleoffer .offerimg img {
	max-width: 140px;
	width:100%;
}

.singleoffer .title {
	font-size: 18px;
}

.singleoffer .offer .infotext {
	color:#fff;
}

.offerplatform {
	color:#aaa;
}

.gamelist .gametitle {
	font-size:15px;
	font-weight:500;
}

.gamelist .platform {
	background: none;
    padding: 0;
    font-style: italic;
}

/* Swiper */
.gameslider .swiper-pagination {
	bottom: 0px !important;
    left: 10px !important;
}

.gameslider .slidertitle {
	font-weight:500;
    font-size: 0.93rem;
}

.gameslider .swiper-button-next:after, .gameslider .swiper-button-prev:after, .screenshotslider .swiper-button-next:after, .screenshotslider .swiper-button-prev:after, .swiperplat .swiper-button-next:after, .swiperplat .swiper-button-prev:after {
	font-size:30px;
}

.gameslider .swiper-button-next, .gameslider .swiper-button-prev, .screenshotslider .swiper-button-next, .screenshotslider .swiper-button-prev, .swiperplat .swiper-button-next, .swiperplat .swiper-button-prev {
	color: #fff;
    opacity: 0.7;
    background: #181818;
}

.gameslider .swiper-button-next, .screenshotslider .swiper-button-next, .swiperplat .swiper-button-next {
	right:0;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}

.gameslider .swiper-button-prev, .screenshotslider .swiper-button-prev, .swiperplat .swiper-button-prev {
	left:0;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;	
}

.gameslider .swiper-slide {
	height:auto;
}

.gameslider img {
	object-fit: cover;
    height: 100%;
    width: 100%;
}

.gameslider {
	min-height:270px;
}

.navbar-brand {
	height: 66px;
}

.gamecardimg {
	max-height: 329px;
	flex: 1;
}

.gamecard:hover img, .gamebox:hover img, .frontpostbox a:hover img, .excerpt:hover img, .postbox:hover img {
	filter:brightness(120%);
}

.gamecard {
	position: relative;
    display: flex;
    flex-direction: column;
}

.gamecontenttext {
	white-space: pre-wrap;
}

.bloglink, .plink, .btn-primary, .btn-ad, .btn-out, .btn-aza, .btn-light {
	background: #b33939;
	color:#fff;
	padding: 7px 15px;
	border-radius: 20px;	
	font-weight:500;
	display:inline-block;
	border:none;
	margin-bottom:10px;
}

.btn-light:hover {
	background: #b33939;
}

.btn-aza {
	font-size:14px;
}

.btn-aza:hover {
	color:#fff;
}

.btn-out {
	margin-bottom:25px;
}

.offer .infotext {
	position: absolute;
    bottom: 1px;
    font-size: 11px;
    color: #777;
}

.interview, .tipp {
	background:#f1f1f1;
	padding:20px;
	margin-bottom:20px;
	border-radius:10px;
	font-size:17px;
}

.iguest {
	margin-left:10px;
	background:#333;
}

.isr {
	background:#222;
}

.bloglink i, .btn-aza i {
	margin-left:5px;
}

.newsletter {
	background: #222;
	color:#fff;
}

.newsbtn {
	color: #fff;
    border: 2px solid #fff;
	padding: 7px 15px;
    border-radius: 20px;
}

.breadcrumb {
	color: #666;
    text-transform: uppercase;
    font-size: 12px;
}

.breadcrumb a {
	color:#666;
	position:relative;
}

.breadcrumb a:before {
	width: 100%;
    height: 1px;
    position: absolute;
    bottom: -1px;
	left:0;
	right:0;
	margin:0 auto;
    content: ' ';
    display: block;
    background: #333;
}

.newsletter i {
	font-size: 30px;
    background: #b33939;
    padding: 10px 15px;
    border-radius: 50px;
}

/* Autocomplete */
.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;   
    padding:0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #222;
    color:#fff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #333;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

.ui-autocomplete li div {
	padding:10px 20px;
}

.searchfilter .nav-link {
	background: #b33939;
    color: #fff;
}

.page-template-page-search .count {
	font-weight:200;
}

.socialicon {
	font-size: 16px;
    background: #333;
    border-radius: 20px;
    padding: 5px 10px;
    margin-right: 5px;
    color: #fff;
    display: inline-block;
    margin-bottom: 10px;
}

.socialicon i {
	margin-right:5px;
}

.bloglink:hover, .socialicon:hover,.btn:hover {
	color:#fff;
	background:#8d2d2d;
}

.wp-caption-text, .entry-meta {
	font-size: 13px;
}

.articlecontent .wp-caption-text, .page-template-default .wp-element-caption {
    color: #888;
    padding: 5px;
}

.page-template-default .wp-element-caption {
	font-size: 13px;
	text-align: right;
}

.alignnone {
	text-align:center;
}

.aligncenter, .size-full {
	display:block;
	margin:0 auto;
	text-align:center;
}

.table {
	color: #ababab;
	border-color: #555;
}

.coupon {
	border: 1px dashed #bbb;
    color: #777;
    font-size: 18px;
    border-radius: 10px;
    background-color: #333;
    background-image: repeating-linear-gradient(45deg , transparent, transparent 35px, rgba(100,100,100,1) 35px, rgba(100,100,100,1) 70px);
}

.coupon-row {
	background: #fff;
}

.coupon-btn {
	background: #44bd32;
    display: block;
    text-align: center;
    color: #fff !important;
	cursor:pointer;
}

.coupon-alert {
  display: none;
  color: green;
	font-size:12px;
}

.coupon-field {
	font-weight:600;
}

.coupon p {
	margin-bottom:0px;
}

.aboutuperfect {
	background:#222;
}

.intextad:after {
	content:' *';
}

.alert {
	background: #222;
    border: none;
    color: #ababab;
}

.articlecontent ul li, .articlecontent ol li {
	margin-bottom:7px;
}

.articlecontent ol li::marker {
	font-weight:bold;
	font-size:20px;
}

.float-left, .alignleft {
	float: left;
    margin-right: 15px;
}

.float-left p {
	margin-bottom:0;
}

.float-left img {
	margin-bottom:3px;
}

.blogcatlink {
	background: #333;
    border-radius: 20px;
    margin-right: 10px;
    padding: 5px 10px;
    font-size: 14px;
    margin-bottom: 10px;
    display: inline-block;
}

.blognav {
	background: #b33939;
    color: #fff;
    padding: 7px 15px;
    border-radius: 20px;
    font-weight: 500;
    display: inline-block;
    border: none;
    margin-bottom: 10px;
}

.blognav:active, .blognav:hover {
	color:#fff;
}

.blognavigation .dropdown-menu {
	background:#222;
	top: 5px !important;
}

.comments li {
	list-style:none;
}

.comments ul {
	padding:0;
}

.comments .children {
	padding-left:35px;
}

.comments .autorname {
	font-size:16px;
}

.comments .autorname a {
	border-bottom: 1px dashed #888;
}

.commentheadbox {
	background: #222;
    border-radius: 5px;
    padding: 10px;
}

.comment-reply-link {
	background: #b33939;
    padding: 5px 10px;
    border-radius: 25px;
    font-size: 14px;
}

/* Newsletter */
article .cr_body {
	background:#222;
	color:#fff;
}

article .mce_text span {
    background-color: #232323 !important;
    color: #fff !important;
}

article .cr_ipe_item input {
	background: #333;
    border: none;
    border-radius: 5px;
    margin-bottom: 5px;
	color:#fff;
	padding:10px;
}

article .cr_button {
	background:#b33939;
}

.linktogame .gamebox {
	min-width:130px;
}

/* Timeline */
.Timline-wrapper {
  position: relative;
  clear: both;
  overflow: hidden; }
  .Timline-wrapper:nth-of-type(odd) .Timline-item {
    padding-left: 100px;
    padding-right: 0;
    padding-bottom: 50px;
    float: right; }

  .Timline-wrapper:nth-of-type(odd) .Timline-icon {
    right: auto;
    left: -32px; }
  .Timline-wrapper:nth-of-type(odd) .Timline-year {
    text-align: right;
    right: 140%;
    left: auto; }

.Timline-holder:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -4px;
  height: 100%;
  width: 4px;
  background: #b33939;
}

.Timline-item {
  padding-right: 100px;
  padding-bottom: 0px;
  padding-top: 50px; }

.Timline-year {
  top: 40px;
  position: absolute;
  width: 100%;
  left: 140%; }
  .Timline-year > * {
    margin: 0; }

.Timline-icon {
  border-radius: 50%;
  background: #fff;
  position: absolute;
  width: 60px;
  height: 60px;
  right: -28px;
  top: 72px;
  z-index: 9;
  cursor: pointer;
  border: 2px solid transparent;
  transition: all 0.3s ease-in-out; }
  .Timline-icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .Timline-icon:hover {
    color: #b33939;
    border: 2px solid #b33939;
    transform: translateY(-6px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); }

.Timline-box {
  padding: 15px;
  position: relative; }
  .Timline-box h3,
  .Timline-box h5 {
    text-transform: capitalize; }
 
  .Timline-icon {
    color: #b33939;
    border: 2px solid #b33939;
    transform: translateY(-6px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); }

.Timline-item {
	position: relative;
}

.Timline-box {
  padding: 15px; }

  /* Timline  Responsive */
 @media (min-width: 992px) and (max-width: 1024px) {
  .Timline-year {
    left: 152%; }

  .Timline-wrapper:nth-of-type(odd) .Timline-year {
    right: 152%; }
 }

/*Bootstrap Calendar*/
.datepicker {
    border-radius: 0;
    padding: 0;
	z-index: 999 !important;
	width: 300px;
}

.datepicker-dropdown {
	background: #222;
    color: #fff;
}

.datepicker-dropdown:after {
	border-bottom: 6px solid #222 !important;
}

.datepicker table tr td.day.focused, .datepicker table tr td.day:hover, .datepicker table tr td span.focused, .datepicker table tr td span:hover, .datepicker table tr td span.focused, .datepicker table tr td span:hover {
	background:#444 !important;
}

.datepicker {
	display:none;
}

.datepicker {
	width: 340px;
}

.datepicker .table-condensed {
	width:100%;
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
	background:#555 !important;
}

.datepicker-days table thead, .datepicker-days table tbody, .datepicker-days table tfoot {
    padding: 10px;
    display: list-item;
}
.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead {
    background: #3546b3;
    color: #ffffff;
    border-radius: 0;
}
.datepicker-days table thead tr:nth-child(2n+0) td, .datepicker-days table thead tr:nth-child(2n+0) th {
    border-radius: 3px;
}
.datepicker-days table thead tr:nth-child(3n+0) {
    text-transform: uppercase;
    font-weight: 300 !important;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
}
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 11px 13px;
}
.datepicker-months table thead td, .datepicker-months table thead th, .datepicker-years table thead td, .datepicker-years table thead th, .datepicker-decades table thead td, .datepicker-decades table thead th, .datepicker-centuries table thead td, .datepicker-centuries table thead th {
    border-radius: 0;
}
.datepicker td, .datepicker th {
    border-radius: 50%;
    padding: 0 12px;
}
.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead {
    background: #333333;
    color: #ffffff;
    border-radius: 0;
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background-image: none;
}
.datepicker .prev, .datepicker .next {
    color: rgba(255, 255, 255, 0.5);
    transition: 0.3s;
    width: 37px;
    height: 37px;
}
.datepicker .prev:hover, .datepicker .next:hover {
    background: transparent;
    color: rgba(255, 255, 255, 0.99);
    font-size: 21px;
}
.datepicker .datepicker-switch {
    font-size: 24px;
    font-weight: 400;
    transition: 0.3s;
}
.datepicker .datepicker-switch:hover {
    color: rgba(255, 255, 255, 0.7);
    background: transparent;
}
.datepicker table tr td span {
    border-radius: 2px;
    margin: 3%;
    width: 27%;
}
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
  background-color: #3546b3;
  background-image: none;
}

.datepicker-dropdown.datepicker-orient-top:before {
    border-top: 7px solid rgba(0,0,0,.1);
}

.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled], .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
	background:#b33939 !important;
}

@media all and (min-width: 576px) {
	.gamefocus .trailer {
    height: 500px;
	}
}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
  	.navbar .has-megamenu{position:static!important;}
  	.navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }
}

@media (max-width: 992px) {
	.firstreleasenav {
		position: -webkit-sticky; /* Safari & IE */
		position: sticky;
		top: 0;
		z-index:1;
	}
	.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    	overflow-y: auto;
      	max-height: 90vh;
      	margin-top:10px;
  	}
	.gamecardimg {
	max-height: 275px;
	}
	
	.pagination .page-numbers {
		display:none;
	}
	
	.pagination .prev, .pagination .next {
	display:block;
	float:left;
	margin-left:10px;
	}
	
	.logo {
		max-width: 224px;
	}
	
	.Timline-holder:before {
		left:3%;
	}
	
	.Timline-icon {
		right:0;
	}
	
	.Timline-wrapper:nth-of-type(odd) .Timline-icon {
		left:20px;
	}
}

@media (min-width: 1200px) {
	.modal-xl {
		max-width: 940px;
	}
}