/*
Theme Name: Shoptimizer Child Theme
Theme URI: 
Description: Child theme of Shoptimizer
Author: CommerceGurus
Author URI: 
Template: shoptimizer
Version: 1.2.1
License:         	GNU General Public License v2 or later
License URI:     	http://www.gnu.org/licenses/gpl-2.0.html
*/

/*部落格
=============================================================*/

/* 手機版邊距位移修正 */

@media (max-width: 768px) {
	.site-main.grid { margin: 0 auto !important;}
	.site-main.grid article.post { padding: 0 !important;}
	article.post { margin: 0 0 1em !important;}
	.site p { line-height: 2 !important;}
	footer.copyright p { text-align: center;}
}

/* 選單的底部線 */
@media (min-width: 993px) {
    .header-4 .header-4-container {
        border-bottom: 1px solid rgb(238 238 238 / 20%);
    }
}

/* 手機版選單文字顏色 */
@media (max-width: 992px) {
    .main-navigation ul li a {
        color: #222 !important;
    }
}


/* 頁面標題 */
h1 {
    margin-top: .6em !important;
}

/* 文章列表標題 */
.post .entry-header h2 {
    line-height: 1 !important;
}
.post .entry-header h2 a {
    font-size: 1.6rem !important;
    color: #404040 !important;
    line-height: 1.2;
}
body.single-post h1 {
    font-size: 1.6rem !important;
}

/* 文章內容 */
div.content-area article.post div.entry-content {
    font-size: 1rem;
    line-height: 1.5 !important;
}

/* 導覽指引 */
.site-content .woocommerce-breadcrumb {
    font-size: 0.95rem !important;
}

/* 文章引用 */
.content-area blockquote {
    border-left: 5px solid #3F9435;
    display: block;
    line-height: 36px;
    padding-left: 10px;
    background-color: #fafafa;
    word-break: break-all;
    font-weight: bold;
    font-style: italic;
}
#secondary.widget-area .widget .tagcloud a {
    font-size: 0.87rem !important;
}

/* Display the last updated date */
.entry-date.published:not(.updated), .posted-on {
    display: none !important;
}

.updated:not(.published) {
    display: none;
}

/* Facebook Line 讚與分享  */
.post-social {
    background: #f8f8f8;
    padding: 10px 0 5px 15px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin: 0 0 20px 0;
    max-width: 100%;
    overflow: hidden;
}

/* 頁尾
=============================================================*/

/* 小工具名稱 */
footer .widget .widget-title {
    margin-bottom: 10px !important;
    color: #404040 !important;
    font-size: 24px !important;
}

/* 版權 */
footer.copyright {
    padding: 0.8rem 0 !important;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #ececec;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    background-color: #fff !important;
    color: #222 !important;
}

@media (max-width: 768px) {
    footer:last-child:not(:only-of-type) {
        margin-top: 0 !important;
    }
    .menu-toggle .bar-text {/* 選單 */
    position: relative !important;
    font-size: 110% !important;
    }
    .site .elementor-element.elementor-products-grid ul.products {
		width: 100% !important;
    }
}

/* 結帳頁面
=============================================================*/

/* 結帳標題 */
.page-template-default .entry-header {
    margin-top: 30px;
}

/* 獲得點數 */
.woocommerce .wc_points_rewards_earn_points {
    background-color: #3d9cd2 !important;
    padding: 10px 15px !important;
    border-left: .6180469716em solid rgba(0,0,0,.15) !important;
    color: #fff !important;
    border-radius: 5px;
}

/* 使用點數 */
.woocommerce .wc_points_redeem_earn_points {
    background-color: #3d9cd2 !important;
    padding: 10px 15px !important;
    border-left: .6180469716em solid rgba(0,0,0,.15) !important;
    color: #fff !important;
    border-radius: 5px;
    line-height: 30px;
    display: -webkit-box;
}

