/*
Theme Name: Web Khoi Nghiep
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.form-flat ::placeholder {
  color: #efd958 !important

}
.title-home:after{
       content: url(images/line_sidebar.png);
}
.title-home{
    text-align: center;
}
.title-home span{
       background: -webkit-linear-gradient(313deg, rgba(188,157,60,1) 0%, rgba(204,167,58,1) 38%, rgba(254,252,238,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top: 10px;
    display: block;
    font-size: 28px;
    display: block;
    text-transform: uppercase;
}
.page-left-sidebar .large-3 .widget-title:after, .post-sidebar .widget-title:after,.sidebar-wrapper .widget-title:after,#shop-sidebar .widget-title:after, .sidebar-menu li.cat-parent > a::after, .sidebar-menu li.menu-item-has-children > a::after {
    content: url(images/line_sidebar.png);
}
.category-page-row .large-3:before,.post-sidebar:before,.div-sidebar:before,.page-left-sidebar .large-3:before{
     content: url(images/border-top.png);
     position: absolute;
}
.category-page-row .large-3:after,.post-sidebar:after,.div-sidebar:after,.page-left-sidebar .large-3:after{
     content: url(images/border-bottom.png);
          position: absolute;
              margin-top: -56px;
}
#shop-sidebar aside,.post-sidebar aside,.div-sidebar aside,.page-left-sidebar .large-3 aside{
    border-left: 1px solid #CC8E3A;
    border-right:1px solid #CC8E3A;
      padding: 10px;
    margin-bottom: 0px;
}
h1.entry-title, h3.product-section-title ,.sidebar-wrapper .widget-title,.widget-title span,.product-category h5,h1.product-title,#shop-sidebar .widget-title,.title-footer {
background: -webkit-linear-gradient(336deg, #BFA642, #F9F7EB 65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top: 10px;
}
.product-title a ,.woocommerce-breadcrumb,.woocommerce-breadcrumb a,.woocommerce-result-count{
   color: #efd958 !important;

}
.product-small .box-image,.post-item .box-image {
    padding-top: 24px !important;
    padding: 8px;
    background: url(images/frame.png);
    background-size: 100% 100%;
}

.dark, .dark p, .dark td {
    color: #efd958 !important;
}
#secondary .widget-title {
        display: block;
    text-align: center;
}
.product-section{
    border-top: none;
}
.woocommerce-breadcrumb{
    padding-top: 10px;
}
.woocommerce-breadcrumb .divider{
    background:unset !important;
    color: white;
    opacity: 1 !important;

}
.single-page{
    padding-top: 0px !important;
}
.flatsome_recent_posts li a,.widget_products li a,h5.post-title{
        color: #efd958 !important;
            font-size: 90% !important;
}
#shop-sidebar .widget-title{
    padding-top: 15px;
}
.post-sidebar{
        padding: 0px 20px !important;
}
.post-sidebar #secondary,.div-sidebar .sidebar-wrapper,#secondary {
        padding: 4px;
    padding-top: 74px !important;
  
}
#shop-sidebar{
        padding: 5px;
       padding-top: 51px !important;
}
.sidebar-wrapper .widget-title,#shop-sidebar .widget-title,.post-sidebar .widget-title{ 
    text-align: center;
    display: block;
}
.box-category  .box-image{
   padding-top: 24px !important;
    padding: 8px;
    background: url('images/frame.png');
        background-size: 100% 100%;
}
.row-divided>.col+.col:not(.large-12){
    border-left: none;
}
.main-title{
    background: url("images/bg_title_content.png") no-repeat;
        background-position: center;
    text-align: center;
}
.main-title h1{
    margin-bottom: 0px;
    margin-top: 13px;
    text-align: center;
    color: #fcca5b;
    margin-left: -24px;
    text-transform: uppercase;
    font-size: 131%;
}

.is-divider{
    display: none;
}

.header-wrapper.stuck, .header-shadow .header-wrapper, .layout-shadow #wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.section-footer-1{

    background: url(images/bg_footer.png) repeat-x;
    padding: 5px !important;
    background-size: contain;
}
.section-footer-1 p{
      margin-bottom: 0px;
    color: #fcca5b!important;
    font-size: 14px;
    padding: 1px;
    font-family: arial;

}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a{
          color: #fcca5b!important;
}
ul.product-categories li a{
        color: #fcca5b!important;
            font-size: 15px;
}
ul.product-categories li a:before{
        padding-right: 4px;
    content: url(images/icon_submenu.png)
}
span.amount{
    color: red;
}
.div-no-padding{
    padding-bottom: 0px;
}
#billing_address_1_field{
    width: 100%;
}

/*Màu sắc button*/
.social-button, .social-icons .button.icon:not(.is-outline), .social-icons .button.icon:hover {
    background-color: currentColor !important;
    border-color: currentColor !important;
}
.button.facebook,.button.facebook:not(.is-outline), .button.facebook:hover {
color: #fff;
    background-color: #446084;
    border-color: #446084;
}
.button.twitter,.button.twitter:not(.is-outline), .button.twitter:hover {
	color: white !important;
   background : #2478ba !important;
    border-color: #2478ba;
}
.button.email,.button.email:not(.is-outline), .button.email:hover {
    color: #fff;
    background-color: black !important;
    border-color: black !important;
}
.button.pinterest,.button.pinterest:not(.is-outline), .button.pinterest:hover {
color: #fff !important;
    background-color: #cb2320  !important;
    border-color: #cb2320  !important;
}

