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


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


}

/* 
 * Font face
 */
 @font-face {
	font-family: 'SF Pro Display Regular';
	src: url('/wp-content/themes/flatsome-child/assets/fonts/SFProDisplay-Regular.eot');
	src: url('/wp-content/themes/flatsome-child/assets/fonts/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
	url('/wp-content/themes/flatsome-child/assets/fonts/SFProDisplay-Regular.woff2') format('woff2'),
	url('/wp-content/themes/flatsome-child/assets/fonts/SFProDisplay-Regular.woff') format('woff'),
	url('/wp-content/themes/flatsome-child/assets/fonts/SFProDisplay-Regular.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face{
	font-family: 'SF Pro Display Bold';
	src: url('/wp-content/themes/flatsome-child/assets/fonts/SFProDisplay-Bold.eot');
	src: url('/wp-content/themes/flatsome-child/assets/fonts/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
	url('/wp-content/themes/flatsome-child/assets/fonts/SFProDisplay-Bold.woff2') format('woff2'),
	url('/wp-content/themes/flatsome-child/assets/fonts/SFProDisplay-Bold.woff') format('woff'),
	url('/wp-content/themes/flatsome-child/assets/fonts/SFProDisplay-Bold.ttf') format('truetype'),
        font-weight: bold;
        font-style: normal;
}

body, span, p {
	font-family:  "SFProDisplay-Regular",  sans-serif;
	font-weight: 300;
        font-style: normal;
}

.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {
	font-family: 'SF Pro Display Regular';
	font-weight: 500;
	font-style: normal;
}

h1,h2,h3,h4,h5,h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a, strong {
        font-family: 'SF Pro Display Bold' !important;
        font-weight: normal;
        font-style: normal;
}

/* 
 * Marquee animation  
 */

@keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

.marquee-block {
  width: 100%;
}

.marquee-inner > * {
  display: inline-block;
  margin-right: 40px;
}



/* CSS San Pham Bao hiem, Tu Van Vien */
.spbh-content,
.tvv-content {
	justify-content: center;
	padding-bottom: 15px;}
.spbh-thumbnail,
.tvv-thumbnail {
	float: left;
	width: 50%;
}
.spbh-thumbnail img,
.tvv-thumbnail img {
  border-radius: 8px;
  max-width: 68%;
}
.spbh-info,
.tvv-info {
	width: 50%;
	float: right;
}

.spbh-single-wrapper,
.tvv-single-wrapper {
  max-width: 80%;
  margin: auto;
  align-items: center;
  padding: 20px;
}

.spbh-info p,
.tvv-info p {
  font-size: 1rem;
  margin: 6px 0;
}

.spbh-description,
.tvv-description {
  padding-top: 20px;
} 
/* END CSS Tu Van Vien */

/* box shadow => product */
.products .product-small .col-inner{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px -1px, rgba(0, 0, 0, 0.06) 0px 1px 2px -1px;	
}
.products .product-small .col-inner:hover{
	border-radius: 6px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;	
}

/* Button radius */
	.more-link {border-radius: 50px;}

/* Hide archive category 
.blog-archive h1.page-title {
	display: none;
} */

/* hide spinner button */
.wpcf7-spinner {display: none;}

.round-2x1 {border-radius: 1rem;}

.shadow-soft {0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04);}
.shadow-medium {0 10px 25px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);}
.shadow-large {0 25px 50px -12px rgba(0, 0, 0, 0.25);}

div#ez-toc-container {
	text-align: left;
	box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}