/* site.css — own components on top of the archive theme style.css (pius-heinz.com, wsop-2011) */
.clear { clear: both; }

/* logo: text hidden, header-bg.jpg carries the artwork (as in the capture) */
#logo a { background: none; text-indent: -9999px; overflow: hidden; }

/* social + sponsor plates are non-linked (no external links) */
#socialBar ul li span {
  display: block; float: left; height: 32px; width: 32px; margin-left: 15px;
  text-indent: -9999px; background: url(img/social.png) no-repeat top left; }
#socialBar ul li.twitter span { background: url(img/social.png) no-repeat top center; }
#socialBar ul li.pokerstars span { background: url(img/social.png) no-repeat top right; }
#sponsors li.pokerstars span, #sponsors li.truefruits span { display: block; height: 100%; width: 100%; }

/* ---------------- single/article pages ---------------- */
.section.single { overflow: visible; }
.entry { color: #959595; }
.entry h1 {
  font-family: Bebas, 'Helvetica Neue', sans-serif; font-weight: normal;
  letter-spacing: 1px; color: #c83030; font-size: 30px; line-height: 34px;
  text-transform: uppercase; margin-bottom: 6px; }
.postmeta { font-size: 11px; color: #6b655e; padding-bottom: 14px;
  border-bottom: 1px solid #2a2928; margin-bottom: 18px; }
.post_img { margin-bottom: 18px; }
.post_img img { max-width: 100%; height: auto; display: block;
  box-shadow: 0 3px 5px #000; background: #ccc; }
.entry-content { font-size: 13px; line-height: 20px; }
.entry-content h2 {
  font-family: Bebas, 'Helvetica Neue', sans-serif; font-weight: normal;
  letter-spacing: 1px; color: #b2b2b2; font-size: 24px; margin: 26px 0 12px; }
.entry-content p { font-size: 13px; line-height: 20px; padding-bottom: 14px; max-width: 75ch; }
.entry-content a { color: #ddd; }
.entry-content a:hover { text-decoration: underline; }
.entry-content ul, .entry-content ol { margin: 0 0 16px 22px; }
.entry-content ul { list-style: disc; }
.entry-content ol { list-style: decimal; }
.entry-content li { font-size: 13px; line-height: 20px; padding-bottom: 6px; }
.entry-content strong { color: #ddd; }

/* tables */
.article-table-wrap { overflow-x: auto; margin: 18px 0 22px;
  background: rgba(255,255,255,0.04); border-radius: 8px; }
table.article-table { width: 100%; border-collapse: collapse; font-size: 12px; }
table.article-table th {
  font-family: Bebas, 'Helvetica Neue', sans-serif; font-weight: normal;
  letter-spacing: 1px; text-transform: uppercase; text-align: left;
  color: #c83030; font-size: 15px; padding: 10px 12px; border-bottom: 1px solid #2a2928; }
table.article-table td { padding: 9px 12px; border-bottom: 1px dashed #2a2928;
  color: #aaa; vertical-align: top; }
table.article-table tr:last-child td { border-bottom: none; }

/* figures */
.entry-content figure { margin: 18px 0; }
.entry-content figure img { max-width: 100%; height: auto; display: block;
  box-shadow: 0 3px 5px #000; background: #ccc; }
.entry-content figcaption { font-size: 11px; color: #6b655e; padding-top: 6px; }

/* RG block */
.rgblock { margin: 26px 0 8px; padding: 14px 16px; border: 1px solid #3a3223;
  border-radius: 8px; background: rgba(200,48,48,0.07); }
.rgblock_t { font-family: Bebas, 'Helvetica Neue', sans-serif; font-weight: normal;
  letter-spacing: 1px; text-transform: uppercase; color: #c83030;
  font-size: 18px; margin-bottom: 8px; }
.rg18 { display: inline-block; margin-right: 10px; padding: 1px 8px;
  border: 2px solid #c83030; border-radius: 50%; color: #c83030;
  font-size: 13px; line-height: 18px; font-weight: bold; font-family: Arial, sans-serif; }
.rgblock_e { font-size: 12px; line-height: 18px; color: #959595; max-width: 85ch; }
.rgblock_e a { color: #ddd; text-decoration: underline; }

/* related */
.related { margin-top: 24px; }
.related h3 { color: #b2b2b2; font-family: Bebas, 'Helvetica Neue', sans-serif;
  font-weight: normal; letter-spacing: 1px; font-size: 22px; margin-bottom: 10px; }
.related ul { margin-left: 22px; list-style: disc; }
.related li { font-size: 13px; line-height: 20px; padding-bottom: 4px; }
.related a { color: #ddd; }
.related a:hover { text-decoration: underline; }

/* news list rows */
.postrow { width: 100% !important; overflow: auto; padding-bottom: 14px !important; }
.postrow p { padding-left: 0; }
.postrow .time { color: #6b655e; display: block; text-align: right; font-size: 10px; }

/* shop stub buttons */
form.qty input.submit, .orderstub { cursor: default; }
.shopnote { font-size: 11px; color: #6b655e; padding-top: 10px; }

/* contact form (neutralized, no external endpoints) */
.wpcf7note { font-size: 11px; color: #6b655e; padding-top: 8px; }.formrow { margin-bottom: 10px; }
.formrow label { display: block; font-size: 12px; color: #aaa; padding-bottom: 4px; }
.formrow input[type=text], .formrow input[type=email], .formrow textarea {
  width: 100%; max-width: 420px; background: rgba(255,255,255,0.06);
  border: 1px solid #2a2928; border-radius: 5px; color: #ddd;
  font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 13px; padding: 8px; }
.formrow textarea { min-height: 120px; }
.btnstub { display: inline-block; padding: 6px 14px; background: #51525a;
  color: #17191c; font-family: Bebas, 'Helvetica Neue', sans-serif;
  border-radius: 5px; font-size: 16px; text-transform: uppercase; cursor: default; }

/* ---------------- site footer ---------------- */
#siteFooter { background: #141518; border-top: 1px solid #2a2928;
  margin-top: 40px; padding: 30px 0 0; font-size: 12px; line-height: 18px; }
#siteFooter .foot_col { float: left; width: 300px; margin-right: 20px; }
#siteFooter .foot_rg { width: 300px; margin-right: 0; }
#siteFooter .foot_t { font-family: Bebas, 'Helvetica Neue', sans-serif;
  font-weight: normal; letter-spacing: 1px; text-transform: uppercase;
  color: #b2b2b2; font-size: 18px; margin-bottom: 10px; }
#siteFooter ul { margin-bottom: 14px; }
#siteFooter li { padding-bottom: 4px; }
#siteFooter a { color: #919191; }
#siteFooter a:hover { color: #ddd; }
#siteFooter p { color: #959595; }
#siteFooter .copy { border-top: 1px solid #2a2928; padding: 14px 0;
  color: #6b655e; font-size: 11px; clear: both; }
#siteFooter .container { overflow: auto; }

/* ---------------- responsive ---------------- */
@media (max-width: 980px) {
  .container, .section { width: auto; max-width: 100%; margin-left: 12px; margin-right: 12px; }
  .section { padding-left: 8px; padding-right: 8px; box-sizing: border-box; }
  #header { height: auto; min-height: 260px; background-size: cover; padding-bottom: 10px; }
  #socialBar { width: 100%; height: auto; padding-top: 10px; box-sizing: border-box; }
  #socialBar .facebook { display: none; }
  #socialBar ul { float: none; margin: 10px 0 10px 12px; height: 32px; }
  #logo a { height: 60px; }
  #navi { position: static; width: auto; display: flex; flex-wrap: wrap; margin: 10px 4px 0; }
  #navi li a { padding: 8px 10px; height: auto; line-height: 20px; font-size: 17px; }
  #sponsors { display: none; }
  #minicart { position: static; width: auto; text-align: left; margin: 10px 12px; }
  .section .column, .section .oneThird, .section .twoThird, .section .oneHalf, .section .full { width: 100%; float: none; }
  #news .twoThird, #news .post { width: 100%; }
  #termine .last { border-left: none; margin-left: 0; }
  #termine .last li, #termine .last h3, #termine .last p { margin-left: 0; }
  #presse .last { border-left: none; margin-left: 0; }
  #presse .last li { width: 100%; margin-left: 0; }
  #presse .last h3 { margin-left: 0; }
  #slider { width: auto; margin-left: 0; }
  #slider .buttons { display: none; }
  #slider .viewport { width: 100%; margin: 0; overflow-x: auto; height: 190px; }
  #slider .overview { position: static; display: flex; }
  #slider .overview li { flex: 0 0 auto; }
  #ueber-pius .full { -webkit-column-count: 1; column-count: 1; }
  #ueber-pius .profile { max-width: 130px; }
  #impressum .column, #impressum .first, #impressum .last { width: auto; float: none;
    margin: 0 0 20px; border-right: none; }
  #shop .imageContainer, #shop .details, #shop .chooser, #shop .chooser ul, #shop .chooser .chosen { width: 100%; float: none; }
  #shop .chooser .chosen { height: 120px; margin-bottom: 12px; }
  #shop.cart .total { width: auto; height: auto; }
  #booking .post { width: 100%; }
  #siteFooter .foot_col, #siteFooter .foot_rg { float: none; width: auto; margin-right: 0; }
  #back-top { display: none; }
  .entry h1 { font-size: 24px; line-height: 28px; }
  .entry-content h2 { font-size: 20px; }
}