@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.firstlemonkit.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.2.7") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//www.firstlemonkit.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//www.firstlemonkit.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//www.firstlemonkit.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//www.firstlemonkit.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//www.firstlemonkit.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//www.firstlemonkit.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//www.firstlemonkit.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//www.firstlemonkit.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Noto Sans TC", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(59,68,33);
	--wd-text-font-size: 14px;
	--wd-title-font: "Noto Sans TC", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-transform: lowercase;
	--wd-title-color: rgb(59,68,33);
	--wd-entities-title-font: "Noto Sans TC", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-transform: lowercase;
	--wd-entities-title-color: rgb(251,188,52);
	--wd-entities-title-color-hover: rgb(251, 188, 52);
	--wd-alternative-font: "Noto Sans TC", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Noto Sans TC", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(255,255,255);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Noto Sans TC", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 18px;
	--wd-primary-color: rgb(17,70,57);
	--wd-alternative-color: rgb(17,70,57);
	--wd-link-color: rgb(17,70,57);
	--wd-link-color-hover: rgb(251,188,52);
	--btn-default-font-family: "Noto Sans TC", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 400;
	--btn-default-bgcolor: rgb(255,224,0);
	--btn-default-bgcolor-hover: rgb(58,104,9);
	--btn-accented-font-family: "Noto Sans TC", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 400;
	--btn-accented-transform: inherit;
	--btn-accented-bgcolor: rgb(255,224,0);
	--btn-accented-bgcolor-hover: rgb(58,104,9);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: url(https://www.firstlemonkit.com/wp-content/uploads/2025/06/paper-new3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgb(17,70,57);
	background-image: url(https://www.firstlemonkit.com/wp-content/uploads/2025/06/footer_bg.webp);
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: url(https://www.firstlemonkit.com/wp-content/uploads/2025/06/footer_bg.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}
html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a {
	font-family: "Noto Sans TC", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: rgb(255,255,255);
}
html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a:hover, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a:hover, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu  > li > a:hover, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a:hover {
	color: rgb(251,188,52);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(0,0,0);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #fff;
--btn-accented-color: #333;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


/* slider 元件背景圖問題 */
.wd-slide {
    min-height: unset !important;
}

/* 圖片跳動 */
.jumping {
  display: inline-block;
  transition: transform 0.7s ease-in-out;
}
/* 流動的線 */
.flow-line-wrapper {
	position: absolute;
  height: 600px;
  overflow: hidden;
  left: 25%;
  width: 100%;
	z-index: 0;
  top: -300px;

}

.flow-line-wrapper img {
	position: absolute;
/* 	top: -100%; */
	/* 從容器頂部上方開始 */
	left: 50%;
	transform: translateX(-50%);
	animation: flowDown 10s linear infinite;
	opacity: 0;
}
.flow-line-wrapper2 {
	position: absolute;
  height: 600px;
  overflow: hidden;
  right: 25%;
  width: 100%;
	z-index: 0;
  top: -300px;

}

.flow-line-wrapper2 img {
	position: absolute;
/* 	top: -100%; */
	/* 從容器頂部上方開始 */
	right: 50%;
	transform: translateX(-50%);
	animation: flowDown 10s linear infinite;
	opacity: 0;
}

@keyframes flowDown {
	0% {
		top: -800%;
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	90% {
		opacity: 1;
	}

	100% {
		top: 100%;
		opacity: 0;
	}
}

/* footer 我們的商品pc 左邊間距加寬 */
@media (min-width:577px) {
	#nav_menu-19 {
		padding-left: 5rem;
	}
} 

/* footer menu follow us */
.social-follow {
	padding: 15px 20px 20px 0px;
  text-align: center;
  color: #f3f3d8; 
  font-family: Arial, sans-serif;
}

.social-follow .icons {
  display: flex;
  justify-content: flex-start;
  gap: 15px;
}

.social-follow .icons img {
  width: 40px;
  height: 40px;
  filter: brightness(1.2); 
  transition: transform 0.3s;
}

.social-follow .icons img:hover {
  transform: scale(1.1);
}

/* footer menu FOLLOW US */
#nav_menu-18 {
	margin:0;
	padding:0;
	border-bottom:0px;
}
#nav_menu-18 .widget-title{
	margin:0;
}

.social-follow .icons a {
    max-width: 25px;
}

/* main最下方多出間距 */
.wd-content-layout {
	padding-block:0px;
}

/* 社群浮動按鈕 */
#fix_social_link {
    position: fixed;
    top: 50%;
    right: 50px;
    transform: translateY(-50%);
}

#fix_social_link .sociallink {
    list-style: none;
    padding: 0;
    margin: 0;
}

