/*  MICROTHEMER STYLES  */


/*= Preparation =============== */

/** Preparation >> Card **/
.card {
	font-size: 1rem !important;
	vertical-align: top !important;
	width: 24% !important;
	padding: 1% !important;
	margin-right: 0.5% !important;
	margin-left: 0.5% !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-radius: 8px !important;
	-o-transition-property: margin-top !important;
	-moz-transition-property: margin-top !important;
	-webkit-transition-property: margin-top !important;
	transition-property: margin-top !important;
	-o-transition-duration: 0.5s !important;
	-moz-transition-duration: 0.5s !important;
	-webkit-transition-duration: 0.5s !important;
	transition-duration: 0.5s !important;
	display: inline-block !important;
	cursor: pointer !important;
}
.card:hover, 
.mt-hover {
	/* MT [ sub: 1 | group: transition | event: 1 | event_value: 1 ] */
	margin-top: 24px !important;
}

/** Preparation >> Cards **/
.cards {
	font-size: 0 !important;
}

/** Preparation >> Card Title **/
.card_title {
	color: rgb(187, 81, 81) !important;
	font-size: 1.25rem !important;
	font-weight: bold !important;
	text-align: center !important;
	margin-bottom: 8px !important;
}

/** Preparation >> Entry title **/
.entry-title {
	text-transform: none !important;
}

/** Preparation >> Page header **/
.page-header {
	background-color: rgba(7, 150, 208, 0.5) !important;
}

/** Preparation >> Card:hover **/
.card:hover {
	background-color: rgb(225, 225, 225) !important;
}

/** Preparation >> Site title **/
.site-title a {
	-o-transition-property: padding-left !important;
	-moz-transition-property: padding-left !important;
	-webkit-transition-property: padding-left !important;
	transition-property: padding-left !important;
	-o-transition-duration: 0.5s !important;
	-moz-transition-duration: 0.5s !important;
	-webkit-transition-duration: 0.5s !important;
	transition-duration: 0.5s !important;
	-webkit-transition-delay: 0.5s !important;
	transition-delay: 0.5s !important;
}
.site-title a:hover, 
.mt-hover {
	/* MT [ sub: 1 | group: transition | event: 1 | event_value: 1 ] */
	padding-left: 200px !important;
}

/** Preparation >> Btt **/
.btt {
	display: block !important;
}

/** Preparation >> Hide Old Copyright Notice **/
.site-info .container {
	font-size: 0 !important;
}

/** Preparation >> Add New Copyright Notice **/
.site-info .container:before {
	font-size: 1rem !important;
}

/** Preparation >> Body **/
body {
	/* MT [ google_font: 1 ] */
	font-family: 'Roboto Condensed' !important;
}


/*= Tiktok Test =============== */

/** Tiktok Test >> Tiktok embed iframe **/
.tiktok-embed iframe {
	height: 0 !important;
	padding-bottom: 182.5% !important;
	position: absolute !important;
}

/** Tiktok Test >> Tiktok embed **/
.tiktok-embed {
	max-width: none !important;
	padding: 0 !important;
	margin-left: 0 !important;
	border-left-style: none !important;
	border-radius: 12px !important;
}

/** Tiktok Test >> .tiktok-video **/
.tiktok-video {
	width: 50% !important;
}


/*= Facebook Test ============= */

/** Facebook Test >> .fb-post **/
.fb-post {
	text-align: center !important;
	left: 50% !important;
}

