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

:root {
	--wd-text-font: "Noto Sans TC", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 16px;
	--wd-title-font: "Noto Sans TC", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Noto Sans TC", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--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: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 14px;
	--wd-header-el-font: "Noto Sans TC", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(7,0,0);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(0,0,0);
	--btn-accented-bgcolor-hover: rgb(0,0,0);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://solright.co/wp-content/uploads/2021/10/coffee-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(17,17,17);
	background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-size: 32px;
}
.page .wd-page-content {
	background-color: rgb(243,243,243);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
		font-size: 26px;
	}

}

@media (max-width: 768.98px) {
	html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
		font-size: 24px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

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


.wd-page-title {
background-color: rgb(0,0,0);
}

body {
	letter-spacing:1px;
}

.hidden-fields-container {display:none;}

/* 1439px and smaller screen sizes */
@media (max-width:1512px){

	/* Menu */
	#menu-main-navigation{
		width:104% !important;
	}
	
	/* Nav link text */
	#menu-main-navigation .menu-item .nav-link-text{
		letter-spacing:0.1px;
		font-size:13px;
		
	}
	
}


.htw-store-a a {
	color:#000;
		cursor:pointer;
}

.htw-store-a a:hover {
		color:#333333;
		cursor:pointer;
	font-weight:600;
}


/* 479px and smaller screen sizes */
@media (max-width:479px){

	/* Table Row */
	.cart tbody .woocommerce-cart-form__cart-item{
		padding-left:115px;
		padding-top:25px;
		padding-right:25px;
	}
	
	/* Thumbnail Image */
	.woocommerce-cart-form__cart-item a img{
		padding-left:15px;
		padding-top:25px;
	}
	
	/* Link */
	.woocommerce-cart-form__cart-item .product-remove a{
		padding-right:15px;
		padding-top:15px;
		
	}
		/* Cart action row */
	.cart tbody .wd-cart-action-row{
		display:none;
		
	}
	
	
}

/* 769px and larger screen sizes */
@media (min-width:769px){

	/* Product remove */
	.cart tbody .product-remove{
		padding-left:10px;
	}
	
}


/* 確保 .woodmart-nav-link 為相對定位並使用 flex 居中對齊 */
.woodmart-nav-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap; /* 防止文字換行 */
  padding: 0 15px; /* 使用 padding 控制選單項目寬度 */
  transition: background-color 0.3s ease, border-radius 0.3s ease, padding 0.3s ease;
}

/* 中文文字的共用樣式 */
.nav-link-text {
  transition: opacity 0.3s ease;
  display: block; /* 確保塊級元素 */
  color: inherit; /* 繼承父元素的文字顏色 */
  z-index: 1; /* 確保中文文字在英文文字下層 */
}

/* 英文文字的初始樣式 */
.english-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap; /* 防止換行 */
  opacity: 0;
  transition: opacity 0.3s ease, background-color 0.3s ease, border-radius 0.3s ease, padding 0.3s ease;
  font-size: 1em; /* 調整字體大小，確保一致 */
  color: white; /* 英文字顏色 */
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  pointer-events: none; /* 確保不影響滑鼠事件 */
  z-index: 2; /* 確保英文文字在上層 */
}

/* 當連結被懸停時，顯示英文文字並調整樣式 */
.woodmart-nav-link.hovered .nav-link-text {
  opacity: 0;
}

.woodmart-nav-link.hovered .english-text {
  opacity: 1;
  background-color: black; /* 黑色背景 */
  border-radius: 8px; /* 圓角 */
  padding: 5px 10px; /* 上下 5px，左右 10px */
}

/* 當其他選單項目被設定為 dimmed 時，將其變灰 */
#menu-main-navigation .menu-item.dimmed .nav-link-text,
#menu-main-navigation .menu-item.dimmed .english-text {
  color: gray; /* 灰色文字 */
  transition: color 0.3s ease;
}

/* 確保父容器允許溢出顯示 */
.whb-column,
.wd-header-nav,
.wd-header-main-nav {
  overflow: visible !important;
}

