/* Filters */
.c-label[data-accessory="display"] {
  display: none !important;
}

.xdlRichHeading.m-rich-heading>div {
    width: 57%;
}

@media screen and (min-width: 767px) and (max-width: 815px) {
#hero-2 .m-hero-item>div>div {
    max-width: 300px !important;}
}

/* Video Hero Overrides (Right to left) */
.videohero .m-ambient-video div button {bottom: -17vw; right: 95vw;} 
.videohero .m-ambient-video video {width: 100% !important;}

@media screen and (min-width: 1921px) {
.home-hero .videohero {
   height: 720px;}
}

@media screen and (max-width: 1083px) {
.home-hero .videohero .m-ambient-video {
   display: none;}
}
/* End Video Hero */


/* Cyberpunk */
@media screen and (min-width: 768px) {
.darkOnDark {
  color: #000;}
}

/* When Heroes have prices */
@media (min-width: 0) and (max-width: 540px) {
.m-hero  .c-price {
 padding-left:26%;
 padding-right:26%;
}
}

.m-hero-item .c-heading {
max-height: 220px !important;
}

/* VFI */
.thecatalog .m-content-placement-item > a:focus, .cta1:focus, .cta2:focus {
   outline: 2px dotted #000 !important;
   border: 2px dotted #FFF !important;
}

.high-contrast-mode .c-checkbox .catCheck {
   outline: 2px solid #000 !important;
   border: 2px solid #FFF !important;  
}

.m-hero button.c-action-toggle:focus  {
   border: 3px dashed #000; 
   outline: 2px dashed #fff;
}

/* Checkbox */
.c-checkbox .catCheck:focus {
   outline: none;
   border: 2px dotted #FFF !important;
}

.c-checkbox {
   background: #fafafa;
}

/* Filter */
.filtertopline {
 margin-bottom: 16px;
}
.filterbottomline {
 margin-top: 18px;
}
section.filter.x-align-center {
   /*display: inline-block;*/
   position: relative;
   top: 5px;
}
.filterCheckboxes {
 top: 6px;
 position: relative;
}
.filterLabelItem {
 min-width: 76px;
}
h4.c-heading-4.filterLabel {
   display: inline-block;
   vertical-align: middle;
   font-weight: 500;
   padding-top: 0;
}
#filter-genre fieldset {
   padding-top: 10px;
}
fieldset.c-checkbox.f-inline {
   display: inline-block;
   vertical-align: middle;
}
.c-checkbox.f-inline .c-label {
 display: block;
 width: 226px;
 max-width: 226px;
 margin-top: 0;
 line-height: 20px !important;
 height: 48px;
 font-size: 13px;
 vertical-align: top;
}
.catCheck:checked + span {
 color: #107c10 !important;
 font-weight: 600;
}
.c-label span:hover, .c-label span:focus {
   text-decoration: underline;
   font-weight: 700;
}
.c-label .catCheck:checked + span:hover, .c-label .catCheck:checked + span:focus {
   font-weight: 600;
}
.c-checkbox.f-inline .c-label.lastcheckbox {
 margin-right: 28px;
}
#catListItems .c-checkbox label.c-label span {
 top: 6px;
 margin-bottom: 20px;
 font-size: 15px;
 font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
@media (min-width: 769px) {
 #catListItems { max-width: 226px; }
}
@media (max-width:857px) {
 .c-label span {
   line-height: 1;
 }
 .filterCheckboxes {
   width: 100% !important;
 }
 #catListItems {
   padding-right: 0;
 }
 #catListItems .c-checkbox label.c-label span {
   margin-bottom: 6px;
 }
 .c-checkbox.f-inline .c-label {
   margin-right: 0;
   height: 32px;
 }
 .c-checkbox.f-inline .c-label.lastcheckbox {
   margin-right: 4px;
 }
}
@media (max-width: 359px) {
 .c-checkbox.f-inline .c-label {
   width: 140px;
 }
 #catListItems .c-checkbox label.c-label span {
   font-size: 12px;
 }
}


/* Video Hero */

@media screen and (min-width: 769px) {
.videoHero img {display: none !Important;}
.videoHero .m-ambient-video {display: block !Important;}
}

@media screen and (max-width: 768px) {
.videoHero img {display: block !Important;}
.videoHero .m-ambient-video {display: none !Important;}
}

.videoHero .copy-parent > div > div {margin-top: 12px;}

@media screen and (max-width: 767px) {
    .videoHero .copy-parent {padding: 48px 24px; text-align: center;}
}


