/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* product category page*/
.top-right-btn-group{
	 width: 60%;
    display: flex;
}

.woocommerce-result-count{
	flex: 1;
    align-self: center;
    font-size: 0.9em;
    text-align: right;
}

#product_tag_filter{
	margin-left: 5px;
    margin-right: 5px;
	flex: 0 0 150px;
}

.woocommerce-ordering{
	flex: 0 0 150px;
}

.woocommerce-breadcrumb.breadcrumbs{
	color: #bb8a0a;
}
.woocommerce-ordering .orderby{
	margin: 0;
}

#content{
    background-image: url();
    background-position: left top;
    background-size: auto;
    background-repeat: no-repeat;
    background-attachment: scroll;
	
}

.nav-dark .nav>li>a {
    color: white;
}

.dark a, .dark .widget a {
    color: white;
}

.nav>li>a {
    color: black;
    transition: all .2s;
}

.erf-reg-form-container{
	align-content:center;
	padding:50px;
}

#button-i9eWa9{
	background-color:#d7c38c;
	color:#FFFFFF;
}

.conditions{
	color:blue;
	text-decoration:underline;
}

.flex-control-nav.flex-control-thumbs img {    
    width: 100px;
}

.social-icons.share-icons.share-row.relative.icon-style-outline {
	z-index:1;
}

.html.custom.html_nav_position_text_top{
	width:100%;
}

#cart-popup .mini_cart_item .quantity del:after{
	content: '\a';
  white-space: pre;
}

li.wc_payment_method.payment_method_paydollar {
	background-image: url("https://www.nampeihong.com/wp-content/uploads/2021/10/AlipayHK_logo_s-optimized.png");
	background-size:20%;
	background-repeat: no-repeat;
	background-position: top 14px left 123px;
}
li.wc_payment_method.payment_method_paydollar2 {
	background-image: url("https://www.nampeihong.com/wp-content/uploads/2021/10/UnionPay_logo2-100x100-optimized.png");
	background-size:12%;
	background-repeat: no-repeat;
	background-position: top 1px left 85px;
}

li.wc_payment_method.payment_method_paydollar3 {
	background-image: url("https://www.nampeihong.com/wp-content/uploads/2021/10/fps_logo-optimized.png");
	background-size:12%;
	background-repeat: no-repeat;
	background-position: top 1px left 85px;
}

li.wc_payment_method.payment_method_paydollar4 {
	background-image: url("https://www.nampeihong.com/wp-content/uploads/2021/10/Octopus_logo2-optimized.png");
	background-size:25%;
	background-repeat: no-repeat;
	background-position: top 1px left 77px;
}

@media screen and ( max-width: 849px ) {
li.wc_payment_method.payment_method_paydollar {
	background-image: url("https://www.nampeihong.com/wp-content/uploads/2021/10/AlipayHK_logo_s-optimized.png");
	background-size: 75px;
}
li.wc_payment_method.payment_method_paydollar2 {
	background-image: url("https://www.nampeihong.com/wp-content/uploads/2021/10/UnionPay_logo2-100x100-optimized.png");
	background-size: 45px;
}

li.wc_payment_method.payment_method_paydollar3 {
	background-image: url("https://www.nampeihong.com/wp-content/uploads/2021/10/fps_logo-optimized.png");
	background-size: 40px;
}

li.wc_payment_method.payment_method_paydollar4 {
	background-image: url("https://www.nampeihong.com/wp-content/uploads/2021/10/Octopus_logo2-optimized.png");
	background-size: 90px;
}
}	

.gm-style-iw.gm-style-iw-c{
	padding-right:1rem!important;
}

.wc_quick_buy_button{
	background-color: #c59600!important;
    color: white!important;
}

#billing_address_2>label{
display:none;
}

tr.shipping{
display:none;
}

.html .custom html_topbar_right{
margin-left:0;
}

.html .custom html_topbar_left{
margin-right:0;
}

a[title="Share this on Facebook"],a[title="Share this on Google Plus"]{
 /*background-color:transparent!important;*/
}



