/*
Theme Name: Custom Theme
Description: Netbusiness Interaction Sdn. Bhd.
Author: UX Builder
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   **************/
/******************** Font Custom ********************/ 
@font-face {
    font-family: 'BillyOhio'; /*a name to be used later*/
    src: url('https://niyung.com/assets/BillyOhio.ttf'); 
}
@font-face {
    font-family: 'Goldfinger Kingdom'; /*a name to be used later*/
    src: url('https://niyung.com/assets/GoldfingerKingdom.ttf'); 
}
@font-face {
    font-family: 'Thinking of Betty'; /*a name to be used later*/
    src: url('https://niyung.com/assets/Thinking_of_Betty.ttf'); 
}

p.lead, a.lead{font-family: sans-serif;}

/******************** Header ********************/
.header-bottom{border-top: 1px solid #3d3d3d;}


/******************** Slider ********************/
.slider-text{
	font-family:'BillyOhio';
	font-size: 7.5em !important;
}
.slider-think{
	font-family:'Thinking of Betty';	
	color: #ffffff;
}
h1.slider-think{font-size: 5.5em !important;}
h3.slider-think{font-size: 2.5em !important;}
span.light-yellow{color: #e7af8c;}
span.dark-yellow{color: #a6623b;}
span.light-brown{color: #a96e56;}
span.dark-brown{color: #2c1829;}
@media screen and (max-width: 480px) {
	.slider-text{font-size: 2.5em !important;
	}
}


/******************** Heading ********************/
.gold, .gold-pink, .section-title-main{
	font-family:'Goldfinger Kingdom';
	font-weight: 400 !important;
}
.gold, .gold-pink{font-size: 42px !important;}
.gold-pink{color: #f16278;}
.section-title-main{
	text-transform: capitalize !important;
	color: #f16278;
}


/******************** Footer ********************/
ul.footer-list-menu li{
	list-style-type: none;
	font-size: 13px;
	margin-left: 0px;
}
ul.footer-info, ul.footer-list-menu {
	margin-left: 0px;
	font-size: 13px;
	padding-left: 0px;
}
ul.footer-info li#address{list-style-image:url('https://niyung.com/assets/pin.png');}
ul.footer-info li#phone{list-style-image:url('https://niyung.com/assets/phone.png');}
ul.footer-info li#mail{list-style-image:url('https://niyung.com/assets/mail.png');}
ul.footer-info li#mobile{list-style-image:url('https://niyung.com/assets/mobile.png');}
ul.footer-info li#website{list-style-image:url('https://niyung.com/assets/website.png');}
h3.widget-title, p.widget-text {font-size: 13px !important;}
.dark .is-divider {background-color: #f16278 !important;}


/***************** Product Page *****************/
table.variations tbody tr{display: inline-grid;width: 100%;}
label.wcva_single_textblock{
	background: none;
	border: solid 1px #eee !important;
	border-radius: 3px;
}
label.selectedswatch.wcva_single_textblock{border-radius: 3px;}
div.swatchinput{padding-right: 3px;}


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

div.swatchinput{display: inline-flex;}


/***************** Table Responsive ******************/

td, th {
	border: 1px solid #ececec; 
	padding: 0.5em !important;
	color: #000000;
}


@media screen and (max-width: 600px) {
.rs-table {width:100%;}
.rs-table thead {display: none;}
.rs-table tr:nth-of-type(2n) {background-color: inherit;}
.rs-table tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
.rs-table tbody td {display: block;  text-align:center;}
.rs-table tbody td:before { 
    content: attr(data-th); 
    display: block;
    text-align:center;  
  }
}

@media screen and (min-width: 850px){
.vertical-thumbnails .col {
	padding: 0 0 10px !important;
}
}