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


a.button-continue-shopping.button.primary.is-outline {
    color: #fff;
    background-color: #0066ff;
    border: 1px solid #0066ff;
}
button.button.primary.mt-0.pull-left.small {
    background-color: #33CC00;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
}
a.checkout-button.button.alt.wc-forward {
    background-color: #FF0000;
    border-radius: 15px;
    box-shadow: 2px 2px 5px #ddd;
}
.page-checkout h3.widget-title {
    color: #f15f10;
}


div#customer_details {
  border: 3px dashed #e5101d;
  padding: 15px;
  border-radius: 15px;
}

.cart-wrapper.sm-touch-scroll {
  border: 3px dashed #e5101d;
  padding: 15px;
  border-radius: 15px;
}

.cart_totals.calculated_shipping {
    border: 3px dashed #e5101d;
    padding: 15px;
    border-radius: 15px;
}

form.checkout_coupon.mb-0 {
    background-color: #eaeaea;
    padding: 20px;
    border: 3px dashed #f15f10;
}

.woocommerce-billing-fields h3 {
    color: #303030;
}

button#place_order {
    background: #FF0000;
}

h3#order_review_heading {
    color: #303030;
}

.page-checkout span.woocommerce-Price-amount.amount {
    color: #FF0000;
}

/************************************************************************************/

@font-face {
    font-family: "Roboto";
    src: url(fonts/Roboto-Light.ttf);
} 
@font-face {
    font-family: "Roboto Bold";
    src: url(fonts/Roboto-Bold.ttf);
} 






body{
    font-size: 15px !important;
    font-family: "Roboto" !important;
}
h1,h2,h3,h4,h5,h6,p,a{
    font-family: "Roboto" !important;
}
p.category.uppercase.is-smaller.no-text-overflow.product-cat.op-7,
.is-divider,
.entry-category,
a.quick-view.quick-view-added {
    display: none;
}


.header:not(.transparent) .header-bottom-nav.nav > li {
    padding: 5px 15px;
}

.header:not(.transparent) .header-bottom-nav.nav > li:hover {
    background: #f15f10;
}

.header:not(.transparent) .header-bottom-nav.nav > li a  {
    font-size: 15px;
}

.header:not(.transparent) .header-bottom-nav.nav > li:hover a {
  color: #fff;
}


.nav-dropdown-default {
    padding: 0px;
}
.nav-dropdown  li {
    border-bottom: 1px solid #eaeaea;
}
.nav-dropdown-default .nav-column li>a,
.nav-dropdown.nav-dropdown-default>li>a { 
    padding: 5px 10px;
    display: block;
    border-bottom: 0px;
    color: #000!important;
    font-weight: 600;
}


.nav-dropdown-default .nav-column li:hover,
.nav-dropdown.nav-dropdown-default>li:hover{
    background: #f15f10!important;
}

.nav-dropdown-default .nav-column li:hover>a,
.nav-dropdown.nav-dropdown-default>li:hover>a {
    color: #fff !important; 
}
.nav-dropdown-has-arrow li.has-dropdown:after,
.nav-dropdown-has-arrow li.has-dropdown:before {
    display: none;
}
.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{border:1px solid #ddd; padding:0;margin-top: 5%;}
.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:#db0000}
.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}

.header-block-block-1 .featured-box {
    margin-top: 25px;
}

.header-block-block-1 .featured-box h4 {
    margin-bottom: 0px;
    color: #000;
    font-size: 15px;
}
.header-block-block-1 .featured-box p {
    font-size: 14px;
}

a.header-cart-link.icon.button.round.is-outline.is-small {
    border: 0px;
}

span.header-cart-title, .header-cart-link i {
	color: #f15f10;
}