.button.google-plus,.button.google-plus:not(.is-outline), .button.google-plus:hover {
color: #fff !important;
    background-color: #dd4e31 !important;
    border-color: #dd4e31  !important;
}
.button.linkedin,.button.linkedin:not(.is-outline), .button.linkedin:hover {
color: #fff !important;
    background-color: #0072b7 !important;
    border-color: #0072b7     !important;
}

.single-date{
        border-bottom: 1px dashed #ededed;
}
h1.entry-title{
    font-size: 24px !important;
}
/*Kết thúc màu sắc*/



.col-divided {
    padding-right: 15px !important;
    border-right:none;
}


footer.entry-meta {

    border-top: none !important;
    border-bottom: 1px dashed #ececec !important;
    
}

.entry-content img{
	width: auto !important
}
.duong-line {
    background: rgba(0,0,0,0) url(images/line.png) repeat scroll 0 0;
    height: 12px;
    margin-top: 5px;
    overflow: hidden;
}
.related-post h7{
	font-weight: bold;
	    font-size: 18px;
    float: left;
    margin: -8px 20px 0 0;
}



@media(min-width: 1023px){
.header-main #logo{
        margin: auto !important;
}
#masthead .header-inner{
    display: block;
}
.header-main .flex-left,.header-main  .flex-right{
    display: none;
}
.header-bottom {
    background-color: transparent !important;
}
.header-bottom .flex-row {
     background: url(images/bg_nav.png);
     background-size: contain;
    padding: 26px;
    max-width: 1080px;
    min-height: 97px;
}



    .slider-nav-outside .flickity-prev-next-button.next {
            margin-top: -1%;
            opacity: 1 !important;
    background: transparent url(images/next-button.png) no-repeat 0 0;
}
.slider-nav-outside .flickity-prev-next-button.next > .flickity-button-icon, .slider-nav-outside .flickity-prev-next-button.previous > .flickity-button-icon {
        display: none;
    }
    .slider-nav-outside .flickity-prev-next-button.previous {
            margin-top: -1%;
    background: transparent url(images/pre-button.png) no-repeat 0 0;
    opacity: 1 !important;
}
}



@media(max-width: 855px){
    .page-left-sidebar .large-3{
        display: none;
    }
    .post-sidebar {
        display: none;
    }
    .banner-gioi-thieu .text-box{
        width: 90% !important;
    }
    .banner-gioi-thieu .text-inner{
            padding: 16px 16px 16px 16px !important;
    }
}


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


}