body.legacyBackground{
    background-color: inherit!important;
}
@media screen and (min-width: 1400px) {
    .SB-hero-banner.head1a .banner-background {
        padding-bottom: 96px;
    }
}

.SB-hero-banner .m-banner .c-paragraph-1 {
    padding-bottom: 0px;
}

.product {
    position: inherit;
}

.product .m-content-placement-item h3 {
    color: #107c10;
    font-weight: 700;
}

div.SB-hero-banner.head1a {
    padding-top: 48px;
}

.drawerContainer a.showMoreText:hover{
    text-decoration: underline;
}

/*****QUICK LOOK **********/
.itemCat .qlButton button.c-call-to-action {
    padding: 5px 10px 5px 12px;
}

#page-cover {
    width: 100%;
    height: 100%;
    z-index: 999 !important;
    background-color: black;
    opacity: .7;
    position: fixed;
    top: 0;
}

.qlPreviewButton {
    border: none;
    background: none;
    padding: 0;
}

.qlButton {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 5;
    background: lightgrey;
}

.qclosebutton {
    width: 31px;
    display: block;
    position: absolute;
    right: 28px;
    top: 28px;
    z-index: 5;
    background-color: lightgrey;
    padding: 2px;
    cursor: pointer;
}

.qclosebutton:hover {
    background-color: #107c10;
    padding: 3px;
}

.qclosebutton:focus {
    outline: 2px dotted lightblue;
}

.qclosebutton img {
    width: 100%;
}

.qlButton button {
    width: 100%;
    margin: 0;
    height: 100%;
    display: block !important;
    background-color: lightgrey !important;
    transition: 300ms all;
}

.qlButton button:hover {
    cursor: pointer;
    text-decoration: underline;
    background-color: #c4c4c4 !important;
}

.qlButton button:focus {
    border: 2px dashed #fff !important;
    outline: 2px dashed #000 !important;
}

.wallpaperMoreInfo {
    display: none;
    position: fixed;
    top: 12%;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-shadow: 0 7px 6.16px .84px RGBA(0, 0, 0, .32);
    width: 977px;
    height: 76%;
    overflow-y: auto;
    max-height: 685px;
    /*border: 1px solid #107c10;*/
    z-index: 5;
    background: white;
}

.imagelinkcontainer:hover img,
.imagelinkcontainer:focus img {
    filter: brightness(0) saturate(100%) invert(14%) sepia(44%) saturate(4425%) hue-rotate(130deg) brightness(93%) contrast(96%);
    text-decoration: underline;
}

.wallpaperMoreInfo .platformdescription a.imagelinkcontainer:hover span,
.wallpaperMoreInfo .platformdescription a.imagelinkcontainer:focus span{
    color:  #054B16;
}

div.wallpaperMoreInfo.popupShow,
div.qlButton.popupShow {
    display: block !important;
    opacity: 1;
}

.wallpaperMoreInfo.popupShow {
    z-index: 1000;
    overflow: hidden;
}

.wallpaperMoreInfo img.popscreen {
    width: 100%;
    height: 48%;
}

.wallpaperMoreInfo picture {
    width: 100%;
}

.wallpaperMoreInfo div.poprotator img {
    width: 100%;
}

.wallpaperMoreInfo .poptitle {
    display: inline-block;
    width: 62.5%;
    vertical-align: top;
    width: 100%;
    padding-inline-start: 24px;
}

.wallpaperMoreInfo .poptitle h3 {
    padding: 16px 0 40px;
    font-weight: 700;
}

.wallpaperMoreInfo .furtherrelease {
    text-align: center;
}

.wallpaperMoreInfo .furtherplatform {
    margin-inline-start: 42px;
}

.wallpaperMoreInfo .platformdescription img {
    height: 118px;
}

.wallpaperMoreInfo .platformdescription a {
    float: inline-start;
    margin-inline-start: 20px;
}

.wallpaperMoreInfo .platformdescription a span {
    display: block;
    text-align: center;
    color: #107c10;
    font-weight: 600;
}

.qlButton button.c-call-to-action {
    white-space: normal;
}

.searchgroup .c-label {
    font-size: 15px;
    padding-bottom: 0;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden !important;
}

