@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400');

.wrapper > h2,
.articleHeader > h1 {
    display: none;
}

#comingSoonWrapper .bs-container:before {
    margin: 15px 0px;
}

#comingSoonWrapper h1 {
    background-color: #BB238C;
    text-transform: uppercase;
    color: #ffffff;
    padding: 5px 15px;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
}

#comingSoonWrapper a {
    text-decoration: none;
}

#comingSoonWrapper .sortFilterContainer {
    background-color: #ffffff;
    margin: 0px;
    padding: 10px 0px;
    text-align: center;
}

#comingSoonWrapper .sortFilterContainer h3 {
    font-size: 15px;
    margin: 5px 0px;
}

#comingSoonWrapper .sortFilterContainer input[type=text] {
    width: 100%;
    border: 2px solid #2e2e2e;
    padding: 5px 5px;
    font-size: 12px;
    outline: none !important;
    height: 28px;
}

#comingSoonWrapper .sortFilterContainer input[type=checkbox] {
    display: none !important;
}

#comingSoonWrapper .sortFilterContainer input[type=checkbox] + label {
    height: 28px;
    width: 28px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%) alpha(opacity=0.5);
    opacity: 0.5;
    cursor: pointer;
    background-position: center !important;
}

#comingSoonWrapper .sortFilterContainer input[type=checkbox]:checked + label {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%) alpha(opacity=1);
    opacity: 1;
}

#comingSoonWrapper .sortFilterContainer input[type=checkbox] + label.ps {
    background: url('//img.game.co.uk/assets/features/comingsoon/images/playstationLogo.jpg') 0 0px no-repeat;
    background-size: contain;
}

#comingSoonWrapper .sortFilterContainer input[type=checkbox] + label.sw {
    background: url('//img.game.co.uk/assets/features/comingsoon/images/switchLogo.jpg') 0 0px no-repeat;
    background-size: contain;
}

#comingSoonWrapper .sortFilterContainer input[type=checkbox] + label.xb {
    background: url('//img.game.co.uk/assets/features/comingsoon/images/xboxLogo.jpg') 0 0px no-repeat;
    background-size: contain;
}

#comingSoonWrapper .sortFilterContainer input[type=checkbox] + label.pc {
    background: url('//img.game.co.uk/assets/features/comingsoon/images/pcLogo.jpg') 0 0px no-repeat;
    background-size: contain;
}

#comingSoonWrapper .sortFilterContainer input[type=checkbox] + label.ds {
    background: url('//img.game.co.uk/assets/features/comingsoon/images/3dsLogo.jpg') 0 0px no-repeat;
    background-size: contain;
}

#comingSoonWrapper .sortFilterContainer input[type=checkbox] + label.pegi3 {
    background: url('//img.game.co.uk/assets/features/comingsoon/images/pegi3.jpg') 0 0px no-repeat;
    background-size: contain;
}

#comingSoonWrapper .sortFilterContainer input[type=checkbox] + label.pegi7 {
    background: url('//img.game.co.uk/assets/features/comingsoon/images/pegi7.jpg') 0 0px no-repeat;
    background-size: contain;
}

#comingSoonWrapper .sortFilterContainer input[type=checkbox] + label.pegi12 {
    background: url('//img.game.co.uk/assets/features/comingsoon/images/pegi12.jpg') 0 0px no-repeat;
    background-size: contain;
}

#comingSoonWrapper .sortFilterContainer input[type=checkbox] + label.pegi16 {
    background: url('//img.game.co.uk/assets/features/comingsoon/images/pegi16.jpg') 0 0px no-repeat;
    background-size: contain;
}

#comingSoonWrapper .sortFilterContainer input[type=checkbox] + label.pegi18 {
    background: url('//img.game.co.uk/assets/features/comingsoon/images/pegi18.jpg') 0 0px no-repeat;
    background-size: contain;
}

