/**
Theme Name: Astra Child
Author: Sean L
Author URI: https://ttprosites.com
Description: Minor Edits for CRM Site and for Woo Commerce Changes
Version: 1.0.72
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
Requires at least: 6.2
Tested up to: 6.2
Requires PHP: 8.0
*/

 /*BEGIN FOOTER MENU SECTION*/
 /*This centers footer menu items */
 .elementor-481 .elementor-element.elementor-element-57e8bce .menu-item a.hfe-menu-item,
 .elementor-481 .elementor-element.elementor-element-57e8bce .sub-menu a.hfe-sub-menu-item .elementor-481 .elementor-element.elementor-element-6fa2424 .menu-item a.hfe-menu-item,
 .elementor-481 .elementor-element.elementor-element-6fa2424 .sub-menu a.hfe-sub-menu-item,
 .elementor-481 .elementor-element.elementor-element-c74bc5d .menu-item a.hfe-menu-item,
 .elementor-481 .elementor-element.elementor-element-c74bc5d .sub-menu a.hfe-sub-menu-item {
 	color: #2C0709;
 	text-align: center;
 	display: block;
 }

 /* This makes submenu items have full size to show items*/
 .footer-no-dropdown a.hfe-sub-menu-item {
 	width: fit-content !important;
 	font-size: 12px;
 	padding-left: 0px;
 	border-bottom: 0px !important;
 	align-items: center;
 	display: inline-block !important;
 	min-width: 70px;
 	text-align: center;

 }

 /*This hides the arrow next to menu for bottom menu*/
 .footer-no-dropdown .hfe-nav-menu .sub-arrow {
 	font-size: 0px;
 }

 /*This centers submenu for 更新書房*/
 #menu-1-9049fc7 .sub-menu,
 #menu-1-4f9692a .sub-menu {
 	text-align: center;
 	padding-left: 0px;
 	padding-right: 0px;
 	height: 48px;
 }

 .footer-no-dropdown .sub-menu {
 	top: 0px;
 	visibility: visible !important;
 	opacity: 1 !important;
 	left: 50%;
 	font-size: 12px;
 	padding-left: 0px;
 	align-items: center;
 	text-align: center;
 }

 .hfe-nav-menu .sub-menu {
 	min-width: unset;
 }

 #menu-item-12676 {
 	min-width: 200px !important;
 }


 #menu-item-12735,
 #menu-item-12683,
 #menu-item-12684,
 #menu-item-12692,
 #menu-item-12704,
 #menu-item-12711,
 #menu-item-12719,
 #menu-item-10701,
 #menu-item-10703,
 #menu-item-12725,
 #menu-item-12728,
 #menu-item-12735,
 #menu-item-13093,
 #menu-item-13099,
 #menu-item-13105,
 #menu-item-13108,
 #menu-item-13115,
 #menu-item-15081,
 #menu-item-15090,
 #menu-item-15093,
 #menu-item-15100,
 #menu-item-15106,
 #menu-item-15112,
 #menu-item-15115,
 #menu-item-15122 {
 	width: 72px;
 	border-bottom: #2C0709;
 	border-bottom-width: 2px;
 	border-bottom-style: solid;
 	text-align: center;
 }

 .elementor-12264 .elementor-element.elementor-element-a4d5d4b .sub-menu a.hfe-sub-menu-item {
 	padding-left: 15px;
 }

 #menu-item-12686,
 #menu-item-12687,
 #menu-item-12688,
 #menu-item-12689,
 #menu-item-12690 {
 	text-align: center;
 	width: 126px;
 }

 #menu-item-12684,
 #menu-item-10695,
 #menu-item-15082 {
 	width: 126px;
 	border-bottom: #2C0709;
 	border-bottom-width: 2px;
 	border-bottom-style: solid;
 }




 /*END FOOTER MENU SECTION*/

 a:link {
 	color: #D1571F;
 	/*	font-size:22px;*/
 }

 a:visited {
 	color: #D1571F;
 }

 .menu-link {
 	font-size: 22px;
 	font-weight: bold;
 }

 .discipleship {
 	background-color: #F2C545;
 	width: 300px;
 	margin: auto;
 }

 #renewal-books-platform {
 	max-height: 300px;
 }

 #ast-masthead-custom-menu-items {
 	display: inline !important;
 	padding: 0 !important;
 	margin-left: auto;
 }

 .main-navigation ul li a {
 	padding-right: 3px !important;
 	padding-left: 3px !important;
 }

 /*.main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button {
	padding-left: 3px !important;
	padding-right: 3px !important;
}*/

 #three-books {
 	min-height: 350px;
 }

 #new-book-section {
 	max-height: 70px;
 }

 .is-menu.default form {
 	max-width: 130px;
 }

 .is-form-style.is-form-style-3 input.is-search-input {
 	height: 40px;
 }

 .is-form-style button.is-search-submit {
 	height: 38px;
 }

 .is-form-style.is-form-style-3 input.is-search-input {
 	height: 38px;
 	font-size: 20px !important;
 }

 h3,
 .entry-content h3,
 .entry-content h3 a {
 	text-transform: none !important;
 }

 h2,
 .entry-content h2,
 .entry-content h2 a {
 	text-transform: none !important;
 }

 h1,
 .entry-content h1,
 .entry-content h1 a,
 h2,
 .entry-content h2,
 .entry-content h2 a,
 h3,
 .entry-content h3,
 .entry-content h3 a,
 h4,
 .entry-content h4,
 .entry-content h4 a,
 h5,
 .entry-content h5,
 .entry-content h5 a,
 h6,
 .entry-content h6,
 .entry-content h6 a,
 .site-title,
 .site-title a {
 	text-transform: none !important;
 }


 /* WOO Commeercee Section Start */

 /*Product Page */
 .ebook-header {
 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 600;
 	font-size: 24px;
 	line-height: 34px;
 	margin-bottom: 21px;
 	display: flex;
 	align-items: center;
 	color: #333333;
 }

 .ebook-explanation a {
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 400;
 	font-size: 14px !important;
 	line-height: 17px;
 	display: flex;
 	align-items: center;
 	color: #DB6A29;
 }

 .ebook-type {
 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 600;
 	font-size: 18px;
 	line-height: 25px;
 	display: flex;
 	align-items: center;
 	color: #333333;
 }

 .ebook-button-span-mobile img {
 	margin-bottom: 20px;
 }

 .first-payment-date {
 	visibility: hidden;
 	height: 0px;
 	margin-bottom: 0px !important;
 }

 .traditional-ebook-price {
 	margin-left: 18px;
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 600;
 	font-size: 24px;
 	line-height: 32px;
 	display: flex;
 	align-items: center;
 	color: #DB6A29;
 }

 .percent-off {
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 400;
 	font-size: 18px;
 	line-height: 36px;
 	color: #000000;
 }

 .change-product-language {
 	width: 79px;
 	height: 22px;
 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 500;
 	font-size: 14px;
 	line-height: 20px;
 	display: flex;
 	align-items: center;
 	text-align: center;
 	color: #FFFFFF;
 }

 .change-product-language-button {
 	width: 100px !important;
 	height: 44px;
 	background-color: #781718 !important;
 	border: 2px solid #CCC8C8;
 	border-radius: 5px !important;
 	padding: 7px !important;
 	box-shadow: unset !important;
 	/*float: right; position: relative; top: 10px; right: 10px;*/
 }

 .change-product-language-button a:link {
 	padding-top: 10px;
 	color: #FFFFFF !important;
 }

 .keep-product-language-button-mobile {
 	width: 88px !important;
 	height: 34px;
 	background-color: #DB6A29 !important;
 	border-radius: 5px !important;
 	text-align: center;
 	padding: 0px !important;
 	letter-spacing: unset;
 	margin-right: 10px;
 	border-width: 0px !important;
 	box-shadow: unset !important;
 }

 .keep-product-language-button a:link {
 	color: #FFFFFF !important;
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 500;
 	font-size: 14px;
 	line-height: 17px;
 }

 .change-product-language-button-mobile {
 	background-color: #ffffff !important;
 	width: 88px;
 	height: 34px;
 	border: 1px solid #CCC8C8 !important;
 	border-radius: 5px !important;
 	text-align: center;
 	padding: 0px !important;
 	color: #781718 !important;
 	font-family: 'Inter' !important;
 	font-style: normal;
 	font-weight: 500 !important;
 	font-size: 14px;
 	line-height: 17px;
 	box-shadow: unset !important;
 }

 .onsale {
 	transform: rotate(-15deg);
 }

 .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
 	color: #DB6A29;
 }

 .woocommerce div.product .woocommerce-tabs ul.tabs li a {
 	margin-right: 10px;
 	margin-left: 10px;
 }

 .woocommerce div.product .woocommerce-tabs ul.tabs li {
 	margin-right: 25px;
 	margin-left: 25px;
 }

 .woocommerce div.product .woocommerce-tabs .panel {
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 25px;
 	color: #000000;
 }


 /** Remove Add to Cart and Star rating for upsells, using alternative to hide from WP-Admin Screen, product catelog */
 .woocommerce ul.products li.product.desktop-align-left .star-rating,
 .woocommerce ul.products li.product.desktop-align-left .button,
 .woocommerce-page ul.products li.product.desktop-align-left .star-rating,
 .woocommerce-page ul.products li.product.desktop-align-left .button {
 	/*display:none !important; */
 	width: 137px;
 	height: 44px;
 	background: #781718;
 	border: 2px solid #CCC8C8;
 	border-radius: 5px;
 	padding-left: 5px;
 	padding-right: 5px;
 	text-align: center;
 }

 .woocommerce ul.products li.product.desktop-align-left .star-rating,
 .woocommerce ul.products li.product.desktop-align-left .button,
 .woocommerce-page ul.products li.product.desktop-align-left .star-rating,
 .woocommerce-page ul.products li.product.desktop-align-left .button a {
 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 500;
 	font-size: 14px;
 	line-height: 14px;
 	/*display: flex;*/
 	align-items: center;
 	text-align: center;
 	color: #FFFFFF;
 	text-align: center;
 }


 .woocommerce .related.products h2,
 .woocommerce .up-sells h2,
 .woocommerce .woocommerce-tabs h2 {
 	border-top: 1px solid #CCC;
 	padding-top: 16px;
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 600;
 	font-size: 18px;
 	line-height: 22px;
 	display: flex;
 	align-items: center;
 	color: #DB6A29;
 	letter-spacing: unset;
 	background: white;
 }

 .woocommerce ul.products li.product .woocommerce-loop-product__title,
 .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
 	color: #333333;
 	border-top: none;
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 400;
 	font-size: 18px !important;
 }

 /** Hide Category on Upsells portion*/
 .woocommerce ul.products li.product .ast-woo-product-category,
 .woocommerce-page ul.products li.product .ast-woo-product-category {
 	/*display: none;*/
 }

 .astra-shop-thumbnail-wrap {
 	width: fit-content;
 }

 .woocommerce ul.products li.product .onsale {
 	top: 0;
 	right: auto;
 	left: auto;
 	margin: -0.5em -0.5em 0 0;
 }

 /*TODO:Sean How to make it red for sale price or free shipping*/
 .woocommerce ul.products li.product .price {
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 600;
 	font-size: 18px;
 	line-height: 22px;
 	color: #DB6A29 !important;
 }

 /*Product section shows 5 items*/
 .ced h2 {
 	border-top: 1px solid #CCC;
 	padding-top: 16px;
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 600;
 	font-size: 18px;
 	line-height: 22px;
 	color: #DB6A29;
 	letter-spacing: unset;
 }

 /*WOOCOMMERCE SECTION END*/


 /**Mobile only internal Section */
 @media only screen and (max-width: 481px) {

 	/*Accordion Tab Setting to help arrow float right*/
 	.woocommerce .woocommerce-tabs h2 {
 		width: 100%;
 		display: inline-block;
 		padding-top: 4px;
 		border-top: 1.5px solid #CCC8C8;
 		padding-left: 0px;
 	}

 	.resp-accordion a {
 		border-top: 5px solid #DB6A29;
 		margin-top: 0px;
 		padding-top: 0px;

 	}

 	.resp-accordion {
 		border-top: 1.5px solid #CCC8C8;

 	}

 	.resp-arrow {
 		width: 10px;
 		height: 10px;
 		border-top: 2px solid #DB6A29;
 		border-right: 2px solid #DB6A29;
 		border-bottom: 0px;
 		border-left: 0px;
 		transform: rotate(135deg);

 	}

 	h2.resp-tab-active span.resp-arrow {
 		width: 10px;
 		height: 10px;
 		border-top: 2px solid #DB6A29;
 		border-right: 2px solid #DB6A29;
 		border-bottom: 0px;
 		border-left: 0px;
 		transform: rotate(-45deg);

 	}

 	/*Default for elementor sections, helps footer*/
 	.elementor-section-wrap {
 		background: #FFFFFF;
 	}

 	/*The logo on mobile as floating to high to the top, reducing height from 1em centers bettre*/
 	.elementor-icon i,
 	.elementor-icon svg {
 		height: 0.5em;
 	}

 	.ebook-header {
 		height: 48px;
 		font-family: 'Inter';
 		font-style: normal;
 		font-weight: 600;
 		font-size: 18px;
 		line-height: 22px;
 		display: flex;
 		align-items: center;
 		margin-bottom: 0px;
 		color: #333333;
 	}

 	.woocommerce div.product form.cart div.quantity {

 		width: 140px;
 	}

 	.woocommerce div.product .product_meta {
 		border-top: 1.5px solid #CCC8C8;
 	}

 	/*TODO:Sean figure out mobile tooltip*/
 	.woocommerce ul.products li.product.desktop-align-left .star-rating,
 	.woocommerce ul.products li.product.desktop-align-left .button,
 	.woocommerce-page ul.products li.product.desktop-align-left .star-rating,
 	.woocommerce-page ul.products li.product.desktop-align-left .button {
 		/*display:none !important; */
 		width: unset;
 		height: unset;
 	}

 	.woocommerce-product-gallery .woocommerce-product-gallery--with-images .woocommerce-product-gallery--columns-4 .images {
 		/*align-items: center;
		align-content: center;
*/
 	}

 	/**May want this for articles too*/
 	.ast-separate-container.single-product {
 		/*text-align: -webkit-center; */
 	}

 	/*Move magnifying glass*/
 	.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
 		/*top: 0.2em;
    	right: 2.5em;
*/
 	}

 }

 .simplified-traditional {
 	font-size: 18px;
 }

 /*title.php*/
 .product-title-div-desktop {
 	position: absolute;
 	right: 0;
 	top: 0;
 	text-align: right;
 	height: 44px;
 }

 .product-title-div1-desktop {
 	position: relative;
 	margin-right: 20px;
 	height: 22px;
 }

 .product-title-div1-desktop h1 {
 	position: absolute;
 	left: 0;
 	top: 0;
 	height: 44px;
 }

 /*Top Menu subitems width*/
 #menu-1-3e5d74c .sub-menu,
 #menu-1-3e5d74c a.hfe-sub-menu-item {
 	/*	min-width: 193px;*/
 	width: fit-content !important;
 	text-align: left;
 	padding-left: 0px;
 }

 /*TOP MENU SEARCH AND CART ITEMS END*/
 .cart-numbers-menu {
 	display: inline-block;
 	position: relative;
 	text-align: center;
 	/*	margin-top: -1px; */
 	/*float:right;*/
 }

 .cart-numbers {
 	position: absolute;
 	border-radius: 50%;
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 700;
 	font-size: 12px;
 	line-height: 15px;
 	text-align: center;
 	vertical-align: middle;
 	color: #ffffff;
 	right: -4px;
 	top: -4px;
 	width: 16px;
 	height: 16px;
 	background: #781718;
 }


 .cart-numbers-menu-mobile {
 	display: inline-block;
 	position: relative;
 	width: 28px;
 	background: #F2C545;
 	border-radius: 3px;
 	text-align: center;
 	top: -3px;
 }

 .cart-numbers-mobile {
 	position: absolute;
 	background-color: #781718;
 	border-radius: 50%;
 	width: 16px;
 	height: 16px;
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 700;
 	font-size: 12px;
 	line-height: 15px;
 	text-align: center;
 	vertical-align: middle;
 	padding-top: 1px;
 	color: #ffffff;
 	top: -5px;
 	right: -5px;
 }

 .primary-menu-search {
 	background-color: #F2C545;
 	border-radius: 50%;
 	width: 26px;
 	height: 26px;
 	margin-right: 4px !important;
 	margin-left: 4px !important;
 	padding-top: 3px !important;
 	padding-left: 4px !important;
 	flex-grow: 0 !important;
 }

 .is-menu path.search-icon-path {
 	fill: white !important;
 }

 /* This is in language menu */
 #menu-1-3bd570d,
 #menu-item-10549 {
 	/*border-left-color:#D9D9D9;
		border-left-style: solid;
		border-left-width: 1.5px;
		*/
 }


 #menu-item-10549 {
 	height: 30px;
 	width: 68px !important;
 	background: #F2C545;
 	border-radius: 3px;
 	flex-grow: 0;
 }

 /*4f9692a*/
 .elementor-10470 .elementor-element.elementor-element-3bd570d .menu-item a.hfe-menu-item {
 	padding-top: 0px;
 	padding-bottom: 0px;
 	margin-top: 7px;
 }

 .elementor-10470 .elementor-element.elementor-element-3bd570d .menu-item a.hfe-sub-menu-item {
 	width: 68px !important;
 	background-color: #781718;
 	color: #FFFFFF;
 }

 .top-menu-desktop .menu-item a.hfe-sub-menu-item {
 	/*width: 68px !important;*/
 	background-color: #781718;
 	color: #FFFFFF;
 }

 /*Highlight  current menu item*/
 .top-menu-desktop .current-menu-item a {
 	/*	color: #F2C545 !important; */
 	border-bottom: #F2C545;
 	border-bottom-width: 5px;
 	border-bottom-style: solid;
 	margin-bottom: 0px;
 	padding-bottom: 0px;
 }

 .top-menu-desktop ul {
 	text-align: center;
 }

 .top-menu-desktop nav ul {
 	min-width: 100% !important;
 }

 .top-menu-desktop nav ul a {
 	justify-content: center;
 	text-align: center;
 }

 .elementor-14889 .elementor-element.elementor-element-4f9692a .sub-menu a.hfe-sub-menu-item,
 .elementor-14889 .elementor-element.elementor-element-4f9692a nav.hfe-dropdown li a.hfe-menu-item,
 .elementor-14889 .elementor-element.elementor-element-4f9692a nav.hfe-dropdown li a.hfe-sub-menu-item,
 .elementor-14889 .elementor-element.elementor-element-4f9692a nav.hfe-dropdown-expandible li a.hfe-menu-item,
 .elementor-14889 .elementor-element.elementor-element-4f9692a nav.hfe-dropdown-expandible li a.hfe-sub-menu-item {
 	justify-content: center;
 	min-width: 110px;
 	/*width: 193px;*/
 	padding-left: 0px;
 }


 .top-menu-desktop #menu-item-10694,
 .top-menu-desktop #menu-item-10696,
 .top-menu-desktop #menu-item-10697,
 .top-menu-desktop #menu-item-10698,
 .top-menu-desktop #menu-item-10820,
 .top-menu-desktop #menu-item-10700,
 .top-menu-desktop #menu-item-10701,
 .top-menu-desktop #menu-item-10703,
 .top-menu-desktop #menu-item-10695 {
 	width: unset;
 	border-bottom: unset;
 }


 #menu-1-578ccd7 #menu-item-10694,
 #menu-1-578ccd7 #menu-item-10696,
 #menu-1-578ccd7 #menu-item-10697,
 #menu-1-578ccd7 #menu-item-10698,
 #menu-1-578ccd7 #menu-item-10820,
 #menu-1-578ccd7 #menu-item-10700,
 #menu-1-578ccd7 #menu-item-10701,
 #menu-1-578ccd7 #menu-item-10703,
 #menu-1-578ccd7 #menu-item-10695 {
 	width: 100%;
 	background-color: #DB6A29;
 }




 .top-menu-desktop .menu-item a.hfe-menu-item {
 	padding-top: 0px;
 	padding-bottom: 0px;
 	margin-top: 7px;
 }

 .elementor-10470 .elementor-element.elementor-element-3bd570d ul.sub-menu {
 	width: 68px !important;
 	background: transparent;
 	height: 30px;
 }

 .elementor-10470 .elementor-element.elementor-element-3bd570d .sub-menu li.menu-item:not(:last-child),
 .elementor-10470 .elementor-element.elementor-element-3bd570d nav.hfe-dropdown li.menu-item:not(:last-child),
 .elementor-10470 .elementor-element.elementor-element-3bd570d nav.hfe-dropdown-expandible li.menu-item:not(:last-child) {
 	width: 68px;
 	height: 30px;
 }

 /*TOP MENU SEARCH AND CART ITEMS END*/

 /*PRODUCT SIDE MENU START*/
 .product-category-side-main {
 	width: fit-content;
 	background-color: #F2F2F2;
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 500;
 	font-size: 20px;
 	color: #000000;
 	margin-left: 11px;
 	margin-right: 13px;
 	position: relative;
 	text-align: left;
 	margin-top: 5px;
 	margin-bottom: 0px;
 	/*This was -5px but fixed look for product/shengjingpitao-heise/*/
 }

 .sidebar-first-item {
 	padding: 0;
 	margin: 0;
 }

 .product-category-side-main a:visited {
 	color: #000000;
 }

 .product-category-side-sub {
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 400;
 	font-size: 16px;
 	line-height: 18px;
 	height: 36px !important;
 	color: #000000;
 	padding: 10px;
 	position: relative;
 	margin-right: 10px;
 	margin-bottom: auto;
 	margin-left: 20px;
 	text-align: left;
 	padding-left: 0px;
 	background-color: #F2F2F2;
 }

 .product-category-side-sub-highlighted {
 	background: #DB6A29;
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 400;
 	font-size: 16px;
 	line-height: 18px;
 	height: 36px !important;
 	color: #ffffff;
 	padding: 0px;
 	padding-top: 10px;
 	padding-left: 20px;
 	position: relative;
 	/*	margin-right: 10px;*/
 	margin-bottom: auto;
 	margin-left: 0px;
 	text-align: left;
 }

 .product-category-side-sub-highlighted a {
 	color: #ffffff;
 }

 .category-button-highlighted {
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 500;
 	font-size: 14px;
 	line-height: 17px;
 	align-items: center;
 	text-align: center;
 	color: #FFFFFF !important;
 	width: 140px;
 	height: 40px;
 	background: #DB6A29 !important;
 	border-radius: 5px;
 	border: 2px solid #CCC8C8;
 	border-radius: 5px;
 	padding-left: 14px;
 	padding-right: 14px;
 	padding-bottom: 10px;
 	padding-top: 10px;
 	margin-right: 8px;
 }

 .category-button {
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 500;
 	font-size: 14px;
 	line-height: 17px;
 	align-items: center;
 	text-align: center;
 	color: #781718 !important;
 	width: 140px;
 	height: 40px;
 	background: #ffffff !important;
 	border-radius: 5px;
 	border: 2px solid #CCC8C8;
 	border-radius: 5px;
 	padding-left: 14px;
 	padding-right: 14px;
 	padding-bottom: 10px;
 	padding-top: 10px;
 	margin-right: 8px;
 }



 .product-category-side-sub a {
 	color: #000000;
 }

 .product-category-side-sub a:visited {
 	color: #000000;
 }

 /*Controls spacing on left hand product bar*/
 #secondary {
 	margin-top: 0px;
 }

 .widget-area #secondary {
 	margin-top: 20px;
 }

 .woocommerce .woocommerce-breadcrumb {
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 400;
 	font-size: 16px;
 	line-height: 21px;
 	display: flex;
 	align-items: flex-start;
 	color: #333333;
 	margin-top: 26px;
 	margin-bottom: 10px;
 	min-width: 200px;
 	max-width: 1240px;
 	margin-left: 20px;
 	margin-left: auto;
 	margin-right: auto;
 	padding-left: 20px;
 	padding-right: 20px;
 }



 .mobile-breadcrumb {
 	margin-top: 10px;
 }

 .mobile-breadcrumb a,
 .mobile-breadcrumb span {
 	font-size: 14px;
 }


 /*This affeects left menu part in products TODO:Sean figure out problem with CSS*/
 .sidebar-main {
 	min-width: 180px;
 	background-color: #F2F2F2;
 	text-align: center;
 	margin: 0;

 }

 content-area primary .ast-separate-container.ast-right-sidebar #secondary,
 .ast-separate-container.ast-left-sidebar #secondary {
 	border: 0;
 	margin-left: auto;
 	margin-right: auto;
 }

 .ast-left-sidebar #secondary {
 	border-right: none !important;
 }

 .ast-separate-container.ast-two-container.ast-left-sidebar #secondary {
 	padding-right: 30px;
 	padding-left: 0;
 	margin-top: 0px;
 }

 /* Product Display*/
 .ast-separate-container .ast-woocommerce-container {
 	padding-top: 0;
 	padding-right: 0;
 	padding-bottom: 0;
 	padding-left: 40px;
 }

 .ast-separate-container #primary,
 .ast-separate-container.ast-left-sidebar #primary,
 .ast-separate-container.ast-right-sidebar #primary {
 	margin-top: 0px;
 }

 /*Change whole site background color*/
 .site-content {
 	background-color: #FFFFFF;
 }

 /** Hide Star rating in page views*/
 .div.star-rating {
 	display: none
 }

 .woocommerce ul.products li.product.desktop-align-left .star-rating {
 	display: none;
 	margin-bottom: 0px;
 }

 /* 相關商品 This helps this part to show with 5 products
TODO:Sean does this need to be overridden for mobile?
FIXED: COmment out as products werne't showing*/
 /*.woocommerce div.product .related.products ul.products li.product {
 	width: calc(20% - 30px);
 }*/

 /* This is for slider for store home page 書房-書籍介紹/ */
 div#n2-ss-9 .nextend-arrow img,
 div#n2-ss-10 .nextend-arrow img {

 	background-color: #3333334D;
 	border: 3px solid #FFFFFF;
 	/*transform: rotate(180deg)*/
 	border-radius: 50%;
 	opacity: 1;
 }

 div#n2-ss-9 .n2-style-62b562c67b5f42d626dd3e9b1fec0a8b-heading,
 div#n2-ss-10 .n2-style-62b562c67b5f42d626dd3e9b1fec0a8b-heading {
 	background: none !important;
 	opacity: 1;
 }

 .elementor-widget-heading h2.elementor-heading-title {
 	line-height: 1;
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 600;
 	font-size: 18px !important;
 	line-height: 22px;
 	display: flex;
 	align-items: center;
 	color: #DB6A29;
 }

 .elementor-widget-heading h3.elementor-heading-title {
 	line-height: 1;
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 600;
 	font-size: 18px;
 	line-height: 22px;
 	display: flex;
 	align-items: center;
 	color: #ffffff;
 }

 .product-landing-page-left-header {
 	background: #DB6A29;
 	height: 44px;
 	padding-right: 5px;
 }

 /** Product landing page, left side*/
 #left-landing h2 {
 	color: #ffffff !important;
 	margin-left: 14px;
 	letter-spacing: unset;
 	margin-top: 12px;
 	font-weight: 600;
 	font-size: 18px !important;
 }

 #product-landing-info {
 	background: #F2F2F2;
 }

 #product-landing-info ul {
 	margin: 0 0 0 1em;

 }

 #product-landing-download {
 	margin: 0;
 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 140%;
 	letter-spacing: 0.085em;

 	background: #F2F2F2;

 }

 #product-landing-download a {
 	text-decoration-line: underline;
 	text-decoration-color: #333333;

 }



 #product-landing-left-gift-explanation {
 	margin-left: 19px;
 	margin-top: 16px;
 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 180%;
 	letter-spacing: 0.085em;
 	color: #333333;
 }

 #e-gift-card-btn {
 	height: 44px;
 	background: #781718;
 	/* border: 2px solid #CCC8C8; */
 	border-radius: 5px;
 	box-shadow: none;
 	text-align: center;
 	align-items: center;
 	margin-left: 30px;
 	margin-right: 30px;
 	padding-top: 14px;
 }

 .freebie {
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 600;
 	font-size: 18px;
 	line-height: 22px;
 	color: #781718;
 }

 .extra_postage {
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 17px;
 	padding-left: 9px;
 }

 .astra-shop-thumbnail-wrap .custom-field,
 summary entry-summary .custom-field {
 	display: none;
 }

 .woocommerce-page div.product div.summary .custom-field {
 	display: none;
 }

 /** Woo Styles */
 .english-title {
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 600;
 	font-size: 18px;
 	line-height: 22px;
 	align-items: center;
 	color: #000000;
 }

 .english-title-mobile {
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 600;
 	font-size: 14px;
 	line-height: 17px;
 	display: flex;
 	align-items: center;
 	color: #000000;
 	margin-bottom: 12px;
 }

 .woocommerce div.product .product_title {
 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 600;
 	font-size: 24px;
 	line-height: 34px;
 	display: flex;
 	align-items: center;
 	color: #333333;
 	margin-bottom: 10px;
 	max-width: 480px;
 }


 /*Width of div product? TODO:Sean does this need to be changed for mobile?*/
 .woocommerce #content div.product div.summary,
 .woocommerce div.product div.summary,
 .woocommerce-page #content div.product div.summary,
 .woocommerce-page div.product div.summary {
 	/*width: 63% !important; */
 }

 /* Menu Padding Horizontal */
 .main-navigation ul li {
 	padding-right: 3px !important;
 	padding-left: 3px !important;
 	padding-top: 0px !important;
 }

 .woocommerce ul.products li.product.desktop-align-left .star-rating,
 .woocommerce ul.products li.product.desktop-align-left .button,
 .woocommerce-page ul.products li.product.desktop-align-left .star-rating,
 .woocommerce-page ul.products li.product.desktop-align-left .button {
 	margin-bottom: 20px;
 }

 /**Product Display Items 
TODO:Sean Hide this on on the page for Landing page*/

 .woocommerce-page.columns-5 ul.products li.product,
 .woocommerce.columns-5 ul.products li.product {
 	border-bottom: lightgray ! important;
 	border-bottom-style: solid !important;
 	border-bottom-width: 1px !important
 }

 .astra-shop-thumbnail-wrap {
 	margin-left: 0px;
 	margin-right: 15px;
 }

 .astra-shop-summary-wrap {
 	margin-left: 0px;
 	margin-right: 15px;
 }

 .woocommerce ul.products.columns-5 li.product,
 .woocommerce-page ul.products.columns-5 li.product {
 	margin-left: 0px;
 	margin-right: 0px;
 }

 .product-category-side-sub a,
 .product-category-side-main a {
 	text-decoration: none;
 }

 /*Hide product border on this one page that only shows 5 items*/
 #post-11853 .woocommerce-page.columns-5 ul.products li.product,
 .woocommerce.columns-5 ul.products li.product {
 	border-bottom-style: none !important;
 }



 .woo-sale-price {
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 600;
 	font-size: 24px;
 	color: #781718;
 }

 .woo-original-price {
 	text-decoration: line-through;
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 600;
 	font-size: 24px;
 	/* or 36px */
 	color: #CCC8C8;
 }


 .woocommerce div.product p.price,
 .woocommerce div.product span.price {
 	margin: 0;
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 600;
 	font-size: 24px;
 	line-height: 32px;
 	display: flex;
 	color: #DB6A29;
 }

 .woocommerce div.product form.cart .button.single_add_to_cart_button {
 	box-sizing: border-box;
 	background: #781718;
 	border: 2px solid #CCC8C8;
 	border-radius: 5px;
 }

 .woocommerce div.product form.cart div.quantity {
 	box-sizing: border-box;
 	background: #FFFFFF;
 	border: 2px solid #CCC8C8;
 	border-radius: 5px;
 	/*width: 136.92px; */
 	height: 40px;
 }

 .woocommerce .quantity .qty {
 	/*width: 133px; */
 	height: 36px;
 	border-style: none;
 }

 .woocommerce ul.products li.product a img {
 	width: unset;
 }

 /**Style Modal Popup*/
 a.fbx-close.fbx-btn-transition.fbx-btn-shadow {
 	background: #781718;
 	border-color: #CCC8C8;
 }

 svg.fbx-icon.fbx-icon-close.fbx-icon-default {
 	color: white;
 }


 /**This will style the language switcher for transpress*/
 .notranslate,
 .trp-language-switcher-container {
 	margin-top: 0px;
 	color: #781718 !important;
 	background: #F2C545 !important;
 	border-radius: 3px;
 	width: 59px;
 	height: 28px;
 	font-size: 16px;
 	text-align: center;
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 500;
 	float: right !important;
 	border-style: none;
 	margin-right: 7px;
 }

 .trp-language-switcher>div {
 	background-color: #F2C545;
 	color: #781718 !important;
 	width: 59px !important;
 	height: 28px;
 	background-image: unset;
 	padding: 0px !important;
 	text-align: center;
 	vertical-align: middle;
 }

 .trp-language-switcher>div>a {
 	padding: 0px;
 	color: #781718 !important;
 	border-radius: 3px;
 	border-color: unset;
 }

 .trp-language-switcher>div>a:hover {
 	background-color: white;
 }


 /**Mobile Adjustments*/

 .elementor-481 .elementor-element.elementor-element-19257f1>.elementor-container {
 	min-height: 10px;
 }

 /*TODO:Sean, what is better way to do width on this?*/
 .woocommerce ul.products li.product .woocommerce-loop-product__title,
 .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
 	letter-spacing: unset;
 	/** Remove spacing for letters on 其他人也买了*/
 	width: 146px;
 	/*Helps to fit on mobile for long titles, was 142 but that causes white space issue on right*/
 }


 /**********/

 /* TODO:Sean Fix .sidebar-main-alt sizing and position on mobile */
 @media screen and (max-width: 921px) {
 	.ast-left-sidebar #content>.ast-container {
 		flex-direction: column;
 		display: flex;
 		width: 100%;
 	}

 	.sidebar-main-alt {
 		width: 100%;
 		padding-top: 0px;
 		margin-top: 10px;
 		text-align: unset;
 	}
 }

 /**Mobile only internal Section */
 @media only screen and (max-width: 481px) {

 	.yikes-custom-woo-tab-title,
 	.yikes-custom-woo-tab-title-shiduye {
 		visibility: hidden;
 		height: 0px;
 	}

 	.pdfemb-viewer {
 		/*TODO:Sean may need to modify this to be more precise on mobile, calculate width*/
 		max-width: 340px;
 		padding: 0px;
 		margin: 0px;
 	}

 	.accordion-content {
 		padding: 3px;
 	}

 	.accordion-item-active .accordion-header h1 {
 		color: #F2C545;
 		/*border-top-width: 5px !important;
		border-top-color: #F2C545;
		border-top: solid;*/
 		padding: 0px;
 		margin-top: 8px;
 	}

 	.description_tab,
 	.toc_tab,
 	.additional_information_tab,
 	.samplereading_tab {
 		font-size: 18px !important;
 		height: 22px;
 		font-family: 'Inter';
 		font-style: normal;
 		font-weight: 600 !important;
 		line-height: 22px !important;

 	}

 	.accordion-item,
 	.accordion-header {
 		border-bottom: 0px;
 		border-left: 0px;
 		border-right: 0px;
 		padding: 0px;
 	}

 	.accordion-header-icon {
 		width: 10px;
 		height: 10px;
 		border-top-width: 0px;
 		border-right-width: 0px;
 		border-bottom-width: 2px;
 		border-left-width: 2px;
 		border-bottom-style: solid;
 		border-left-style: solid;
 		border-bottom-color: rgb(219, 106, 41);
 		border-left-color: rgb(219, 106, 41);
 		transform: rotate(135deg);
 		margin: 14px;
 	}

 	body .accordion-item-active .accordion-header h1 {
 		color: #DB6A29;
 		border-top-width: 0px;
 	}

 	.accordion-item-active .accordion-header-icon {

 		width: 10px;
 		height: 10px;
 		border-top-width: 2px;
 		border-right-width: 2px;
 		border-bottom-width: 0px;
 		border-left-width: 0px;
 		border-top-style: solid;
 		border-right-style: solid;
 		border-top-color: rgb(219, 106, 41);
 		border-right-color: rgb(219, 106, 41);
 		transform: rotate(135deg);

 	}

 	.woocommerce div.product div.summary {
 		margin-bottom: 0em;
 	}

 	.woocommerce div.product .related.products,
 	.woocommerce div.product .woocommerce-tabs {
 		margin: 0;
 		padding: 0;
 	}

 	/* This aligns button for buying and adding to cart 
	How to make this auto detect with of screen minus padding */
 	.woocommerce div.product form.cart {
 		/*width: 320px; */
 		text-align: center;
 		display: inline-block;

 	}

 	.woocommerce div.product div.summary .woocommerce-product-details__short-description :last-child {
 		margin-bottom: 0em;
 		/*width: 319px;*/

 		font-family: 'Inter';
 		font-style: normal;
 		font-weight: 400;
 		font-size: 14px;
 		line-height: 21px;
 		display: flex;
 		align-items: center;
 		color: #000000;
 	}


 	/*Mobile section*/
 	.notranslate,
 	.pll-switcher-select-mobile,
 	.trp-language-switcher-container {
 		color: #781718 !important;
 		background: #F2C545 !important;
 		background-color: #F2C545 !important;
 		width: 29px;
 		height: 29px;
 		border-radius: 3px !important;
 		text-align: center;
 		padding: 0px !important;
 		font-family: 'Inter';
 		font-style: normal;
 		font-weight: 700;
 		font-size: 16px;
 		line-height: 26px !important;
 		border-color: unset !important;
 		border: none;
 		/*margin-left: 10px !important;
    	margin-right: 5px !important; */
 	}

 	.trp-language-switcher-container {
 		width: 29px !important;
 	}

 	.trp-ls-shortcode-current-language {
 		width: 29px !important;
 	}

 	.trp_language_switcher_shortcode {
 		width: 29px !important;
 		float: right;
 		margin-top: -3px;
 	}

 	.trp-language-switcher>div {
 		font-family: 'Inter';
 		font-style: normal;
 		font-weight: 700;
 		background-color: #F2C545;
 		color: #781718 !important;
 		width: 29px !important;
 		height: 29px;
 		background-image: unset;
 		padding: 0px !important;
 		text-align: center;
 		vertical-align: middle;
 		line-height: 26px !important;
 		border-color: unset !important;
 	}

 	.trp-language-switcher>div>a {
 		line-height: 26px;
 	}

 	.ast-separate-container .ast-woocommerce-container {
 		padding-left: 10px !important;
 	}

 	/*Center logo */
 	.elementor-10470 .elementor-element.elementor-element-1fdc86f {
 		text-align: center;
 	}



 	.product-landing-page-left-header {
 		padding-left: 10px;
 	}

 	.elementor-12324 .elementor-element.elementor-element-ef346c8>.elementor-element-populated>.elementor-widget-wrap {
 		padding-top: 0px;
 		padding-right: 0px;
 		padding-bottom: 0px;
 		padding-left: 10px;
 	}

 	h1.woocommerce-products-header__title.page-title {
 		visibility: hidden;
 		height: 0px;
 	}

 	/*Mobile adjustment*/
 	.woocommerce .woocommerce-breadcrumb {
 		margin: 0px;
 	}

 	.woocommerce ul.products.columns-5 li.product,
 	.woocommerce-page ul.products.columns-5 li.product {
 		/*width: 160px !important;*/
 		/*margin-left: 0px !important; */
 	}

 	.woocommerce .woocommerce-ordering,
 	.woocommerce-page .woocommerce-ordering {
 		float: none;
 		margin-bottom: 0.2em;
 	}

 	.woocommerce-result-count {
 		padding: 0px;
 	}

 	.sidebar-main {

 		width: 100%;
 		height: unset;
 		text-align: unset;
 		padding-top: 10px;
 		background-color: #FFFFFF;
 	}

 	.ast-separate-container.ast-right-sidebar #secondary,
 	.ast-separate-container.ast-left-sidebar #secondary {
 		margin: 0px;
 		padding: 0px;
 	}
 }


 /*TODO: FIgure out how to make sure this doesn't affect othere rows*/
 @media (max-width: 1024px) {
 	.elementor-row {
 		flex-wrap: unset;
 	}

 }

 .person-icon {
 	height: 23px;
 }


 .woopspro-product-slider button.slick-next,
 .woopspro-product-slider button.slick-prev {
 	border-radius: 50% !important;
 	width: 40px;
 	opacity: 0.5;
 	border: 2px solid #FFFFFF !important;
 }

 .elementor-widget:not(:last-child) {
 	margin-bottom: 5px;
 }

 .woopspro-product-slider .slick-list {
 	padding-bottom: 0px;
 }

 .woocommerce .select2-container .select2-selection--single,
 .woocommerce select,
 .woocommerce-page .select2-container .select2-selection--single,
 .woocommerce-page select {
 	padding: 0em;
 }


 /*Testing Screen width adjustments*/
 .ebook-buttons-mobile {
 	display: inline-block;
 	margin-left: 15px;
 	min-width: 200px;
 	margin-right: 0px;
 }

 .ebook-explanation {
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 400;
 	font-size: 14px !important;
 	line-height: 17px;
 	display: flex;
 	align-items: center;
 	color: #000000;
 	min-width: 350px;
 	height: 17px;
 }



 .product-title-mobile {
 	/*width: 238px;*/
 	height: 48px;
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 600 !important;
 	font-size: 18px !important;
 	line-height: 22px !important;
 	align-items: center;
 	color: #333333 !important;
 	display: flex;
 }

 .product-category-side-sub-mobile {
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 500;
 	font-size: 14px;
 	line-height: 17px;
 	display: flex;
 	align-items: center;
 	text-align: center;
 	color: #781718;
 	/*width: 140px;*/
 	height: 40px;
 	background: #FFFFFF;
 	border-radius: 5px;
 }

 .cart-div-mobile {
 	text-align: center;
 	/* min-width: 375px; */
 	padding: 0px;
 	margin: 0px;
 }

 .product-category-side-main-mobile {
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 500;
 	font-size: 14px;
 	line-height: 17px;
 	display: flex;
 	align-items: center;
 	text-align: center;
 	color: #FFFFFF;
 	/*width: 140px;*/
 	width: unset;
 	/*height: 40px; */
 	background: #DB6A29;
 	border-radius: 5px;
 }

 .ebook-type-div {
 	display: inline-flex;
 	height: 22px;
 	margin-bottom: 10px;
 	margin-top: 10px;
 }

 @media only screen and (max-width: 481px) {

 	/**TODO: Check if this affeects pages otheer than product pages*/
 	.site-content {
 		margin-top: 115px;
 	}

 	.hfe-nav-menu-icon {
 		padding: 0px;
 	}

 	.traditional-ebook-price {
 		margin-left: 22px;
 		font-size: 18px;
 		line-height: 24px;
 	}

 	.ebook-type-div {
 		display: inline-flex;
 		height: 24px;
 		margin-bottom: 12px;
 		margin-top: 20px;
 	}

 	.ebook-type {
 		font-family: 'Inter';
 		font-style: normal;
 		font-weight: 600;
 		font-size: 16px;
 		line-height: 19px;
 		display: flex;
 		align-items: center;
 		color: #333333;
 	}

 	/*Center image and fix size on mobile for single product */
 	.woocommerce-product-gallery--with-images {
 		width: 211px !important;
 		display: block;
 		margin-left: auto;
 		margin-right: auto;
 	}

 	.figure.woocommerce-product-gallery__wrapper {
 		/*	max-width: 350px;
	   vertical-align: middle;
	text-align:center;
	*/
 	}

 	.tooltip .tooltiptext {
 		visibility: hidden;
 		width: 155px !important;
 		background-color: orange;
 		color: #fff;
 		text-align: center;
 		border-radius: 8px;
 		padding: 4px;
 		position: absolute;
 		z-index: 1;
 		top: -10px;
 		left: 0;
 	}

 	.woocommerce div.product .woocommerce-tabs ul.tabs li {
 		margin-right: 0px;
 		margin-left: 0px;
 	}

 	.astra-shop-thumbnail-wrap {
 		margin-left: 0px;
 		margin-right: 0px;
 	}

 	.astra-shop-summary-wrap {
 		margin-left: 0px;
 		margin-right: 0px;
 	}


 	.woocommerce ul.products.columns-5 li.product,
 	.woocommerce-page ul.products.columns-5 li.product {
 		width: 150px;
 		/*This helps two fit on mobile on some screens*/
 		/*width:unset;*/
 		margin-top: 0px;
 		margin-bottom: 0px;
 	}

 	.woocommerce #content div.product div.summary,
 	.woocommerce div.product div.summary,
 	.woocommerce-page #content div.product div.summary,
 	.woocommerce-page div.product div.summary {
 		width: 98% !important
 	}


 	/*Mobile Layout*/
 	.account-person {
 		padding-left: 100px;
 		margin-right: 5px;
 		margin-top: -5.5px !important;
 	}
 }

 .header-right {
 	display: inline-flex;
 }

 .account-person {
 	margin-left: 14px;
 	margin-right: 8px;
 }

 .mobile-button-img {
 	max-width: unset;
 	margin-right: 15px;
 	margin-bottom: 21px;
 }


 .tooltip {
 	position: relative;
 	display: inline-block;
 	border-bottom: 1px dotted orange;
 	width: 142px;
 }

 .tooltip .tooltiptext {
 	visibility: hidden;
 	width: max-content;
 	background-color: orange;
 	color: #fff;
 	text-align: center;
 	border-radius: 8px;
 	padding: 8px;
 	position: absolute;
 	z-index: 1;
 	top: -10px;
 	left: 0;
 }

 .tooltip:hover .tooltiptext {
 	visibility: visible;
 }

 .mobile-button-wrap {
 	display: flex;
 	width: 350px;
 	overflow-x: scroll;
 	gap: 8px;
 	/*	margin-top: 130px;*/
 	margin-top: 10px;
 	background-color: #ffffff;
 }

 .mobile-button {
 	padding-left: 8px !important;
 	padding-right: 8px !important;
 	padding-top: 0px !important;
 	padding-bottom: 0px !important;
 	width: fit-content;
 	height: 40px;
 	border: 1px solid #CCC8C8 !important;
 	box-sizing: border-box;
 	box-shadow: unset !important;
 	border-radius: 5px !important;
 	font-family: 'Inter' !important;
 	font-style: normal;
 	font-weight: 500 !important;
 	font-size: 14px !important;
 	text-align: center;
 	color: #781718 !important;
 	background-color: #ffffff !important;
 	white-space: nowrap;
 	display: inline-block;
 	letter-spacing: unset;
 	margin-top: 2px;
 }

 .mobile-button-all {
 	padding-left: 14px !important;
 	padding-right: 14px !important;
 	height: 45px;
 	background: #DB6A29 !important;
 	border-radius: 5px !important;
 	color: #ffffff !important;
 	font-size: 18px !important;
 	margin-top: 0px;
 }

 .mobile-button-current {

 	background: #F2C545 !important;
 	border-radius: 5px !important;
 	color: #ffffff !important;
 }

 .mobile-button-wrap ::-webkit-scrollbar {
 	opacity: 0;
 }

 .mobile-button-wrap ::-webkit-scrollbar-track {
 	opacity: 0;
 }

 .mobile-button-wrap ::-webkit-scrollbar-thumb {
 	opacity: 0;
 }



 .cart-customlocation {
 	padding-left: 0px;
 }

 .header-search-section {
 	height: 28px;
 }


 .v2s {
 	border-left: 1px solid #D9D9D9;
 	height: 20px;
 	position: absolute;
 	top: 30px;
 	right: 0px;
 }

 .current-breadcrumb a {
 	color: #DB6A29 !important;
 }


 @media (max-width:480px) {
 	.carousel-item img {
 		max-height: 200px;
 		object-fit: contain;
 	}
 }

 .ebook-marker {
 	width: 5px;
 	height: 18px;
 	background:
 		#F2C545;
 	margin-right: 9px;
 	margin-top: 3px;
 }


 .product .woocommerce .add_to_cart_inline {
 	/*	margin: 0px;
	padding: 0px;
*/
 }

 .product.woocommerce.add_to_cart_inline a.button {
 	margin: 0px !important;
 	width: 140px;
 	padding-left: 0px !important;
 	padding-right: 0px !important;
 	text-align: center;
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 500;
 	font-size: 14px;
 	line-height: 17px;
 	padding-top: 9px;
 	padding-bottom: 9px;
 	border: 2px solid #CCC8C8;
 	border-radius: 5px;
 }

 .other-purchased-mobile {
 	border-top: 2px solid #CCC8C8;
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 600;
 	font-size: 18px;
 	color: #DB6A29;
 	padding-top: 10px;
 }

 .elementor-481 .elementor-element.elementor-element-5af5467 .hfe-nav-menu__toggle {
 	color: #F2C545;
 }

 .cart-customlocation-mobile {
 	padding: 0px;
 	margin-right: 9px;
 	margin-left: 9px;
 }

 .button.promagnifier {
 	width: 28px;
 	height: 28px;
 	border-radius: 3px;

 	/* margin-right: 9px; */
 }

 #ajaxsearchpro1_1 .probox .promagnifier .innericon svg,
 #ajaxsearchpro1_2 .probox .promagnifier .innericon svg,
 div.asp_m.asp_m_1 .probox .promagnifier .innericon svg,
 #ajaxsearchpro1_1 .probox .promagnifier .innericon svg,
 #ajaxsearchpro1_2 .probox .promagnifier .innericon svg,
 div.asp_m.asp_m_2 .probox .promagnifier .innericon svg {
 	fill: #781718 !important;
 }

 /*Fixes sizing to be same no matter what on desktop*/
 .woocommerce ul.products li.product a img,
 .woocommerce-page ul.products li.product a img {
 	height: 200px;
 }

 .woocommerce div.product {
 	/* div.images img*/
 	/*width: 215px;*/
 	/*height: 450px;*/
 	/*	width: auto; */

 }

 .woocommerce div.product div.images img {
 	width: unset;
 }



 .woocommerce-product-gallery__image.flex-active-slide {
 	/*height: 450px;
	width: auto;*/
 }

 @media only screen and (max-width: 481px) {

 	/*Make sort float all the way  to the right on mobile for sorting products Example: product-category/教義-神學/神學縱覽/ */
 	.woocommerce .woocommerce-ordering,
 	.woocommerce-page .woocommerce-ordering {
 		float: right;
 	}

 	/*Help margin to line up wiht sort on right side*/
 	.woocommerce .woocommerce-result-count {
 		margin: 0.4em 0 1em;

 	}

 	.woocommerce ul.products li.product.desktop-align-left .star-rating,
 	.woocommerce ul.products li.product.desktop-align-left .button,
 	.woocommerce-page ul.products li.product.desktop-align-left .star-rating,
 	.woocommerce-page ul.products li.product.desktop-align-left .button {
 		width: 140px;
 		align-items: center;
 		text-align: center;
 	}

 	.sidebar-main-alt {
 		margin-top: 130px;
 		padding-top: 0px;

 	}

 }

 /*This moves magnifying glass on product image*/
 @media (min-width: 922px) {
 	.woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-4 images {
 		width: 35%;
 	}

 	/*Move magnifying glass and possibly gallery images left*/
 	.woocommerce-product-gallery {
 		width: 317px !important;
 	}

 	.woocommerce #content .ast-woocommerce-container div.product div.summary,
 	.woocommerce .ast-woocommerce-container div.product div.summary,
 	.woocommerce-page #content .ast-woocommerce-container div.product div.summary,
 	.woocommerce-page .ast-woocommerce-container div.product div.summary {
 		width: 60%;
 		margin: 1px;
 	}

 	.woocommerce div.product div.images {
 		margin-bottom: 0px;
 	}
 }

 .sidebar-main-alt {
 	text-align: center;
 	padding-top: 0px;
 	margin-top: 26px !important;
 	width: unset;
 	/*	width: 200px;*/
 	background-color: #F2F2F2;
 	margin: 0;
 }

 .my-account-desktop {
 	padding-left: 0px;
 	font-size: 14px;
 }

 .my-account-desktop-span {
 	padding-left: 8px;
 	color: #2C0709;
 	font-size: 14px;
 }

 .account-image {
 	margin-top: -0.5px;
 }

 .line-search {
 	border-right: 1.5px solid #D9D9D9;
 	margin-left: 12px;
 	margin-right: 12px;
 	vertical-align: middle;
 }

 .header-search-dsktp {
 	/*	width:59px; */
 }

 .left-top-header {
 	max-width: 130px;
 }

 .cart-price {
 	padding-left: 5px;
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 17px;
 	/* identical to box height */
 	color: #2C0709;

 }

 .cart-price:hover {
 	color: #781718 !important;
 }


 span.cart-price {
 	font-family: inherit !important;
 	font-style: inherit !important;
 	font-weight: 400px;
 	font-size: 16px !important;
 	color: #DB6A29 !important;
 }

 span.cart-price:hover {
 	color: #781718 !important;
 }



 /*When current menu is highlighted reseet subitems to not have border and unneeded highlight*/
 .current-menu-item .sub-menu a {
 	color: #ffffff !important;
 	border-bottom: unset;
 }

 .landing-page-left {
 	max-width: 285px;
 }

 .left-landing-page-text {
 	font-size: 14px;
 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 400;
 	line-height: 16px;
 	color: #333333;
 	letter-spacing: 0.085em;
 	margin-bottom: 5px;
 	margin-left: 14px;
 	/*If you don't do this li items are smushed together*/
 }

 /*Reduce amount of whiite space at top pf page for ordreing of products and filter*/
 .woocommerce .woocommerce-result-count {
 	margin: 8px;
 }

 .woocommerce .woocommerce-ordering {
 	margin: 8px;
 }

 .landing-page-bottom-section {
 	/*max-width: 1407px;*/
 	/* Can be in percentage also. */
 	max-width: 1200px;
 	height: auto;
 	margin: 0 auto;
 	padding: 0px;
 	/* position: relative; */
 	position: static;
 	margin-top: 8px;
 	/*	text-align: center;*/
 }

 .woocommerce ul.products.columns-5 li.product,
 .woocommerce-page ul.products.columns-5 li.product {
 	/*width: 170px;*/
 	/*TODO:Sean find out why this is 170, seems better to not set on desktop*/
 	/*width: unset;*/
 	margin: 5px;
 }

 @media (max-width: 768px) {

 	.woocommerce ul.products li.col-2.product,
 	.woocommerce-page ul.products li.col-2.product {
 		width: 100%;
 	}
 }


 @media only screen and (max-width: 481px) {



 	.woocommerce ul.products.columns-5 li.product,
 	.woocommerce-page ul.products.columns-5 li.product {
 		/* width: 160px !important; */
 		padding-left: 20px !important;
 	}

 	/*This fixes issue with bouncing search*/
 	#ajaxsearchpro3_1 .probox .promagnifier,
 	#ajaxsearchpro3_2 .probox .promagnifier,
 	div.asp_m.asp_m_1 .probox .promagnifier,
 	div.asp_m.asp_m_2 .probox .promagnifier {
 		float: left;
 	}
 }

 /*Helps to center two products on mobile*/
 @media only screen and (max-width: 481px) {

 	.woocommerce ul.products.columns-5 li.product,
 	.woocommerce-page ul.products.columns-5 li.product {
 		width: 170px !important;
 		padding-left: 20px !important;
 	}

 	.header-menu-astra-child {
 		height: 0px;
 	}

 	.woopspro-product-slider-wrap {
 		padding-top: 0px;
 	}

 	.store-home-header {

 		margin-top: 100px;
 	}

 	.store-home-header2 {
 		margin-top: 0px;
 	}

 	.asp_w_container.asp_w_container_1.asp_compact,
 	.asp_w_container.asp_w_container_2.asp_compact {
 		width: 125px !important;
 		margin-right: 5px;
 		;
 	}

 	.woocommerce ul.products.columns-5 li.product,
 	.woocommerce-page ul.products.columns-5 li.product {
 		width: 150px !important;
 	}
 }

 /*iPhone SE*/
 @media only screen and (max-width: 380px) {

 	/*This affects main page for store, where as category pages */
 	.woocommerce ul.products.columns-5 li.product {
 		width: 165px !important;
 	}

 	.woocommerce-page ul.products.columns-5 li.product {
 		width: 150px !important;
 	}
 }



 /*Note: Removed as this is breaking mobile*/
 /*.woocommerce ul.products.columns-5 li.product,
	.woocommerce-page ul.products.columns-5 li.product {
		width: 165px !important;
		margin-left: 10px !important;
	}
	*/

 /*iPhone XR TODO:Sean Find a better way*/
 @media only screen and (width: 414px) {
 	.woocommerce ul.products.columns-5 li.product {
 		width: 187px !important;
 		padding-left: 20px !important;
 	}

 	.woocommerce-page ul.products.columns-5 li.product {
 		width: 165px !important;
 		padding-left: 20px !important;
 	}
 }


 /*Search related settings*/
 #ajaxsearchpro1_1.asp_compact,
 #ajaxsearchpro1_2.asp_compact,
 div.asp_m.asp_m_2.asp_compact,
 #ajaxsearchpro1_1.asp_compact,
 #ajaxsearchpro1_2.asp_compact,
 div.asp_m.asp_m_1.asp_compact {
 	border-radius: 3px;
 	height: 28px !important;
 	top: 2px !important;
 }

 /*TODO:Sean fix whatever is going on with this on mobile https://crmnj.local/shufang-shuji-jieshao/*/
 /*Footer on Desktop to fit menu items*/
 @media (min-width: 768px) {
 	.elementor-481 .elementor-element.elementor-element-19257f1>.elementor-container {
 		min-height: 260px;
 	}

 	.search-div {
 		width: 170px;
 		float: left;
 	}
 }

 .footer-menu-desktop {
 	height: 260px;
 }

 /*WooCart Page adjustments*/
 h1.entry-title,
 h3,
 .entry-content h3,
 .entry-content h3 a,
 .woocommerce-cart .cart-collaterals .cart_totals>h2,
 .woocommerce-cart .cart-collaterals .cross-sells>h2,
 h1.woocommerce-products-header__title.page-title,
 h1.woocommerce-products-header__title.page-title {
 	font-size: 24px !important;
 	font-weight: 600 !important;
 	/*semibold*/
 	color: #781718;

 }

 h1.woocommerce-products-header__title.page-title {
 	margin-bottom: 10px;
 	font-size: 24px !important;
 	font-weight: 600 !important;
 	/*semibold*/
 	color: #781718;
 }

 .woocommerce-products-header__title page-title {
 	font-size: 24px !important;
 	font-weight: 600 !important;
 	/*semibold*/
 	color: #781718;
 }

 .woocommerce form .form-row label,
 .woocommerce form .form-row input.input-text,
 .woocommerce form .form-row textarea {
 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 400;
 	font-size: 18px;
 }

 /*Reduce spacing on shopping cart input form*/
 .woocommerce form .form-row .input-text,
 .woocommerce-page form .form-row .input-text,
 input[type=email],
 input[type=number],
 input[type=password],
 input[type=reset],
 input[type=search],
 input[type=tel],
 input[type=text],
 input[type=url],
 select,
 textarea {
 	padding: 4px;
 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 400;
 	font-size: 18px;
 }

 /*Have drop down arrow closer to main menu item on desktop*/
 .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-arrow {
 	margin-left: 4px !important;
 }

 /*Upper Right select box for product category*/
 .woocommerce .woocommerce-ordering select,
 .woocommerce-page .woocommerce-ordering select {
 	font-size: 16px;
 	border: solid;
 	border-width: 1.5px;
 	border-color: lightgray;
 	margin-right: 70px;
 	padding: 3px;
 	border-radius: 3px;
 }

 .right-header-desktop {
 	position: relative;
 	float: right;
 }

 .woocommerce button.button {
 	background-color: #781718;
 	width: 100px;
 	height: 44px;
 	color: #FFFFFF;
 	font-size: 16px;
 	padding: 0px;

 }

 .woocommerce button.button:hover {
 	/*TODO: These are original values what should we update them to?
	*/
 	color: #ffffff;
 	border-color: none;
 	background-color: #781718;
 }

 .h2,
 .entry-content h2 {
 	font-size: 24px !important;
 	font-weight: 400 !important;
 	/*TODO: Check what font weight is regular*/
 	color: #781718;
 }

 /*TODO: This seems to affect the rows on product lines, to have two rows for page description.*/
 .woocommerce-ordering {
 	visibility: hidden;
 }

 .header-search-login {

 	text-align: right;
 	margin: 0px;
 	padding: 0px;
 }

 .header-menu-astra-child {
 	height: 48px;
 	font-size: 17px;
 	text-align: left;
 }

 /*start with ajax seerach pro for center issue */
 .top-right-header {
 	display: block;
 	float: right;

 }

 .top-right-desktop {
 	text-align: right;
 	/*	display: inline-block; */

 	vertical-align: middle;
 }

 .top-right-desktop-shortcode {
 	text-align: right;
 	display: inline-block;
 	vertical-align: middle;
 }

 .cart-tops {
 	padding-right: 0px;
 	/*this adds space after dollar amount*/
 	padding-left: 0px;
 	margin-right: 0px;
 	display: inline-block;
 }



 .elementor-14889 .elementor-element.elementor-element-167c583>.elementor-widget-container {
 	display: inline-flex;
 }

 .container {
 	width: 100%;
 	display: block;
 	/*margin-right: -160px;*/
 	text-align: right;
 }

 .myClass {
 	display: block;
 	float: right;
 }

 /*TODO: Adjust if on version of screen between mobile and desktop size, if 1200px or higher this is fine*/

 .asp_w_container.asp_w_container_1.asp_compact {
 	width: 170px !important;
 	/*margin-left: 485px;*/
 	/*margin-left: calc(100vw - 430px) !important;*/
 	/* display: inline-block;
    float: left !important;*/

 }

 .wrapper {
 	display: flex;
 	flex-direction: row;
 	height: 50px;
 }

 .left {
 	background-color: red;
 	width: 100px;
 }

 .middle {
 	background-color: green;
 	flex: 1;
 }

 .right {
 	background-color: blue;
 	width: 100px;
 }

 .store-home-header,
 .store-home-header2 {
 	border-top: 1.5px solid #CCC8C8;
 	padding-top: 16px;
 	margin-bottom: 0px;
 }

 /*Spacing  between products on /shufang-shuji-jieshao/ */
 .woocommerce ul.products.columns-5 li.product {
 	margin: 8px;
 }

 .woocommerce li.product {
 	vertical-align: top;
 	display: inline-block;
 	float: none;
 }

 .woocommerce ul.products {
 	text-align: right;
 	/*margin: 0 0 1.5em 3em;*/
 }

 .ben-yue-te-jia,
 .bian-ji-tui-jia {
 	margin-left: 25px;
 }

 .store-landing-page-right {
 	max-width: 1012px;
 	text-align: right;
 }

 /*Hide breadcrumb on top of woocommerce category page*/
 .ast-woocommerce-container .woocommerce-breadcrumb {
 	display: none;
 }

 .woocommerce-products-header {
 	/*	margin-top: 15px; */
 }

 /**Note: Removed store-home-header for mobile */

 @media only screen and (max-width: 481px) {

 	/*Modify where search button sits for mobile*/
 	div.asp_m.asp_m_1.asp_compact,
 	div.asp_m.asp_m_2.asp_compact {

 		right: 158px !important;
 		top: -3.5px !important;
 	}

 	#ajaxsearchpro1_1.asp_compact,
 	#ajaxsearchpro1_2.asp_compact,
 	div.asp_m.asp_m_2.asp_compact,
 	#ajaxsearchpro1_1.asp_compact,
 	#ajaxsearchpro1_2.asp_compact,
 	div.asp_m.asp_m_1.asp_compact {
 		top: -2px !important;
 	}
 }

 .ben-yue-te-jia-mobile {
 	height: 350px;
 }


 #login-register-btn {

 	width: 80%;
 	/*Take up most of screen*/
 	height: 80px;
 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 600;
 	font-size: 24px;
 	line-height: 44px;
 	align-items: center;
 	text-align: center;
 	border-radius: 5px;
 	border: none;
 	box-shadow: unset !important;

 }

 #login-register-btn:hover {
 	background-color: #781718;
 	color: white;
 }

 .jiezhang-header {

 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 600;
 	font-size: 24px;
 	line-height: 34px;
 	align-items: center;
 }

 .jiezhang-header-right {

 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 20px;
 	align-items: center;
 	text-decoration-line: underline;

 	color: #333333;
 }

 .cart-total-orange {
 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 500;
 	font-size: 28px;
 	line-height: 39px;

 	align-items: center;
 	text-align: right;
 	color: #DB6A29 !important;
 	float: right;
 }



 .woocommerce ul#shipping_method .amount {
 	font-weight: 400;
 }

 .woo-checkout-required {
 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 400;
 	font-size: 14px;
 	color: #781718;
 	float: right;
 	margin-top: 5px;
 	width: 100%;
 	text-align: right;
 }

 .woo-checkout-modify {
 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 400;
 	font-size: 14px;
 	text-align: right;
 	text-decoration-line: underline;
 	color: #333333;
 	float: right;
 	letter-spacing: normal;
 	padding-left: 10px;
 	padding-right: 10px;
 }

 .woo-checkout-modify:hover {
 	color: #781718;
 }

 #billing_company_field .optional {
 	display: none;
 }

 .checkout-postage-reminder {
 	float: right;
 	margin-bottom: 12px;
 	margin-top: 12px;
 }

 .woocommerce-error,
 .woocommerce-info,
 .woocommerce-message {
 	margin-bottom: 1em;
 }

 .woocommerce form.checkout_coupon .button[name=apply_coupon] {
 	padding-right: 0px;
 	padding-left: 0px
 }

 #ship-to-different-address {
 	letter-spacing: normal;
 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 400 !important;
 	font-size: 18px !important;
 	color: #781718;
 }

 #pwgc-apply-gift-card-checkout {
 	height: 44px;
 	background-color: #781718 !important;
 	border: 2px solid #CCC8C8;
 	border-radius: 5px !important;
 	padding: 7px !important;
 	box-shadow: unset !important;
 }

 /*TODO: Move all buttons to one css*/
 #pwgc-apply-gift-card-checkout:hover {

 	background-color: #FFFFFF !important;
 	border: 2px solid #CCC8C8;
 	border-radius: 5px;
 	color: #781718;

 }

 #order_review_heading {
 	background: #FBFBFB;
 	padding-bottom: 12px !important;
 	margin-top: 24px !important;
 	padding-top: 12px !important;
 	padding-left: 24px !important;
 	padding-right: 10px !important;
 	color: #781718;
 	font-weight: 600;
 	font-size: 24px;
 	border: 1px solid #CCC8C8 !important;
 	/*width: unset !important;*/
 }

 .apply-coupon-btn {
 	background-color: #781718 !important;
 	border: 2px solid #CCC8C8;
 	border-radius: 5px !important;
 	width: 140px;
 	margin-left: 21px;
 	padding: 0px !important;

 	font-family: 'PingFang TC' !important;
 	font-style: normal;
 	font-weight: 500 !important;
 	font-size: 14px;
 	line-height: 12px;
 	align-items: center;
 	text-align: center;
 	box-shadow: unset !important;
 	height: 44px;
 }

 /*TODO: How to adjust with to fill available spacee in paragraph for one line*/
 .coupon-code-input {
 	max-width: 255px;
 	margin-left: 5px;
 	height: 44px !important;
 	border: 1px solid #333333 !important;
 	border-radius: 3px !important;
 	flex: 1;
 }

 .coupon-code-input:focus {
 	border: 1.5px solid black !important;
 	outline: none;
 }

 .coupon-header {
 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 400;
 	font-size: 18px;
 	line-height: 25px;
 	align-items: center;
 	color: #000000;
 	margin-left: 5px;
 	margin-bottom: 10px;
 }

 #customer_details h3:not(.elementor-widget-woocommerce-checkout-page h3) {
 	color: #781718 !important;
 	padding-top: 0px;
 }

 .woocommerce-checkout {
 	padding-top: 30px;
 }

 .woocommerce form .form-row input.input-text,
 .woocommerce form .form-row textarea {
 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 400;
 	font-size: 18px;
 	border: 1px solid #333333;
 	background: #FFFFFF;
 	border-radius: 3px;
 }

 ::-webkit-input-placeholder {
 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 400;
 	font-size: 16px;
 	line-height: 22px;
 	color: #333333 !important;
 }

 /*This is for /checkout/ first header row*/
 .woocommerce-checkout-review-order-table thead:first-of-type tr:first-child {
 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 600;
 	font-size: 18px;
 	line-height: 25px;
 	align-items: center;
 	color: #000000;
 }

 .product-name,
 .product-total,
 #order_review td.product-name,
 .cart-subtotal,
 .woocommerce-page table.shop_table .woocommerce-Price-amount,
 .cart-total-shipping,
 .woocommerce-shipping-totals .shipping,
 .woocommerce-checkout-review-order-table {
 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 400 !important;
 	font-size: 18px;
 	line-height: 25px;
 	align-items: center;
 	color: #000000;
 }

 /* /checkout 訂單小計*/
 .cart-subtotal th {
 	font-weight: 600 !important;
 }

 #ship-to-different-address label span {
 	font-size: 18px;
 	margin-left: 5px;
 }

 /* 運送到不同的地址?*/
 #ship-to-different-address-checkbox {
 	margin-left: 4px;
 }

 /*Style for 總計  Price*/
 .woocommerce-checkout-review-order-table strong span bdi {
 	color: #DB6A29 !important;
 	font-weight: 500 !important;
 	;
 	font-size: 28px !important;
 	line-height: 39px !important;
 }

 /*/checkout/ 訂單總計 */
 .woocommerce-checkout-review-order-table tfoot tr:last-child th {
 	font-weight: 600;
 	font-size: 24px;
 }

 .woocommerce-checkout-review-order-table tbody tr th {
 	font-weight: 400;
 	font-size: 18px;
 }

 /* /checkout/ 商品, 訂單小計 */
 .woocommerce-checkout-review-order-table thead tr:first-child th {
 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 600 !important;
 	font-size: 18px;
 	line-height: 25px;
 	color: #000000;
 }


 .woocommerce-page.table.shop_table.woocommerce-Price-amount {
 	font-weight: 500 !important;
 }

 .cart-total-shipping {
 	float: right;
 }

 .general-button {
 	height: 44px;
 	background-color: #781718 !important;
 	border: 2px solid #CCC8C8;
 	border-radius: 5px !important;
 	font-family: 'PingFang TC' !important;
 	font-style: normal;
 	font-weight: 500 !important;
 	font-size: 14px;
 	line-height: 12px;
 	align-items: center;
 	text-align: center;
 	color: #FFFFFF !important;
 	box-shadow: unset !important;
 }

 #customer_details h3:not(.elementor-widget-woocommerce-checkout-page h3) {
 	letter-spacing: unset;
 	font-family: 'PingFang TC';
 	font-style: normal;
 	font-weight: 600;
 	font-size: 24px;
 }

 .newsletter_section {
 	padding-left: 24px;
 	margin-top: -5px;
 }

 .newsletter-radio,
 .newsletter_section {
 	padding-right: 20px !important;
 }

 .optional {
 	display: none;
 }


 .woocommerce table.cart td.actions .coupon {
 	display: none !important;
 }

 .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
 	border-radius: 5px;
 	font-size: 24px;
 }

 .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {

 	color: #781718;
 	background: #FFFFFF;
 	border: 2px solid #CCC8C8;
 	border-radius: 5px;
 }

 .woocommerce-page table.shop_table .woocommerce-Price-amount.span {
 	color: purple !important;
 }

 .ast-left-sidebar #primary {
 	border-left: none !important;
 	border-right: none !important;
 }

 #add_payment_method #payment div.payment_box .form-row,
 .woocommerce-cart #payment div.payment_box .form-row,
 .woocommerce-checkout #payment div.payment_box .form-row {
 	margin: 0 0 1em;
 	padding: 0px;
 }

 .woocommerce-page.woocommerce-checkout #payment div.form-row,
 .woocommerce.woocommerce-checkout #payment div.form-row {
 	padding: 0 0 1em;
 }

 .payment-options {
 	color: #781718 !important;
 	background: #FBFBFB;
 	border: 1px solid #CCC8C8;
 	margin-left: -33px;
 	margin-right: -33px;
 	padding-top: 10px;
 	padding-bottom: 10px;
 	padding-left: 20px;
 	margin-bottom: 10px;
 }

 #bottom-footer-hr {
 	--divider-border-width: 1.5px !important;
 }

 /*Mobile Menu*/
 @media (max-width:480px) {
 	.elementor-14889 .elementor-element.elementor-element-578ccd7 div.hfe-nav-menu-icon {
 		color: #F2C545;
 		padding: 5px;
 	}

 	#mobile-menu {
 		top: 80px;
 		height: 42px;
 		position: fixed;
 		transition: top 0.4s;
 	}

 	#mobile-logo-section {
 		position: fixed;
 		top: 0;
 		/* Stay on top */
 		width: 100%;
 		/* Full width */
 		background-color: #ffffff;
 		transition: top 0.4s;
 		/* Transition effect when sliding down (and up) */
 	}

 	/*Reduce footer padding on mobile*/
 	.elementor-481 .elementor-element.elementor-element-46262c1 {
 		padding-bottom: 0px;
 	}

 	/*Hide gray line for footer on mobile*/
 	.elementor-481 .elementor-element.elementor-element-040c70c .elementor-divider {
 		display: none;
 		padding: 0px;
 	}

 }

 /*move quantity amount down two bottom rather than flex example A6-01s   × 1*/
 .woocommerce-page.woocommerce-checkout form #order_review td.product-name {
 	align-items: revert;
 }

 /*These wcps are for product slider on mobile*/
 .wcps-container-15675 .controlsWrap.middle-fixed,
 .wcps-container-12956 .controlsWrap.middle-fixed,
 .wcps-container-12968 .controlsWrap.middle-fixed {
 	margin-top: -70px;
 }

 .wcps-container-15675 .controlsWrap.round div,
 .wcps-container-12956 .controlsWrap.round div,
 .wcps-container-12968 .controlsWrap.round div {
 	width: 36.63px;
 	height: 36.63px;
 	border-radius: 50% !important;
 	background: rgba(51, 51, 51, 0.3);
 	border: 2px solid #FFFFFF !important;
 	font-size: 32px;
 	color: white;
 	padding: 0px;
 	padding-left: 7px;
 	font-family: sans-serif;
 }

 .layout-12963 .element-10 a {
 	background-color: unset;
 }

 /*Mobile*/
 @media (max-width:481px) {

 	.woocommerce .products ul,
 	.woocommerce ul.products {
 		padding-left: 5px;
 		padding-right: 10px;
 		margin-left: auto;
 		margin-right: auto;
 	}

 	.woocommerce table.shop_table tbody:first-child tr:first-child td,
 	.woocommerce table.shop_table tbody:first-child tr:first-child th {
 		margin: 0px;
 		padding-top: 5px !important;
 		padding-bottom: 30px !important;
 	}


 	.woocommerce ul#shipping_method .amount {
 		/*color: orangered !important; */

 	}

 	ul#shipping_method li:not(.elementor-widget-woocommerce-cart #shipping_method li) {
 		padding: 2px !important;
 	}

 	.cart-total-shipping {
 		line-height: 1px !important;
 		padding: 0px !important;
 		float: unset;
 	}



 	.woocommerce-page table.shop_table .woocommerce-Price-amount {
 		color: unset;
 		font-size: unset;
 		font-weight: unset;
 	}

 	.cart-total-orange {
 		line-height: 30px;
 		font-weight: 500 !important;
 		font-size: 28px !important;
 		color: #DB6A29 !important;
 	}

 	.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number,
 	.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry,
 	.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc {
 		font-size: 1.2em;
 		padding: 5px;
 	}

 	.woocommerce-checkout #payment div.payment_box {
 		padding: 0px;
 		margin: 0px;
 	}
 }

 /*Changes since Jul 28*/

 /*Search Input Box, was white and 12px*/
 div.asp_m.asp_m_2 .probox .proinput input.orig,
 div.asp_m.asp_m_1 .probox .proinput input.orig {
 	color: #781718 !important;
 	font-size: 16px !important;
 }


 #menu-1-9049fc7 .sub-menu,
 #menu-1-4f9692a .sub-menu {
 	left: auto;
 	right: 0;
 	margin-right: -10px;
 	width: unset;
 	/*TODO: Adjust width of menu*/
 }

 /*This styles last menu item to make it fit larger item, and menu that shows 北美/其他地區更新書房 */
 .elementor-14889 .elementor-element.elementor-element-4f9692a .sub-menu #menu-item-15036,
 .elementor-14889 .elementor-element.elementor-element-4f9692a .sub-menu #menu-item-14981 {
 	width: 190px !important;
 }

 /*Make description of products larger, was 12px*/
 .woocommerce div.product .woocommerce-tabs .panel p {
 	font-size: 16px;
 }

 /*Make tab title of products larger, was 14px*/
 .woocommerce div.product .woocommerce-tabs ul.tabs li a {
 	font-size: 18px;
 }

 .header-top-mobile {
 	top: 0px;
 }

 /*mobile-menu */

 .elementor-16821 .elementor-element.elementor-element-7f25002 .sub-menu li.menu-item:not(:last-child),
 .elementor-16821 .elementor-element.elementor-element-7f25002 nav.hfe-dropdown li.menu-item:not(:last-child),
 .elementor-16821 .elementor-element.elementor-element-7f25002 nav.hfe-dropdown-expandible li.menu-item:not(:last-child) {
 	background: #781718;
 }

 #mobile-menu {
 	height: 44px;
 }

 #mobile-menu .hfe-nav-menu-icon {
 	padding: 0.2em;
 }

 #mobile-menu #menu-item-10694,
 #mobile-menu #menu-item-10696,
 #mobile-menu #menu-item-10697,
 #mobile-menu #menu-item-10698,
 #mobile-menu #menu-item-10820,
 #mobile-menu #menu-item-10700,
 #mobile-menu #menu-item-10701,
 #mobile-menu #menu-item-10703,
 #mobile-menu #menu-item-10695,
 #mobile-menu #menu-item-14043 {
 	width: 100%;
 	background: #781718;
 }

 #overlay {
 	position: fixed;
 	top: 0;
 	z-index: 100;
 	width: 100%;
 	height: 100%;
 	display: none;
 	background: rgba(255, 255, 255, 0.5);
 }

 .cv-spinner {
 	height: 100%;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }

 .spinner {
 	width: 40px;
 	height: 40px;
 	border: 4px #ddd solid;
 	border-top: 4px #2e93e6 solid;
 	border-radius: 50%;
 	animation: sp-anime 0.8s infinite linear;
 }

 @keyframes sp-anime {
 	100% {
 		transform: rotate(360deg);
 	}
 }

 .is-hide {
 	display: none;
 }

 /*Product page and categories had too muuch white space at top, was 4em*/
 div#primary.content-area.primary {
 	margin-top: 1em;
 }

 .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
 	font-size: 1.3em;
 	line-height: .1em;
 	color: white;
 }

 .ebook-links {
 	display: flex;
 	justify-content: left;
 	margin-left: 5px;
 	margin-bottom: 5px;
 	align-items: center;
 	flex-wrap: wrap;
 }