body,
ul,
h1,
h2,
h3,
h4,
h5,
p {
	margin: 0;
	padding: 0;
	font-family: "Poppins", "Open Sans", sans-serif;
}

body {
	background: #d2d2d2;
}

.wrapper {
	width: 100%;
	max-width: 1200px;
	padding: 0 20px;
	box-sizing: border-box;
	margin: 0 auto;
}

a {
	color: #b4453b;
}

nav img {
	max-height: unset;
	max-width: 145px;
}

#nav-container {
	margin-left: -20px;
}

#forum {
	width: 100%;
	float: left;
	display: flex;
	flex-direction: column;
}

#forum h1 {
	/*width: fit-content;*/
	margin: 0 auto 10px;
	float: left;
	line-height: 1.2;
	position: relative;
}

#forum h1 span {
	position: absolute;
	font-size: 16px;
	right: 0;
	bottom: -14px;
	color: #b4453b;
}

#forum h1, #forum h2, #forum h3 {
	text-align: center;
}

.hide {
	display: none;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	height: 0px;
}


#forum {
	float: left;
	width: 100%;
	min-height: 600px;
	padding: 0;
	background: #fff;
}

#forum a:hover {
	text-decoration: underline;
}

#forum button, .btn {
	background: #444;
	border: none;
	box-shadow: 0 3px 3px 0px #1616162e;
	color: #fff;
	border-radius: 5px;
	padding: 14px 50px;
	margin: 10px 0;
	font-weight: normal;
	font-size: 18px;
	user-select: none;
	display: inline-block;
	cursor: pointer;
	white-space: nowrap;
	position: relative;
	box-sizing: border-box;
}

#forum button.small, .btn.small {
	padding: 5px 10px;
	margin: 0;
	font-size: 12px;
	line-height: initial;
	border-radius: 3px;
}

#forum button.small>i, .btn.small>i {
	margin: 0 2px 0 -4px;
}

#forum button:hover, #forum .btn:hover {
	background: #000;
	box-shadow: 0 3px 3px 0px #16161669;
	text-decoration: none;
}

#forum .btn>.sub-menu {
	display: none;
	position: absolute;
	bottom: 30px;
	left: 0;
	background: #fff;
	color: #000;
	border-radius: 3px;
	box-shadow: 0px -2px 12px 0px #00000021;
}

#forum .btn>.sub-menu>* {
	float: left;
	width: 100%;
	padding: 6px 15px;
	border-bottom: 1px solid #ededed;
	cursor: pointer;
	box-sizing: border-box;
	text-align: left;
}

#forum .btn>.sub-menu>*>i {
	padding-right: 5px;
}

#forum .btn>.sub-menu>*:hover {
	background: #adffbe;
}

#forum .disabled {
	pointer-events: none;
	opacity: 0.5;
}

#main {
	height: 100px;
}

#forum .wrapper {
	padding: 0;
	/*display: flex;
	flex-direction: column;
	align-items: center;*/
}

#forum-wrapper {
	float: left;
	width: 100%;
	padding: 15px 5%;
	box-sizing: border-box;
}

#user-navigation {
	padding: 10px 0;
	box-shadow: 0 5px 10px 0px #00000021;
	background: linear-gradient(to top, #464646, #202020);
	color: #fff;
	font-size: 14px;
	width: 100%;
	float: left;
	box-sizing: border-box;
	position: relative;
}

#user-navigation .user-account .prefix {
	display: none;
}

#user-navigation .wrapper {
	padding: 0 8px;
}

#user-navigation .wrapper>div:first-child {
	float: left;
}

#user-navigation .wrapper>div:last-child {
	float: right;
}

#user-navigation .wrapper>div:last-child a {
	margin-left: 20px;
}

#user-navigation i {
	padding-right: 7px;
}

#user-navigation i.user-icon-active {
	color: #00fd4d;
}

#user-navigation a {
	color: #fff;
}

#user-navigation a:hover {
	text-decoration: underline;
}

.forum-section-wrapper {
	float: left;
	width: 100%;
	box-sizing: border-box;
}


.forum-path {
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	align-items: center;
	row-gap: 15px;
	padding: 20px;
	font-size: 13px;
	box-sizing: border-box;
}

.forum-path ul li {
	float: left;
}

.forum-path ul li:last-child span {
	font-weight: bold;
}

.forum-path>div a {
	color: #e50000;
}

.forum-path>a.btn {
	padding: 10px 50px;
}

.forum-section {
	float: left;
	width: 100%;
}

#forum .forum-section h2 {
	float: left;
	width: 100%;
	background: linear-gradient(to top, #464646, #202020);
	padding: 15px 20px;
	box-sizing: border-box;
	font-size: 17px;
	color: #ffffff;
	line-height: 1.2;
	text-align: left;
	font-weight: normal;
	border-radius: 5px;
}

.forum-path i {
	margin: 0 7px;
	color: #333;
}

.forum-section>ul {
	float: left;
	width: 100%;
	padding: 5px 0;
}

.forum-section .forum-category {
	float: left;
	width: 100%;
	border-bottom: 1px solid #00000012;
	padding: 10px 15px;
	box-sizing: border-box;
}

.forum-section .forum-category:last-child {
	border: none;
}

.forum-section .forum-category .forum-category-title>a {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #b4453b;
	font-weight: bold;
}

.forum-section .forum-category .forum-category-title p {
	float: left;
	width: 100%;
	font-size: 12px;
	color: #777;
	margin-top: 2px;
}


