.wp-site-blocks {
	background-color: #f8f8f8;
}

.pagination {
	display: flex;
	justify-content: center;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.pagination .nav-links {
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
}

.pagination .nav-links .previous:hover path,
.pagination .nav-links .next:hover path {
	stroke: #efcf22;
}

.pagination .nav-links .page-numbers:not(.next):not(.prev):hover {
	background: #efcf22;
}

.pagination .nav-links .page-numbers:not(.next):not(.prev) {
	background: #fff;
	padding: 0.5rem 1rem;
}

.pagination .nav-links .page-numbers.current:not(.next):not(.prev) {
	background: #efcf22;
	color: #000;
}

.entry-content.container.mx-auto > .wp-block-columns.alignfull {
	width: calc(100vw - var(--scrollbar-width, 0));
	margin-left: -1rem;
}

.entry-content.container.mx-auto
	> .wp-block-columns.alignfull
	> .wp-block-column {
	margin: auto;
}

@media (min-width: 640px) {
	.entry-content.container.mx-auto
		> .wp-block-columns.alignfull
		> .wp-block-column {
		max-width: 640px;
	}
}

@media (min-width: 768px) {
	.entry-content.container.mx-auto
		> .wp-block-columns.alignfull
		> .wp-block-column {
		max-width: 768px;
	}
}

@media (min-width: 1024px) {
	.entry-content.container.mx-auto
		> .wp-block-columns.alignfull
		> .wp-block-column {
		max-width: 1024px;
	}
}

@media (min-width: 1280px) {
	.entry-content.container.mx-auto
		> .wp-block-columns.alignfull
		> .wp-block-column {
		max-width: 1380px;
	}
}

/*
@media (min-width: 1536px) {
	.entry-content.container.mx-auto>.wp-block-columns.alignfull>.wp-block-column {
		max-width: 1536px;
	}

@media (min-width: 640px) {
	.entry-content.container.mx-auto > .wp-block-columns.alignfull {
		transform: translateX(calc(((100vw - 640px) / 2) * -1));
	}
}

@media (min-width: 768px) {
	.entry-content.container.mx-auto > .wp-block-columns.alignfull {
		transform: translateX(calc(((100vw - 768px) / 2) * -1));
	}
}

@media (min-width: 1024px) {
	.entry-content.container.mx-auto > .wp-block-columns.alignfull {
		transform: translateX(calc(((100vw - 1024px) / 2) * -1));
	}
}

@media (min-width: 1280px) {
	.entry-content.container.mx-auto > .wp-block-columns.alignfull {
		transform: translateX(calc(((100vw - 1380px) / 2) * -1));
	}
}

/*
@media (min-width: 1536px) {
	.entry-content.container.mx-auto>.wp-block-columns.alignfull {
		transform: translateX(calc(((100vw - 1536px) / 2) * -1));
	}
}
*/

/* comments */
#login-side-bar .heateor_sl_login_ul .heateorSlFacebookLogin,
#login-side-bar .heateor_sl_login_ul .heateorSlGoogleLogin,
#login-side-bar .heateor_sl_login_ul .heateorSlXLogin {
	padding: 0.75rem !important;
}

#login-side-bar ul.heateor_sl_login_ul {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

#login-side-bar .heateor_sl_login_container .heateor_sl_login_ul li {
	width: 100% !important;
}

#login-side-bar .heateor_sl_login_ul .heateorSlFacebookLogin,
#login-side-bar .heateor_sl_login_ul .heateorSlGoogleLogin {
	border-radius: 0.5rem;
}

#login-side-bar .heateor_sl_login_ul .heateorSlFacebookLogin::after,
[lang="zh-CN"]
	.page-template-page-login
	.heateor_sl_login_ul
	.heateorSlFacebookLogin::after {
	content: "以 Facebook 登入";
}

#login-side-bar .heateor_sl_login_ul .heateorSlGoogleLogin::after,
[lang="zh-CN"]
	#login-side-bar
	.heateor_sl_login_ul
	.heateorSlGoogleLogin::after {
	content: "以 Google 登入";
}

[lang="en"]
	#login-side-bar
	.heateor_sl_login_ul
	.heateorSlFacebookLogin::after {
	content: "Register with Facebook";
}