@media (min-width: 1500px) and (max-height: 940px) {
    .wallpaperMoreInfo.popupShow {
        top: 2%;
    }
}

@media (max-width: 1083px) {
    .wallpaperMoreInfo.popupShow {
        overflow-y: auto;
    }

    .wallpaperMoreInfo .platformdescription.desktop {
        display: none;
    }

    .product .item .m-content-placement-item {
        width: 165px;
    }

    .product .item .m-content-placement-item .wallpaperPreview,
    .product .item .m-content-placement-item .wallpaperPreview img {
        height: auto;
    }

    .product .item .m-content-placement-item .wallpaperPreview img {
        object-fit: contain;
    }

    .wallpaperMoreInfo .platformdescription a {
        padding-top: 0;
        padding-bottom: 0;
    }

    .wallpaperMoreInfo .popdescription .c-heading-3 {
        padding-bottom: 0;
    }

    .itemCat.all .qlButton button {
        padding-inline-start: 2px !important;
        padding-inline-end: 2px !important;
    }

    .how-to .m-hero-item>div>div {
        max-width: 320px;
    }
}

@media screen and (min-width: 1084px) {
    .wallpaperMoreInfo .platformdescription.mobile {
        display: none;
    }

    .wallpaperMoreInfo.popupShow {
        width: 850px;
        height: 100%;
        max-height: 850px !important;
    }
}

@media (min-width: 1128px) and (max-width: 1138px) {
    .wallpaperMoreInfo.popupShow {
        overflow-y: scroll !important;
    }
}

@media screen and (max-width: 1499px) {
    .wallpaperMoreInfo.popupShow {
        height: 96%;
        max-height: 96%;
        top: 2%;
        overflow-y: auto;
    }
}

@media screen and (min-width: 540px) and (max-width: 1083px) {
    .wallpaperMoreInfo.popupShow {
        width: 500px;
        height: 768px;
    }

    .wallpaperMoreInfo .popdescription {
        width: 90%;
        margin-inline-start: 5%;
    }

    .wallpaperMoreInfo .platformdescription img {
        width: 103px;
        height: 93px;
    }

    .wallpaperMoreInfo .furtherplatform {
        margin-inline-start: 16px;
    }

    .wallpaperMoreInfo .poptitle h3 {
        padding: 8px 0 16px;
    }

    .wallpaperMoreInfo .platformdescription a {
        margin-inline-start: 28px;
        margin-top: 16px;
    }

    .wallpaperMoreInfo .furtherplatform .widescreenContainer {
        margin-inline-start: 79px;
    }
}

@media screen and (min-width: 540px) and (max-width: 767px) {
    .wallpaperMoreInfo.popupShow {
        height: 736px;
    }
}

@media screen and (max-width: 539px) {
    .wallpaperMoreInfo .furtherplatform {
        margin-inline-start: 0px;
    }

    .wallpaperMoreInfo.popupShow {
        width: 360px;
        height: 690px;
    }

    .wallpaperMoreInfo .popdescription {
        width: 90%;
        margin-inline-start: 5%;
    }

    .wallpaperMoreInfo .platformdescription img {
        width: 103px;
        height: 93px;
    }

    .wallpaperMoreInfo .platformdescription a {
        float: inline-start;
        margin-inline-start: 0px;
        margin-top: 16px;
    }

    .wallpaperMoreInfo .poptitle h3 {
        padding: 8px 0 16px;
    }

    .wallpaperMoreInfo .furtherplatform .widescreenContainer {
        margin-inline-start: 51px;
    }

    .SB-hero-banner .banner-background,
    .SB-hero-banner .banner-background .m-banner {
        padding-bottom: 48px !important;
    }
}

@media (max-width:767px) {

    .itemCat.all:not(.mobileZoomed) .qlButton,
    .itemCat.games:not(.mobileZoomed) .qlButton,
    .itemCat.events:not(.mobileZoomed) .qlButton,
    .itemCat.community:not(.mobileZoomed) .qlButton {
        display: none !important;
        opacity: 0;
        pointer-events: none;
    }

    .m-hero-item .high-contrast .c-list {
        text-align: initial;
    }
}

@media only (min-width: 1084px) and (max-width: 1165px) {
    .how-to .m-hero-item>div>div {
        max-width: 390px;
    }
}