/**
 *  Theme Name: The Woks of Life
 *  Theme URI: https://www.oncecoupled.com
 *
 *  Description: Custom Genesis child theme. Made with love!
 *  Tags: custom-made, genesis, child-theme
 *
 *  Author: Once Coupled
 *  Author URI: https://www.oncecoupled.com
 *
 *  Version: 1.0.0
 *  Template: genesis
 *  Template Version: 3.0.2
 *
 *  Text Domain: once-coupled-the-woks-of-life
 *  License: All rights reserved.
 *
 *  Notes: this complements our `defaults` file and sets up
 *  a base for us by overwriting some fonts & colors #3
 */

/* ================================
[ Structure ]
================================ */

/* ---------- [ Table of Contents ] ---------- */

/**
 * Notes
 * - TOC (you are here)
 *
 * Elements
 * - Text
 * - Headings
 * - Links
 * - Forms
 *
 * Containers
 * - Content, Sidebar
 *
 * Navigation
 * - Toggles
 * - Generic Menu
 * - Pagination
 *
 * Sections
 * - Sidebar
 * - Footer
 *
 * Content
 * - Archive Description
 * - Comments
 * - Search
 */

/* ================================
[ Elements ]
================================ */

/* ---------- [ Text ] ---------- */

html {
	font-family: "Crimson Text", serif;
	font-size: 20px;
	line-height: 1.4;
	color: #343434;
}

/* ---------- [ Headings ] ---------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Proxima Nova", sans-serif;
	line-height: 1;
	margin: 8px 0 12px;
	font-weight: 800;
}

h1 {
	font-size: 30px;
	text-transform: uppercase;
}

h2 {
	font-size: 28px;
	color: #222;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

h3 {
	font-family: "Barlow", sans-serif;
	font-size: 24px;
	color: #222;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-weight: 500;
}

h4 {
	font-size: 22px;
	color: #222;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

h5 {
	font-size: 20px;
	color: #222;
	text-transform: capitalize;
}

h6 {
	font-family: "Crimson Text", serif;
	font-size: 22px;
	font-style: italic;
	font-feature-settings: "kern" 0;
	text-transform: capitalize;
	line-height: 0.19em;
}

i {
	font-feature-settings: "kern" 0;
}

/* ---------- [ Links ] ---------- */

a {
	color: #1a6bad;
}

.entry-content a,
.comment-content a {
	text-decoration: underline;
}

@media screen and (min-width: 1024px) {
	a:hover {
		opacity: 1;
	}

	.entry-content a:hover,
	.comment-content a:hover {
		text-decoration: none;
		transform: scale(0.95);
	}
}

/* [ In-content Links ] */

.mediavine-video__sticky-placement
	.mediavine-video__sticky-container
	.mediavine-video__sticky-bar
	.mediavine-video__sticky-title
	a,
.mv-list-title-link,
.template_leaderboard_heading_link,
.mediavine_food_ron_article_mid_desktop_v5_heading,
.mediavine_food_ron_article_mid_desktop_v5_heading_link,
#template_leaderboard_sponsor {
	background-image: none !important;
}

/* [ More Links ] */

.more-link-container {
	display: block;
	text-align: center;
	margin-top: 8px;
}

/* ---------- [ Forms ] ---------- */

input,
select,
textarea {
	color: #222;
	font-size: 20px;
	font-style: italic;
}

input,
textarea {
	border: 1px solid #222;
}

textarea {
	border: 2p solid #000;
}

a.button,
.button,
a.more-link,
.comment-reply a {
	font-family: "Barlow", sans-serif;
	font-weight: 500;
	display: inline-block;
	line-height: 1.1;
	color: #222;
	background: transparent;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.1em;
	padding: 0;
	transition: 400ms;
}

