/* Reset breakpoints to Bootstrap Standard */
@media (min-width: 3720px) {
  .container, .span12 { width: 2220px; }
}

@media (min-width: 2440px) {
  .container, .span12 { width: 1700px; }
}

@media (min-width: 1800px) and (max-width: 2439px) { 
  .container, .span12 { width: 1220px; }

}
@media (min-width: 1500px) and (max-width: 1799px) {
  .container, .span12 { width: 1080px; } 
}
@media (min-width: 1200px) and (max-width: 1499px) {
  .container, .span12 { width: 800px; } 
}

@media (max-width: 768px) {
  .downloadCardFooter, .downloadPreview { display: none; }
}

/* Table header */
table.table-white { background-color: var(--background-light-primary) !important; }
.table-heading { background-color: #4a4a4a; color: #fff; font-weight: 700; padding-left: 0.5em; }

/* Add rounded corner */
div.maincontentinner, div.maincontentwrapper {
  border-radius: 15px 15px 0px 0px;
}

/* Limit Download Cards to single row */
.constrained-grid {
  grid-template-rows: auto repeat(100, 0px);
}

/* Make them scrollable */
div.cards-horizontal > .smol-css-grid {
  grid-template-columns: 300px;
  grid-auto-flow: column;
  grid-auto-columns: 300px;
  overflow-x: scroll;
  scroll-snap-type: x proximity;
}

.smol-css-grid.gridtype-games {
  --min: 30%;
}

/* Underline links */
.links-underlined a { text-decoration: underline; }