.has-child[aria-expanded="true"]{
 !background-color:#d7c38c;
}
.flex-col.hide-for-medium.flex-right{
 width:100%; 
}
.header-language-dropdown .icon-image,.header-language-dropdown .image-icon{
 display:none; 
}
.has-child.active .icon-image, .has-child.active .image-icon{
	display:none; 
}
.has-child .icon-image, .has-child .image-icon{
	display:none; 
}
.woocommerce-mini-cart__buttons.buttons .button:first-child{
  background-color:#d7c38c !important; 
}
.woocommerce-Price-currencySymbol:before{
  content:'HK';
}
.woocommerce-terms-and-conditions-link{
  color: #000cff;
}
ins span.woocommerce-Price-amount.amount{
  font-size:1.2em;
  color:red;
}
.menu-item-668{
  background:#c59600;
}
input.wpcf7-form-control.wpcf7-submit{
  background:#dd9933;
}
.color-red{
 color:red; 
}
ul.no-symbol-ul{
  margin:0 auto;
  padding:0;
  list-style:none;
}
ul.no-symbol-ul li{
 margin:0; 
}
ul.select-list-style1 > li > a{
  margin:5px 0;
  display:block;
  width:100%;
  height:100%;
  cursor:pointer;
}
ul.select-list-style1 > li > a:hover{
  color:#bb8a0a;
}
.flex-center{
  width:90%;
  height:100%;
}
.nav-center{
   width:100%;
   height:100%;
}
.nav-center > li{
  text-align:center;
  width:12.5%; 
  display:inline-block;
  margin:0;
  padding:3px 9px;
}
.nav-center > li > a{
	font-weight:normal;
}
.nav-center > li:hover{
  background:#fff;
  
}
.header:not(.transparent) .header-bottom-nav.nav > li:hover > a {
  color:#c59600;
}
.nav-dropdown{
 !max-width:130px; 
 min-width:100px;
  width:100%;
  padding:10px;
  box-shadow: 1px 4px 5px rgba(0,0,0,0.15);
  border:none;
 !text-align:center;
 !box-shadow:none;
 !border:none;
}
li.current-dropdown>.nav-dropdown{
  left:0 !important;
  
}
.account-item .nav-dropdown{
  min-width:150px;
}
.nav-dropdown li a{
  color:#000; 
  
}
.nav-dropdown li a:hover{
  color:#c59600; 
}
.section-title b{
  opacity:1; 
}
.footer-primary_menu .footer-menu{
  margin:0;
  padding:0;
  list-style:none;
  width:90%;
  margin-bottom:10px;
}
.footer-primary_menu .footer-menu > li{
  float:left;
}
.footer-primary_menu .footer-menu > li > a{
  display:block;
  font-size:1.3em;
  margin-bottom:10px;
}
.on-sale-icon{
  display:inline-block;
  background-image:url('https://www.nampeihong.com/wp-content/uploads/2018/05/600303130505_A.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%';
}
.woocommerce-breadcrumb.breadcrumbs.tooltipstered{
	!display:none; 
}


.footer-menu .footer-menu_item{
  width: 14.2857%;
}
@media screen and (max-width: 749px){
  .footer-menu .footer-menu_item{
      width: 25%;
      font-size:0.9em;
  }

}
@media screen and (max-width: 449px){
  .footer-menu .footer-menu_item{
      width: 50%;
      font-size:0.8em;
  }
}
@media screen and (max-width: 349px){
  .footer-menu .footer-menu_item{
      width: 100%;
      font-size:0.8em;
  }
}
.is-outline {
 color:white
}
.button.is-outline, input[type="submit"].is-outline, input[type="reset"].is-outline, input[type="button"].is-outline {
    /*border: 2px solid currentColor;*/
    background-color: #d7c38c;
}

.scrollmenu {
    background-color: #d7c38c;
    overflow: auto;
    white-space: nowrap;
  	text-align: center;
}

.scrollmenu a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
  	font-weight: bold;
}

.scrollmenu a:hover {
    background-color:#c59600;
  	color:#fff;
}

.nav.nav-sidebar.nav-vertical.nav-uppercase {
    background-color: white;
    color: black;
}


.accordion {
    background-color: #d7c38c;
    color: white;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: center;
    outline: none;
    font-size: 16px;
    transition: 0.4s;
	font-weight: unset;
  	margin:8px;
}

.accordion:after {
    color: white;
    float: right;
    margin-left: -16px;
}

.panels {
    padding: 0 18px;
    background-color: #d7c38c;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}


.vertical-menu {
    width: auto;
}

.vertical-menu a {
    background-color: #d7c38c;
    color: white;
    display: block;
    text-align:center;
    padding: 12px;
    text-decoration: none;
}
.main_content {
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto;
    width: 960px;
    position: relative;
    margin-top
}
.left_menu {
    float: left;
    width: 320px;
}
.top_menu {
    float: left;
    width: 100%;
    margin-bottom: -5px;
}
.top_menu .title {
    padding: 11px 15px;
    color: #FFF;
    float: left;
    width: 290px;
    background-color: #7E1B22;
}

.dropmenu_content_box {
    background: #FFF;
    border-bottom: 4px #BB8A0A solid;
    padding: 5px;
}

.dropmenu_content_box .dropmenu_content {
    margin-bottom: 5px;
    margin-top: 5px;
    cursor: pointer;
    min-height: 361px;
}

.dropmenu_content_box .dropmenu_content a {
	text-decoration: none;
    color: #BB8A0A;
}
.top_menu .location1 {
    float: left;
    z-index: 0;
    color: #fff;
}

.top_menu .location1 .content {
    float: left;
    width: 50px;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
}

.cart-icon.tooltip.absolute.is-small.tooltipstered{
  opacity: 1;
}

.woocommerce-checkout-review-order-table tr.shipping{
  display:none;
}

.socializer .sr-whatsapp a, .socializer .sr-whatsapp a:visited {
  background-color: black;
}

.socializer .sr-facebook a, .socializer .sr-facebook a:visited {
  background-color: black;
}

.socializer .sr-googleplus a, .socializer .sr-googleplus a:visited {
  background-color: black;
}

.socializer .sr-email a, .socializer .sr-email a:visited {
  background-color: black;
}

.grecaptcha-badge { visibility: hidden;opacity: 0; }

@media (max-width:849px){
	.shop_table .product-remove{
  	    vertical-align: middle;
	}
	
	.shop_table .product-remove a{
		position: unset;
	}

  	.shop_table li{
    	position: relative;
  	}
  
	.shop_table li .item-wrapper .product-thumbnail{
    	text-align: center;
  	}
  
  .edit-title-buttons{
    display:none;
  }
	
	    .col {
        padding-bottom: 15px;
        padding-top: 25px;
    }
}

.has-equal-box-heights .box-image img.attachment-woocommerce_thumbnail{
	object-fit:contain;
}

.page-title-inner .breadcrumbs a{
	color: black;
}

.is-medium .breadcrumbs{
	font-size:0.9em;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

@media (max-width: 849px) {
    .wishlist_table {
       margin:10px;
    }
}

#top-bar .flex-col.show-for-medium .mobile-nav .html_nav_position_text{
	width:100%;
}
#top-bar .flex-col.show-for-medium .mobile-nav .html_nav_position_text marquee{
	text-align:center;
}