#fix_social_link .sociallink li {
    margin: 18px 0;
    text-align: center;
}

#fix_social_link .sociallink li a {
    display: block;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s;
}
#fix_social_link .sociallink li img {
    width: 25px;
    height: 25px;
}

/* 社群顏色更換 */
#fix_social_link img {
  transition: filter 0.3s ease;
}

/* 深色背景下使用亮色圖示（或反白） */
#fix_social_link.dark-bg img {
  filter: grayscale(100%) brightness(1000%) contrast(100%) invert(100%);
}

/* 淺色背景下恢復原圖 */
#fix_social_link.light-bg img {
  filter: none;
}

/* 首頁檸檬知識站陰影 */
.blog-design-mask.wd-add-shadow .article-inner {
	box-shadow: unset!important;
}

/* gotop */
.scrollToTop{
	right: 50px!important;
}
/* 好評banner高度 */
.title-size-large {
	height:0;
	display: flex;
	align-items: center;
	padding-bottom: 8em;
}
/* 好評右側人氣熱銷商品 */
div#woocommerce_products-13 {
    margin-top: -8em;
}
@media (max-width:1400px) {
	#fix_social_link{
		right:0px;
	}
}
@media (max-width:991px) {
	#fix_social_link{
		display:none;
	}
	.scrollToTop{
		right: 25px!important;
	}
/* 好評內頁手機banner的title隱藏	 */
	.title-size-large .entry-title.title,.title-size-large .wd-breadcrumbs {
    display: none;
	}
/* 	banner手機時好評內頁隱藏 */
	.wd-page-title.page-title.page-title-default.title-size-large.title-design-centered.color-scheme-light.title-blog{
		display: none;
	}
/* 	 */
	.woocommerce-breadcrumb {
		 justify-content: center
	}
}
@media (max-width: 520px) {
    .scrollToTop{
        right: 10px !important;
    }
}

/* 登入 */
p.woocommerce-FormRow.woocommerce-FormRow--wide.form-row.form-row-wide.form-row-password {
    padding-bottom: 25px;
}
p.login-form-footer{
	align-items: flex-end;
	justify-content: flex-end!important;
}
/* footer_useful */
.useful_text, .useful_h2 {
	font-size: 16px;
	margin-top: 2rem;
	font-weight: 700;
}
.useful_h1 {
	font-size: 24px;
}
.warn {
	color: rgb(255, 89, 89);
	font-weight: 700;
}
.underline{
	text-decoration: underline;
}

.useful_h2, .useful_h1 {
	font-weight: 700;
	color:rgb(35, 68, 35);;
}
.useful_text {	
	color: rgb(6.667% 6.667% 6.667%);
	font-weight: 400;
}

.useful_p, .useful_ul>li, .useful_ol>li {
	font-size: 1rem;
	margin: 0.5rem 0;
	color: rgb(40% 40% 40%);
}
.useful_ul, .useful_ol {
	padding-left: 1.2rem;
	padding: 0px 0px 0px 56px;
}
@media (max-width: 600px) {
	.useful_h1 {
		font-size: 1.2rem;
	}
	.useful_h2 {
		font-size: 1rem;
	}
	.useful_p, .useful_ul>li, .useful_ol>li {
		font-size: 0.95rem;
	}
	.useful_ul, .useful_ol {
	padding: 0px 0px 0px 35px;
  }
}
/* banner 次選單位子 */
.wd-sub-menu-wrapp {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
/* 好評推薦+所有商品篩選器間距 */
.wd-portfolio-element {
/* 	padding: 5em 0!important; */
}
/* 預設banner的文字 */
.entry-title.title, ul.wd-checkout-steps {
    font-size: 46px!important;
}
/* 檸檬小百科+所有商品+好評推薦 和footer距離 */
.wd-blog-element, main.wd-content-layout.content-layout-wrapper.container.wd-builder-off.wd-grid-g.wd-sidebar-hidden-md-sm.wd-sidebar-hidden-sm, .wd-portfolio-element {
	padding-bottom:4em;
}
/* 銷售頁最上方與header的間距+檸檬小百科移除banner後+檸檬文章內頁 */
@media (min-width:1025px) {
	.product-images.wd-grid-col, .summary.entry-summary.text-left.wd-grid-col{
	margin-top: 15em!important;
	}
	.wd-header-overlap .wd-page-title {
		margin-bottom: 5em;
	}
	aside.wd-sidebar.sidebar-container.wd-grid-col.sidebar-right {
    margin-top: 11em;
	}
	.wd-dropdown-menu.wd-design-default .wd-dropdown{
		top: -12px;
	}
	.wd-dropdown-menu.wd-design-default{
		--wd-dropdown-width: 330px!important;
	}
	.container.wd-entry-content a {
    font-size: 18px !important;
	}
	
}

@media (max-width:1024px) {
	
	article#post-17932 {
/* 		margin-top: 10em; */
	}
	.entry-title.title, ul.wd-checkout-steps {
   font-size: 36px!important;
	}

/* 	banner */
	.wd-header-overlap .wd-page-title {
    margin-bottom: 2em;
    height: 27vh;
    display: flex;
    align-items: center;
	}
}