.cta-button,
input[type="button"],
input[type="submit"] {
	font-family: "Barlow", sans-serif;
	display: inline-block;
	line-height: 1;
	color: #fff;
	background: #1c75bc;
	font-weight: 500;
	font-size: 17px;
	letter-spacing: 0.075em;
	padding: 8px 16px;
	text-transform: uppercase;
	font-style: normal;
	transition: 400ms;
}

@media screen and (min-width: 768px) {
	a.button,
	.button,
	input[type="button"],
	input[type="submit"],
	a.more-link,
	.comment-reply a {
		padding: 9px 25px;
	}
}

@media screen and (min-width: 1024px) {
	a .cta-button:hover,
	a.button:hover,
	.button:hover,
	input[type="button"]:hover,
	input[type="submit"]:hover {
		opacity: 1;
		background: #e65022;
		border-color: #e65022;
		color: #fff;
		transform: scale(1.05);
		cursor: pointer;
	}

	.comment-reply a:hover {
		opacity: 1;
		background: #222;
		border-color: #222;
		color: #fff;
	}

	.modal__close:hover {
		background: transparent;
	}
}

.button a {
	color: #000;
}

a .icon-font,
input .icon-font {
	font-size: 80%;
	margin-left: 4px;
}

::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #000;
	text-transform: lowercase;
}

::-moz-placeholder {
	/* Firefox 19+ */
	color: #000;
	text-transform: lowercase;
}

:-ms-input-placeholder {
	/* IE 10+ */
	color: #000;
	text-transform: lowercase;
}

:-moz-placeholder {
	/* Firefox 18- */
	color: #000;
	text-transform: lowercase;
}

/* ================================
[ Containers ]
================================ */

/* ---------- [ Full-Width Content ] ---------- */

.full-width-content .entry-content p {
	margin: 16px 0;
}

.full-width-content .entry-content p:first-of-type {
	margin-top: 0;
}

/* ---------- [ Content, Sidebar ] ---------- */

.content {
	max-width: 100%;
}

.content.flexbox {
	width: calc(100% + 20px);
	max-width: calc(100% + 20px);
	margin-right: -10px;
	margin-left: -10px;
}

@media screen and (min-width: 768px) {
	.content.flexbox {
		width: calc(100% + 20px);
		max-width: calc(100% + 20px);
		margin-right: -10px;
		margin-left: -10px;
	}
}

@media screen and (min-width: 1024px) {
	.content.flexbox {
		width: 650px;
		max-width: initial;
		margin-right: 38px;
		margin-left: -8px;
	}
}

@media screen and (min-width: 1200px) {
	.content.flexbox {
		width: 730px;
	}
}

.content-sidebar-wrap {
	margin: 12px auto;
}

@media screen and (min-width: 1024px) {
	.content-sidebar-wrap {
		margin-top: 8px;
	}
}

/* ================================
[ Navigation ]
================================ */

/* ---------- [ Toggles ] ---------- */

.generic-toggle {
	color: #222;
	font-size: 20px;
	font-weight: 400;
}

@media screen and (min-width: 375px) {
	.generic-toggle {
		font-size: 24px;
	}
}

.sub-menu-toggle {
	color: #f75b2b;
}

.sub-menu-toggle {
	font-size: 22px;
}

@media screen and (min-width: 1024px) {
	.sub-menu-toggle {
		font-size: 16px;
	}
}

/* ---------- [ Pagination ] ---------- */

.pagination {
	margin: 14px 0 0;
	font-family: "Barlow", sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 3.3;
}

.pagination .icon-font {
	font-size: 80%;
}

.pagination-previous,
.pagination-next {
	margin-bottom: 0;
}

/* [ Adjacent Entry Pagination ] */

.adjacent-entry-pagination.pagination {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 0;
	margin-bottom: 20px;
}

.adjacent-entry-pagination > * {
	flex-basis: 100%;
	text-align: center;
}

@media screen and (min-width: 360px) {
	.adjacent-entry-pagination > * {
		flex: 1;
	}
}

.adjacent-entry-pagination a {
	display: inline-block;
	color: #343434;
	vertical-align: top;
	opacity: 1;
}

