/* Core style overrides */

/*.ipsLayout_container {
    max-width: 100% !important;
    padding: 0px 0px !important;
}

#ipsLayout_mainArea {
    padding: 0px 0px !important;
}

#ipsLayout_contentWrapper {
    margin-top: 80px !important;
}*/

.ipsBreadcrumb {
  padding-left: 19px !important;
  padding-right: 19px !important;
  background: rgba(24,29,37,0.7) !important;
}

.ipsBreadcrumb.ipsBreadcrumb_1 {
    margin: 0px 20px 0px 20px !important;
}

#elCmsPageWrap {
    background: rgba(24,29,37,0.9) !important;
}



.ipsItemControls {
    margin-top: 0px !important;
    margin-bottom: 20px !important;
}

/* Actual styles start here */

.product_page_wrap {
    padding: 0px 20px;
}

.product_sidebar_bg {
    background: rgba(24,29,37,0.75);
}

.esrb_icon {
    max-width: 40px;
}

.product_buttons {
    float: right !important;
    /*margin: 0px 3px;*/
    margin: 3px;
    margin-left: 3px !important;
}

.esrb_details {
    list-style: none;
    padding-left: 0px;
}

.esrb_title {
    font-size: 17px;
    font-weight: bold;
}

.esrb_details > li {
    margin-bottom: 5px;
}

.pd_title {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 3px;
}

.pd_value {
  
}

.product_screenshot {
    /*width: auto;
    max-width: 100%;*/
    transition: 0.5s;
    width: 371px;
    height: 208.5px;
    
}
/*
.product_screenshot:hover {
    box-shadow: 0px 0px 13px 3px #000;
    transition: 0.5s;
    transform: scale(1.03);
}*/

.ps_container {
    display: inline-block;
    /*width: 23.5%;*/
    max-width: calc(25% - 23px);
    margin: 10px;
    width: calc(25% - 23px);
    height: 206px;
    margin: 10px;
    background-size: cover !important;
    transition: 0.5s;
}

.ps_container:hover {
    box-shadow: 0px 0px 13px 3px #000;
    transition: 0.5s;
    transform: scale(1.03);
}

.product_cover {
    height: 300px;
    margin: 0px 0px 20px 0px;
    box-shadow: 0px 0px 13px 3px #000;
    background-size: cover !important;
    background-position: center !important;
    padding: 10px;
}

.product_detail {
    margin-bottom: 40px;
}

.p_price {
    font-size: 26px;
    position: relative;
    top: 5px;
    color: #58a058;
    background: rgba(30, 49, 73, 0.3);
    padding: 11px;
    margin-right: 6px;
    display: inline-block;
}

.product_rating {
    text-align: center;
    margin: 5px 0px;
}

.product_tags {
    margin-bottom: 10px;
}

.p_buy_area > div, .p_buy_area > a {
    margin: 3px;
}

.product_platform_iconwrap {
      margin: 15px 0px;
      text-align: center;
}

.product_platform_iconwrap > img {
    width: 40%; /* 30% */
    display: block;
    margin: 0px 30%; /* 35% */
}


.product_list_header {
    text-align: center; 
}

.product_list_h_title {
    font-size: 3em;
}

.product_list_h_subtitle {
  font-size: 1.2em;
}

.product_l_item {
    width: calc(14% - 22px);
    display: inline-block;
    margin: 10px;
    transition: 0.5s;
}

.product_l_item:hover {
    box-shadow: 0px 0px 13px 3px #000;
    transition: 0.5s;
    transform: scale(1.03);
}

.product_l_cover {
    /*width: auto;*/
    max-width: 100%;
    width: 100%; /* 204px */
    height: 100%; /* 288px */
}

.product_l_details {
    background: #2b333e;
    padding: 5px 10px;
}

.ipsModerated .product_l_details {
    background: #3e1b1b;
}

.product_l_cover_wrap {
    position: relative; 
    width: 100%; /* 204px */
    height: 288px;
    height: calc(19.6vw * 84 / 110);
    max-height: 800px;
    max-width: 1100px;
}

.product_l_cover_wrap_noflex {
    position: relative; 
    /*width: 100%; /* 204px */
}

.product_l_cover_overlay {
    position: absolute;
    padding: 10px;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
}

.product_flags {
    background: rgba(41, 104, 143, 0.92);
    margin: 10px -10px 0px -10px;
    padding: 3px;
    color: #fff;
    list-style: none;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.product_l_modsel {
    float: right;
    opacity: .7; 
}

.product_flags > li {
    display: inline-block;
    padding: 0px 2px;
}

.product_l_title {
    font-size: 18px;
}

.product_l_dev {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product_l_link {
    color: #cecece;
}

/* Screen size styles (for mobile and other finnicky elements) */
@media (max-width: 1844px)
{
    .ps_container {
      /*width: 23%;*/
     }
    
}

@media (max-width: 1426px)
{
    .ps_container {
      /*width: 22.5%;*/
     }
    .product_l_item {
        width: calc(25% - 23px);
    }
    .product_l_cover_wrap {
        height: calc(36vw * 80 / 110);
    }
    
}

@media (max-width: 1186px)
{
    .ps_container {
      /*width: 22%;*/
     }
    
}

@media (max-width: 1174px)
{
    .ps_container {
      /*width: 22%;*/
     }
    
}

@media (max-width: 1010px)
{
    .ps_container {
      /*width: 21.5%;*/
     }
    
}

@media (max-width: 979px)
{
    .ps_container {
      /*width: 47%;*/
      max-width: calc(50% - 22px);
     }
      

       
     .product_detail {
        width: calc(50% - 16px) !important;
        margin-left: 16px !important;
     }
  
     .product_esrb,.product_links {
       width: 47.5% !important;  
     }
  
      
      .product_description_container {
          width: 75% !important;
       }
  
       .product_l_item {
           width: calc(50% - 23px);
       }
  
      .product_l_cover_wrap {
          height: calc(84vw * 84 / 110);
      }
    
}

@media (max-width: 852px)
{
    .ps_container {
      /*width: 46.5%;*/
     }
  
     .product_title {
       width: 100% !important;
     }
  
     .product_buttons {
        width: 100% !important
     }

    
}

@media (max-width: 746px)
{
    .ps_container {
      /*width: 46%;*/
     }
  
    .product_box_ratings {
       width: 100% !important;
    }
  
    .product_description_container {
        width: 100% !important;
    }
    
}

@media (max-width: 670px)
{
    .ps_container {
      /*width: 45.5%;*/
     }
    
}

@media (max-width: 610px)
{
    .ps_container {
      max-width: 100%;
      /*width: 100%;*/
     }
    
  
     .product_detail {
        width: calc(100% - 16px) !important;
        margin-left: 16px !important;
     }
  
     .product_l_item {
           width: calc(100% - 23px);
     }
  
     .product_platform_iconwrap {
         width: 100% !important;
     }
  
}