/* 移除固定的 min-width，改用 padding 來控制選單項目寬度 */
#menu-main-navigation .menu-item {
  padding: 0 10px; /* 根據需要調整左右內邊距 */
}

/* 響應式設計：在較小螢幕上調整選單項目寬度和字體大小 */
@media (max-width: 768px) {
  #menu-main-navigation .menu-item {
    padding: 0 10px; /* 小螢幕裝置的左右內邊距 */
  }
  
  .woodmart-nav-link.hovered .english-text {
    padding: 5px 8px; /* 小螢幕裝置的內邊距 */
    border-radius: 6px; /* 小螢幕裝置的圓角 */
    font-size: 0.9em; /* 小螢幕裝置的字體大小 */
  }
  
  #menu-main-navigation .menu-item.dimmed .nav-link-text,
  #menu-main-navigation .menu-item.dimmed .english-text {
    color: gray; /* 灰色文字 */
  }
}

.wd-tltp {
	display:none;
}
.hovered-social-icons {
	display:none !important;
}

/* Link */
.wd-blog-holder .post-title a{
	font-size:19px;
	
}

/* Link */
.wd-blog-element .post-title a{
	font-size:19px;
	
}
/* Post Title */
.page-title h1{
	font-size:36px !important;

}

/* Post Title */
.page-title h3{
	font-size:36px !important;
	
}

/* Span Tag */
.page-title .breadcrumbs span{
	font-size:16px;
	font-weight:100;
}

/* Link */
.page-title .breadcrumbs a{
	font-size:16px;
	font-weight:100;
}

/* 767px and smaller screen sizes */
@media (max-width:767px){

	/* Post Title */
	.page-title h1{
		font-size:30px !important;
	}
	
}

/* 479px and smaller screen sizes */
@media (max-width:479px){

	/* Post Title */
	.page-title h1{
		font-size:26px !important;
		
	}
	/* Post Title */
.page-title h3{
	font-size:26px !important;
	
}

	.shop-page-title {
    font-size: 26px !important;
    line-height: 0.9em !important;

}

}

/* footer text */
.copyrights-wrapper .min-footer .col-left{
	font-size:12px;
	
}

/* Breadcrumb last */
.yoast-breadcrumb span .breadcrumb_last{
	font-size:16px;
	font-weight:300;
}

/* 479px and smaller screen sizes */
@media (max-width:479px){

	/* Span Tag */
	.wd-breadcrumbs .yoast-breadcrumb > span{
		line-height:1.8em;
		font-size:14px;
		
	}
	
}

/* Span Tag */
.page-title .container .yoast-breadcrumb > span{
	font-size:15px;
	font-weight:300;
}

/* Link */
.yoast-breadcrumb span a{
	font-size:15px;
	font-weight:300;
	
}

/* WooCommerce 商店頁面標題 */
.shop-page-title {
    font-size: 36px !important;
    line-height: 0.9em !important;

}

/* 通用標題樣式 */
.page-title h1 {
    font-size: 24px;
    line-height: 1.4em;
    margin-bottom: 10px;
}


/* 整個麵包屑字體設定 */
.my-breadcrumb {
    font-size: 16px;
    font-weight: 300;
}

/* 最後一個 breadcrumb 元素的設定 */
.my-breadcrumb .breadcrumb_last {
    font-size: 16px;
    font-weight: 300;
}

/* Link 文字樣式 */
.my-breadcrumb a {
    font-size: 16px;
    font-weight: 300;
}
.my-breadcrumb a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none; /* 確保 hover 沒有 underline */
}

.my-breadcrumb a:hover {
    color: rgba(255, 255, 255, 0.8);
}



/* 表單按鈕 */
.init p .btn-color-black{
	border-style:solid;
	border-width:1px;
	border-color:#b5b5b5;
}

/* Color black (hover) */
.init p .btn-color-black:hover{
	background-color:#000000;
	color:#ffffff;
	
}


/* 表單按鈕手機全寬 */
@media (max-width:479px){

	/* Color black (hover) */
	.init p .btn-color-black {
		width:100%;
		
	}
	
}

/* user auther meta */
.wd-post-meta {display:none !important;}

.blog-design-masonry.has-post-thumbnail .wd-post-date {display:none;}