.adjacent-entry-pagination .pagination-label {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	font-family: "Barlow", sans-serif;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: 6px;
}

@media screen and (min-width: 360px) {
	.adjacent-entry-pagination .pagination-previous .pagination-label {
		justify-content: flex-start;
	}

	.adjacent-entry-pagination .pagination-next .pagination-label {
		justify-content: flex-end;
	}
}

.adjacent-entry-pagination .pagination-previous {
	margin: 0;
}

@media screen and (min-width: 360px) {
	.adjacent-entry-pagination .pagination-previous {
		text-align: left;
	}
}

.adjacent-entry-pagination .pagination-next {
	margin: 0;
}

@media screen and (min-width: 360px) {
	.adjacent-entry-pagination .pagination-next {
		text-align: right;
	}
}

.adjacent-entry-pagination .pagination-title {
	line-height: 1;
	font-family: "Crimson Text", serif;
	font-style: italic;
	font-feature-settings: "kern" 0;
	font-weight: 400;
	font-size: 16px;
}

.adjacent-entry-pagination .icon-font {
	font-size: 16px;
	margin: 0;
	line-height: 1;
}

.adjacent-entry-pagination .icon-font::before {
	margin-left: 0;
	margin-right: 0;
	width: 7px;
	font-size: 12px;
}

.adjacent-entry-pagination .pagination-previous .icon-font {
	margin-left: 0;
	margin-right: 10px;
	padding: 0;
}

.adjacent-entry-pagination .pagination-next .icon-font {
	margin-left: 7px;
	margin-right: 0;
	position: relative;
	top: -1.5px;
	padding: 0px;
}

@media screen and (min-width: 1024px) {
	.adjacent-entry-pagination .icon-font {
		color: #f75b2b;
	}
	.adjacent-entry-pagination a:hover,
	.adjacent-entry-pagination .pagination-previous a:hover .pagination-label,
	.adjacent-entry-pagination .pagination-next a:hover .pagination-label {
		opacity: 1;
		text-decoration: underline;
	}

	.adjacent-entry-pagination a:hover .icon-font {
		opacity: 1;
		transform: scale(1.05);
	}

	.adjacent-entry-pagination .pagination-title {
		font-size: 18px;
	}
}

/* [ Archive Pagination ] */

.archive-pagination {
	width: 100%; /* flexbox fix */
	margin: 0;
	font-size: 16px;
	background-color: #f9f5ed;
	padding: 10px 0;
}

@media screen and (min-width: 768px) {
	.archive-pagination {
		margin: 0 -10px;
		width: calc(100% + 20px);
	}
}

@media screen and (min-width: 1024px) {
	.archive-pagination {
		background-color: transparent;
		padding: 0;
		margin: 10px 0 20px;
	}
}

.archive-pagination ul {
	display: flex;
	justify-content: center;
	align-items: center;
}

.archive-pagination li {
	position: relative;
	display: inline-block;
	margin: 0 4px 4px;
	vertical-align: top;
}

.archive-pagination a,
.archive-pagination .pagination-omission {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	color: #222;
	background: none;
	font-family: "Barlow", sans-serif;
	font-size: 16px;
	display: inline-block;
	border: none;
}

@media screen and (min-width: 1024px) {
	.archive-pagination a:hover {
		opacity: 1;
		background: #222222;
		color: #fff;
	}
}

.archive-pagination .active a {
	background: #222222;
	border: none;
	color: #fff;
	display: inline-block;
}