#comingSoonWrapper .sortFilterContainer input[type=checkbox] + label.releaseAsc {
    background: url('//img.game.co.uk/assets/features/comingsoon/images/19-asc.jpg') 0 0px no-repeat;
    background-size: contain;
}

#comingSoonWrapper .sortFilterContainer input[type=checkbox] + label.releaseDesc {
    background: url('//img.game.co.uk/assets/features/comingsoon/images/19-desc.jpg') 0 0px no-repeat;
    background-size: contain;
}

#comingSoonWrapper .sortFilterContainer input[type=checkbox] + label.nameAsc {
    background: url('//img.game.co.uk/assets/features/comingsoon/images/az-asc.jpg') 0 0px no-repeat;
    background-size: contain;
}

#comingSoonWrapper .sortFilterContainer input[type=checkbox] + label.gameX {
    background: url('//img.game.co.uk/assets/features/comingsoon/images/exclusive.png') 0 0px no-repeat;
    background-size: contain;
    width: 34px;
}

#comingSoonWrapper .sortFilterContainer span.resetFilterButt,
#comingSoonWrapper .sortFilterContainer span.printButt {
    border: 1px solid #2e2e2e;
    padding: 4px 5px;
    margin: 2px 0px;
    display: block;
}

#comingSoonWrapper .sortFilterContainer span.resetFilterButt:hover,
#comingSoonWrapper .sortFilterContainer span.printButt:hover {
    border: 1px solid #BB238C;
    background-color: #BB238C;
    color: #ffffff;
    cursor: pointer;
}

#comingSoonWrapper .comingSoonContent {
    border: 2px solid #2e2e2e;
    background-color: #ffffff;
    padding: 0px;
    margin-top: 15px;
}

#comingSoonWrapper .comingSoonContent h2.gameName {
    background-color: #2e2e2e;
    color: #ffffff;
    padding: 5px 10px;
    text-transform: capitalize;
    height: 43px;
    margin: 0;
    font-size: 14px;
}

#comingSoonWrapper .comingSoonContent h2.gameName.exclusive {
    background-image: url(//img.game.co.uk/assets/features/comingsoon/images/game-x-grid.png);
    background-repeat: no-repeat;
    background-position: right;
}

#comingSoonWrapper .comingSoonContent p.releaseDate:before {
    content: 'Out  ';

}

#comingSoonWrapper .comingSoonContent p.releaseDate {
    background-color: #ffffff;
    padding: 5px 10px;
    border-bottom: 2px solid #2e2e2e;
    margin: 0;
}

#comingSoonWrapper .comingSoonContent .format {
    padding: 3px;
    height: 42px;
}

#comingSoonWrapper .comingSoonContent .format span {
    height: 32px;
    margin-right: 2px;
}

#comingSoonWrapper .comingSoonContent .format span.playstation::before {
    content: url(//img.game.co.uk/assets/features/comingsoon/images/playstationLogo.jpg);
}

#comingSoonWrapper .comingSoonContent .format span.switch::before {
    content: url(//img.game.co.uk/assets/features/comingsoon/images/switchLogo.jpg);
}

#comingSoonWrapper .comingSoonContent .format span.xbox::before {
    content: url(//img.game.co.uk/assets/features/comingsoon/images/xboxLogo.jpg);
}

#comingSoonWrapper .comingSoonContent .format span.pc::before {
    content: url(//img.game.co.uk/assets/features/comingsoon/images/pcLogo.jpg);
}

#comingSoonWrapper .comingSoonContent .format span.ds::before {
    content: url(//img.game.co.uk/assets/features/comingsoon/images/3dsLogo.jpg);
}

#comingSoonWrapper .comingSoonContent .format span.pegi3::before {
    content: url(//img.game.co.uk/assets/features/comingsoon/images/pegi3.jpg);
    float: right;
}

#comingSoonWrapper .comingSoonContent .format span.pegi7::before {
    content: url(//img.game.co.uk/assets/features/comingsoon/images/pegi7.jpg);
    float: right;
}

