:root {
  --cassiopeia-color-primary: #000000;
  --cassiopeia-color-link: #cb9d5f;
  --cassiopeia-color-hover: #ffffff;
  --cassiopeia-color-focus: #e6d09f;

  --nosferatu-bg: #000000;
  --nosferatu-surface: #111111;
  --nosferatu-surface-2: #181818;
  --nosferatu-text: #e6d09f;
  --nosferatu-accent: #cb9d5f;
  --nosferatu-accent-2: #f0ddb3;
  --nosferatu-border: #000000;
  --nosferatu-muted: #bfa06d;
}

html,
body,
.site-grid,
.wrapper-grid,
.site,
.container-banner,
.container-component,
.container-sidebar-left,
.container-sidebar-right,
.footer,
.card,
.moduletable,
.blog-item,
.com-content-article,
.item-content {
  background-color: var(--nosferatu-bg);
  color: var(--nosferatu-text);
  FONT-FAMILY: Verdana, Arial, Helvetica;
}

/* Górny pasek i branding */
.container-header {
  background-color: #000000;
  background-image: linear-gradient(to bottom, #000000 0%, #000000 100%);
  /*box-shadow: 0 0 0 1px rgba(203, 157, 95, 0.18), 0 10px 30px rgba(0,0,0,.55);*/
  border-bottom: solid 1px #e6d09f;
  margin-bottom: 30px;
}

/*.container-header .navbar-brand {
	margin:auto;
}*/

.container-header .navbar-brand,
.container-header .navbar-brand a,
.container-header .mod-menu {
  color: var(--nosferatu-text);
}

/* Menu główne */
.metismenu.mod-menu .mm-collapse,
.metismenu.mod-menu .mm-show,
.metismenu.mod-menu .mm-active,
.metismenu.mod-menu > li > a,
.metismenu.mod-menu > li > button,
.mod-menu > li > a {
  color: var(--nosferatu-text);
}

.metismenu.mod-menu > li > a:hover,
.metismenu.mod-menu > li.active > a,
.metismenu.mod-menu > li > button:hover,
.mod-menu > li > a:hover,
.mod-menu > li.active > a {
  color: var(--nosferatu-accent);
}

.container-header .mod-menu > li::after,
.container-header .metismenu.mod-menu > li::after {
  background: var(--nosferatu-accent);
}

/*.wrapper-fluid .grid-child.container-nav {
	margin:auto;
}*/

/* Treść i moduły */
main,
.main-bottom,
.main-top,
.sidebar-left,
.sidebar-right,
.card,
.moduletable,
.blog-item,
.com-content-category-blog__item,
.com-content-article,
.com-contact,
.com-content-featured,
.container-component > * {
  color: var(--nosferatu-text);
}

.site-grid h1 {
	font-size: 2.0rem;
	margin-bottom:20px;
}

.site-grid h2 {
	font-size: 1.7rem;
}

.site-grid h3 {
	font-size: 1.4rem;
}

.com-content-category-blog .item-content {
	margin-top:15px;
}

dl.article-info.text-muted {
	margin-top:0px;
}

/*.card,
.moduletable,
.blog-item,
.com-content-article,
.container-component > *:not(ul):not(ol) {
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  border: 1px solid rgba(203, 157, 95, 0.24);
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
}*/

.card,
.moduletable {
  /*background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  border: 1px solid rgba(203, 157, 95, 0.24);
  box-shadow: 0 8px 24px rgba(0,0,0,.35);*/
  background-color: #000000;
  background-image: linear-gradient(to bottom, #000000 0%, #000000 100%);
  border: none;
}

.card-header {
	padding: 0 0 0 0;
	margin-bottom:10px;
}
.card-body {
	padding: 0 0 0 0;
}

/*.com-content-article {
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  border: 1px solid rgba(203, 157, 95, 0.24);
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
}*/

.container-component > *:not(ul):not(ol) {
  background-color: #000000;
  background-image: linear-gradient(to bottom, #000000 0%, #000000 100%);
  /*border: 1px solid rgba(203, 157, 95, 0.24);
  box-shadow: 0 8px 24px rgba(0,0,0,.35);*/
}

.blog-item {
  /*background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  border: 1px solid rgba(203, 157, 95, 0.24);
  box-shadow: 0 8px 24px rgba(0,0,0,.35);*/
  background-color: #000000;
  background-image: linear-gradient(to bottom, #000000 0%, #000000 100%);  
}

th#categorylist_header_title {
	border-bottom: solid 1px #e6d09f;
	background-color: rgba(230, 208, 159, 0.15);
}
th#categorylist_header_date {
	border-bottom: solid 1px #e6d09f;
	background-color: rgba(230, 208, 159, 0.15);
}

/* Teksty */
p,
li,
dd,
dt,
small,
.category-desc,
.page-header,
.breadcrumb,
.footer,
.sidebar-left,
.sidebar-right {
  color: var(--nosferatu-text);
}

.article-info,
.text-muted,
.article-info .published {
  color: #cb9d5f;
}

h1, h2, h3, h4, h5, h6,
.page-header h1,
.page-header h2,
.card-header,
legend {
  color: var(--nosferatu-accent-2);
}

/* Linki */
a {
  color: var(--nosferatu-accent);
}

a:hover,
a:focus {
  color: #ffffff;
}

/* Linie, separatory, cytaty */
hr,
.dropdown-divider {
  border-color: rgba(230, 208, 159, 0.45);
}

blockquote {
  border-left: 4px solid var(--nosferatu-accent);
  background: rgba(203, 157, 95, 0.08);
  color: var(--nosferatu-text);
}

/* Breadcrumbs */
/*.breadcrumb {
  background: rgba(203, 157, 95, 0.06);
  border: 1px solid rgba(203, 157, 95, 0.22);
}*/

.breadcrumb-item + .breadcrumb-item::before,
.breadcrumb-item.active {
  color: var(--nosferatu-muted);
}

/* Przyciski */
.btn,
.btn-primary {
  background: linear-gradient(180deg, #cb9d5f 0%, #9f733b 100%);
  border-color: #8b6433;
  color: #000000;
}

.btn:hover,
.btn:focus,
.btn-primary:hover,
.btn-primary:focus {
  background: linear-gradient(180deg, #f0ddb3 0%, #cb9d5f 100%);
  border-color: #cb9d5f;
  color: #000000;
}

.btn-secondary,
.btn-outline-secondary,
.btn-outline-primary {
  background: transparent;
  border-color: var(--nosferatu-accent);
  color: var(--nosferatu-accent);
}

.btn-secondary:hover,
.btn-outline-secondary:hover,
.btn-outline-primary:hover {
  background: rgba(203, 157, 95, 0.12);
  border-color: #ffffff;
  color: #ffffff;
}

/* Formularze */
input,
textarea,
select,
.form-control,
.form-select,
.inputbox {
  background: #0d0d0d;
  border: 1px solid rgba(203, 157, 95, 0.3);
  color: var(--nosferatu-text);
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus,
.form-select:focus,
.inputbox:focus {
  background: #121212;
  border-color: var(--nosferatu-accent);
  color: var(--nosferatu-text);
  box-shadow: 0 0 0 .2rem rgba(203, 157, 95, .18);
}

::placeholder {
  color: #b89b6c;
  opacity: 1;
}

/* Tabele */
.table,
.table > :not(caption) > * > * {
  color: var(--nosferatu-text);
  background-color: transparent;
  border-color: rgba(230, 208, 159, 0.2);
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: rgba(13, 13, 13, 1);
  color: var(--nosferatu-text);
}

/*.table-striped > tbody > tr:hover {
  background-color: rgba(15, 15, 15, 1);
}
.table-striped > tbody > tr:hover:nth-of-type(odd) > * {
  background-color: rgba(24, 24, 24, 1);
}*/

/* Dropdowny */
.dropdown-menu {
  background: #0b0b0b;
  border: 1px solid rgba(203, 157, 95, 0.25);
}

.dropdown-item {
  color: var(--nosferatu-text);
}

.dropdown-item:hover,
.dropdown-item:focus {
  background: rgba(203, 157, 95, 0.12);
  color: #ffffff;
}

/* Pagination */
.pagination .page-link {
  background: #0d0d0d;
  border-color: rgba(203, 157, 95, 0.25);
  color: var(--nosferatu-accent);
}

.pagination .page-link:hover,
.pagination .active .page-link {
  background: rgba(203, 157, 95, 0.18);
  border-color: var(--nosferatu-accent);
  color: #ffffff;
}

/* Stopka */
.footer,
.container-footer {
  background: #000000;
  color: var(--nosferatu-muted);
  /*border-top: 1px solid rgba(203, 157, 95, 0.18);*/
  border-top: solid 1px #e6d09f;
  margin-top: 30px;
}

.footer a,
.container-footer a {
  color: var(--nosferatu-accent);
}

.footer a:hover,
.container-footer a:hover {
  color: #ffffff;
}

/* Mobilne menu */
.navbar-toggler {
  border: 1px solid rgba(203, 157, 95, 0.4);
  color: var(--nosferatu-accent);
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 .2rem rgba(203, 157, 95, .18);
}

.navbar-toggler-icon {
  filter: sepia(1) saturate(0.9) brightness(1.05);
}

/* Delikatny klimat starej strony */
.page-header,
.card-header,
.moduletable > h3 {
  /*border-bottom: 1px solid rgba(230, 208, 159, 0.25);*/
  border-bottom: 1px solid #f0ddb3;
  padding-bottom: .35rem;
}

/* Back to top / utility */
.back-to-top-link,
.btn.jmodedit {
  background: #111111;
  color: var(--nosferatu-accent);
  border: 1px solid rgba(203, 157, 95, 0.25);
}

.back-to-top-link:hover,
.btn.jmodedit:hover {
  color: #ffffff;
  border-color: #ffffff;
}


/* Bez ramek dla treści artykułów i h1 w treści */
.com-content-article,
.com-content-article .item-content,
.item-page,
.item-page .com-content-article,
.blog-item .item-content,
.view-article .com-content-article,
.view-article .item-page {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.com-content-article .page-header,
.com-content-article .page-header h1,
.item-page .page-header,
.item-page .page-header h1,
.blog-item .page-header,
.blog-item .page-header h1,
.view-article h1 {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  margin-bottom: 1rem;
}

/* Gdy page-header dziedziczy dolną linię z ogólnych reguł */
.com-content-article .page-header,
.item-page .page-header,
.blog-item .page-header {
  border-bottom: 0;
}

/* Galeria obrazów */
div#galeria{
	width:100%;
	max-width:750px;
	margin: 0 auto;
}

div#galeria .brSigLink {
	background: #000000;
	border: 1px solid #cb9d5f;
	padding: 5px;
}