/* 所有商品+ 文章內頁 h5標題預設白色字修改 */
h5.widget-title {
	color: var(--wd-primary-color);
}
footer h5.widget-title {
    color: #fff;
}

/*  文章作者隱藏+產品頁"貨號 分享 分類"*/
.wd-post-author, .wd-post-share.wd-tltp, .wd-post-image, .product_meta, fieldset.hidden-fields-container, .wd-portfolio-btns, .wd-breadcrumbs {
	display: none!important;
}

/* .wd-last, .wd-breadcrumbs{
	display: none!important;
} */

/* 商品列表頁 “所有商品”下方的分類  */
.wd-product-cats {
	font-size: 1.2em !important;
}

/* 小百科單篇文章 */
.wd-single-post-header {
/*     padding: 3em 0 0; */
 }
/* 加入購物出按鈕 */
.single_add_to_cart_button {
  padding: 10px 20px;
  height: 44px;
  box-sizing: border-box;
}

/* 加入購物出按鈕固定在右上角樣式 */
.sticky-add-to-cart {
  position: fixed;
	top: 120px;
	right: 240px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  border-radius: 35px;
  padding: 10px 20px;
  height: 44px;
  box-sizing: border-box;
	z-index:1;
}

@media (max-width:768px) {
	.sticky-add-to-cart {
		width: 20px;
		height: 100px;
		right: 15px;
		top: 200px;
		z-index: 99999;
	}
	.product-image-summary-wrap {
    margin-top: 5rem;
	}

}

/* 立即購買按鈕固定在右上角樣式 */
.sticky-add-to-cart2 {
  position: fixed;
	top: 120px;
	right: 120px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  border-radius: 35px;
  padding: 10px 20px;
  height: 44px;
  box-sizing: border-box;
	z-index:1;
}

@media (max-width:768px) {
	.sticky-add-to-cart2 {
		width: 20px;
		height: 100px;
		right: 15px;
		top: 320px;
		z-index: 99999;
	}
	
/* 	home_banner_mob_title */
	.text_reset {
    position: relative;
    top: 20px;
    bottom: -10px;
	}
	.text_reset2 {
		position: relative;
		top: 5px;
	}

}

div#sticky-add-to-cart2-trigger {
    flex: none;
}

/* 購物系統 */
input::placeholder {
  color: gray;
}
@media (min-width: 769px) {
    .woocommerce-checkout>.customer-details .woocommerce-billing-fields {
        margin-top: 0px;
    }
}

/* 聯絡我們 */
.wd-checkout-steps .step-active>:is(a,span) {
	text-decoration: unset !important;
}
.lg-text {
	position: fixed;
	top: 185px;
	left: 50vw;
	opacity: 1;
	transform: translate(-50%, 20%) scale(1);
	z-index: 1;
	transition: transform 0.2s ease;
	pointer-events: none;
}
@media (max-width:1024px) {
	.lg-text {
		top: 120px;
	}
}
@media (max-width:991px) {
	.lg-text {
		top: 100px;
	}
}
.contact_us_bg {
	backdrop-filter: blur(30px);
}

.contact_star{
	color:red;
}
#wpcf7-f18471-p4439-o1 label{
    font-size: 16px
}

/* footer不會被聯絡我們蓋到 */
.wd-footer {
	position: relative;
	z-index: 1;
}

/* 全站背景圖 */
html, body, .wd-page-wrapper {
	height: 100% !important;
  margin: 0;
  padding: 0;
  background-image: url('http://www.firstlemonkit.com/wp-content/uploads/2025/06/paper-new3.jpg') !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  background-position: center !important;
}

/* Woodmart 的主體容器，移除白底背景 */
.main-page-wrapper,
.page-wrapper,
.site-content,
.woodmart-page  {
  background-color: transparent !important;
  background: none !important;
}