.searchform .button.icon {

    color: #f15f10 !important;
    font-size: 16px;
    padding: 0px;
    padding-right: 20px;
    text-transform: uppercase;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
input.search-field {
    margin: 0;
    margin-bottom: 0;
    height: 35px;
    border: 1px solid #e7e8ed;
    outline: none;
    box-shadow: none;
    background: #fff !important;
}


.hdevvn-show-cats{
  border: none !important;
}
span.hdevvn-show-cats li{
  display: block;
  width: auto;
  float: left;
  margin: 0 8px;
}
span.hdevvn-show-cats li a{
  font-size: 15px;
}

.section-title-normal {
    border-bottom: 0px solid #ececec;
}

.section-title-main {
	color: #fff;
	padding: 5px 15px 5px 15px;
	background: #2da24a;
	border-radius: 20px;
}
.section-title-center span {
    margin: 0 0px;
}

.section-title b{
    color: #f15f10;
    opacity: 1;
}

.product-small.box {
	border: 1px solid #eaeaea;
	border-radius: 10px;
}
p.name.product-title a {
	color: #000;
	font-size: 15px;
	margin-bottom: 15px;
}
span.amount {
	font-size: 15px;
    color: #f15f10;
}


.add_cat a:hover {
    color: #2da24a;
}

.add-to-cart {
    border-right: 1px solid #eaeaea;
    padding-right: 10px;
}
.add-to-link {
    padding-left: 10px;
}

.product-small.box .box-image:before {
    background: #00a652c2 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    pointer-events: none;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s ease-out 0s;
    z-index: 99;
}
.product-small.box:hover .box-image:before {
    opacity: 1;
}

.add_cat {
    background: #fff;
    padding: 10px;
    display: inline-block;
    top: -170px;
    opacity: 0;
    position: absolute;
    left: 40%;
    transition: all .3s ease 0s;
    visibility: hidden;
    z-index: 999;
    overflow: hidden;
}
.product-small.box:hover .add_cat {
    opacity: 1;
    visibility: visible;
}

h5.post-title.is-large {
	color: #000;
}
h5.post-title.is-large:hover {
	color: #2da24a;
}

.sec-3 .button {
	background-color: #2da24a;
	color: #fff;
	padding: 0px 20px;
    font-size: 15px;
	border-radius: 20px;
    text-transform: none;
}

.sec-3 .box-blog-post .box-image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.sec-3 .box-blog-post {
    border-radius: 10px;
    border: 1px solid #ebebeb;
}

.sec-3 .show-time {
    display: none;
}

.sec-4 .featured-box {
	border: 1px solid #eaeaea;
	padding: 10px;
	border-radius: 10px;
}
.sec-4 .icon-box-text{
	text-align: center;
}


.contact .contact-box-info .item .fa {
    width: 40px;
    height: 40px;
    background: #2da24a;
    color: #FFFFFF;
    float: left;
    text-align: center;
    justify-content: center;
    line-height: 40px;
    border-radius: 50%;
}
.contact .contact-box-info .item .info {
    padding-left: 50px;
}
.btn-info {
    color: #fff;
    background-color: #2da24a;
    border-color: #2da24a;
    padding: 10px;
    display: block;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 16px;
}

.contact .wpcf7-submit {
    background: #2da24a;
    padding: 0px 35px;
    border-radius: 5px;
    font-family: "Roboto";
}

.float-contact {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99999;
}
.chat-zalo a, .chat-face a, .hotline a {
    font-size: 15px;
    color: white;
    font-weight: 400;
    text-transform: none;
    line-height: 0;
}
.chat-zalo {
    background: #8eb22b;
    border-radius: 20px;
    padding: 0 18px;
    color: white;
    display: block;
    margin-bottom: 6px;
	float:right;
}
.chat-face {
    background: #125c9e;
    border-radius: 20px;
    padding: 0 18px;
    color: white;
    display: block;
    margin-bottom: 6px;
	float:right;
}
.float-contact .hotline {
    background: #d11a59!important;
    border-radius: 20px;
    padding: 0 18px;
    color: white;
    display: block;
    margin-bottom: 6px;
}



/**********************************************************************/


.sec-silder .widget_nav_menu .widget-title {
	background: #2da24a;
	color: #fff;
	padding: 8px;
	text-transform: uppercase;
	border-radius: 25px;
	text-align: center;
	display: block;
    margin-bottom: 0px;
}

.sec-silder .menu {
    box-shadow: 0px 3px 2px 2px #eaeaea;
}
.widget_categories li,
#shop-sidebar li,
.sec-silder .menu li {
    padding: 2px 10px;
    border-bottom: 1px solid #eaeaea;
}
.widget_categories li:hover,
#shop-sidebar .widget_nav_menu li:hover,
.sec-silder .menu li:hover {
    background: #f15f10;
}
.widget_categories li:hover a,
#shop-sidebar li:hover a,
.sec-silder .menu li:hover a {
    color: #fff;
}
.widget_categories li a {
    padding-left: 30px !important;
}
.blog-single .widget_categories li a:before {
    left: 50px;
}
.widget_categories li a:before {
    content: "\f0a9";
    left: 20px;
    position: absolute;
    font-family: "FontAwesome";
}
#shop-sidebar li a,
.sec-silder .menu li a {
    padding-left: 20px;
}

#shop-sidebar .widget_nav_menu li a:before,
.sec-silder .menu li a:before {
    content: "\f0a9";
    left: 10px;
    position: absolute;
    font-family: "FontAwesome";

}

/*****************************************************************/
.row.product-km.large-columns-1.medium-columns-.small-columns-.row-small.has-block.tooltipstered,
.row.blog-sidebar.large-columns-1.medium-columns-1.small-columns-1.has-block.tooltipstered {
    margin-left: 0px;
    margin-right: 0px;
}

.row.product-km .product-small,
.row.blog-sidebar .post-item {
    border-bottom: 1px solid #eaeaea;
    padding: 10px;
}

.row.blog-sidebar .box-text.text-left {
    padding: 0px;
    padding-left: 15px;
}

.custom-category .title-category {
    margin-left: 15px;
}
.custom-category .title-category h2 a{
    color: #2da24a;
    font-weight: 700; 
    text-transform: uppercase;

}


.custom-category .box-text-bottom{
    border: 1px solid #eaeaea;
    border-radius: 10px;
    padding: 15px;
}
.custom-category h3 {
    color: #000;
    margin-bottom: 15px;
}
.custom-category h3:hover {
    color: #2da24a;
    font-weight: 700;
}
.custom-category .time-view {
    margin-bottom: 10px;
}
.custom-category .datetime {
    padding-right: 10px;
}
.custom-category .show-view {
    padding-left: 10px;
}
.blog-description p {
    font-size: 16px;
    text-align: justify;
    overflow: hidden;
    height: 90px;
}

.show-related li {
    list-style: none;
}
.show-related li i {
    margin-right: 10px;
}

.widget_nav_menu .widget-title,
.widget_product_categories .widget-title, 
.widget .widget-title {
	background: #2da24a;
	color: #fff;
	padding: 15px 20px;
    border-radius: 30px;
	display: block;
	text-align: bold;
    width: 100%;
    display: inline-block;
    margin-bottom: -20px;
	font-family: "Roboto" !important;
}

.devvn_woocommerce_price_filter ul,
.row.product-km,
#shop-sidebar .menu,
.block_widget .blog-sidebar,
.widget_categories ul,
ul.product-categories,
ul.product_list_widget,
.flatsome_recent_posts ul {
	border: 1px solid #eaeaea;
    padding-top: 25px;
}
ul.product-categories li,
.flatsome_recent_posts ul li {
	padding: 0px 10px;
}
ul.product-categories li a,
ul.product_list_widget li a,
.flatsome_recent_posts ul li a {
   color: #2da24a;
   font-weight: 400;
   font-family: "Pattaya" !important;
}

ul.product-categories li:hover a {
	color: #2da24a;
	font-weight: bold;
}

.product-small.box.product-km {
    border: 0px;
}

.callout.badge.badge-circle {
    display: none;
}

.row.product-km .box-image:before {
    display: none;
}

.shop-container .add_cat {
    top: -130px;
    left: 35%;
}
.tab-wrapper-product li {
    list-style: none;
    float: left;
    padding-right: 20px;
}
.tab-wrapper-product li.active a i {
    color: #2da24a;
}
.tab-wrapper-product li a i{
    color: #000;
    font-size: 25px;
}

#tab-product-small-2 .box-vertical {
    border:1px solid #eaeaea;
    border-radius: 10px;
}


