/*
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.   ***************/
.hide-all-prices {
  display:none !important;
}
.price-wrapper {
	font-family: lato !important;
}

font-family: 'B Roya';
    src: local('B Roya'), 
        local('BRoya'),
        url('./fonts/BRoya.woff2') format('woff2'), 
        url('./fonts/BRoya.woff') format('woff'), 
        url('./fonts/BRoya.ttf') format('truetype');
    font-weight:normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'B Roya';
    src: local('B Roya Bold'), 
        local('BRoya-Bold'),
        url('./fonts/BRoyaBold.woff2') format('woff2'), 
        url('./fonts/BRoyaBold.woff') format('woff'), 
        url('./fonts/BRoyaBold.ttf') format('truetype');
    font-weight:bold;
    font-stretch: normal;
}
@font-face {
	font-family: 'gothic';
	src: url('./fonts/gothic.eot');
	src: local('gothic'), url('./fonts/gothic.woff') format('woff'), url('./fonts/gothic.ttf') format('truetype');
}
body{font-family:  "B Roya","gothic" , sans-serif;}
h1,h2,h3,h4,h5,h6, .heading-font {font-family: "B Roya","gothic" , sans-serif;}
.nav > li > a {font-family:  "B Roya","gothic" , sans-serif;}
.alt-font{font-family: "B Roya","gothic" , sans-serif;}

.slider-wrapper .banner-layers {overflow:hidden !important}


#member-wrapper {
	padding: 0 5px;
  	margin: 0;
  font-family: lato !important;
}
#member-wrapper .member-price {
    color: #000;
    font-weight: 600;
}
#member-wrapper .member-text,
#member-wrapper .member-currency-symbol {
  	padding: 0 5px;
}
#member-wrapper .member-separator {
    padding-right: 5px;
    padding-left: 10px;
}
.price-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.price-wrapper .price {
  padding: 0 5px !important;
  
}

#custom-sale-percentage {
	position: absolute;
	left: 0;
	top: -30px;
  font-family:lato !important;
}
#custom-sale-percentage .regular-percentage {
		font-size: 14px;
		color: #666666;
		font-weight: 600;
}
#custom-sale-percentage .memeber-percentage {
  		font-size: 14px;
		color: #be2c47;
		font-weight: 600;
}

.price-wrapper .price .amount {
    font-weight: 400;
}

.page-id-6850 .price-wrapper {
  	display: block;
}
.page-id-6850 .price-wrapper .member-price,
.page-id-6850 .price-wrapper .member-text {
    color: #be2c47 !important;
    padding-top: 5px;
}
.page-id-6850 .price-wrapper .member-separator {
	display: none;
}

#variable-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
  	padding: 5px 0;
 	width: 80%;
}
#variable-wrapper img {
  	width: 30px;
    height: 30px;
  	border-radius: 100%;
    object-fit: cover;
    margin: 0 3px;
}
#variable-wrapper .wood-images,
#variable-wrapper .fabric-images {
  	display: flex;
    justify-content: center;
    align-items: center;
}
ins .woocommerce-Price-amount {
    color: #666666 !important;
    font-weight: 400 !important;
}
.single-product #variable-wrapper {
  	padding-top: 30px;
	width: 20%;
}
.product-page-price  {
	font-size: 16px;
}

#variable-wrapper .fabric-variable {
	display: none;
}

.title-wrapper,
.price-wrapper {
	padding-bottom: 0px;
  padding-top: 10px;
}

.single-p-member-price {
  font-size: 16px;
  color:#000;
  font-weight:600;
  font-family:lato !important;
  display: flex;
  justify-content: center;
  align-items: center;
    margin-top: -10px;
}
.single-p-member-price-separator {
	padding-right: 5px;
  padding-left:5px
}
.single-p-memeber-price-text {
	padding-right: 5px;
  padding-left:5px
}
li#menu-item-30646 a {
    background-color: #83817e;
	
}
li#menu-item-30648 a {
    background-color: #83817e;
    padding: 5px 7px 5px 5px;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
  .price-wrapper .price {
  	
  }
  .single-product #variable-wrapper {
      width: 80%;
  }
  .product-price-container {
      font-size: 16px !important;
  }
  .price-wrapper .price .amount {
      font-weight: 400;
      font-size: 16px;
  }
  .single-p-member-price {
      font-size:15px
  }
  #member-wrapper .member-price {
  	font-size: 15px;
  }
  .mobile-normal-price {
  font-size: 15px;
  }

}