/* h5白色自問題修改 */
h5.widget-title {
/*     color: var(--wd-primary-color); */
}

/* blog移除單篇img + 評論文字刪除 */
.wd-single-post-img img, a.recent-posts-comment, .wd-meta-author, .wd-meta-reply, .wd-meta-date {
  display:none;
}


/*註冊+ 帳號  */
a.um-button.um-alt, input#um-submit-btn, input#um_account_submit_general, input#um_account_submit_password, .um-request-button, input#um_account_submit_privacy, input#um_account_submit_delete, .um .um-form input[type=text], .um .um-form input[type=password], input#um_account_submit_delete {
	border-radius: 50px !important;
}
input#um-submit-btn, input#um_account_submit_general, input#um_account_submit_password, .um-request-button, input#um_account_submit_privacy, input#um_account_submit_delete, input#um_account_submit_delete {
/* 	background: rgb(17, 70, 57); */
	background: rgb(255,224,0);
	color:#333;
}
input#um-submit-btn:hover, input#um_account_submit_general:hover, input#um_account_submit_password:hover, .um-request-button:hover, input#um_account_submit_privacy:hover, input#um_account_submit_delete:hover, input#um_account_submit_delete:hover {
/*     background: rgb(255,224,0); */
	background: rgb(17, 70, 57);
	color:#FFF;
}
.um a.um-link{
	color:rgb(17, 70, 57);
	font-weight:600;
}
.um a.um-link:hover{
	color:rgb(255,224,0);
}

#post-12 :is(.btn,.button,button,[type=submit],[type=button]) {
    color: var(--btn-accented-color);
    border-radius: var(--btn-accented-brd-radius);
    background-color: var(--btn-accented-bgcolor);
	font-weight: var(--btn-accented-font-weight, var(--btn-font-weight, 600));
}

#post-12 :is(.btn, .button, button, [type=submit], [type=button]):hover {
	color: var(--btn-accented-color-hover);
    box-shadow: var(--btn-accented-box-shadow-hover);
    background-color: var(--btn-accented-bgcolor-hover);
}

label, .login-form-footer .lost_password, :is(.register,.woocommerce-form-login) .button{
	font-size: 15px;
}
.um-field-label label{
	font-weight: 400;
}
.wd-heading .title, .wd-heading .create-account-link, .wd-nav-product-cat .nav-link-count{
display:none;
}
.wd-heading{
	border-bottom: unset;
}

/* header3層 */
.wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp{
	background-color: unset!important;
}
/* 手機選單社群 */
.mobile-social-links img {
    filter: invert(1);
    max-width: 20px;
}
.mobile-social-links {
    margin-top: 1rem;
    margin-left: 1rem;
}
.mobile-social-links a {
    margin-right: 5px;
}

/* 首頁banner slider 手機點點大小 */
.wd-nav-pagin{
	transform: scale(0.8)!important;
}
table.variations select{
	max-width: 300px!important;
}
/* 文章標題黃色顏色更換顯眼 */
.wd-entities-title a, .wd-entities-title{
/* 	color: #2F5C42!important; */
}
.elementor-widget-video .elementor-wrapper iframe{
	background-color: unset!important;
}

/* header登入註冊區塊的"忘記密碼"，樣式統一有hover */
.custom-wc-message a:hover{
	color: var(--wd-primary-color);
	text-decoration: underline;
	opacity: .7;
}
/* header登入註冊區塊，上下方空白間距 */
.wd-dropdown-register .wd-heading{
	display:none;
}
.wd-dropdown-register .woocommerce-form-login {
	padding-bottom: 1rem;
}
/* 所有商品分類標題加大 */
.wd-nav-product-cat:not(.wd-nav-mobile)>li>a {
	font-size:18px!important;
}

/* 結帳頁 */
.wd-notice a, div.wpcf7-response-output a, .mc4wp-alert a, :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a{
	text-decoration: none!important;
}
/*  我的帳號 訂單 */
#post-12 :is(.btn,.button,button,[type=submit],[type=button]){
	padding: 0.8em 0.5em;
	border: none!important;
}
/* 商品放大後的分享功能移除 */
.pswp__top-bar .pswp__button--share {
    display: none;
}
/* 願望清單checkbox改顏色 */
.wd-wishlist-checkbox {
  accent-color: #114639;
}
/* 願望清單刪除"移除"上方br */
.wd-wishlist-remove-action a br, a.wd-wishlist-remove br {
  display: none;
}
/* 我的帳號 訂單-刪除訂單編號上方br*/
.woocommerce-orders-table__cell-order-number p > a > br:first-child {
  display: none;
}