/* 使用點數按鈕 */
.woocommerce .wc_points_redeem_earn_points .button {
    background-color: #3485b3 !important;
    padding: 2px 8px !important;
    border-radius: 5px;
    border: 2px solid #fff !important;
    font-size: 14px;
    font-family: 'Microsoft JhengHei', 微軟正黑體;
}

/* 使用會員登入 */
.woocommerce .woocommerce-form-login-toggle {
    background-color: #3bb54a !important;
    padding: 10px 15px !important;
    border-left: .6180469716em solid rgba(0,0,0,.15) !important;
    color: #fff !important;
    border-radius: 5px;
    margin-bottom: 10px;
}

/* 使用會員登入說明 */
.woocommerce .woocommerce-form-login-toggle .woocommerce-info {
    margin: 0 auto;
    color: #ffffff;
}

.woocommerce .woocommerce-form-login-toggle .woocommerce-info a{
    border-bottom: 2px solid #ffffff;
    color: #ffffff;
    font-weight: 500;
}

.woocommerce .woocommerce-form-login-toggle .woocommerce-info a:hover{
    color: #ffffff;
    font-weight: bold;
}

/* 使用折價劵 */
.woocommerce .woocommerce-form-coupon-toggle {
    background-color: #3bb54a !important;
    padding: 10px 15px !important;
    border-left: .6180469716em solid rgba(0,0,0,.15) !important;
    color: #fff !important;
    border-radius: 5px;
    margin-bottom: 10px;
}

/* 使用折價劵說明 */
.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info {
    margin: 0 auto;
    color: #ffffff;
}

.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info a{
    border-bottom: 2px solid #ffffff;
    color: #ffffff;
    font-weight: 500;
}

.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info a:hover{
    color: #ffffff;
    font-weight: bold;
}

/* 資訊列顏色 Changing WooCommerce’s info bar colors
=============================================================*/

/* 紅色 */
.woocommerce-error {
    background-color: #e2401c;
}

/* 藍色 */
.woocommerce-info {
    background-color: #3d9cd2;
}

/* 綠色 */
.woocommerce-message {
    background-color: #3bb54a;
}

/* Normally Green */
body.single-product .woocommerce-message .message-inner {
    background-color: #3bb54a;
}

/* 商店列表 ============================================== */

/* 商店列表價格縮排 */
ul.products li.product .price {
    letter-spacing: -0.5px;
}

/* 商店列表原價折扣線 */
div.woocommerce-card__header del {
    color: #444444 !important;
    opacity: .8;
}

/* 商店列表原價 */
div.woocommerce-card__header span.price del span.woocommerce-Price-amount bdi {
    font-size: 1rem;
    font-style: italic;
    font-weight: 500;
    color: #444444 !important;
    opacity: .8;
}

/* 商店列表售價 */
div.woocommerce-card__header span.price span.woocommerce-Price-amount bdi {
    color: #dd4200 !important;
    font-size: 1.3rem;
    font-style: italic;
    font-weight: bold;
    font-family: 'Helvetica';
}

/* 商店列表售價符號 */
div.woocommerce-card__header span.price span.woocommerce-Price-amount bdi span.woocommerce-Price-currencySymbol {
    font-size: 1rem;
}

/* 商店列表特價 */
div.woocommerce-card__header span.price ins span.woocommerce-Price-amount bdi {
    color: #dd4200 !important;
    font-size: 1.3rem;
    font-style: italic;
    font-weight: bold;
    font-family: 'Helvetica';
}

/* 商店列表特價符號 */
div.woocommerce-card__header span.price ins span.woocommerce-Price-amount bdi span.woocommerce-Price-currencySymbol {
    font-size: 1rem;
}

/* 缺貨顯示位置 */
.product-out-of-stock {
    background: #dd4200;
    padding: 5px 0;
}


/* 缺貨  */
.product-out-of-stock em {
    color: #ffffff;
    font-size: 0.89rem;
}