.forum-section .forum-category .forum-category-lastPost {
	float: left;
	width: 100%;
	padding-top: 5px;
}

.forum-section .forum-category .forum-category-lastPost>a {
	float: left;
	width: 100%;
	font-size: 13px;
	color: #b4453b;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.forum-section .forum-category .forum-category-lastPost p {
	float: left;
	width: 100%;
	font-size: 13px;
	color: #9b9b9b;
}

.forum-section .forum-category .forum-category-lastPost p span {
	color: #5a5a5a;
	white-space: nowrap;
}

.pagination {
	float: left;
	width: 100%;
	text-align: center;
	margin: 15px 0;
}

.pagination ul {
	display: inline-block;
}

.pagination ul li {
	float: left;
}

.pagination ul li>* {
	padding: 5px 15px;
	margin: 0 3px;
	font-size: 16px;
	color: #363636;
}

.pagination ul li> :hover {
	background: #f7f7f7;
	border-radius: 5px;
}

.pagination ul li>.active {
	background: #363636;
	color: #fff;
	border-radius: 5px;
	cursor: default;
}

.close {
	position: absolute;
	top: 6px;
	right: 10px;
	font-size: 30px;
	cursor: pointer;
}

.close:hover {
	color: #f00;
}

#forum>.warning-msg {
	text-align: center;
	padding: 20px;
	background: #ffcf7f;
	box-sizing: border-box;
	margin-top: 10px;
	width: calc(100% - 20px);
	position: relative;
}

#forum>.warning-msg .close {
	position: absolute;
	right: 8px;
	top: 8px;
	width: 21px;
	height: 21px;
	background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='4 4 16 16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.227 4.227a.774.774 0 0 1 1.095 0L12 10.905l6.678-6.678a.774.774 0 1 1 1.095 1.095L13.095 12l6.678 6.678a.774.774 0 1 1-1.095 1.095L12 13.095l-6.678 6.678a.774.774 0 1 1-1.095-1.095L10.905 12 4.227 5.322a.774.774 0 0 1 0-1.095Z' fill='%23333'/%3E%3C/svg%3E") no-repeat center;
	background-size: contain;
}


#forum .auth-buttons {
	padding: 0 15px;
}

#forum .auth-buttons .btn {
	padding: 7px 15px 7px 40px;
	font-size: 16px;
	width: 100%;
	margin: 0 0 10px;
	position: relative;
	z-index: 0;
}

#forum .auth-buttons .btn::after {
	position: absolute;
	content: "";
	z-index: 1;
	background: left center no-repeat;
	background-size: contain;
	left: 12px;
	top: 0;
	width: 20px;
	height: 100%;
}

#forum .auth-buttons .btn:hover {
	filter: brightness(0.9) contrast(0.9);
}

#forum .auth-buttons .btn.facebook {
	background-color: #4267B2;
}

#forum .auth-buttons .btn.facebook::after {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M9.945 22v-8.834H7V9.485h2.945V6.54c0-3.043 1.926-4.54 4.64-4.54 1.3 0 2.418.097 2.744.14v3.18h-1.883c-1.476 0-1.82.703-1.82 1.732v2.433h3.68l-.736 3.68h-2.944L13.685 22'/%3E%3C/svg%3E");
}

#forum .auth-buttons .btn.google {
	background-color: #DB4437;
}

#forum .auth-buttons .btn.google::after {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M11.99 13.9v-3.72h9.36c.14.63.25 1.22.25 2.05 0 5.71-3.83 9.77-9.6 9.77-5.52 0-10-4.48-10-10S6.48 2 12 2c2.7 0 4.96.99 6.69 2.61l-2.84 2.76c-.72-.68-1.98-1.48-3.85-1.48-3.31 0-6.01 2.75-6.01 6.12s2.7 6.12 6.01 6.12c3.83 0 5.24-2.65 5.5-4.22h-5.51v-.01Z'/%3E%3C/svg%3E");
}

#forum .auth-buttons .btn.regular-login {
	background-color: #f6f6f6;
	color: #333;
}

#forum .auth-buttons .btn.regular-login::after {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M18 8h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2V7a6 6 0 1 1 12 0v1zm-2 0V7a4 4 0 1 0-8 0v1h8zm-5 6v2h2v-2h-2zm-4 0v2h2v-2H7zm8 0v2h2v-2h-2z'/%3E%3C/svg%3E");
}

#forum .auth-buttons .btn.loading {
	filter: brightness(0.8) contrast(0.8);
	pointer-events: none;
}

#forum .auth-buttons .btn.loading::after {
	animation: 1s spinRight linear infinite;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 22c5.523 0 10-4.477 10-10h-3a7 7 0 0 1-7 7v3ZM2 12C2 6.477 6.477 2 12 2v3a7 7 0 0 0-7 7H2Z' /%3E%3C/svg%3E");
}

@keyframes spinRight {
	to {
		transform: rotate(360deg);
	}
}



@media screen and (min-width: 600px) {

	#user-navigation {
		padding: 10px 20px;
	}

	#user-navigation .user-account .prefix {
		display: inline;
	}

	.forum-path {
		font-size: 14px;
	}
}

@media screen and (min-width: 900px) {

	#forum button.small, #forum .btn.small {
		padding: 5px 12px;
		font-size: 13px;
	}

	#forum-wrapper {
		width: 70%;
		padding: 20px 30px;
	}

	.forum-path {
		justify-content: space-between;
		flex-wrap: nowrap;
	}
}

@media screen and (min-width: 1200px) {}

@media screen and (min-width: 1600px) {}