/* responsive */

/* reduce carousel next/prev button sizes and move to top */
@media screen and (max-width: 740px) {
  .flickity-prev-next-button {
    top: 15% !important;
    width: 35px;
    height: 35px;
  }
}

@media screen and (max-width: 680px) {
  div.itch_wide {
    display: none;
  }
  div.itch_short {
    display: block;
  }
  div.steam_wide {
    display: none;
  }
  div.steam_short {
    display: block;
  }
}

/*
 - Smaller article title text
*/
@media screen and (max-width: 640px) {
  h1.article-title {
    font-size: 1.1em;
  }
  section h1 {
    font-size: 1.1em;
  }
  section h2 {
    font-size: 1.00em;
  }
  section h3, section h4, section h5, section h6 {
    font-size: 0.9em;
  }
  div.gamePlatforms {
    font-size: 17px;
  }
  div.outside h1 {
    font-size: 1.33em;
  }
  div.outside h2 {
    font-size: 1.00em;
  }
  div.outside h3 {
    font-size: 0.9em;
  }
}

/*
 - nav text size for smaller resolutions
 - remove carousel image and center text
 - less padding for smaller resolutions to maximize usable screen space
 - reduced share text size
*/
@media screen and (max-width: 630px) {
  .carousel-inner img {
    display: none;
  }
  .carousel-inner {
    width: 320px !important;
  }
  nav#topnav {
    height: 30px;
  }
  #topnav ul li {
    padding: 5px 9px 3px 9px;
    margin-left: 2px;
    margin-right: 2px;
    font-size: 15px;
  }
  div.mainContainer {
    padding: 0;
    margin: 0 12px;
  }
  .fullMainWidth {
    left: -12px;
  }
  .article-summary {
    padding-left: 12px;
  }
  .share_parent {
    font-size: 1.1em;
  }
  div.summary_gameActions {
    text-align: center;
  }
  .share_parent {
    text-align: center;
  }
}

@media screen and (max-width: 460px) {
  div.pagination span.pageNumber:first-child, div.pagination span.pageNumber:last-child {
    display: none;
  }
  div.pagination span.currentPage {
    display: inline !important;
  }
  .postListModified {
    display: none;
  }
}

/* 
 - resize logo for tiny resolutions, hide release date column to prevent overflow 
 - Smaller article title text
 - reduced share text size
 - share text centered
*/
@media screen and (max-width: 360px) {
  img#logoText {
    width: 300px !important;
    height: 52px !important;
  }
  table.releases tr td:nth-child(1) {
    display: none;
  }
  table.releases a {
    padding: 0 5px !important;
  }
  h1.article-title {
    font-size: 1.025em;
  }
  section h1 {
    font-size: 1.025em;
  }
  section h2 {
    font-size: 0.95em;
  }
  section h3, section h4, section h5, section h6 {
    font-size: 0.9em;
  }
  .share_parent {
    font-size: 1em;
  }
  div.gameInfo h2 {
    font-size: 0.75em;
  }
  div.gamePlatforms {
    font-size: 16px;
  }
}

@media screen and (max-width: 430px) {
  div.pagination span.pageNumber {
    display: none;
  }
  div.pagination span.currentPage {
    display: inline !important;
  }
}

/* nav text size for tiny resolutions */
@media screen and (max-width: 350px) {
  nav#topnav {
    height: 25px;
  }
  #topnav ul li {
    padding: 5px 9px 3px 9px;
    margin-left: 2px;
    margin-right: 2px;
    font-size: 12.5px;
  }
}

/* reduce sale size */
/* games page */
@media screen and (max-width: 959px) {
  .gameItem .discounted {
    font-size: 75%;
  }
}
@media screen and (max-width: 750px) {
  .gameItem .discounted {
    font-size: 100%;
  }
}
@media screen and (max-width: 470px) {
  .gameItem .discounted {
    font-size: 75%;
  }
}
/* game info page */
@media screen and (max-width: 470px) {
  .gamePage_gameInfo .discounted {
    font-size: 75%;
  }
}
/* news page */
@media screen and (max-width: 470px) {
  .releaseWidget .discounted {
    font-size: 75%;
  }
}