/** Facebook Test >> .fb_iframe_widget **/
.fb_iframe_widget {
	max-width: 100% !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

/** Facebook Test >> .fb_iframe_widget iframe **/
.fb_iframe_widget iframe {
	max-width: 100% !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

/** Facebook Test >> .fb-post span **/
.fb-post span {
	background-color: rgb(255, 255, 255) !important;
	max-width: 100% !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

/** Facebook Test >> .post-wrapper **/
.post-wrapper {
	background-color: rgb(0, 0, 0) !important;
	padding: 0 !important;
	position: relative !important;
}

/** Facebook Test >> .twitter-tweet **/
.twitter-tweet {
	margin: 0 auto 0 auto !important;
}


/*= Chanti ==================== */

/** Chanti >> .post-157 **/
.post-157 {
	font-size: 16px !important;
}

/** Chanti >> .var **/
.var {
	display: none !important;
	visibility: collapse !important;
}

/** Chanti >> .note_heading **/
.note_heading {
	font-weight: bold !important;
	vertical-align: top !important;
	width: 120px !important;
	display: inline-block !important;
}

/** Chanti >> .note_value **/
.note_value {
	vertical-align: top !important;
	width: calc(100% - 120px) !important;
	display: inline-block !important;
}

/** Chanti >> .desc_section **/
.desc_section {
	margin-top: 24px !important;
}

/** Chanti >> .tasting_note **/
.tasting_note {
	margin-bottom: 24px !important;
}

/** Chanti >> .rating_row **/
.rating_row {
	margin-bottom: 8px !important;
}

/** Chanti >> .rating_heading **/
.rating_heading {
	font-weight: bold !important;
	vertical-align: top !important;
	width: 120px !important;
	display: inline-block !important;
}

/** Chanti >> .rating_low_label **/
.rating_low_label {
	text-align: left !important;
	vertical-align: top !important;
	width: 20px !important;
	display: inline-block !important;
}

/** Chanti >> .rating_high_label **/
.rating_high_label {
	text-align: right !important;
	vertical-align: top !important;
	width: 20px !important;
	display: inline-block !important;
}

/** Chanti >> .rating **/
.rating {
	vertical-align: middle !important;
	background-image: url("/wp-content/uploads/2020/10/Score-Background.png") !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	width: 200px !important;
	height: 28px !important;
	margin-top: -6px !important;
	margin-right: 4px !important;
	margin-left: 4px !important;
	display: inline-block !important;
}

/** Chanti >> .rating span **/
.rating span {
	color: rgb(255, 255, 255) !important;
	font-size: 14px !important;
	line-height: 21px !important;
	text-align: center !important;
	vertical-align: middle !important;
	background-color: rgb(187, 81, 81) !important;
	width: 20px !important;
	height: 20px !important;
	border-radius: 50% !important;
	position: relative !important;
	display: inline-block !important;
	transform: translateX(-50%) !important;
}

/** Chanti >> .rating_1 span **/
.rating_1 span {
	left: 5% !important;
}

/** Chanti >> .rating_2 span **/
.rating_2 span {
	left: 15% !important;
}

/** Chanti >> .rating_3 span **/
.rating_3 span {
	left: 25% !important;
}

/** Chanti >> .rating_4 span **/
.rating_4 span {
	left: 35% !important;
}

/** Chanti >> .rating_5 span **/
.rating_5 span {
	left: 45% !important;
}

/** Chanti >> .rating_6 span **/
.rating_6 span {
	left: 55% !important;
}

/** Chanti >> .rating_7 span **/
.rating_7 span {
	left: 65% !important;
}

/** Chanti >> .rating_8 span **/
.rating_8 span {
	left: 75% !important;
}

/** Chanti >> .rating_9 span **/
.rating_9 span {
	left: 85% !important;
}

/** Chanti >> .rating_10 span **/
.rating_10 span {
	left: 95% !important;
}

/** Chanti >> .rating_bar **/
.rating_bar {
	display: inline-block !important;
}

/** Chanti >> .lang_2 .rating_low_label, .lang_2 .rating_high_label **/
.lang_2 .rating_low_label, 
.lang_2 .rating_high_label {
	width: 60px !important;
}

/** Chanti >> hr + h2 **/
hr + h2 {
	margin-top: 16px !important;
	margin-bottom: 16px !important;
}


/*= forced_last_row_justified = */

/** forced_last_row_justified >> .forced_last_row_justified **/
.forced_last_row_justified {
	text-align: justify !important;
	text-align-last: justify !important;
}

/** forced_last_row_justified >> .forced_last_row_justified:after, .forced_last_row_justified:before **/
.forced_last_row_justified:after, 
.forced_last_row_justified:before {
	text-align: justify !important;
	white-space: pre-line !important;
	background-color: rgba(7, 150, 208, 0.45) !important;
	content: "123\a 123" !important;
	text-align-last: justify !important;
}


/*= Bundle ==================== */

/** Bundle >> .woosb-price-ori **/
.woosb-price-ori {
	display: none !important;
}

/** Bundle >> #post-253 .pink_gradient **/
#post-253 .pink_gradient {
	background-image: linear-gradient(rgb(243, 178, 185), transparent) !important;
	width: 100% !important;
	height: 30vw !important;
}


/*= Hsien yieh ================ */

/** Hsien yieh >> .projects **/
.projects {
	font-size: 0 !important;
}

/** Hsien yieh >> .project **/
.project {
	width: 49% !important;
	margin-right: 2% !important;
	margin-bottom: 24px !important;
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-o-transition-duration: 1s !important;
	-moz-transition-duration: 1s !important;
	-webkit-transition-duration: 1s !important;
	transition-duration: 1s !important;
	-webkit-transition-delay: 0s !important;
	transition-delay: 0s !important;
	display: inline-block !important;
	overflow: hidden !important;
}

/** Hsien yieh >> .project:nth-of-type(even) **/
.project:nth-of-type(even) {
	margin-right: 0 !important;
}

/** Hsien yieh >> .project_key **/
.project_key {
	padding-top: 60% !important;
	position: relative !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

/** Hsien yieh >> .project_title_frame **/
.project_title_frame {
	color: rgb(255, 255, 255) !important;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 20%, rgb(0, 0, 0)) !important;
	width: 100% !important;
	padding-bottom: 40% !important;
	position: relative !important;
}

/** Hsien yieh >> .project_title_frame_contents **/
.project_title_frame_contents {
	font-size: 24px !important;
	text-align: center !important;
	width: 100% !important;
	padding-right: 10% !important;
	padding-bottom: 10% !important;
	padding-left: 10% !important;
	position: absolute !important;
	bottom: 0 !important;
}

/** Hsien yieh >> .project_title_mobile **/
.project_title_mobile {
	font-size: 18px !important;
	font-weight: bold !important;
	text-align: center !important;
	display: none !important;
}

/** Hsien yieh >> .project_title **/
.project_title {
	margin-bottom: 16px !important;
}

/** Hsien yieh >> .project_button **/
.project_button {
	font-size: 16px !important;
	text-align: center !important;
	background-color: rgb(7, 150, 208) !important;
	width: 160px !important;
	padding: 8px 24px 8px 24px !important;
	margin-right: auto !important;
	margin-left: auto !important;
	border-radius: 36px !important;
	display: block !important;
	cursor: pointer !important;
}

/** Hsien yieh >> .project_button:hover **/
.project_button:hover {
	background-color: rgb(187, 81, 81) !important;
}

/** Hsien yieh >> .project_header_left **/
.project_header_left {
	vertical-align: top !important;
	width: 50% !important;
	padding-right: 2% !important;
	display: inline-block !important;
}

/** Hsien yieh >> .project_header_right **/
.project_header_right {
	vertical-align: top !important;
	width: 50% !important;
	padding-right: 2% !important;
	display: inline-block !important;
}

/** Hsien yieh >> .project_header **/
.project_header {
	font-size: 0 !important;
	margin-bottom: 32px !important;
}

/** Hsien yieh >> .project_h1 **/
.project_h1 {
	font-size: 36px !important;
	line-height: 120% !important;
	padding-top: 120px !important;
	margin-bottom: 24px !important;
}

/** Hsien yieh >> .projrct_district **/
.projrct_district {
	font-size: 18px !important;
}

/** Hsien yieh >> .project_images img **/
.project_images img {
	margin: 0 0 1em 0 !important;
	display: inline-block !important;
	cursor: pointer !important;
}

/** Hsien yieh >> .project_images **/
.project_images {
	grid-column-gap: 1em !important;
	column-gap: 1em !important;
	column-count: 3 !important;
}

/** Hsien yieh >> .project_description **/
.project_description {
	font-size: 18px !important;
	margin-bottom: 32px !important;
}

/** Hsien yieh >> .project_key_mobile **/
.project_key_mobile {
	display: none !important;
}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {
	/** Preparation >> Card **/
	.card {
	width: 48% !important;
	padding: 2% !important;
	margin-right: 1% !important;
	margin-bottom: 16px !important;
	margin-left: 1% !important;
}

	/** Preparation >> Site main **/
	.site-main {
	width: 100% !important;
}

	/** Hsien yieh >> .project_key **/
	.project_key {
	padding-top: 40% !important;
}

	/** Hsien yieh >> .project_title_frame **/
	.project_title_frame {
	padding-bottom: 60% !important;
}

	/** Hsien yieh >> .project_title_mobile **/
	.project_title_mobile {
	display: block !important;
}

	/** Hsien yieh >> .project_images **/
	.project_images {
	column-count: 2 !important;
}

	/** Hsien yieh >> .project_h1 **/
	.project_h1 {
	padding-top: 80px !important;
}

}


/*( Tablet & Phone )*/
@media (max-width: 767px) {
	/** Preparation >> Card **/
	.card {
	width: 48% !important;
	padding: 2% !important;
	margin-right: 1% !important;
	margin-left: 1% !important;
}

	/** Chanti >> .rating_heading **/
	.rating_heading {
	text-align: center !important;
	width: auto !important;
	display: block !important;
}

	/** Chanti >> .rating **/
	.rating {
	text-align: left !important;
}

	/** Chanti >> .rating_bar **/
	.rating_bar {
	text-align: center !important;
	margin-right: auto !important;
	margin-left: auto !important;
	position: static !important;
	display: block !important;
}

	/** Hsien yieh >> .project **/
	.project {
	width: 100% !important;
}

	/** Hsien yieh >> .project_title_mobile **/
	.project_title_mobile {
	display: block !important;
}

	/** Hsien yieh >> .project_images **/
	.project_images {
	column-count: 2 !important;
}

	/** Hsien yieh >> .project_header_left **/
	.project_header_left {
	width: 100% !important;
}

	/** Hsien yieh >> .project_h1 **/
	.project_h1 {
	padding-top: 0 !important;
}

	/** Hsien yieh >> .project_header_right **/
	.project_header_right {
	display: none !important;
}

	/** Hsien yieh >> .project_key_mobile **/
	.project_key_mobile {
	margin-bottom: 8px !important;
	display: block !important;
}

}


/*( Phone )*/
@media (max-width: 480px) {
	/** Preparation >> Card **/
	.card {
	width: 100% !important;
	padding: 4% !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

	/** Facebook Test >> .fb_iframe_widget iframe **/
	.fb_iframe_widget iframe {
	max-width: 100% !important;
}

	/** Chanti >> .rating_low_label **/
	.rating_low_label {
	font-size: 14.4px !important;
	width: 18px !important;
}

	/** Chanti >> .rating_high_label **/
	.rating_high_label {
	font-size: 14.4px !important;
	width: 18px !important;
}

	/** Chanti >> .rating **/
	.rating {
	font-size: 14.4px !important;
	width: 180px !important;
	height: 25.2px !important;
	margin-top: -8px !important;
}

	/** Chanti >> .rating span **/
	.rating span {
	line-height: 19px !important;
	width: 18px !important;
	height: 18px !important;
}

	/** Chanti >> .lang_2 .rating_low_label, .lang_2 .rating_high_label **/
	.lang_2 .rating_low_label, 
.lang_2 .rating_high_label {
	width: 54px !important;
}

	/** Hsien yieh >> .project_key **/
	.project_key {
	padding-top: 40% !important;
}

	/** Hsien yieh >> .project_title_frame **/
	.project_title_frame {
	padding-bottom: 60% !important;
}

	/** Hsien yieh >> .project_title_frame_contents **/
	.project_title_frame_contents {
	font-size: 20px !important;
}

	/** Hsien yieh >> .project_button **/
	.project_button {
	font-size: 14px !important;
	padding: 6px 18px 6px 18px !important;
}

	/** Hsien yieh >> .project_button:hover **/
	.project_button:hover {
	font-size: 14px !important;
	padding: 6px 18px 6px 18px !important;
}

}