@media screen and (min-width: 768px) {
.videoHero section {
   position: relative;
   overflow: hidden;
   width: 100%;}

.videoHero .copy-parent {   
   width: 88%;
   height: 100%;
   max-width: 2048px;
   position: absolute;
   top: 0px;
   bottom: 0px;
   left: 0px;
   right: 0px;
   z-index: 1;
   margin: 0 auto;
   overflow: hidden;}

.videoHero .copy-parent > div { 
   position: inherit; 
   transform: translate(-50%, -50%);
   top: calc(50%);   
   left: 200px;
   max-width: 395px;}
}

@media only screen and (max-width: 1399px) {
.copy-parent .c-heading-2 {
   font-size: 24px;
   line-height: 28px;}
}

@media only screen  and (max-width: 768px) {
.videoHero .copy-parent div > div {
text-align: left !important;}
}

.gameSelectors {
 display: inline-block;
 width: 17%;
}
.gameList {
 display: inline-block;
 width: 82%;
 vertical-align: top;
}
#catListItems h3 {
 font-weight: 400;
}
.dropdownItems .c-select-menu button {
   color: #107c10;
}
#genreSelect a.c-refine-item span, #genreSelect button.c-refine-item span {
   white-space: normal;
}
.mobileMenuToggle {
 display: none;
}
.filterClose {
 display: none;
}
.c-select-menu .c-menu {
 left: 0 !important;
 text-align: left;
 max-width: 228px;
}
@media (max-width: 768px) {
 .gameList {
   display: block;
   width: 94%;
   margin: 24px auto;
 }
.mobileMenuToggle .c-glyph:before {
   padding-left: 80px !important;
}
 .mobileMenuToggle {
   display: block;
   width: 210px;
 }
 .mobileMenuToggle button {
   padding-left: 0 !important;
   font-size: 18px !important;
   font-weight: 700 !important;
   padding-right: 0 !important;
 }
 .gameSelectors {
   width: 96%;
   margin: 0 auto;
   display: none;
   max-width: 470px;
   position: relative;
 }
 .filterClose {
   position: absolute;
   top: 18px;
   right: 18px;
   display: block;
   z-index: 1500;
 }
 .filterClose img {
   width: 18px;
 }
}
@media (min-width: 769px) and (max-width: 1479px) {
 .gameSelectors {
   display: inline-block;
   width: 27%;
 }
 .gameList {
   display: inline-block;
   width: 72%;
   vertical-align: top;
 }
 .gameList [data-grid~=col-3] {
   width: 33%;
 }
}
.langtranslations {
 display: none;
}
.selectionstext {
 display: none;
}
.c-refine-item.f-selected:after {
   display: none !important;
}
.c-refine-item.f-selected {
   color: #107c10 !important;
   /* font-weight: 700 !important; */
}
@media (max-width: 1599px) and (min-width: 769px) {
 .thecatalog[data-grid='container'] {
     max-width: 1890px;
     margin: 0 auto;
     padding-left: 3%;
     padding-right: 3%;
 }
 .gameSelectors {
   width: 17%;
   min-width: 190px;
   margin-right: 2px;
 }
 .gameSelectors fieldset, .gameSelectors legend, .c-checkbox.f-inline .c-label {
   width: 17% !important;
   min-width: 190px !important;
   margin-right: 2px !important;
 }
 .c-checkbox.f-inline .c-label {
   margin-top: 0;
   line-height: 20px !important;
   height: auto;
   font-size: 13px;
   margin-bottom: 8px;
}
}
.catCheck:hover, .catCheck:focus{
   font-weight: 700;
   background-color: white !important;
   text-decoration: underline;
}

/* @media only screen and (max-width: 767px) {
.c-hero > div, .m-hero-item > div {
   height: 300px !important;
}
} */
@media (min-width: 768px) {
.assistiveItems .item {
   max-width: 294px;
}
}
.sr-text {
   position: absolute;
   clip: rect(1px,1px,1px,1px);
}
.c-refine-menu>div[aria-hidden="true"] {
   display: block !important;
}
div#filter-genre button {
   display: none;
}


@media screen and (-ms-high-contrast: active) {
#catListItems .c-checkbox label.c-label.interactiveToysDisabled span {opacity: .1 !Important;}
}

/* Color Switcher */
.high-contrast-mode .color-indicator, .high-contrast-mode .heroTabControls li>a {
   forced-color-adjust: none;
}

