/*
Theme Name: sonhainam
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-family: 'SVN-Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(fonts/SVN-Poppins.ttf) format('woff2');
  }
  @font-face {
    font-family: 'SVN-Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(fonts/SVN-PoppinsMedium.ttf) format('woff');
  }
  @font-face {
    font-family: 'SVN-Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(fonts/SVN-PoppinsLight.ttf) format('woff');
  }
  @font-face {
    font-family: 'SVN-Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(fonts/SVN-PoppinsSemiBold.ttf) format('woff2');
  }
  @font-face {
    font-family: 'SVN-Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(fonts/SVN-Poppins.ttf) format('woff');
  }
  @font-face {
    font-family: 'SVN-Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(fonts/SVN-PoppinsBold.ttf) format('woff');
  }
  @font-face {
    font-family: 'SVN-Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/SVN-PoppinsBold.ttf) format('woff');
  }
  @font-face {
    font-family: 'SVN-Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(fonts/SVN-PoppinsBold.ttf) format('woff');
  }
  @font-face {
    font-family: 'SVN-Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/SVN-PoppinsSemiBold.ttf) format('woff2');
  }
  
  
  body, #masthead ul li a, h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a, li.tab.has-icon a {font-family: 'SVN-Poppins' !important;}
  h1, h2, h3, h5, h6, .heading-font {
      font-weight: 800 !important;
  }

.price-note {
    background: #059005;
    padding: 10px;
    color: #fff;
    text-align: center;
}

.price-note a {
    color: #af0a0b;
    font-weight: 900;
}

.product-small span.woocommerce-Price-amount.amount {
    text-decoration: line-through;
}

.nav-dropdown>li.nav-dropdown-col{display:block}

.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal !important; text-transform:none !important;font-size:15px; font-weight:500}
.nav-dropdown .nav-dropdown-col>ul li:hover{background:var(--fs-color-secondary);}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}
.nav-dropdown-default>li:hover{background:#fbae3c}
.nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;
    margin-left: -10px;}
.nav-dropdown .nav-dropdown-col>ul{border: 1px solid #d2d2d2;margin-top:-40px;box-shadow: 2px 2px 5px #828282;display:none;position: absolute;
    left: 100%;z-index: 9;background: white;min-width: 240px;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:black}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}


.nav-dropdown.nav-dropdown-simple>li>a:hover {
background:var(--fs-color-secondary);
	color: #fff;
}

.container.section-title-container {
    margin-bottom: 10px
}

.section-title-normal span.section-title-main {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 26px;
    background: var(--fs-color-secondary);
    color: #fff;
    border-radius: 5px 5px 0 0;
    padding: 6px 20px;
    font-weight: 700;
    position: relative;
    margin-right: 20px
}

.section-title-normal {
    overflow: hidden;
    border-bottom: 2px solid var(--fs-color-secondary);
    margin-bottom: 0
}

.section-title a {
    font-weight: 400;
    color: var(--fs-color-secondary);
}

.ct-list {
    display: flex;
    align-items: center;
    gap: 20px;
}

.ct-item img {
    width: 20px;
}


.box-blog-post .image-cover {
    position: relative
}

.box-blog-post {
    box-shadow: 0 0 10px 0 rgb(36 42 86 / .15);
    background: #fff
}

.box-blog-post .image-cover:before {
    top: 0;
    bottom: 0;
    left: 50%;
    right: 51%;
    background: rgb(255 255 255 / .3)
}

.box-blog-post .image-cover:after {
    top: 50%;
    bottom: 50%;
    left: 0;
    right: 0;
    background: rgb(255 255 255 / .6)
}

.box-blog-post .image-cover::before,.box-blog-post .image-cover:after {
    content: "";
    position: absolute;
    opacity: 1;
    pointer-events: none
}

.box-blog-post:hover .image-cover:before {
    z-index: 999;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 900ms linear;
    -moz-transition: all 900ms linear;
    -o-transition: all 900ms linear;
    -ms-transition: all 900ms linear;
    transition: all 900ms linear
}

.box-blog-post:hover .image-cover:after {
    z-index: 999;
    top: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 900ms linear;
    -moz-transition: all 900ms linear;
    -o-transition: all 900ms linear;
    -ms-transition: all 900ms linear;
    transition: all 900ms linear
}

.box-blog-post .is-divider {
    display: none
}

.box-blog-post .box-text {
	padding: 15px;
}

.box-blog-post .post-title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 38px;
    font-size: 16px
}

.box.box-vertical.box-text-bottom.box-blog-post.has-hover .post-title a {
    font-size: 14px;
    -webkit-line-clamp: 2
}