/* RuneNation professional Joomla category article list
   Loaded after all template styles from layouts/template.php. */

#content .category-list,
#content .blog-featured + .category-list {
  width: 100%;
}

#content .category-list .content-category > h2,
#content .category-list > h2 {
  margin: 0 0 12px !important;
  padding: 13px 17px !important;
  border: 1px solid #b96f12 !important;
  border-radius: 7px 7px 0 0 !important;
  background: linear-gradient(#71370d, #3c1905) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.1), 0 2px 7px rgba(0,0,0,.22) !important;
  color: #fff3d1 !important;
  font-size: 25px !important;
  line-height: 1.2 !important;
  text-shadow: 0 1px 1px #000 !important;
}

#content .category-list .category-desc {
  margin: 0 0 15px !important;
  padding: 12px 15px !important;
  border: 1px solid #d0b27f !important;
  border-radius: 6px !important;
  background: #fffaf0 !important;
  box-shadow: 0 1px 4px rgba(66,32,4,.12) !important;
  color: #392818 !important;
  line-height: 1.55 !important;
}

#content .category-list .filters,
#content .category-list .filter-search {
  margin: 0 0 12px !important;
  padding: 10px 12px !important;
  border: 1px solid #d0b27f !important;
  border-radius: 6px !important;
  background: linear-gradient(#fffdf7, #f4e6cf) !important;
  box-sizing: border-box !important;
}

#content .category-list table.category,
#content .category-list table.table,
#content table.category {
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid #b98542 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 7px !important;
  overflow: hidden !important;
  background: #fffaf0 !important;
  box-shadow: 0 3px 10px rgba(58,27,3,.18) !important;
}

#content .category-list table.category thead th,
#content .category-list table.table thead th,
#content table.category thead th {
  padding: 11px 13px !important;
  border: 0 !important;
  border-right: 1px solid rgba(255,255,255,.13) !important;
  border-bottom: 2px solid #d08a22 !important;
  background: linear-gradient(#5e2b09, #321304) !important;
  color: #ffe9b4 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: .4px !important;
  text-align: left !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px #000 !important;
}

#content .category-list table.category tbody tr:nth-child(odd),
#content .category-list table.table tbody tr:nth-child(odd),
#content table.category tbody tr:nth-child(odd) {
  background: #fffaf0 !important;
}

#content .category-list table.category tbody tr:nth-child(even),
#content .category-list table.table tbody tr:nth-child(even),
#content table.category tbody tr:nth-child(even) {
  background: #f6ead7 !important;
}

#content .category-list table.category tbody tr:hover,
#content .category-list table.table tbody tr:hover,
#content table.category tbody tr:hover {
  background: #ffefc8 !important;
}

#content .category-list table.category tbody td,
#content .category-list table.table tbody td,
#content table.category tbody td {
  padding: 12px 13px !important;
  border: 0 !important;
  border-right: 1px solid #e4cda8 !important;
  border-bottom: 1px solid #dfc49c !important;
  color: #3a2717 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  vertical-align: middle !important;
}

#content .category-list td.list-title,
#content .category-list td[headers="categorylist_header_title"] {
  font-size: 15px !important;
  font-weight: 700 !important;
}

#content .category-list td.list-title > a:first-child,
#content .category-list td[headers="categorylist_header_title"] > a:first-child,
#content table.category td a {
  color: #733509 !important;
  text-decoration: none !important;
}

#content .category-list td.list-title > a:first-child:hover,
#content .category-list td[headers="categorylist_header_title"] > a:first-child:hover,
#content table.category td a:hover {
  color: #b35d08 !important;
  text-decoration: underline !important;
}

#content .category-list a[href*="task=article.edit"],
#content .category-list .icon-edit,
#content .category-list .btn {
  display: inline-block !important;
  margin-left: 8px !important;
  padding: 3px 8px !important;
  border: 1px solid #b87927 !important;
  border-radius: 4px !important;
  background: linear-gradient(#fff8e6, #e9c98e) !important;
  color: #613008 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.12) !important;
}

#content .category-list .pagination {
  margin: 14px 0 0 !important;
  padding: 10px !important;
  border: 1px solid #d0b27f !important;
  border-radius: 6px !important;
  background: #f7ead7 !important;
  text-align: center !important;
}

@media (max-width: 767px) {
  #content .category-list table.category,
  #content .category-list table.table,
  #content table.category {
    display: block !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #content .category-list table.category thead,
  #content .category-list table.table thead,
  #content table.category thead {
    display: none !important;
  }

  #content .category-list table.category tbody,
  #content .category-list table.table tbody,
  #content table.category tbody {
    display: block !important;
  }

  #content .category-list table.category tbody tr,
  #content .category-list table.table tbody tr,
  #content table.category tbody tr {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    margin: 0 0 12px !important;
    border: 1px solid #b98542 !important;
    border-radius: 7px !important;
    overflow: hidden !important;
    background: #fffaf0 !important;
    box-shadow: 0 2px 7px rgba(58,27,3,.17) !important;
  }

  #content .category-list table.category tbody td,
  #content .category-list table.table tbody td,
  #content table.category tbody td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-top: 1px solid #e4cda8 !important;
    padding: 27px 12px 10px !important;
    position: relative !important;
    text-align: left !important;
  }

  #content .category-list td.list-title,
  #content .category-list td[headers="categorylist_header_title"],
  #content table.category tbody td:first-child {
    grid-column: 1 / -1 !important;
    padding: 13px !important;
    border-top: 0 !important;
    border-bottom: 2px solid #d08a22 !important;
    background: linear-gradient(#5a2808, #351405) !important;
    color: #fff1c5 !important;
    font-size: 16px !important;
  }

  #content .category-list td.list-title > a:first-child,
  #content .category-list td[headers="categorylist_header_title"] > a:first-child,
  #content table.category tbody td:first-child > a:first-child {
    color: #fff1c5 !important;
  }

  #content .category-list td[headers="categorylist_header_date"]::before,
  #content .category-list td[headers="categorylist_header_author"]::before,
  #content table.category tbody td:nth-child(2)::before,
  #content table.category tbody td:nth-child(3)::before {
    position: absolute !important;
    top: 8px !important;
    left: 12px !important;
    color: #9a570d !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .55px !important;
    text-transform: uppercase !important;
  }

  #content .category-list td[headers="categorylist_header_date"]::before,
  #content table.category tbody td:nth-child(2)::before { content: "Published" !important; }
  #content .category-list td[headers="categorylist_header_author"]::before,
  #content table.category tbody td:nth-child(3)::before { content: "Author" !important; }
}

@media (max-width: 430px) {
  #content .category-list table.category tbody tr,
  #content .category-list table.table tbody tr,
  #content table.category tbody tr {
    grid-template-columns: 1fr !important;
  }
  #content .category-list table.category tbody td,
  #content .category-list table.table tbody td,
  #content table.category tbody td {
    grid-column: 1 !important;
  }
}