.color-indicator-border {
  height: 24px !important;
  width: 24px !important;
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  border-color: #7d7d7d;
  margin-left: auto;
  margin-right: auto;
}
  
.color-indicator {
  height: 20px !important;
  width: 20px !important;
  border-width: 11px !important;
  border-style: solid !important;
  border-radius: 50% !important;
}

.m-content-placement .item .c-subheading-3 {
 margin-bottom: 15px;
}

.c-pivot.item .section > section {
  margin-top: 0;
}

.c-pivot ul {
  position: absolute !important;
  display: block !important;
  width: 80% !important;
}

.c-pivot.item .item {
  margin-top: 0;
}

.c-pivot.item>[role="tablist"]>[role="tab"] {
  margin: 0 4px;
  padding: 0;
}

.item.noFilt {
 display: block !important;
}

.c-pivot.item ul {
  top: auto;
  bottom: 22px;
}

.c-pivot.item>.c-flipper {
  top: auto;
  bottom: 29px;
  background: #FFF;
  border-radius: 0;
  font-size: 15px;
  height: 26px;
  width: 26px;
}

.c-pivot.item .c-flipper.f-next {
  right: 30px;
}

.c-pivot:not(.f-disabled)>[role="tablist"]>[role="tab"].f-active:after {
  border-bottom: none !important;
}

.c-pivot.item li:focus, .c-pivot.item .f-active {
  border: 2px dashed #000 !important;
  outline-color: #FFF !important;
  outline-style: none !important;
  border-color: #000000;
  border-style: solid;
  border-radius: 50%;
  border-width: 2px;
}

@media screen and (max-width: 1084px) and (min-width: 768px) {
.c-pivot ul {
  width: 75% !important;}
}

p.xdlDesc {
    max-width: 720px;
    margin: 0 auto;
}
.m-rich-heading.f-image.black-c.xdlRichHeading {
    background: transparent;
    height: 226px;
    max-width: 1600px;
    max-height: 226px;
    margin-left: auto;
    margin-right: auto;
}
.m-rich-heading.xdlRichHeading>picture.c-image img {
    width: 1600px;
    height: 226px;
}
@media (max-width: 1083px) {
  .m-rich-heading.f-image.black-c.xdlRichHeading {
    height: 213px;
    max-width: 1083px;
    max-height: 213px;
  }
  .m-rich-heading.xdlRichHeading>picture.c-image img {
    width: 1083px;
    height: 213px;
  }
  .m-rich-heading.xdlRichHeading .c-paragraph-3 {
    max-height: 60px;
    max-width: 84%;
  }
}
@media (min-width: 1084px) and (max-width: 1220px) {
  .m-rich-heading.xdlRichHeading .c-paragraph-3 {
    max-height: 64px;
    max-width: 80%;
  }
}
@media (min-width: 768px) and (max-width: 880px) {
  .m-rich-heading.xdlRichHeading .c-paragraph-3 {
    max-height: 80px;
    max-width: 70%;
  }
}
@media (max-width: 767px) {
  .m-rich-heading.f-image.black-c.xdlRichHeading {
    height: 80vw;
    max-width: 767px;
    max-height: 800px;
    margin-top: 0px;
    margin-bottom: 48px;
  }
  .m-rich-heading.xdlRichHeading>picture.c-image img {
    width: 100%;
    height: 67.8vw;
  }
  .m-rich-heading.xdlRichHeading>picture.c-image:before {
    display: none;
  }
  .m-rich-heading>picture.c-image+div {
    height: 200px;
    position: absolute;
    bottom: 0;
  }
  .m-rich-heading.xdlRichHeading>picture.c-image+div .c-heading {
    position: static;
    padding-left: 0;
  }
  .m-rich-heading.xdlRichHeading .c-paragraph-3 {
    max-height: 60px;
    display: block;
    padding-right: 36px;
  }
}
@media (max-width: 599px) {
    .m-rich-heading.f-image.black-c.xdlRichHeading {
      height: 82vw;
    }
  .m-rich-heading.xdlRichHeading .c-paragraph-3 {
    padding-top: 0;
  }
  .m-rich-heading.xdlRichHeading>picture.c-image+div {
    height: 134px;
  }
}
.m-rich-heading.xdlRichHeading>picture.c-image:after {
  display: none;
}

a h3:hover {
  text-decoration: underline;
  color: #107c10;
}
.point .c-paragraph-3 {
    padding-top: 0;
    line-height: 1;
}