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

/*************** ADD CUSTOM CSS HERE.   ***************/

.header-main .nav > li > a {
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}
.section-heading-custom{
    text-align:center;
    margin:50px 0 40px;
}

.section-heading-custom .heading-subtitle{
    display:block;
    font-size:15px;
    font-weight:600;
    text-transform:uppercase;
    color:#f15a29;
    letter-spacing:0.5px;
    margin-bottom:8px;
}

.section-heading-custom .heading-title{
    position:relative;
    display:inline-block;
    margin:0;
    font-size:40px;
    font-weight:700;
    text-transform:uppercase;
    color:#222;
    line-height:1.2;
    padding-bottom:16px;
}

.section-heading-custom .heading-title::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:70px;
    height:4px;
    background:#f15a29;
    border-radius:10px;
}

.about-content{
    padding:20px 10px 20px 40px;
}

.about-subtitle{
    display:block;
    color:#f15a29;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:10px;
}

.about-title{
    font-size:27px;
    line-height:1.2;
    font-weight:700;
    color:#222;
    text-transform:uppercase;
    margin-bottom:11px;
}

.about-desc{
    color:#666;
    font-size:16px;
    line-height:1.9;
    margin-bottom:30px;
}

.about-list{
    list-style:none;
    padding:0;
    margin:0 0 35px;
}

position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
    color: #444;
    font-size: 15px;
    font-weight: 500;

.about-list li:before{
    content:"✓";
    position:absolute;
    left:0;
    top:1px;
    width:20px;
    height:20px;
    border:2px solid #f15a29;
    border-radius:50%;
    color:#f15a29;
    font-size:12px;
    font-weight:bold;
    line-height:18px;
    text-align:center;
}

.about-btn{
    display:inline-block;
    padding:14px 34px;
    background:#f15a29;
    color:#fff;
    text-decoration:none;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    border-radius:3px;
    transition:.3s;
}

.about-btn:hover{
    background:#d9491e;
    color:#fff;
}

.white.button.is-outline {
    color: rgb(255 255 255) !important;
}
.white.button.is-outline:hover {background-color: #ffffff2e !important;}
.hotlinechantrang .col {
    padding-bottom: 0;
}

.footer-contact{
    color:#ddd;
    font-size:14px;
    line-height:1.7;
}

.footer-contact h4{
    margin:0 0 15px;
    color:#fff;
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
}

.footer-contact ul{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-contact li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:14px;
}

.footer-contact i{
    width:18px;
    color:#f15a29;
    margin-top:4px;
    font-size:15px;
}
.footer-contact ul li, .danhmucfooter ul li{
    padding-left: 0;
	    margin-left: 0;
}

a.button.wc-forward {
    font-weight: normal !important;
    font-size: 0.9em;
}

h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: Montserrat, sans-serif;
}
.h1, h1 {
    font-size: 1.5em;
}
.h2, h2 {
    font-size: 1.3em;
}

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


}

.header-main .nav > li > a {
    line-height: 16px;
    font-size: 16px;
    font-weight: 400;
}
li.html.custom.html_topbar_left {
    font-size: 15px;
}
a.header-cart-link.nav-top-link.icon.button.round.is-outline.is-small, .header-cart-title span.amount {
    color: #000;
    font-weight: normal;
}
ul.header-nav.header-nav-main.nav.nav-left.nav-divided.nav-size-large.nav-spacing-large {
    justify-content: center;
}
p.name.product-title.woocommerce-loop-product__title a {
    font-size: 16px;
}
span.woocommerce-Price-amount.amount bdi {
    font-size: 16px;
    color: #D84A2D;
}
.home .image-fade_in_back {
    border-radius: 4px;
    overflow: hidden;
}