/* -----------------------------------------------------------------------------
Engine:       Gametize
Author:       Gametize Pte Ltd
Description:  Gameteaser
----------------------------------------------------------------------------- */

@media screen and (max-width: 767px) {
  /* Remove padding on mobile screen */
  .social-share-page .container-paddedvertical,
  .social-share-page .container {
    padding-left: 0; /* Specific override */
    padding-right: 0; /* Specific override */
    padding-top: 0; /* Specific override */
    padding-bottom: 0; /* Specific override */
  }
}

.social-share-content {
  background-color : #ececec;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  padding: 20px;
}

@media screen and (max-width: 767px) {
  .social-share-content {
    border-radius: 0;
    padding: 15px;
    min-height: 100dvh;
  }
}

.social-share-content-overlay {
  background-color: rgba(255,255,255, 0.7);
  border-radius: 20px;
  padding: 20px;
}

/* Disable hover state */
a.button.cta:link, a.button.cta:visited, a.button.cta:hover {
  text-decoration: none;
}


/* ----------------------------------------------------
  TO DEPRECATE
  But to leave code until mid-2025 to support older game teaser.
---------------------------------------------------- */

/* For mobile */
@media screen and (max-width: 568px) {
  .last, .colextend { margin-right: 0; }
  .on-xs-onecol { width: 4.85% }
  .on-xs-onecol.colextend {width: 8.65%;}
  .on-xs-twocol { width: 13.45% }
  .on-xs-twocol.colextend {width: 15.25%;}
  .on-xs-threecol { width: 22.05% }
  .on-xs-threecol.colextend { width: 25.85% }
  .on-xs-fourcol { width: 30.75% }
  .on-xs-fourcol.colextend { width: 34.55% }
  .on-xs-fivecol { width: 39.45% }
  .on-xs-fivecol.colextend { width: 43.25% }
  .on-xs-sixcol { width: 48% }
  .on-xs-sixcol.colextend { width: 51.8% }
  .on-xs-sevencol { width: 56.75% }
  .on-xs-sevencol.colextend { width: 60.55% }
  .on-xs-eightcol { width: 65.4% }
  .on-xs-eightcol.colextend { width: 69.2% }
  .on-xs-ninecol {width: 74.55%;}
  .on-xs-ninecol.colextend { width: 77.85% }
  .on-xs-tencol { width: 82.7% }
  .on-xs-tencol.colextend { width: 86.5% }
  .on-xs-elevencol { width: 91.35% }
  .on-xs-elevencol.colextend { width: 95.15% }
  .on-xs-last { margin-right: 0px }
  .on-xs-twelvecol, .on-xs-twelvecol.colextend { width: 100%; }
}