#tab-product-small-2 .price-wrapper {
    margin-bottom: 10px;
}
#tab-product-small-2 .description-product {
    overflow: hidden;
    height: 62px;
    margin-bottom: 10px;
}

.add-to-cart-vertical {
    background: #2da24a;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    margin-right: 10px;
    font-weight: 700;
}
.add-to-cart-vertical i {
    margin-right: 10px;
}

.add-to-link-vertical {
    color: #fff;
    padding: 12px 15px;
    border-radius: 5px;
    background: #9E9E9E;
}
.add-to-link-vertical:hover {
    background: #2da24a;
}

/*
.devvn_woocommerce_price_filter ul {
    background: white;
    padding: 10px !important;
}*/
.devvn_woocommerce_price_filter ul li {
    margin: 5px 0px;
    border-bottom: 0px solid ;
}
.devvn_woocommerce_price_filter ul li a {
    font-size: 15px;
}
.devvn_woocommerce_price_filter ul li a:hover {
    text-decoration: none;
    color: #2da24a !important;
    font-weight: 700;
}
.devvn_woocommerce_price_filter ul li a {
    padding-left: 30px !important;
}

.devvn_woocommerce_price_filter ul li a::before {
    content: '';
    font-size: 15px;
    color: #222;
    position: absolute;
    left: 15px;
    width: 20px;
    height: 20px;
    border-radius: 0px;
    border: 1px solid #999;
}
.devvn_woocommerce_price_filter ul li a:hover::before {
    content: '\f00c';
    color: #2da24a;
    font-size: 13px;
    position: absolute;
    left: 15px;
    border-color: #999;
    line-height: 20px;
    text-align: center;
    font-family: FontAwesome;
}




