/* robertmizrachipoker.com faithful rebuild: supplemental styles (archive common.css untouched, byte-identical) */

/* 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: #d8e4c8;
  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 title: archive had <h1>Robert Mizrachi</h1> with header-title.gif;
   we render a div with the same box so each page keeps exactly one h1 */
#header #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;
}

/* screen-reader-only intent h1 on home.
   NOTE: common.css (byte-identical, untouchable) has `#header h1{width:435px}`
   which beats this rule on specificity -> !important required */
h1.sr-only {
  position: absolute !important; width: 1px !important; height: 1px !important;
  margin: -1px !important; padding: 0 !important; overflow: hidden;
  clip: rect(0 0 0 0); border: 0; white-space: nowrap; background: none !important;
  text-indent: 0 !important;
}

/* gallery header band (archive h1.gallery) as div */
.gallery-band {
  width: 760px; height: 52px; background: url(/images/global/layout/grey-1col-header.gif) top left no-repeat;
  padding: 0; margin: 0 0 0 6px; text-indent: -999em; overflow: hidden;
}

/* 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; }
.hdr-img.news { background: url(/images/com/en/headers/news.gif) top left no-repeat; }
.hdr-img.tips { background: url(/images/com/en/headers/tips.gif) top left no-repeat; }
.hdr-img.links { background: url(/images/com/en/headers/links.gif) top left no-repeat; }

/* article page */
#content-wrap h1.article-h1 { color: #101010; font-size: 1.45em; margin: 0 0 10px 0; padding: 0; line-height: 1.25; }
#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.0em; }
table.article-table th, table.article-table td {
  border: 1px solid #7d8a6e; padding: 5px 8px; text-align: left; vertical-align: top;
}
table.article-table th { background: #33402a; color: #fff; }
table.article-table tr:nth-child(even) td { background: #eef1e8; }

/* responsible gambling block */
.rgblock {
  margin: 16px 0 6px 0; padding: 10px 12px; background: #33402a; color: #fff;
  border: 1px solid #5c6b50; 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: #b3261e; 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 #brand { width: 92%; height: 57px; background-size: contain; background-repeat: no-repeat; }
  #nav { position: static; background: #101010; height: auto; }
  #nav ul { width: 100%; overflow: hidden; margin: 0; padding: 0; }
  #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: #d8e4c8; display: inline-block;
  }
  #nav li.logo { width: 100% !important; height: auto !important; }
  #nav li.logo div#link { background: none !important; 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: 200px; 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: #33402a; padding: 6px; }
  #right #top-right { width: 100%; height: 180px; 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; display: block !important; }
  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; }
  .gallery-band { 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; }
}