[lang="en"] #login-side-bar .heateor_sl_login_ul .heateorSlGoogleLogin::after {
	content: "Register with Google";
}

/* hide guest field */
.wpd-form-foot .wpdiscuz-item {
	display: none !important;
}

#comments.comments-area {
	margin-top: 0;
	margin: 0;
}

#wpdcom {
	margin: 0 !important;
	max-width: none !important;
	width: 100%;
}

#wpdcom .wpd-thread-head .wpd-thread-info,
#wpdcom .wpd-thread-head .wpdiscuz-user-settings {
	border-bottom: 0;
}

#wpdcom.wpd-layout-2 .wpd-form .wpd-avatar {
	display: none;
}

#wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-comment-label {
	display: none;
}

.ql-editor.ql-blank::before {
	font-style: normal;
}

#wpdcom .wpd-thread-head .wpd-thread-info,
#wpdcom .wpd-thread-head .wpdiscuz-user-settings {
	display: flex;
	gap: 1rem;
}

#wpdcom .wpd-thread-head .wpd-thread-info .wpdtc {
	order: 999;
	color: #a0a0a0;
	border: 1px solid #a0a0a0;
	background-color: #dfdfdf;
	border-radius: 0.5rem;
	padding: 2px 6px;
}

#wpdcom .wpd-thread-head {
	border-top: 2px solid #dfdfdf;
	padding-top: 2rem;
	border-bottom: 2px solid #dfdfdf;
	padding-bottom: 1rem;
}

#wpdcom .wpd-thread-filter .wpdf-sorting {
	display: flex;
	justify-content: space-between;
	border-bottom: 0;
	border: 1px solid #999;
	border-radius: 0.25rem;
}

#wpdcom.wpd-layout-2 .wpd-form .wpd-avatar img,
#wpdcom.wpd-layout-2 .wpd-form .wpd-avatar img.avatar,
#wpdcom.wpd-layout-2 .wpd-comment .wpd-avatar img {
	border-radius: 100% !important;
	overflow: hidden;
	border: 0 !important;
	max-height: 48px;
	display: block;
	aspect-ratio: 1/1;
}

#wpdcom .wpd-blog-post_author .wpd-comment-author,
#wpdcom .wpd-blog-post_author .wpd-comment-author a {
	color: #000;
}

#wpdcom.wpd-layout-2
	.wpd-comment.wpd-reply
	.wpd-comment-wrap.wpd-blog-post_author {
	border-left: 1px solid #dfdfdf;
}

#wpdcom .wpd-comment-last-edited {
	grid-column: 2;
}

#wpdcom .wpd-comment-footer {
	grid-column: 2;
	flex-direction: row-reverse !important;
	gap: 0.5rem;
}

#wpdcom .wpd-comment-footer .wpd-tools {
	margin-right: auto;
}

#wpdcom .wpd-comment-footer .wpd-reply-button {
	order: 99;
	text-decoration: underline;
	margin-right: 12px;
}

/*
#wpdcom .wpd-comment.wpd-reply .wpd-comment-footer .wpd-reply-button {
	margin-right: auto;
}
*/

#wpdcom .wpd-comment-footer .wpd-space {
	display: none;
}

#wpdcom .wpd-comment-footer .wpd-vote {
	background-color: #dfdfdf;
	border-radius: 0.25rem;
	padding: 0.25rem 0.75rem;
	gap: 0.5rem;
}

#wpdcom .wpd-comment-footer .wpd-vote-up svg,
#wpdcom .wpd-comment-footer .wpd-vote-down svg {
	fill: #333333;
}

#wpdcom .wpd-comment-footer .wpd-vote-up,
#wpdcom .wpd-comment-footer .wpd-vote-down {
	opacity: 1;
}

#wpdcom .wpd-comment-footer .wpd-vote-result {
	font-weight: 500;
	color: #333333;
	padding: 0;
}

#wpdcom .wpd-comment-footer .wpd-vote-result-like {
	order: -1;
}

#wpdcom .wpd-comment-footer .wpd-reply-button svg {
	display: none;
}

#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap {
	border-left: 0 !important;
	padding-right: 0;
	background-color: initial !important;
}

#wpdcom.wpd-layout-2
	.wpd-comment
	.wpd-comment-header
	.wpd-user-info
	.wpd-uinfo-bottom {
	flex-direction: column-reverse;
	align-items: flex-start;
}