h3.product-section-title,h1.product-title,ul.product-tabs li a {
	color: #2da24a;
	font-weight: 400;
   font-family: "Pattaya" !important;
}
.product-short-description,.tab-panels {
    text-align: justify;
    color: #000;
}


.product-gallery .product-images {
	border: 1px solid #eaeaea;
	border-radius: 10px;
}

.product-info .single_add_to_cart_button.button {
	background: #2da24a;
	border-radius: 10px;
	font-weight: 400;
}
.product-info .product-short-description,
.product-info .price-wrapper {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 10px;
}
.product-info .price-wrapper span.amount {
    font-size: 25px;

}



/**********************************************************************/
.absolute-footer {
	display: none;
}
.widget ul li+li {
	border: 0px;
}

.footer-1 {
	background: #2da24a;
}
.footer-1 .widget-title {
	display: block;
	color: #fff;
	text-align: left !important;
	padding: 0px !important;
	margin-bottom: 20px;
	font-weight: 400;
    font-family: "Roboto Bold" !important;
	background: transparent !important;
}


.footer-1 ul li,.footer-1 ul li a , .footer-1 p{
	color: #fff;
}
.footer-1 ul li i, .contact ul li i{
	margin-right: 10px;
}
.footer-1 input {
    border-radius: 30px;
}
.footer-1 .wpcf7-submit {
    background: #f15f10;
    font-family: "Roboto";
}

.footer-1 p{
    margin-bottom: 10px;
}

.footer-2 {
    background: transparent;
    padding: 0px;
}
.footer-2 .row.dark.large-columns-1.mb-0 {
    max-width: 100%;
}
.footer-2 .row.dark.large-columns-1.mb-0 .col {
    padding: 0px;
}
.footer-2 .widget {
    margin-bottom: 0px;
}

.sidebar-menu.no-scrollbar,
.header-button a {
    background: #2da24a
}
.sidebar-menu.no-scrollbar li a {
    color: #fff;
}

@media only screen and (max-width: 991px) {
    .hidden-mobile {
        display: none;
    }
    #tab-product-small-2 .box-text {
        padding: 10px;
    }
    .devvn_woocommerce_price_filter ul li a::before,
    #shop-sidebar .widget_nav_menu li a:before, 
    .sec-silder .menu li a:before {
        left: 30px;
    }
}

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


}