:root {
	--hw-ivory: #fffdf7;
	--hw-cream: #f6eddd;
	--hw-cream-deep: #eadbc2;
	--hw-gold-soft: #e6c982;
	--hw-gold: #c59642;
	--hw-gold-deep: #93651f;
	--hw-brown: #493019;
	--hw-brown-deep: #2e1c0d;
	--hw-text: #4d3b29;
	--hw-muted: #8a765f;
	--hw-border: rgba(166, 116, 38, .24);
	--hw-shadow: 0 12px 34px rgba(78, 51, 20, .11);
	--hw-shadow-hover: 0 18px 44px rgba(78, 51, 20, .17);
}

html,
body {
	color: var(--hw-text);
	background-color: var(--hw-cream);
}

body {
	background-image:
		radial-gradient(circle at 50% 0, rgba(255, 255, 255, .96) 0, rgba(255, 250, 239, .72) 30rem, transparent 58rem),
		linear-gradient(135deg, rgba(197, 150, 66, .06) 25%, transparent 25%),
		linear-gradient(225deg, rgba(197, 150, 66, .045) 25%, transparent 25%),
		linear-gradient(180deg, #fffaf0 0%, #f1e5d2 100%);
	background-size: auto, 36px 36px, 36px 36px, auto;
	background-attachment: fixed;
}

::selection {
	color: #fff;
	background: var(--hw-gold);
}

a {
	color: var(--hw-gold-deep);
	transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

a:focus,
a:hover {
	color: var(--hw-brown-deep);
}

header {
	border-bottom: 1px solid rgba(255, 226, 159, .72);
	box-shadow: 0 12px 38px rgba(74, 45, 16, .18);
}

header::after {
	position: absolute;
	right: 0;
	bottom: 5px;
	left: 0;
	height: 1px;
	content: "";
	background: linear-gradient(90deg, transparent, rgba(255, 226, 159, .9), transparent);
	z-index: 2;
}

.nav-header > .row > * > .logo-text {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 11px;
	margin: 0;
	padding: 2px 0 7px;
	color: #f8d986;
	background: linear-gradient(180deg, #fffdf2 0%, #f8df9c 38%, #d3a34b 68%, #fff0ba 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .025em;
	filter: drop-shadow(0 2px 1px rgba(47, 28, 10, .72)) drop-shadow(0 0 10px rgba(255, 218, 126, .22));
}

.nav-header > .row > * > .logo-text::before {
	width: 50px;
	height: 50px;
	flex: 0 0 50px;
	content: "";
	background: url('../img/favicon.png') no-repeat center / contain;
	filter: drop-shadow(0 2px 5px rgba(31, 18, 7, .5)) drop-shadow(0 0 8px rgba(255, 220, 137, .22));
}

.nav-header > .row > * > .logo-text::after {
	position: absolute;
	right: 1px;
	bottom: 0;
	left: 61px;
	height: 1px;
	content: "";
	background: linear-gradient(90deg, rgba(255, 228, 157, .18), rgba(255, 228, 157, .9), rgba(255, 228, 157, .12));
	box-shadow: 0 1px 5px rgba(255, 213, 105, .35);
}

ul.nav-block > li > a {
	font-size: 17px;
	font-weight: 500;
}

body > .container {
	margin-top: 30px;
	padding-bottom: 54px;
}

.form-block,
.breadcrumb,
.modal-content,
.dropdown-menu,
.file-manager > .lastfiles > .file-line,
.bb-panel,
.qxbb-code,
.qxbb-quote,
.qxbb-spoiler > .qxbb-spoiler-body {
	border: 1px solid var(--hw-border);
	background: rgba(255, 253, 247, .94);
	box-shadow: var(--hw-shadow);
}

.form-block {
	margin-bottom: 24px;
	padding: 22px;
	border-radius: 14px;
	overflow: hidden;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.form-block:hover {
	border-color: rgba(166, 116, 38, .38);
	box-shadow: var(--hw-shadow-hover);
	transform: translateY(-1px);
}

.col-md-8 .form-block > .block-header {
	display: block;
	margin: -22px -22px 20px;
	padding: 18px 22px;
	color: #fff;
	background: linear-gradient(135deg, #6e481b 0%, #a9782e 56%, #cda85e 100%);
	border: 0;
	border-radius: 13px 13px 0 0;
	box-shadow: inset 0 1px rgba(255, 255, 255, .18), 0 6px 18px rgba(79, 48, 17, .14);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 19px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: .015em;
	text-transform: none;
}

.col-md-8 .form-block > .block-header a,
.col-md-8 .form-block > .block-header .block-name > a,
.col-md-8 .form-block > .block-header .block-right {
	color: #fff;
}

.col-md-4 .form-block > .block-header {
	display: block;
	margin: -22px -22px 16px;
	padding: 17px 22px 15px;
	color: var(--hw-gold-deep);
	background: linear-gradient(180deg, rgba(255, 252, 243, .98), rgba(246, 237, 221, .92));
	border: 0;
	border-bottom: 1px solid rgba(166, 116, 38, .22);
	border-radius: 13px 13px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.block-line {
	border-color: rgba(166, 116, 38, .16);
}

.block-content,
.new-id-content,
.static-content,
.comment-content {
	color: var(--hw-text);
	line-height: 1.7;
}

.form-block .block-footer {
	margin-top: 16px;
	padding-top: 14px;
	color: var(--hw-muted);
	border-top: 1px solid rgba(166, 116, 38, .15);
}

.form-block .block-footer .date,
.form-block .block-footer .time,
.form-block .block-footer .readmore,
.form-block.new-id .block-footer .category,
.form-block.new-id .block-footer .views,
.form-block.new-full .block-footer .category,
.form-block.comment-id .block-footer .login {
	border-color: rgba(166, 116, 38, .18);
}

.form-block.new-id.attached {
	background: linear-gradient(135deg, rgba(255, 252, 229, .98), rgba(250, 239, 201, .96));
	border-color: rgba(197, 150, 66, .38);
}

.breadcrumb {
	margin-bottom: 24px;
	padding: 13px 18px;
	border-radius: 12px;
}

.breadcrumb > li {
	color: var(--hw-muted);
}

.breadcrumb > li > a {
	color: var(--hw-gold-deep);
	font-weight: 600;
}

.breadcrumb > li > a::after {
	color: var(--hw-gold-soft);
}

.btn {
	border-radius: 9px;
	box-shadow: 0 5px 14px rgba(72, 45, 16, .1);
}

.btn-primary,
.btn-warning {
	color: #fff !important;
	border-color: #a9782e !important;
	background: linear-gradient(135deg, #a9782e, #d2ad61) !important;
}

.btn-primary:focus,
.btn-primary:hover,
.btn-warning:focus,
.btn-warning:hover {
	border-color: #79501d !important;
	background: linear-gradient(135deg, #8d5d20, #be9142) !important;
	box-shadow: 0 8px 18px rgba(118, 76, 24, .24);
}

.btn-secondary,
.btn-default {
	color: var(--hw-brown) !important;
	border-color: rgba(166, 116, 38, .34) !important;
	background: linear-gradient(180deg, #fffdf7, #f1e3ca) !important;
}

.btn-secondary:focus,
.btn-secondary:hover,
.btn-default:focus,
.btn-default:hover {
	color: var(--hw-brown-deep) !important;
	border-color: var(--hw-gold) !important;
	background: linear-gradient(180deg, #fff, #e8d3ad) !important;
}

.btn-danger {
	border-color: #80453f !important;
	background: linear-gradient(135deg, #7d3d38, #a75a50) !important;
}

.btn-success {
	border-color: #65703b !important;
	background: linear-gradient(135deg, #65703b, #899653) !important;
}

.form-control,
select.form-control,
textarea.form-control,
.input-group-addon {
	color: var(--hw-text);
	border-color: rgba(166, 116, 38, .27);
	background-color: rgba(255, 254, 250, .96);
	border-radius: 9px;
	box-shadow: inset 0 1px 2px rgba(78, 51, 20, .035);
}

.form-control::placeholder {
	color: #aa9984;
}

.form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
	color: var(--hw-brown);
	border-color: var(--hw-gold);
	background-color: #fff;
	box-shadow: 0 0 0 3px rgba(197, 150, 66, .14) !important;
}

label,
.control-label {
	color: var(--hw-brown);
	font-weight: 600;
}

fieldset {
	border-color: var(--hw-border);
}

legend {
	color: var(--hw-gold-deep);
	font-family: Georgia, "Times New Roman", serif;
}

.table {
	color: var(--hw-text);
	background: rgba(255, 253, 247, .74);
}

.table thead th,
.table th {
	color: var(--hw-brown);
	background: #f0e1c8;
	border-color: rgba(166, 116, 38, .2);
}

.table td {
	border-color: rgba(166, 116, 38, .14);
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(197, 150, 66, .055);
}

.table-hover tbody tr:hover {
	background-color: rgba(197, 150, 66, .1);
}

.dropdown-menu {
	padding: 7px;
	border-radius: 11px;
}

.dropdown-menu > .dropdown-item {
	border-radius: 7px;
}

.dropdown-menu > .dropdown-item > a {
	color: var(--hw-text);
}

.dropdown-menu > .dropdown-item:hover,
.dropdown-menu > .dropdown-item.active {
	color: var(--hw-brown-deep);
	background: var(--hw-cream-deep);
}

.nav-tabs {
	border-bottom-color: var(--hw-border);
}

.nav-tabs .nav-link {
	color: var(--hw-muted);
	border-radius: 9px 9px 0 0;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover {
	color: var(--hw-gold-deep);
	border-color: var(--hw-border) var(--hw-border) var(--hw-ivory);
	background: var(--hw-ivory);
}

.page-link {
	color: var(--hw-gold-deep);
	border-color: rgba(166, 116, 38, .24);
	background: rgba(255, 253, 247, .94);
}

.page-link:focus,
.page-link:hover {
	color: var(--hw-brown);
	border-color: var(--hw-gold);
	background: var(--hw-cream-deep);
}

.page-item.active .page-link {
	color: #fff;
	border-color: var(--hw-gold-deep);
	background: linear-gradient(135deg, var(--hw-gold-deep), var(--hw-gold));
}

.alert {
	border: 1px solid rgba(166, 116, 38, .25);
	border-radius: 12px;
	box-shadow: var(--hw-shadow);
}

.alert-warning {
	color: #664916 !important;
	border-color: #dec17b !important;
	background: linear-gradient(135deg, #fff4c9, #f1d889) !important;
}

.alert-error,
.alert-danger {
	color: #fff !important;
	border-color: #7f423d !important;
	background: linear-gradient(135deg, #7d3d38, #aa5c52) !important;
}

.alert-success {
	color: #fff !important;
	border-color: #66713e !important;
	background: linear-gradient(135deg, #64703b, #8b9855) !important;
}

.alert-info {
	color: #fff !important;
	border-color: #536d72 !important;
	background: linear-gradient(135deg, #536d72, #789197) !important;
}

.progress,
.monitor-id > .progress {
	border: 1px solid rgba(166, 116, 38, .16);
	background: #eadfcd;
	box-shadow: inset 0 1px 3px rgba(72, 45, 16, .12);
}

.progress .bar,
.progress-bar,
.monitor-id > .progress .bar {
	background: linear-gradient(90deg, var(--hw-gold-deep), var(--hw-gold-soft));
}

.monitor-id > .title {
	color: var(--hw-brown);
	font-weight: 600;
}

.block-profile .avatar img,
.img-polaroid,
.profile-info img,
.skin-block {
	border: 1px solid rgba(166, 116, 38, .3);
	border-radius: 11px;
	background: var(--hw-ivory);
	box-shadow: 0 7px 20px rgba(78, 51, 20, .1);
}

.profile-info .info-line,
.online-list .user-id,
.online-list .user-line {
	border-color: rgba(166, 116, 38, .16) !important;
}

.profile-info .info-line b,
.online-list .user-id b,
.online-list .user-line b {
	color: var(--hw-gold-deep);
}

.file-manager .file-input-wrapper,
.uploader-forms .file-inputs {
	border-color: rgba(166, 116, 38, .34) !important;
	border-radius: 10px;
	background: rgba(246, 237, 221, .5);
}

.file-manager .file-input-wrapper:hover,
.uploader-forms .file-inputs:hover {
	background: rgba(230, 201, 130, .16) !important;
}

.file-manager > .lastfiles > .file-line {
	border-radius: 9px;
	background: rgba(246, 237, 221, .72);
	box-shadow: none;
}

.bb-panel {
	border-radius: 10px;
}

.bb-panel > ul {
	border-color: var(--hw-border);
	border-radius: 7px;
	background: var(--hw-cream);
}

.bb-panel > ul > li > a {
	color: var(--hw-brown);
	background: var(--hw-ivory);
}

.qxbb-code,
.qxbb-quote,
.qxbb-spoiler > .qxbb-spoiler-body {
	color: var(--hw-text);
	border-radius: 10px;
}

.qxbb-code,
.qxbb-code::after,
.qxbb-code > .qxbb-code-info {
	color: #75501d;
	border-color: rgba(166, 116, 38, .3);
	background: #fff8e8;
}

.qxbb-quote,
.qxbb-quote::after,
.qxbb-quote > .qxbb-quote-info,
.qxbb-spoiler > .qxbb-spoiler-body,
.qxbb-spoiler > .qxbb-spoiler-body::after {
	color: #786650;
	border-color: rgba(166, 116, 38, .22);
	background: #fbf5e9;
}

.spl-block > .spl-btn,
.spl-block > .spl-body {
	color: var(--hw-gold-deep);
	border-color: rgba(166, 116, 38, .3);
	background: #fff8e7;
}

.admin-menu-groups > .spl_grp_block {
	background: linear-gradient(135deg, #5b3a17, #a7772d) !important;
	border: 1px solid rgba(255, 226, 159, .28);
	border-radius: 11px !important;
	box-shadow: 0 8px 22px rgba(78, 51, 20, .16);
}

.admin-menu-groups > .spl_grp_block .spl-btn.closed {
	color: #e3cfac;
}

.adm-info-stats .users_stats tr.error > td {
	background-color: #f5dfdc;
}

.adm-info-stats .users_stats tr.warning > td {
	background-color: #fff0c7;
}

.adm-info-stats .users_stats tr.success > td {
	background-color: #e6ecd3;
}

.adm-info-stats .users_stats tr.info > td {
	background-color: #e2eceb;
}

.modal-content {
	border-radius: 14px;
	overflow: hidden;
}

.modal-header {
	color: #fff;
	border-bottom: 1px solid rgba(255, 226, 159, .24);
	background: linear-gradient(135deg, #5b3a17, #a7772d);
}

.modal-footer {
	border-top-color: var(--hw-border);
	background: var(--hw-cream);
}

.close {
	color: inherit;
	text-shadow: none;
}

#js-loader {
	border: 1px solid rgba(255, 226, 159, .35);
	background: rgba(54, 33, 14, .88);
	box-shadow: 0 8px 22px rgba(44, 26, 10, .24);
}

.mcr-debug {
	background: var(--hw-brown) !important;
}

.mcr-debug .action {
	background: var(--hw-gold-deep) !important;
}

.search-block > .search-block-id .search-selected {
	color: var(--hw-gold-deep);
}

.search-block > .search-block-id {
	border-color: rgba(166, 116, 38, .18);
}

.search-block > .search-block-id > .subinfo {
	color: var(--hw-muted);
}

footer {
	position: relative;
	padding: 24px 20px;
	color: #f9ebce;
	border-top: 1px solid rgba(255, 226, 159, .3);
	background:
		linear-gradient(90deg, rgba(255, 226, 159, .04), transparent 30%, rgba(255, 226, 159, .04)),
		linear-gradient(135deg, #2f1c0c, #5c3b19);
	box-shadow: 0 -8px 28px rgba(73, 45, 17, .12);
}

footer::before {
	position: absolute;
	top: 4px;
	right: 0;
	left: 0;
	height: 1px;
	content: "";
	background: linear-gradient(90deg, transparent, rgba(255, 226, 159, .65), transparent);
}

footer .block-left {
	text-align: center;
	letter-spacing: .025em;
}

.hw-footer-copy {
	text-align: left !important;
}

.hw-footer-credit {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 11px;
}

.hw-footer-label {
	color: rgba(249, 235, 206, .7);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.hw-developer-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 12px 8px;
	color: #fff4d5 !important;
	border: 1px solid rgba(255, 220, 137, .38);
	border-radius: 999px;
	background: linear-gradient(135deg, rgba(255, 231, 169, .15), rgba(197, 150, 66, .23));
	box-shadow: inset 0 1px rgba(255, 255, 255, .12), 0 5px 15px rgba(26, 14, 4, .18);
}

.hw-developer-link:hover {
	color: #fff !important;
	border-color: rgba(255, 226, 159, .72);
	background: linear-gradient(135deg, rgba(255, 231, 169, .24), rgba(197, 150, 66, .38));
	box-shadow: inset 0 1px rgba(255, 255, 255, .16), 0 7px 18px rgba(26, 14, 4, .26);
	transform: translateY(-1px);
}

.hw-developer-link .fa-telegram-plane {
	color: #f2cd76;
	font-size: 16px;
	filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .25));
}

.hw-developer-name {
	font-family: "Palatino Linotype", "Book Antiqua", Georgia, serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .025em;
}

.hw-developer-handle {
	color: rgba(255, 241, 207, .68);
	font-size: 11px;
}

footer a,
.block-right > a {
	color: var(--hw-gold-soft);
}

@media (max-width: 767px) {
	header {
		height: 62vh;
		min-height: 29rem;
		background-position: center center;
	}

	.nav-header {
		margin: 12px 10px 0;
		padding: 12px;
	}

	.nav-header > .row > .col-md-4 {
		text-align: center;
	}

	.nav-header > .row > * > .logo-text {
		display: inline-flex;
		margin-bottom: 10px;
		font-size: 27px;
		text-align: center;
	}

	.nav-header > .row > * > .logo-text::before {
		width: 43px;
		height: 43px;
		flex-basis: 43px;
	}

	.nav-header > .row > * > .logo-text::after {
		left: 54px;
	}

	.nav-header > .row > * > ul.nav-block {
		display: block;
		line-height: 2.9;
		text-align: center;
	}

	ul.nav-block > li > a {
		padding: 8px 10px 10px;
		font-size: 15px;
	}

	.hero-caption {
		bottom: 22px;
	}

	.hero-advice {
		padding: 9px 17px 10px;
		border-radius: 14px;
		font-size: 18px;
	}

	body > .container {
		margin-top: 20px;
	}

	.hw-footer-copy {
		text-align: center !important;
	}

	.hw-footer-credit {
		justify-content: center;
		margin-top: 15px;
	}

	.form-block {
		padding: 18px;
		border-radius: 12px;
	}

	.col-md-8 .form-block > .block-header,
	.col-md-4 .form-block > .block-header {
		margin: -18px -18px 16px;
		border-radius: 11px 11px 0 0;
	}
}

@media (max-width: 420px) {
	.hw-footer-credit {
		flex-direction: column;
		gap: 8px;
	}
}

@media (prefers-reduced-motion: reduce) {
	* {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}
}