.single {
	.byline {
		display: inline;
	}

	.hentry {
		.entry-header {
			.entry-meta {
				margin-bottom: 20px;
			}
		}

		.entry-taxonomy {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: center;
			margin: 30px 0 20px;
		}
	}

	.nav-links {
		display: flex;

		> div {
			display: flex;
			position: relative;
			overflow: hidden;
			transition: all 0.3s ease;
		}

		.nav-previous {
			justify-content: flex-start;
			margin-right: auto;

			a {
				&:before {
					font-size: 30px;
				}
			}
		}

		.nav-next {
			justify-content: flex-end;
			margin-left: auto;

			a {
				&:after {
					font-size: 30px;
				}
			}
		}
	}

	.comments-area {
		button.submit {
			position: relative;
			display: inline-block;
			font-size: 12px;
			font-weight: 400;
			border: 1px solid;
			border-radius: 0;
			padding: 1.5em 2.8em;
			text-transform: uppercase;
			color: var(--resa_white_color);
			background-color: var(--resa_primary_color);
			border-color: var(--resa_primary_color);

			&:before {
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 100%;
				transform-origin: right top;
				background-color: var(--resa_primary_color);
				-ms-transform: scale(0, 1);
				-o-transform: scale(0, 1);
				-moz-transform: scale(0, 1);
				-webkit-transform: scale(0, 1);
				transform: scale(0, 1);
				-ms-transition: transform 0.3s ease;
				-o-transition: transform 0.3s ease;
				-moz-transition: transform 0.3s ease;
				-webkit-transition: transform 0.3s ease;
				transition: transform 0.3s ease;
			}

			&:hover {
				span {
					padding-right: 0 !important;
					padding-left: 4em !important;
				}

				i {
					right: calc(100% - 30px);
				}

				&:before {
					-ms-transform: scale(1, 1);
					-o-transform: scale(1, 1);
					-moz-transform: scale(1, 1);
					-webkit-transform: scale(1, 1);
					transform: scale(1, 1);
					transform-origin: left top;
				}
			}

			span {
				position: relative;
				padding-right: 4em !important;
				-ms-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}

			i {
				position: absolute;
				right: 0;
				top: 50%;
				-ms-transform: translateY(-50%);
				-o-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
				transition: right 0.5s ease;
				font-size: 7px;
			}
		}
	}
}
.page {
	.comments-area {
		button.submit {
			position: relative;
			display: inline-block;
			font-size: 12px;
			font-weight: 400;
			border: 1px solid;
			border-radius: 0;
			padding: 1.5em 2.8em;
			text-transform: uppercase;
			color: var(--resa_white_color);
			background-color: var(--resa_primary_color);
			border-color: var(--resa_primary_color);

			&:before {
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 100%;
				transform-origin: right top;
				background-color: var(--resa_primary_color);
				-ms-transform: scale(0, 1);
				-o-transform: scale(0, 1);
				-moz-transform: scale(0, 1);
				-webkit-transform: scale(0, 1);
				transform: scale(0, 1);
				-ms-transition: transform 0.3s ease;
				-o-transition: transform 0.3s ease;
				-moz-transition: transform 0.3s ease;
				-webkit-transition: transform 0.3s ease;
				transition: transform 0.3s ease;
			}

			&:hover {
				span {
					padding-right: 0 !important;
					padding-left: 4em !important;
				}

				i {
					right: calc(100% - 30px);
				}

				&:before {
					-ms-transform: scale(1, 1);
					-o-transform: scale(1, 1);
					-moz-transform: scale(1, 1);
					-webkit-transform: scale(1, 1);
					transform: scale(1, 1);
					transform-origin: left top;
				}
			}

			span {
				position: relative;
				padding-right: 4em !important;
				-ms-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}

			i {
				position: absolute;
				right: 0;
				top: 50%;
				-ms-transform: translateY(-50%);
				-o-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
				transition: right 0.5s ease;
				font-size: 7px;
			}
		}
	}
}
.page-content {
	img.wp-smiley {
		border: none;
		margin-bottom: 0;
		margin-top: 0;
		padding: 0;
		display: inline-block;
		border-radius: 0;
	}
}
