/*
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.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alata&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Readex+Pro:wght@160..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Tilt+Neon&display=swap');
/*  dung de lam chu menu */
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* .nunito-<uniquifier> {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
} */

/* dung de saif chu tren baner chinh */
@import url('https://fonts.googleapis.com/css2?family=Alata&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* .alata-regular {
  font-family: "Alata", sans-serif;
  font-weight: 400;
  font-style: normal;
} */

/* chu nho duoi baner */
@import url('https://fonts.googleapis.com/css2?family=Alata&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Readex+Pro:wght@160..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* .readex-pro-<uniquifier> {
  font-family: "Readex Pro", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "HEXP" 0;
} */
p{
	font-family: "Nunito", sans-serif;
    font-style: normal;
}
a{
	font-family: "Nunito", sans-serif !important;
    font-style: normal;
}

.header-inner .header-nav.header-nav-main a{
    font-family: "Nunito", sans-serif;
    font-style: normal;
}
.nav-left {
    justify-content: center;
}
/* .nav-line-bottom>li>a:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    background-color: #446084;
    transition: all 0.3s;
    opacity: 0;
    height: 1px;
} */
.css_footer123 h4::after{
content: "";
display: block;
height: 1px;
width: 30px;
margin-top: 20px;
background-color: #111;
}
.css_footer123 h4{
	font-family: "Readex Pro", sans-serif;
	font-weight: 500;
}
.css_footer123 li{
	font-family: "Readex Pro", sans-serif;
	list-style: none;
	margin-left: 0px !important;
}
.css_footer123 ul{
	padding-top: 16px;
}
.css_footer123 li a{
	color: #000000;
	font-family: "Readex Pro", sans-serif;
	font-weight: 300;
}
.css_footer123 li a:hover{
	color: red;
}
.css_baner123 .col{
padding: 0 0px 30px;
}
.css_baner123 .css_baner_lef h3{
    font-family: "Alata", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: black;
	text-align: left;
}
.css_baner123 .css_baner_lef p{
    text-align: left;
    font-family: "Readex Pro", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: black;
}
.css_baner123 .css_baner_lef a{
	border-radius: 4px;
    color: #1a9340 !important;
}
.css_baner123 .css_baner_lef .text-inner.text-center{
	text-align: left;
}
.css_deywxas h4{
    font-size: 23px;
    font-family: "Tilt Neon", sans-serif;
    font-weight: 600;
    font-style: normal;

}
.css_deywxas p{
	font-family: "Readex Pro", sans-serif;
	padding-top: 10px;
}
.css_product h4{
	    font-size: 30px;
    font-family: "Alata", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: black;
    text-align: center;
}
.woocommerce-breadcrumb.breadcrumbs.uppercase{
	text-transform: capitalize;
	font-family: "Tilt Neon", sans-serif;
    font-size: 19px;
    font-weight: 500;
    color: #01950d;
}
.woocommerce-breadcrumb.breadcrumbs.uppercase a{
	color: black;
}
.product-title.product_title.entry-title{
	color: black;
    font-weight: 200;
    font-family: "Alata", sans-serif;
}
.product-main .is-divider {
    height: 2px;
    display: block;
    background-color: rgb(133 233 89 / 59%);
    margin: 1em 0 1em;
    width: 100%;
    max-width: 44px;
}
.woocommerce-Price-amount.amount bdi{
font-family: "Alata", sans-serif;
font-size: 18px;
font-weight: 500;
color: #87a243;
}
.single_add_to_cart_button.button.alt{
	font-family: "Nunito", sans-serif;
    font-style: normal;
    border-radius: 4px;
	background-color: #55d12a;
}
.plus.button.is-form{
	border-radius: 4px;
}
.minus.button.is-form{
	border-radius: 4px;
}
#quantity_65e93ef5d2a9c{
	font-family: "Nunito", sans-serif;
}
.posted_in{
	font-family: "Nunito", sans-serif;
}
.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase{
	font-family: "Alata", sans-serif;
}
.name.product-title.woocommerce-loop-product__title a{
	font-family: "Tilt Neon", sans-serif !important;
    font-weight: 700;
    font-size: 19px;
}
.css_sdfh37dsf .post-title.is-large {
	font-size: 25px;
    font-family: "Tilt Neon", sans-serif;
    font-weight: 100;
    font-style: normal;
}
.css_sdfh37dsf .from_the_blog_excerpt {
	font-family: "Readex Pro", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #747474;
}
.css_sdfh37dsf .is-divider {
    height: 1px !important;
    background-color: rgb(62 187 8 / 53%);
    max-width: 52px;
}
.header-cart-title bdi{
    color: #10100e !important;
}
.css_34dsq2ds .col-inner{
	text-align: center;
}
.css_34dsq2ds h3{
	padding-top: 28px;
    font-family: "Tilt Neon", sans-serif;
}
/* .css_34dsq2ds a{
padding: 18px 0px 10px 0px;
} */
.css_SDFWsd34 .page-title.dark.featured-title{
	background-color: #f1f1f180;
}
.css_SDFWsd34 .col{
	    padding: 0 0px 30px;
}
.css_45dwsdad h3{
	font-family: "Alata", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 37px;
}
.css_45dwsdad h4:before{
    display: inline-block;
    content: "";
    width: 45px;
    height: 2px;
    background: #87a243;
    margin-right: 18px;
    position: relative;
    top: -3px;
}
.css_45dwsdad h4{
	font-family: "Tilt Neon", sans-serif !important;
    font-weight: 200;
}
.css_dsedswe23sd{
	background-image: url(https://dttp.com.vn/wp-content/uploads/2024/03/about1.3.webp);
	padding-top: 130px;
    padding-bottom: 130px;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.css_dsedswe23sd h4{
	font-family: "Tilt Neon", sans-serif !important;
    font-size: 22px;
    color: white;
}
.css_dsedswe23sd p{
    color: white;
}
.css_dsedswe23sd .col {
	padding: 0 15px 0px;
}
.css_dses23sa h3{
	font-family: "Tilt Neon", sans-serif !important;
    font-size: 40px;
    text-align: center;
}
.css_dses23sa p{
text-align: center;
}
.widget-title {
	font-family: "Tilt Neon", sans-serif !important;
}
.is-divider {
    height: 2px;
    display: block;
    background-color: rgb(160 255 27 / 76%);
    margin: 1em 0 1em;
    width: 100%;
    max-width: 37px;
}
.css_dwdswred23s .page-title.dark.simple-title{
	background-color: #f1f1f180;
	padding-bottom: 16px;
}
.css_dwdswred23s .col{
	    padding: 0 0px 30px;
}
.css_dwdswred23s  .page-title.dark.featured-title{
	background-color: #f1f1f180;
}
.css_contact1 h5{
	font-family: "Tilt Neon", sans-serif !important;
	font-size: 29px;
}
input {
	border-radius: 5px !important;
}
textarea{
	border-radius: 5px !important;
}
.css_rs3sdsah4 h4{
	font-family: "Tilt Neon", sans-serif !important;
    font-size: 29px;
    text-align: center;
}
.orderby{
border-radius: 4px;
}
.css_r34dsdfs3 ul li{
list-style: none;
}

/* .css_r34dsdfs3 ul li p::before {
      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f007";
    } */

.phone:before {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f095";
}

.mail:before {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0e0";
}

.website:before {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0ac";
}

.home1:before {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f015";
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
#section_824614464 {
	padding-top: 13px;
	padding-bottom: 2px;
}
#section_95954013 {
	padding-top: 0px;
	padding-bottom: 0px;
}
.css_product .col {
    padding-bottom: 15px;
}
.css_contact1 .box-image img {
    max-width: 100%;
    width: 19%;
    margin: 0 auto;
}	
	
	
	

}