/* ramvaswani.com faithful rebuild: supplemental styles (archive common.css untouched) */

/* FullTilt mention kept as text, never a link */
.nolink { color: #fff; font-weight: bold; }
#nav li.logo div#link .nolink {
  display: block; text-indent: 0; overflow: hidden; color: #e1dcb6;
  font-size: 9px; line-height: 1.2; padding: 26px 6px 0 6px; text-transform: uppercase;
  height: 65px; box-sizing: border-box;
}
#left #top-left .nolink {
  display: block; position: absolute; left: 20px; bottom: 32px; width: 92px; height: 88px;
  text-indent: -999em; overflow: hidden;
}
#left #banner .nolink { display: block; width: 464px; height: 130px; text-indent: -999em; overflow: hidden; }
p.download-button .nolink { display: block; width: 142px; height: 68px; }

/* brand header as div on article pages (keeps H1=1); same look as #header h1 */
#header div#brand {
  width: 435px; height: 57px; margin: 0 auto; text-indent: -999em; overflow: hidden;
  background: url(/images/com/en/content/home/pro-specific/header-title.gif) top left no-repeat;
}

/* grey column header image as div (single H1 per article page) */
.hdr-img { width: 590px; height: 77px; text-indent: -999em; overflow: hidden; margin: 0 0 5px 0; }
.hdr-img.about { background: url(/images/com/en/headers/about.gif) top left no-repeat; }

/* article page */
#content-wrap h1.article-h1 { color: #000; font-size: 1.5em; margin: 0 0 10px 0; padding: 0; }
#content-wrap .byline { margin: 0 0 12px 0; color: #2D2D2D; }
#content-wrap .byline .author { font-style: italic; font-weight: bold; }
#content-wrap ul.related { margin: 14px 0 4px 17px; }
#content-wrap ul.related li { padding: 0 0 4px 0; }

/* tables: wrapper keeps wide tables from overflowing on small screens */
.wrap { overflow-x: auto; max-width: 100%; margin: 0 0 12px 0; }
table.article-table { border-collapse: collapse; width: 100%; background: #fff; color: #2D2D2D; font-size: 1.05em; }
table.article-table th, table.article-table td {
  border: 1px solid #8a8a8a; padding: 5px 8px; text-align: left; vertical-align: top;
}
table.article-table th { background: #2f2f2f; color: #fff; }
table.article-table tr:nth-child(even) td { background: #ececec; }

/* responsible gambling block */
.rgblock {
  margin: 16px 0 6px 0; padding: 10px 12px; background: #2f2f2f; color: #fff;
  border: 1px solid #555; font-size: 1.0em; line-height: 1.5;
}
.rgblock .rgblock_t { font-weight: bold; margin: 0 0 6px 0; font-size: 1.1em; }
.rgblock .rg18 {
  display: inline-block; background: #c00; color: #fff; font-weight: bold; border-radius: 3px;
  padding: 1px 5px; margin: 0 6px 0 0; font-size: 0.9em;
}
.rgblock a { color: #fff; }

/* gallery slider sizing safety */
.photo-gallery .full-size img { max-width: 100%; height: auto; }
.photo-gallery .items .container .item img { height: 75px; width: 75px; }

/* ---------------- mobile (390px) ---------------- */
@media (max-width: 800px) {
  #wrapper, #content, #nav, #nav ul, #footer-close { width: 100% !important; }
  #header { height: auto; }
  #header h1, #header div#brand { width: 90%; height: 57px; background-size: contain; background-repeat: no-repeat; }
  #nav { position: static; background: none; height: auto; }
  #nav ul { width: 100%; }
  #nav ul li {
    position: static !important; width: auto !important; height: auto !important;
    text-indent: 0 !important; float: left; padding: 0 !important;
  }
  #nav ul li a {
    height: auto !important; padding: 8px 10px; text-indent: 0; overflow: visible;
    background: none; color: #e1dcb6; display: inline-block;
  }
  #nav li.logo { width: 100% !important; height: auto !important; }
  #nav li.logo div#link { background-size: contain; background-repeat: no-repeat; height: auto; }
  #nav li.logo div#link .nolink { height: auto; padding: 4px 6px; font-size: 8px; }
  #content { background: #fff; }
  #grey-2col #content, #grey-1col #content { background: #fff; }
  #left, #right, #grey-2col #left, #grey-2col #right { width: 100% !important; float: none; padding: 0 !important; }
  #left #top-left { width: 100%; height: 180px; background-size: cover !important; }
  #left #banner { width: auto; height: auto; background: none; padding: 0; }
  #left #banner .nolink { width: auto; height: auto; text-indent: 0; color: #2f2f2f; padding: 6px; }
  #right #top-right { width: 100%; height: 160px; background-size: cover !important; }
  #grey-2col #content-wrap, #grey-1col #content-wrap { width: auto; padding: 10px !important; }
  #boxes { width: auto; height: auto; background: none; margin: 10px 0; }
  #boxes div.news, #boxes div.tips, #boxes div.about { width: auto !important; float: none; height: auto; margin: 8px 0; }
  h1.news, h1.about, h1.tips, h1.links, .hdr-img { width: 100% !important; background-size: contain !important; background-repeat: no-repeat !important; }
  h1.gallery { width: 100% !important; margin: 0 !important; background-size: contain !important; background-repeat: no-repeat !important; }
  img { max-width: 100%; height: auto; }
  .photo-gallery { width: 100%; }
  .photo-gallery .items { width: auto; left: 0; }
  .photo-gallery .items .container { width: 100%; }
  .photo-gallery .full-size { height: auto; padding-top: 10px; }
  div.copyright, div.copyright h2, div.copyright p { width: auto; }
  #footer-links { width: auto !important; }
  #footer-links li { float: none; display: inline-block; }
  #grey-2col #footer-close, #footer-close { background-size: contain; background-repeat: no-repeat; }
  #grey-2col #content-close { background: #fff; }
}