/*
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. ***************/

/* --- FONT SETUP --- */

/* SF Pro Text - 100 Thin */
@font-face {
  font-family: 'SF Pro';
  src: url('assets/fonts/SFProText-Thin.woff2') format('woff2'),
       url('assets/fonts/SFProText-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}

/* SF Pro Text - 300 Light */
@font-face {
  font-family: 'SF Pro';
  src: url('assets/fonts/SFProText-Light.woff2') format('woff2'),
       url('assets/fonts/SFProText-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

/* SF Pro Text - 400 Regular */
@font-face {
  font-family: 'SF Pro';
  src: url('assets/fonts/SFProText-Regular.woff2') format('woff2'),
       url('assets/fonts/SFProText-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

/* SF Pro Text - 500 Medium */
@font-face {
  font-family: 'SF Pro';
  src: url('assets/fonts/SFProText-Medium.woff2') format('woff2'),
       url('assets/fonts/SFProText-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

/* SF Pro Text - 600 Semibold */
@font-face {
  font-family: 'SF Pro';
  src: url('assets/fonts/SFProText-Semibold.woff2') format('woff2'),
       url('assets/fonts/SFProText-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

/* SF Pro Display - 700 Bold */
@font-face {
  font-family: 'SF Pro';
  src: url('assets/fonts/SFProDisplay-Bold.woff2') format('woff2'),
       url('assets/fonts/SFProDisplay-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

/* SF Pro Display - 800 Heavy */
@font-face {
  font-family: 'SF Pro';
  src: url('assets/fonts/SFProDisplay-Heavy.woff2') format('woff2'),
       url('assets/fonts/SFProDisplay-Heavy.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

/* SF Pro Display - 900 Black */
@font-face {
  font-family: 'SF Pro';
  src: url('assets/fonts/SFProDisplay-Black.woff2') format('woff2'),
       url('assets/fonts/SFProDisplay-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

/* --- ÁP DỤNG FONT CHO TOÀN SITE --- */

body, p, span, li {
  font-family: 'SF Pro', sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

/* Heading lớn */
h1, h2 {
  font-family: 'SF Pro', sans-serif !important;
  font-weight: 700;
  font-style: normal;
}

/* Heading vừa */
h3, h4 {
  font-family: 'SF Pro', sans-serif !important;
  font-weight: 600;
  font-style: normal;
}

/* Heading nhỏ */
h5, h6 {
  font-family: 'SF Pro', sans-serif !important;
  font-weight: 500;
  font-style: normal;
}

/* Menu chính */
.nav > li > a, .header-nav-main > li > a {
  font-family: 'SF Pro', sans-serif !important;
  font-weight: 500;
  font-style: normal;
}

/* Submenu */
.nav-dropdown li a {
  font-family: 'SF Pro', sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

/* Buttons */
.button, .btn, input[type="submit"], .woocommerce a.button {
  font-family: 'SF Pro', sans-serif !important;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
}

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