.archive-pagination .pagination-previous a,
.archive-pagination .pagination-next a {
	width: auto;
	height: auto;
	line-height: 1;
	color: #222;
	font-family: "Barlow", sans-serif;
	font-weight: 500;
	background: transparent;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.archive-pagination .pagination-previous .icon-font,
.archive-pagination .pagination-next .icon-font {
	margin: 0;
	color: #f75b2b;
}

.archive-pagination .pagination-next {
	margin-left: 15px;
}

@media screen and (min-width: 1024px) {
	.archive-pagination .pagination-previous a:hover,
	.archive-pagination .pagination-next a:hover {
		opacity: 1;
		background-color: transparent;
		color: #222;
		text-decoration: underline;
	}
}

/* [ Comment Pagination ] */

.comments-pagination a {
	display: flex;
	align-items: center;
	padding: 0 10px;
	border: 2px solid #222;
	min-height: 37px;
	color: #222;
	vertical-align: top;
	opacity: 1;
	font-family: "Barlow", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 1;
}

@media screen and (min-width: 414px) {
	.comments-pagination a {
		font-size: 12px;
	}
}

@media screen and (min-width: 767px) {
	.comments-pagination a {
		font-size: 16px;
		padding: 0 15px;
	}
}

.comments-pagination .icon-font {
	font-size: 16px;
}

.comments-pagination .icon-font.icon-arrow {
	display: flex;
	width: 16px;
	height: 37px;
	padding: 0;
	margin-left: 10px;
	align-items: center;
	color: #f75b2b;
}

.comments-pagination .pagination-previous .icon-font {
	margin-left: -0.02em;
	position: relative;
}

.comments-pagination .icon-font.icon-arrow:before {
	margin-left: -5px;
	margin-right: 7px;
	position: relative;
	top: 0;
}

.comments-pagination .pagination-next .icon-font {
	margin-right: -5px;
}

.comments-pagination .pagination-next .icon-font.icon-arrow:before {
	margin-left: 0;
	position: relative;
	top: 0;
}

@media screen and (min-width: 1024px) {
	.comments-pagination a:hover {
		background-color: #222;
		border-color: #222;
		color: #fff;
	}
}

/* ================================
[ Sections ]
================================ */

/* ---------- [ Sidebar ] ---------- */

.sidebar-primary {
	margin-top: 20px;
}

.home .sidebar-primary {
	margin-top: 15px;
}

@media screen and (min-width: 1024px) {
	.sidebar-primary,
	.home .sidebar-primary {
		margin-top: 0;
	}
}

.widget {
	text-align: center;
	margin-bottom: 28px;
}

/* ---------- [ Footer ] ---------- */

.site-credits-container {
	margin-top: -4px;
}

@media screen and (min-width: 1024px) {
	.site-credits-container {
		padding-bottom: 0;
	}

	.site-credits-container:hover .credits-text {
		text-decoration: underline;
	}
}

.site-credits-box {
	font-weight: 900;
	color: #222;
	background: #f9f5ed;
	bottom: 28px;
	letter-spacing: 0;
	font-size: 11px;
}

@media screen and (min-width: 1024px) {
	.site-credits-box {
		bottom: 24px;
	}
}

.site-credits-container:hover .site-credits-box,
.site-credits-container:focus .site-credits-box {
	max-height: 158px;
	width: 112px;
}

/* ================================
[ Content ]
================================ */

/* ---------- [ Archive Description ] ---------- */

.archive-description {
	width: 100%; /* flexbox fix */ /* technically not needed here, since we've moved this outside `content`, but better to keep around just in case */
}

/* ---------- [ Comments ] ---------- */

/* [ Comment Form ] */

.comment-respond {
	font-family: "Barlow", sans-serif;
	font-weight: 500;
	text-align: center;
	font-size: 16px;
	overflow: hidden;
	padding: 37px 0 0;
	margin: 0;
	position: relative;
}

@media screen and (min-width: 1024px) {
	.comment-respond {
		font-size: 16px;
		padding-top: 0;
	}
}

.bypostauthor + .comment-respond {
	margin-top: 26px;
}

.comment-respond .comment-reply-title {
	font-family: "Proxima Nova", sans-serif;
	font-size: 28px;
	line-height: 1.3;
	margin: 15px 0 12px;
	position: relative;
	font-weight: 800;
}

@media screen and (min-width: 1024px) {
	.comment-respond .comment-reply-title {
		float: left;
		padding-left: 50px;
		margin-bottom: 10px;
		font-size: 26px;
		margin-top: 22px;
		font-weight: 800;
	}
}

.comment-respond .comment-reply-title .comments-number {
	font-family: "Barlow", sans-serif;
	font-weight: 500;
	color: #fff;
	background-color: #222;
	font-size: 16px;
	border-radius: 50%;
	margin: 5px;
	width: 35px;
	height: 25px;
	display: flex;
	position: absolute;
	align-items: center;
	justify-content: center;
	left: calc(50% - 20px);
	top: -50px;
	line-height: 1;
	letter-spacing: 0;
}

.comment-respond .comment-reply-title .comments-number::before {
	content: "\e91f";
	font-family: "Icons";
	position: absolute;
	width: 40px;
	left: -2px;
	height: 40px;
	color: #222;
	font-size: 40px;
	z-index: -1;
	top: -5px;
	transform: rotateY(180deg);
}

@media screen and (min-width: 1024px) {
	.comment-respond .comment-reply-title .comments-number {
		top: -5px;
		left: 0;
	}
}

.comment-form-wprm-rating {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 16px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.comment-form-wprm-rating label {
	margin-right: 0;
}

.comment-respond .comment-form-wprm-rating svg {
}

.comment-respond .comment-form-wprm-rating svg polygon {
	stroke: #222;
	stroke-width: 1px;
}
.comment-respond .comment-form-wprm-rating .wprm-rating-star.rated svg polygon,
.comment-respond
	.comment-form-wprm-rating
	.wprm-rating-star-selecting-filled
	svg
	polygon {
	fill: #222 !important;
}

.comment-respond .comment-form-wprm-rating {
	margin-top: 20px;
	margin-bottom: 10px;
}

@media screen and (min-width: 1024px) {
	.comment-respond .comment-form {
		margin-top: 45px;
	}

	.comment-respond .comment-form-wprm-rating {
		position: absolute;
		right: 0;
		top: 23px;
		margin: 0;
	}

	/* Comment Reply form */
	.comment-list .comment-reply-title {
		margin-bottom: 0;
	}

	.comment-list .comment-respond .comment-form {
		margin-top: 85px;
	}
}

.comment-respond p {
	margin-bottom: 12px;
	line-height: 1.4;
	overflow: hidden;
}

.comment-respond p.logged-in-as {
	position: absolute;
	top: 82px;
	text-align: center;
	left: 0;
	margin: auto;
	right: 0;
}

.comment-form-comment,
.comment-form-author,
.comment-form-email {
	position: relative;
	width: 100%;
}

.comment-form-comment label,
.comment-form-author label,
.comment-form-email label {
	display: block;
	position: absolute;
	top: 18px;
	left: 18px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 16px;
	color: #222;
	line-height: 1;
}

.comment-form-comment label .required,
.comment-form-author label .required,
.comment-form-email label .required {
	margin-left: -4px;
}

.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email input {
	display: block;
	padding: 12px 16px 12px 80px;
	min-height: 48px;
	line-height: 1;
	background-color: #fff;
	font-family: "Crimson Text", serif;
	color: #666;
	letter-spacing: 0;
	font-size: 18px;
	font-style: italic;
	font-feature-settings: "kern" 0;
	border: 2px solid #000;
}

@media screen and (min-width: 768px) {
	.comment-respond p.logged-in-as {
		top: unset;
		left: 130px;
		right: unset;
		bottom: 26px;
	}

	.comment-form-author,
	.comment-form-email {
		width: 49%;
		float: left;
	}

	.comment-respond p.comment-form-author {
		margin-right: 2%;
	}
}

.comment-form-comment label {
	width: calc(100% - 11px);
	background: #fff;
	text-align: left;
	top: 2px;
	padding-top: 14px;
	padding-bottom: 5px;
	display: block;
	left: 2px;
	padding-left: 14px;
}

@media screen and (min-width: 1024px) {
	.comment-form-comment label {
		padding-top: 20px;
	}
}

.comment-respond textarea {
	padding-top: 40px;
	padding-left: 16px;
}

@media screen and (min-width: 768px) {
	.comment-respond textarea {
		height: 120px;
	}
}

.comment-respond .form-submit input {
	width: 100%;
	font-size: 16px;
	min-height: 44px;
	letter-spacing: 0.1em;
}

@media screen and (min-width: 768px) {
	.comment-respond .form-submit input {
		width: auto;
	}

	.comment-respond .form-submit {
		float: left;
		margin-top: 0;
	}
}

@media screen and (min-width: 1024px) {
	.comment-respond .form-submit input:hover {
		background: #1167ac;
		border-color: #1167ac;
	}
}

/* [ Discussion ] */

.entry-comments {
	/*Hack for jumping to internal link.
	See https://stackoverflow.com/questions/58824570/css-scroll-padding-top-not-working-in-safari#answer-58890319 */
	padding-top: 130px;
	margin-top: -100px;
	margin-bottom: 30px;
	font-size: 20px;
}

@media screen and (min-width: 1024px) {
	.entry-comments {
		padding-top: 0;
		margin-top: 45px;
	}
}

.comment-list .comment.bypostauthor,
.comment-list > .comment:first-of-type {
	border-top: 0;
}

.comment.bypostauthor > article {
	background: #f9f5ed;
	border: 0px;
	padding: 22px;
}

.comment.comment-author-sleung > article,
.comment.comment-author-jleung > article,
.comment.comment-author-kleung > article,
.comment.comment-author-bleung > article {
	background: #f9f5ed;
	border: 0px;
	padding: 22px;
}

.comment .avatar {
	display: none;
}

.comment.byuser > article .avatar {
	display: block;
	max-width: 40px;
}

.avatars-disabled .comment:not(.bypostauthor) > articles > .comment-header {
	margin-bottom: 0;
}

.comment-author {
	font-family: "Proxima Nova", sans-serif;
	font-weight: 800;
	font-size: 18px;
	margin: 8px 0 0;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.comment-author-link {
	font-family: "Proxima Nova", sans-serif;
	font-weight: 800;
	font-size: 18px;
	color: #000;
}

@media screen and (min-width: 768px) {
	.comment-author {
		font-size: 18px;
	}
}

.avatars-disabled .comment-header::before {
	content: none;
}

.avatars-disabled .bypostauthor > article .comment-header {
	margin-top: 12px;
	margin-bottom: 8px;
	padding-right: 0;
}

.avatars-disabled .bypostauthor > article .comment-header::before {
	content: "";
	background-image: url(https://thewoksoflife.com/wp-content/themes/once-coupled-the-woks-of-life/assets/images/avatar-author.jpg);
	position: relative;
	top: 5px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.avatars-disabled .bypostauthor > article .comment-header::before {
		background-image: url(https://thewoksoflife.com/wp-content/themes/once-coupled-the-woks-of-life/assets/images/avatar-author@2x.jpg);
	}
}

.bypostauthor > article .comment-content,
.bypostauthor > article .comment-reply {
	padding-left: 50px;
}

.comment-author-sleung > article .comment-content,
.comment-author-sleung > article .comment-reply,
.comment-author-jleung > article .comment-content,
.comment-author-jleung > article .comment-reply,
.comment-author-kleung > article .comment-content,
.comment-author-kleung > article .comment-reply,
.comment-author-bleung > article .comment-content,
.comment-author-bleung > article .comment-reply {
	padding-left: 50px;
}

.comment-time-link,
.comment-edit-link {
	color: #222;
	font-style: italic;
	text-transform: lowercase;
	font-size: 16px;
}

.comment-reply .comment-reply-link {
	font-size: 12px;
	padding: 6px 9px;
	border: 2px solid #222;
	text-decoration: none;
}

@media screen and (min-width: 1024px) {
	.comment-reply .comment-reply-link:hover {
		background: #222;
		border-color: #222;
		color: #fff;
		transform: scale(1.05);
	}
}

.bypostauthor > article .comment-reply-link {
	color: #343434;
}

.comment-author-sleung > article .comment-reply-link,
.comment-author-jleung > article .comment-reply-link,
.comment-author-kleung > article .comment-reply-link,
.comment-author-bleung > article .comment-reply-link {
	color: #343434;
}

@media screen and (min-width: 1024px) {
	.bypostauthor > article .comment-reply-link:hover {
		border-color: #e65022;
		background: #f75b2b;
	}
}

@media screen and (min-width: 1024px) {
	.comment-author-sleung > article .comment-reply-link:hover,
	.comment-author-jleung > article .comment-reply-link:hover,
	.comment-author-kleung > article .comment-reply-link:hover,
	.comment-author-bleung > article .comment-reply-link:hover {
		border-color: #e65022;
		background: #f75b2b;
	}
}

.comment-content br {
	display: none;
}

.comment > article {
	position: relative;
}

.comment-content .wprm-comment-rating,
.comment-content img.wprm-comment-rating {
	position: absolute;
	top: -4px;
	right: 0;
	filter: contrast(5%) brightness(3%) hue-rotate(90deg);
	margin: 0;
}

@media screen and (min-width: 1024px) {
	.comment-content .wprm-comment-rating,
	.comment-content img.wprm-comment-rating {
		top: 0;
	}
}

.comment-content img.wprm-comment-rating {
	width: 90px !important;
	height: 23px !important;
}

@media screen and (min-width: 1024px) {
	.comment-content img.wprm-comment-rating {
		width: 110px !important;
		height: 20px !important;
	}
}

.comment-content .wprm-comment-rating .wprm-star-full {
	color: red;
}

/* ---------- [ Search ] ---------- */

.search-form {
	border: 0px;
	background: #fff;
	padding: 5px 20px;
}

.search-form input,
.search-form input[type="search"] {
	height: 32px;
	text-transform: capitalize;
	line-height: 1;
	font-size: 16px;
	font-weight: 500;
	font-family: "Barlow", sans-serif;
	font-style: normal;
	color: #666;
	padding: 0;
	letter-spacing: 0.05em;
}

.search-form input,
.search-form input:hover {
	background: transparent;
}

.search-form ::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	font-size: 16px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #222;
}

.search-form ::-moz-placeholder {
	/* Firefox 19+ */
	font-size: 16px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #222;
}

.search-form :-ms-input-placeholder {
	/* IE 10+ */
	font-size: 16px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #222;
}

.search-form :-moz-placeholder {
	/* Firefox 18- */
	font-size: 16px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #222;
}

.search-submit-icon {
	color: #343434;
	font-size: 20px;
	top: 2px;
}

/* [ Before Header Desktop Search ] */

@media screen and (min-width: 1024px) {
	.before-header .search-form {
		width: 206px;
		float: right;
		border-radius: 0;
		background-color: #f9f5ed;
		border: 2px solid #222;
		padding: 0 12px;
	}

	.before-header .search-form input,
	.before-header .search-form input[type="search"] {
		background-color: transparent;
		padding: 0;
		line-height: 1;
		font-size: 16px;
		font-weight: 500;
		font-family: "Barlow", sans-serif;
		font-style: normal;
		color: #222;
		letter-spacing: 0.1em;
		text-transform: capitalize;
	}

	.before-header .search-submit-icon:hover .search-submit-icon {
		color: #666;
		cursor: pointer;
		opacity: 1;
	}

	.before-header input.search-form-input:-webkit-autofill,
	.before-header input.search-form-input:-webkit-autofill:hover,
	.before-header input.search-form-input:-webkit-autofill:focus {
		-webkit-text-fill-color: #222;
		background-color: #f7f5ed !important;
		-webkit-box-shadow: 0 0 0px 1000px #f7f5ed inset;
	}
}