/** 隱藏會員專區欄位 **/
.woocommerce-EditAccountForm .woocommerce-form-row--last {
    display: none !important
}
.form-row .address-field .form-row-wide .validate-required .validate-postcode {
    display: none !important
}

.menu-primary-menu-container>ul>li>a {
    outline: none;
}

/* 手機版分類篩選 */
@media (max-width: 992px) {

	.mobile-filter {
		font-size: 16px;
		font-weight: 600;
		height: 46px;
		line-height: 44px;
	}
}

/* 手機版商品列表折扣百分比 */
.product-label.type-bubble {
    z-index: 1;
}

/* 商品頁面 ============================================== */

/* 商品區間 */
div.product p.price {color: #dd4200 !important;}

/* 商品原價 */
div.entry-summary p.price del {color: #444;opacity: 1;}
div.entry-summary del span.woocommerce-Price-amount bdi{color: #444;opacity: 1;font-size: 18px;font-weight: bold;font-style: italic;font-family: 'Helvetica';}

/* 商品特價 */
div.entry-summary p.price ins {color: #dd4200;}
div.entry-summary ins span.woocommerce-Price-currencySymbol{font-size: 18px;color: #dd4200;}
div.entry-summary ins span.woocommerce-Price-amount bdi{font-size: 3rem;font-style: italic;font-weight: bold;font-family: 'Helvetica';}

/* 商品售價 */
div.entry-summary span.woocommerce-Price-currencySymbol{font-size: 18px;}
div.entry-summary span.woocommerce-Price-amount bdi{font-size: 3rem;font-style: italic;font-weight: bold;color: #dd4200;font-family: 'Helvetica';}

/* 上下頁商品價格 */
div.shoptimizer-product-prevnext .prevnext_price {
    color: #dd4200;
    font-style: italic;
    font-weight: bold;
    font-size: 18px;
}

div.shoptimizer-product-prevnext .prevnext_price ins{
    font-weight: bold;
    font-size: 18px;
}

div.shoptimizer-product-prevnext .prevnext_price del{
    font-weight: bold;
    font-size: 15px;
    opacity: 0.5
}

div.shoptimizer-product-prevnext .prevnext_price span.woocommerce-Price-currencySymbol {
    color: #dd4200;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
}

div.shoptimizer-product-prevnext .prevnext_price ins span.woocommerce-Price-currencySymbol {
    color: #dd4200;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
}

div.shoptimizer-product-prevnext .prevnext_price del span.woocommerce-Price-currencySymbol {
    color: #dd4200;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
}

/* 商品特價折扣數 */
.product-details-wrapper .product-label::before {
    left: 0 !important;
    width: 0 !important;
    border: 0 !important;
}
.product-details-wrapper .product-label {
    height: 25px;
    padding: 0px 10px;
    border-radius: 15px;
    font-size: 13px;
    line-height: 25px;
}

/* 商品特價 */
.woocommerce span.onsale {
    background-color: #dd4200 !important;
    color: #ffffff !important;
    padding: 2px 6px !important;
    margin-bottom: 10px !important;
}

/* 商品簡單介紹 */
.woocommerce-product-details__short-description {
    font-size: 15px;
}

/** 訂單細節============================================= **/
#orderDetail {
    margin: 30px 0px;
}

.single-order-item{
	margin-bottom:50px;
}

.single-order-item .main{
	margin-bottom:10px;
	font-size:18px;
	line-height:24px;
}

.single-order-item .main .title{
	color:#fff;
	font-size:14px;
	line-height:18px;
	display:inline-block;
	padding:3px 10px;
	background:#3F9435;
	border-radius:5px;
	margin-right:10px;
}

.process-list{
	display:inline-block;
	vertical-align:top;
}

.process-list p{
	font-size:14px !important;
	line-height:21px;
	color:#545252;
	margin:0 0 10px;
	
}

.process-list p:first-child{
	color:#f60;
	font-size:18px;
	line-height:24px;
}

.process-list p .time{
	color:#aaa;
	font-size:12px;
	padding-left:10px;
}

.product-list.td {
    text-align: left;
}

.single-order-item h2{
	font-size:24px;
	font-weight:200 !important;
	color:#3F9435;
	line-height:36px;
	display:block;
	text-indent:10px;
	font-style:italic;
	border-left:3px solid #3F9435;
}

.order-info-green {
    background-color: #3bb54a;
    padding: 0.5rem 1.618rem;
    border-left: .6180469716em solid rgba(0,0,0,.15);
    border-radius: 4px;
    color: #ffffff;
    margin: 20px 0 10px;
}

.order-info-green .order-date, .order-info-green .order-status {
    color: #ffffff;
    font-weight: bold;
}

.order-list.table{
	margin:10px 0;
}

.order-list .td{
	padding:10px;
	border-bottom:1px solid #dcdcdc;
}

.order-list .title .td{
	background:#eaeaea;
	font-size:14px;
	color:#666;
}

.order-list .td.product{
	text-align:left;
}

.order-list .pro-img{
	width:40px;
	height:40px;
	background:#dcdcdc;
	display:block;
	float:left;
	margin:0;
}

.order-list .pro-type{
	display:block;
	margin-left:50px;
}

.order-list .pro-type .brand:after{
	display:none;
}

.order-list .pro-name{
	display:block;
	border:none;
	margin-bottom:0;
}

.order-list .pro-img img{
	width:100%;
	height:100%;
}

.order-list .number, .order-list .price{
	color:#aaa;
	font-size:14px;
	width: 50px;
}

.order-list .td.price .unit{
	font-size:10px;
	color:#ccc;
}

.order-list .td.product a.gift{
	display:block;
	padding-left:55px;
	position:relative;
}

.order-list .td.product .gift::before{
	content:"贈品";
	display:block;
	color:#f60;
	position:absolute;
	left:0;
	top:calc(50% - 13px);
	background:#dcdcdc;
	border-radius:5px;
	font-size:12px;
	line-height:16px;
	height:16px;
	padding:2px 10px;
}

.order-list .td.product span.mate{
	
}

.order-list .td.product ul.wc-item-meta {
    list-style: none;
    border-left: 3px solid #3F9435;
    text-indent: 10px;
    padding-left: 10px;
}

.order-list .td.product ul.wc-item-meta li{
    font-size:14px;
    font-weight: 300;
    vertical-align: middle;
    display: inline;
}

.wc-item-meta li p, .wc-item-meta li strong {
    font-size:14px !important;
    font-weight: 600;
    font-style: italic;
    vertical-align: middle;
    display: inline !important;
    color: #555;
}

.order-list .gift .pro-img{
	background:#fff;
}

.order-list .gift .pro-name, .order-list .gift .pro-type{
	color:#aaa;
}

.order-list-total{
	padding:20px 0 40px;
	border-bottom:1px solid #dcdcdc;
	margin-bottom: 20px;
}

.order-list-total::after{
	content:"";
	display:block;
	width:100px;
	height:1px;
	clear:both;
}

.order-list-total .content{
	float:right;
	margin-left:10px;
}

.order-list-total p{
	display:block;
	color:#409638;
	line-height:24px;
	height:24px;
	margin:5px 0;
}

.order-list-total p .title{
	color:#aaa;
}

.order-list-total p .unit{
	color:#aaa;
	font-size:12px;
}

.table {
    display: table;
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}

.tr {
    display: table-row;
}

.td {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
}

.pro-type {
    font-size: 12px;
    line-height: 14px;
    color: #00a0e9;
}

.pro-name {
    font-size: 14px;
    line-height: 18px;
    color: #434343;
    padding-bottom: 10px;
    border-bottom: 1px dashed #959595;
    margin-bottom: 10px;
}

.woocommerce-account .entry-content:not(.wc-tab) p {
    font-size: 14px;
}

.tipsArea h1 {
    font-size: 24px;
    font-weight: 200;
    color: #3F9435;
    line-height: 36px;
    display: block;
    text-indent: 10px;
    border-left: 3px solid #3F9435;
}

.tipsArea p.title {
    font-size: 20px !important;
    line-height: 24px;
    color: #0069aa;
    font-weight: bold;
}

.tipsArea .subLine {
    display: block;
    color: #555;
    margin: 0px auto;
    border: 1px solid #dcdcdc;
    text-align: justify;
    padding: 20px;
    font-size: 14px;
}

.tipsArea li {
    display: block;
    margin-bottom: 20px !important;
}

dl.variation, ul.products li.product .star-rating {
    font-size: 14px;
    text-indent: 5px;
    border-left: 3px solid #3F9435;
    margin-top: 5px;
}

dl.variation dt {
    font-style: italic;
    font-weight: 500;
}

dl.variation dd {
    font-style: italic;
    font-weight: 500;
}

dl.variation dd p{
    height:0;
}

.menu-primary-menu-container > ul > li > a {
    font-size:16px;
}

.main-navigation ul.menu ul li > a {
    font-size:15px;
}

.shoptimizer-mini-cart-wrap .widget_shopping_cart .product_list_widget {
    border-bottom-right-radius: 0;
    box-shadow: inset 0 0px !important;
}

/*
body .shoptimizer-mini-cart-wrap .widget_shopping_cart .product_list_widget li a.remove {
    font-size: 18px;
}
*/

@media (max-width: 992px){
    
    .menu-toggle .bar-text {
	    margin-top: 2px;
	    font-size: 15px;
	}
    
}

@media screen and (max-device-width:650px){
    
    .order-list-total .content{
		float:none;
		margin:20px 0;
	}
	
	.order-list div.number{
	    width: 50px;
	}
	
	.order-list-total p{
	    font-size:14px !important;
	}
	
	.woocommerce-MyAccount-content table tr {
	    display: block;
	    margin-bottom: 1em;
	    background-color: #ececec;
	    padding: 10px;
	    border-radius: 5px;
	    font-size: 15px;
	    border-bottom:0;
	}
	
	.woocommerce-account .woocommerce-orders-table td, .woocommerce-account .woocommerce-orders-table th {
	    display: contents;
	    font-size: 1rem;
	}
	
	.woocommerce-account .my_account_orders .button {
	    padding: 5px !important;
	    font-size: 15px !important;
	    font-weight: 500 !important;
	    margin-top: 8px !important;
	    margin-bottom: 5px !important;
	    background: #3F9435 !important;
	}
	
}

/* 搜尋功能隱藏最新商品 */
.search-extras {
    display: none;
}
.modal-content {
    padding: 25px !important;
}

.product-label {
    z-index: 5;
}

/* 加購商品 */
label.wc-pao-addon-name {
    margin: 0px 0px 10px 0px;
    background-color: #fff0bd !important;
    display: block !important;
    padding: 5px 10px 5px 10px;
    font-weight: 600 !important;
    line-height: 30px;
    border-radius: 5px;
}

/* 購物車圖示 */
.woocommerce .woocommerce-customer-details address {
    font-style: normal;
    margin-bottom: 0;
    border: 1px solid rgba(0,0,0,.1);
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-bottom-width: 2px;
    border-right-width: 2px;
    text-align: left;
    width: 100%;
    border-radius: 5px;
    padding: 6px 12px;
}

/* 結帳頁面加入購物會員樣式 */
.woocommerce form .form-row label.checkbox span {
    color: #dd4200;
    font-weight: bold;
}

/* 點數顯示在個別商品的方式 */
.wc-points-rewards-product-message {
    display: block;
    color: #323232;
    font-size: 15px;
}

/* 個別商品名稱寬度調整 */
.summary h1 {
    padding-right: 0;
}