#comingSoonWrapper .comingSoonContent .format span.pegi12::before {
    content: url(//img.game.co.uk/assets/features/comingsoon/images/pegi12.jpg);
    float: right;
}

#comingSoonWrapper .comingSoonContent .format span.pegi16::before {
    content: url(//img.game.co.uk/assets/features/comingsoon/images/pegi16.jpg);
    float: right;
}

#comingSoonWrapper .comingSoonContent .format span.pegi18::before {
    content: url(//img.game.co.uk/assets/features/comingsoon/images/pegi18.jpg);
    float: right;
}

#comingSoonWrapper .comingSoonContent span.preorderButt {
    background-color: #ffffff;
    margin: 0px -17px;
    border: 2px solid #2e2e2e;
    display: block;
    text-align: center;
    padding: 6px 0px;
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
}

#comingSoonWrapper .comingSoonContent span.preorderButt:before {
    content: 'pre-order now'
}

#comingSoonWrapper .comingSoonContent span.preorderButt:hover {
    background-color: #BB238C;
    color: #ffffff;
}

#comingSoonWrapper .comingSoonContent section.button {
    margin: 0px 15px;
}

#comingSoonWrapper .comingSoonContent .fa-calendar-plus {
    float: right;
}

#comingSoonWrapper .comingSoonContent .dropdown-menu {
    top: 26%;
    left: 125px;
}

#comingSoonWrapper .comingSoonContent a.dropdown-toggle,
#comingSoonWrapper .comingSoonContent ul.dropdown-menu li,
#comingSoonWrapper .comingSoonContent ul.dropdown-menu li > a {
    text-decoration: none;
    color: #000000;
    text-align: center;
}

/* custom select dropdown */

/*the container must be positioned relative:*/

.sortSelect {
    position: relative;
    font-size: 12px;
    text-align: left;
}

.sortSelect select {
    display: none;
    /*hide original SELECT element:*/
}

.select-selected {
    background-color: #ffffff;
    border: 2px solid #2e2e2e !important;
}

/*style the arrow inside the select element:*/

.select-selected:after {
    position: absolute;
    content: "";
    top: 10px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #2e2e2e transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #000 transparent;
    top: 5px;
}

/*style the items (options), including the selected item:*/

.select-items div,
.select-selected {
    color: #000000;
    padding: 5px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
}

/*style items (options):*/

.select-items {
    position: absolute;
    background-color: #ffffff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/*hide the items when the select box is closed:*/

.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

span.dateSeperator {
    display: block;
    background-color: #B9248A;
    margin: 10px 0px 0px 0px;
    color: white;
    padding: 4px 5px;
    font-size: 17px;
}

div#printit {
    display: none;
}

h2.no-items {
    font-weight: 700;
    color: #BB238C;
    text-transform: uppercase;
    letter-spacing: -1px;
    word-spacing: 5px;
    margin: 20px;
    padding: 20px;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    display: none;
}

.rotate {
    -moz-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    transition: all 1s linear;
}

.rotate.down {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}



@media (max-width: 767px) {

    body.new-mobile-header main {
        margin-top: 60px !important;
    }
    .button {
        display: inline-block !important;
        margin: 0px !important;
        padding: 0px !important;
    }
    .headerContainer {
        position: fixed;
        z-index: 1;
        left: 0;
        right: 0;
        top: 113px;
    }
    #comingSoonWrapper .sortFilterContainer h3 {
        font-size: 11px;
    }
    #controlPanel {
        display: none;
    }
    div#grid_to_be_filled {
        margin: 55px -30px 15px -30px;
    }    
    #comingSoonWrapper h1 {
        font-size: 13px;
        text-align: center;
        margin: 0px 0px 0px 0px;
    }
    #controlPanelToggle {
        margin: 0px;
        border-top: 2px solid #3e3e3e;
    }
    div#content {
        background-color: #3e3e3e !important;
    }
}