#wpdcom.wpd-layout-2
	.wpd-comment.wpd-reply
	.wpd-comment-header
	.wpd-comment-date {
	padding: 0 !important;
}

#wpdcom .wpd-comment-header .wpd-comment-author {
	font-size: 1.25rem;
	color: #000;
}

#wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header i {
	display: none;
}

#wpdcom.wpd-layout-2 .wpd-comment .wpd-reply-to a {
	color: #000;
	font-weight: 600;
}

#wpdcom.wpd-layout-2 .wpd-comment .wpd-blog-post_author .wpd-avatar img {
	border: 0;
	overflow: hidden;
	border-radius: 100%;
}

#wpdcom .wpd-sbs-toggle i.fa-envelope {
	display: none;
}

#wpdcom .wpd-sbs-toggle i.fa-caret-down {
	display: none;
}

#wpdcom .wpd-comment .wpd-comment-right {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
}

@media screen and (max-width: 600px) {
	#wpdcom .wpd-comment .wpd-comment-right {
		display: grid !important;
		grid-template-columns: auto minmax(0, 1fr) !important;
	}
}

#wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header,
#wpdcom.wpd-layout-2
	.wpd-comment
	.wpd-comment-header
	.wpd-user-info
	.wpd-uinfo-top,
#wpdcom.wpd-layout-2
	.wpd-comment
	.wpd-comment-header
	.wpd-user-info
	.wpd-uinfo-bottom {
	display: contents !important;
}

@media screen and (max-width: 600px) {
	#wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header,
	#wpdcom.wpd-layout-2
		.wpd-comment
		.wpd-comment-header
		.wpd-user-info
		.wpd-uinfo-top,
	#wpdcom.wpd-layout-2
		.wpd-comment
		.wpd-comment-header
		.wpd-user-info
		.wpd-uinfo-bottom {
		display: contents !important;
	}
}

@media screen and (max-width: 600px) {
	#wpdcom.wpd-layout-2 .wpd-comment .wpd-comment-header .wpd-user-info {
		width: unset !important;
		display: block !important;
		margin-bottom: 0 !important;
		float: unset !important;
		margin-left: unset !important;
		margin-top: unset !important;
	}
}

#wpdcom .wpdiscuz-sort-buttons .wpdiscuz-sort-button {
	text-align: left;
}

@media screen and (max-width: 600px) {
	#wpdcom .wpd-comment .wpd-comment-right {
		display: block;
	}
}

#wpdcom .wpd-comment-text {
	font-size: 16px !important;
}

/* todo: hacky way */
.menu-item > a[href*="\/category\/english-lens"] {
	font-family: "Time News Romans", sans-serif;
}

/* plyr */

.plyr-wrapper.is-mini .plyr--video .plyr__controls {
	display: none;
}

.plyr-wrapper.is-mini .plyr--full-ui.plyr--video .plyr__control--overlaid {
	display: none;
}

.plyr-wrapper.is-mini .plyr__poster {
	background-size: cover;
}

.plyr-wrapper .plyr {
	width: 100%;
	height: 100%;
	min-width: unset;
	min-height: unset;
}

.plyr-wrapper iframe {
	width: 100% !important;
	max-width: 100% !important;
}

.wp-video {
	width: 100% !important;
}

.plyr-wrapper .wp-video-shortcode,
.plyr-wrapper .wp-video,
.plyr-wrapper video,
.plyr-wrapper iframe {
	width: 100% !important;
	height: 100% !important;
}

/*
.site-footer .social-share {
	display: none;
}
*/

:root {
	--scrollbar-width: 0px;
}

.single-post .entry-content > p:first-of-type:first-letter {
	font-size: 2.75em;
	line-height: 1em;
	font-weight: 700;
	color: var(--theme-color);
}

.wp-block-embed {
	overflow-wrap: anywhere;
}

/*
.site-footer #card-social-share {
	display: none;
}
*/

media-player {
	width: 100%;
	height: 100%;
}

.appearance-chevron {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
	background-position: right 0.5rem center;
	background-repeat: no-repeat;
	background-size: 1em 1em;
}

/* Remove default arrow in IE */
.appearance-chevron::-ms-expand {
	display: none;
}

:where(.vds-video-layout) {
	--media-controls-color: #2a2d36;
}