#af-wrapper {
	--last-column-width: max(204px,calc(204rem / var(--base-size)));
	
	& a {
		color: var(--wp--preset--color--custom-blue);
	}
	
	& .fa-plus-square {
		font-family: 'icomoon' !important;
		speak: never;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;

		&::before {
			content: "\e92b";
		}
	}
	
	& .fa-comments {
		font-family: 'icomoon' !important;
		speak: never;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;

		&::before {
			content: "\e930";
		}
	}
	
	& .fa-envelope {
		font-family: 'icomoon' !important;
		speak: never;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;

		&::before {
			content: "\e929";
		}
	}
	
	& .fa-triangle-exclamation {
		font-family: 'icomoon' !important;
		speak: never;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;

		&::before {
			content: "\e923";
		}
	}
	
	& .fa-thumbs-up {
		font-family: 'icomoon' !important;
		speak: never;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;

		&::before {
			content: "\e92c";
		}
	}
	
	& .button {
		&.button-normal {
			color: #fff;
			background: var(--wp--preset--color--custom-red);
			
			&:hover {
				background: var(--wp--preset--color--custom-dark-red);
			}
		}
		
		&.forum-editor-button {
			--button-side-padding: 1em;
			
			& .menu-icon {
				font-size: 1.5em;
				vertical-align: center;
				margin-right: 0.4em;
				padding: 0;
			}
		}
	}
	
	& #forum-header {
		display: none;
	}
	
	& .main-title {
		font-size: var(--font-size-generator);
		font-family: var(--wp--preset--font-family--secondary);
		--font-size: 60;
		--min-font-size: 30px;
		font-weight: 400;
		line-height: calc(70/60);
		letter-spacing: 0;
		margin: 0;
		text-transform: none;
		padding: 0;
	}
	
	& .main-description {
		--font-size: 20;
		margin: 0.2em 0 0;
	}
	
	& .pages-and-menu {
		margin-top: 1em;
		position: relative;
		z-index: 1;
		
		& .forum-menu {
			margin-bottom: 0;
		}
		
		:is(.post-element + #forum-editor-form, .content-container) + & {
			float: right;
		}
	}
	
	& .title-element {
		padding: 0.55em 0;
		height: auto;
		line-height: 1;
		color: #000;
		background-color: transparent;
		border-bottom: var(--spacing-3) solid #EEF1F1;
		border-radius: 0;
		border-top: var(--spacing-3) solid #EEF1F1;
		font-weight: 700;
		margin-top: 1em;
		
		.post-element + #forum-editor-form & {
			border-top: none;
		}
		
		& .last-post-headline {
			float: right;
			font-weight: inherit;
			font-style: inherit;
			width: var(--last-column-width);
			text-align: left;
			color: inherit;
			line-height: inherit;
			margin-right: 0px;
		}
	}
	
	& .content-container {
		border: none;
		margin: 0;
		border-radius: 0;
		background: none;
		
		& .topic {
			display: table;
			width: 100%;
			height: auto;
			border-bottom: var(--spacing-3) solid #EEF1F1;
			line-height: inherit;
			padding: 1.4em 0;
			background: none;
			
			& .topic-status {
				font-size: inherit;
				border: none;
				width: max(40px,calc(70rem / var(--base-size)));
				vertical-align: top;
				
				&.read {
					
				}
				
				&.unread {
					color: var(--wp--preset--color--custom-dark-blue);
				}
				
				& .fa-comments {
					font-size: 1.6em;
					margin-top: 0.2em;
				}
			}
		}
		
		& .topic-name {
			width: auto;
			padding: 0;
			text-align: left;
			--font-size: 20;
			font-weight: 500;
			vertical-align: top;
			
			& > a {
				line-height: calc(26/20);
				display: block;
				font-weight: 500;
				
				&::after {
					transform: translateX(0);
					transition: transform 0.4s;
					position: relative;
					display: inline-block;
					font-family: 'icomoon' !important;
					speak: never;
					font-style: normal;
					font-weight: normal;
					font-variant: normal;
					text-transform: none;
					line-height: calc(1em / 0.8);
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
					content: "\e925";
					font-size: 0.6em;
					vertical-align: middle;
					top: -0.1em;
					margin-left: 0.6em;
					color: var(--wp--preset--color--custom-red);
				}
					
				&:hover::after {
					transform: translateX(0.2em);
				}
			}
			
			& small {
				font-size: var(--font-size-generator) !important;
				--font-size: 16;
				line-height: calc(26/16) !important;
				color: #000;
				font-weight: 400;
				
				& a.highlight-admin {
					color: inherit !important;
				}
			}
		}
		
		& .topic-poster {
			width: var(--last-column-width);
			text-align: left;
			border-left: none;
			padding: 0;
			vertical-align: top;
			
			& .forum-poster-summary {
				font-size: var(--font-size-generator) !important;
				--font-size: 16;
				color: #000;
				line-height: calc(26/16) !important;
				
				& > a {
					font-weight: 700;
				}
				
				& a {
					color: inherit;
				}
				
				& small {
					font-size: inherit;
				}
			}
		}
	}
	
	& #bottom-navigation {
	    margin-top: 1.4em;
		
		& #forum-subscription {
			font-size: 1.2em;
			margin: 0 0.5em 0 0;
			
			&::before {
				margin: 0;
			}
		}
		
		& > a {
			font-family: var(--wp--preset--font-family--roboto);
			--font-size: 17;
			font-size: var(--font-size-generator);
			
			& b {
				font-size: calc(22em/17);
			}
		}
	}
	
	& .editor-element {
		
		& .editor-row-subject {
			display: flex;
			align-items: center;
			
			& > span {
				flex-grow: 1;
			}
		}
		
		& .wp-editor-wrap {
			
			& button {
				min-width: 0;
				min-height: 0;
			}
		}
	}
	
	& .editor-row-submit {
		display: flex;
		align-items: center;
		gap: 10px;
		
		& > .left {
			width: auto;
		}
		
		& > .right {
			flex-grow: 1;
			margin: 0;
		}
	}
	
	& .post-element {
		background: none;
		border: none;
		border-radius: 0;
		margin: 0;
		box-shadow: none;
		border-bottom: var(--spacing-3) solid #EEF1F1;
		padding-bottom: 0.2em;
		
		.post-element + & {
			margin-top: 2.2em;
		}
		
		.pages-and-menu + & {
			margin-top: -2em;
			position: relative;
			overflow: visible;
			display: block;
		}
		
		& .forum-post-header-container {
			padding: 0;
			background: none;
			border: none;
		}
		
		& .post-author-block-name {
			--font-size: 18;
			
			& a {
				color: inherit !important;
			}
			
			& .mention-nice-name {
				--font-size: 16;
				font-size: var(--font-size-generator);
				color: #000;
				margin-left: 0.5em;
			}
		}
		
		& .post-wrapper {
			padding: 0;
			
			& .forum-post-header {
				font-size: var(--font-size-generator);
				border-top: var(--spacing-3) solid #EEF1F1;
				border-bottom: var(--spacing-3) solid #EEF1F1;
				--font-size: 16;
				margin: 0.3em 0 1em;
				padding: 0.2em 0;
				display: flex;
				align-items: center;
				justify-content: space-between;
				
				& .forum-post-date {
					font-size: inherit;
					color: #000;
					
					& a {
						font-size: inherit;
						color: inherit;
					}
				}
				
				& .forum-post-menu {
					float: right;
					--font-size: 10;
					text-transform: uppercase;
					font-weight: 700;
					color: #A7A5A5;
					display: flex;
					align-items: center;
					justify-content: center;
					height: 100%;
					
					& a {
						font-size: inherit;
						color: inherit;
						transition: color 0.2s;
						line-height: 1;
						
						&:hover {
							color: #000;
						}
					}
					
					& .report-link {
						font-size: 1.6em;
						color: inherit;
					}
				}
			}
				
			& .post-message {
				min-height: 0;
				
				& blockquote {
					border: var(--spacing-3) solid #EEF1F1;
					border-radius: 0;
					margin: 0.5em;
					padding: 0.5em 1em;
					
					&::after {
						top: auto;
						bottom: 0;
					}
				}
			}
			
			& .post-footer {
				color: #000;
				
				& a {
					color: inherit !important;
				}
				
				& .post-reactions {
					
					& :is([data-reaction="down"],.reaction.down) {
						display: none;
					}
					
					& .reaction-icon {
						font-size: 1.2em;
						
						&::before {
							font-size: 1em;
						}
					}
					
					& .reaction-number {
						color: #48AF1B;
						font-style: normal;
						line-height: 1.2;
						vertical-align: center;
					}
				}
			}
		}
	}
}

.asgaros-forum-search {
	width: 100%;
	
	:is(h3, .is-style-h3) + & {
		margin-top: 0.5em;
	}

	& .asgaros-forum-search__form {
		display: flex;
		align-items: center;
		width: 100%;
		position: relative;
	}

	.asgaros-forum-search__input {
		padding-right: 3em;
		
		&::placeholder {
		}
	}

	& .asgaros-forum-search__button {
		flex: 0 0 48px;
		width: 3em;
		height: 100%;
		padding: 0;
		border: 0;
		background: none;
		color: #000;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1em;
		min-width: 0;
		position: absolute;
		right: 0;
		/* top: 50%; */
		min-height: 0;
		/* transform: translateY(-50%); */

		&:hover,
		&:focus {
			color: var(--wp--preset--color--custom-blue);
		}
	}

	.asgaros-forum-search__clear {
		margin-top: 10px;
	}

	.asgaros-forum-search__clear-link {
		font-size: 14px;
		color: var(--wp--preset--color--custom-blue);
		text-decoration: underline;

		&:hover {
			text-decoration: none;
		}
	}
}