/* 3lichat */
#chat3li-widget{
	bottom: 60px !important;
}
#toolbar{
	width: 92% !important;
}

.nav-item.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0; /* Đảm bảo menu sát với nút cha */
}

/* Tùy chọn: tăng độ hiển thị mượt mà */
.dropdown-menu {
  transition: all 0.3s ease;
}

/* From */
.wpcf7-form {
    background-color: #ffe6cc;
    padding: 15px;
    border-radius: 10px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
}

.wpcf7-form h2 {
    color: #d35400;
    font-size: 1.2em;
    margin-bottom: 15px;
    text-align: center;
    position: static;
}

.wpcf7-form label {
    display: block;
    margin-bottom: 5px;
    color: #333;
    font-weight: bold;
    font-size: 0.9em;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 0.9em;
	height:30px;
}

.wpcf7-form textarea {
    resize: vertical;
    min-height: 80px;
}

.wpcf7-form .wpcf7-submit {
    background-color: #e67e22;
    color: white;
    padding: 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    font-size: 0.9em;
}

.wpcf7-form .wpcf7-submit:hover {
    background-color: #d35400;
}

.wpcf7-form::before {
    content: "";
    background: url('path-to-squirrel-image.png') no-repeat right center;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 100%;
    opacity: 0.7;
}

.wpcf7-form::after {
    content: "";
    background: url('path-to-acorn-image.png') repeat;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* Mobile Responsive Styles */
@media (max-width: 768px) {
    .wpcf7-form {
        padding: 10px;
        margin: 10px;
    }

    .wpcf7-form h2 {
        font-size: 1em;
        margin-bottom: 10px;
    }

    .wpcf7-form label {
        font-size: 0.8em;
    }

    .wpcf7-form input[type="text"],
    .wpcf7-form input[type="email"],
    .wpcf7-form textarea {
        padding: 6px;
        font-size: 0.8em;
        margin-bottom: 8px;
    }

    .wpcf7-form textarea {
        min-height: 60px;
    }

    .wpcf7-form .wpcf7-submit {
        padding: 8px;
        font-size: 0.8em;
    }

    .wpcf7-form::before {
        width: 100px;
        background-size: 100px;
        right: -20px;
        top: 10px;
    }

    .wpcf7-form::after {
        background-size: 50px;
    }
}

@media (max-width: 480px) {
    .wpcf7-form {
        padding: 8px;
        margin: 5px;
    }

    .wpcf7-form h2 {
        font-size: 0.9em;
    }

    .wpcf7-form label {
        font-size: 0.7em;
    }

    .wpcf7-form input[type="text"],
    .wpcf7-form input[type="email"],
    .wpcf7-form textarea {
        padding: 5px;
        font-size: 0.7em;
    }

    .wpcf7-form .wpcf7-submit {
        padding: 6px;
        font-size: 0.7em;
		height: 30px;
    }

    .wpcf7-form::before {
        width: 80px;
        background-size: 80px;
        right: -10px;
        top: 5px;
    }
}
/* End Form */

body{
	color: #333333;
    font-family: 'Tahoma', Geneva, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
        background-color: white;
}

html {
	scroll-behavior: smooth !important;
}

.container-1 {
            max-width: 100%;
            margin-bottom: 20px;
            background: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            display: flex;
            align-items: flex-start;
        }

 .image-container {
            flex: 1;
            margin-right: 20px;
        }
        .image-container img {
            max-width: 100%;
            border-radius: 8px;
        }
        .content {
            flex: 2;
        }
        h1 {
            text-align: center;
            color: #333;
        }
        h2 {
            color: #555;
        }
        p {
            color: white;
        }
        ul {
            list-style-type: disc;
            margin-left: 20px;
        }
        .highlight {
            color: #e67e22;
            font-weight: bold;
        }
        .footer {
           
            margin-top: 20px;
            font-size: 0.9em;
            color: #888;
        }

/* Responsive Design */
        @media (max-width: 768px) {
            .container-1 {
                flex-direction: column;
                align-items: center;
            }
            .image-container {
                margin-right: 0;
                margin-bottom: 20px;
                text-align: center;
            }
            .content {
                text-align: left;
            }
        }

body.single-product{
	background-color: beige;
}

.new-content table{
	margin: 5px auto 5px auto;
}
.new-content table, .new-content th, .new-content td {
    border: 1px solid black;
}

.new-content table td {
    padding: 10px;
}
@media only screen and (max-width: 768px) {
	center {
		height: 1px;
	}
	.form-search input{
		position: absolute;
		top: 9px;
		z-index: 10;
		width: 70%;
		padding-right: 100px !important;
	}
}
.form-search input{
	border-color: #fff;
    color: #fff;
    opacity: 0.9;
    box-shadow: none;
    background: #fff;
    border-radius: 25px;
    height: 45px;
    color: #a2a2a2;
    font-size: 15px;
    padding-left: 20px;
    padding-right: 200px;
}
.product-sidebar{
	background-color: black !important;
	color: white !important;
	padding: 0 !important;
}
.product-sidebar a{
	color: white !important;
	background: none !important;
}
.product-sidebar h2{
	background-color: #FEC909;
    padding: 10px;
    margin-top: 0 !important;
    padding: 10px;
}


.product-sidebar .woocommerce ul.products li.product a img {
    margin-bottom: 0;
    max-width: 100px;
    height: 80px;
    float: left;
}
.product-sidebar .woocommerce ul.products li.product h3{
	color: white !important;
	    background-color: #e72c2d;
}
.product-sidebar .woocommerce ul.products li.product{
	    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.product-sidebar .onsale, .product-sidebar .button{
	display: none !important;
}
.product-sidebar .price{
	    color: #FEC909 !important;
}
a.cart{
	float: right;
}
header{
	background-color: #fec909;
    padding-bottom: 5px;
}
header .logo{
	margin-top: 10px;
	text-align: left;
}
header .logo a{
	font-size: 30px;
	color: white;
}
header .logo img{
	display: inherit;
}
.line-top{
	background: rgb(232 96 75 / 98%);
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 12px;
}
.line-top .button{
	padding: 3px;
}
.tax-product_tag .woocommerce-breadcrumb{
	display: none;
}
.tax-product_tag h1.page-title{
	text-transform: capitalize;
}
.menu{
	background-color: #c91414;
	    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.35);
    margin-bottom: 20px;
}
img.hotline-top{
	float: right;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-brand{
	color: white;
	font-size: 12px;
	font-weight: bold;
}
.navbar-default{
	background-color: #8C0001;
}
.navbar-default a{
	color: yellow !important;
}
.ads-top{
	margin-top: 20px;
}
ul.dropdown-menu, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	background-color: #FEC909;
	color: black !important;
}
.navbar-default .navbar-nav>li>a:hover{
	background-color: #FEC909;
	color: black !important;
}
h2{
	color: black;
	font-size: 25px;
}
.blog img{
	max-width: 80px;
    height: 60px;
}
.blog h4{
	font-size: 14px;
    font-weight: bold;
    color: black;
}
.blog .time{
	color: #0c4dc3;
    float: left;
    font-weight: 400;
    font-style: italic;
    font-size: 11px;
}
.single-product .keyword{
    display: none;
}
.blog .panel-body{
	padding: 0 !important;
}
.right{
	margin-bottom: 20px;
}
.right h3, h1.blog, h3.category{
	font-size: 24px;
    padding: 10px;
    background-color: #FEC909;
    color: black;
}
h1.blog, h3.category{
	width: 150px;
}
h3.detail-blog a{
	color: white;
}
h1.title-blog{
	font-size: 24px;
	color: #8C0001;
	
}
.content img, img.ava {
	padding: 5px;
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}
.date, img.ava, .content, .keyword{
	margin-bottom: 20px;
}
.right ul.blog{
	list-style-image: url('../images/icon/icon-blog.png');
	list-style-position: inside;
	margin-left: -40px;
}
.right ul.blog a{
	color: black;
}
footer{
	color: white;
	background-color: rgb(5, 34, 74);
}
footer a, footer a:hover{
	color: white !important;
}
footer a:hover{
	color: white;
}

footer .contact-footer input, footer .contact-footer textarea
{
	border: none;
}
footer .map{
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.contact-footer textarea{
	height: 70px;
}
.contact-footer label{
    display: inherit;
}
.contact-footer input, .contact-footer textarea {
    width: 100%;
    color: #000;
    padding: 5px;
}
.contact-footer .wpcf7-submit {
    background: red;
    color: #fff;
    border: none;
    width: 150px;
    padding: 10px;
    font-size: 20px;
}
.banner-buy{
	margin-bottom: 20px;
}

h3.footer-title{
	    border-bottom: 2px solid white;
    padding-bottom: 10px;
    color: white;
    font-size: 20px;
    font-weight: bold;
}
.copyright{
	text-align: center;
	    background-color: rgb(2 18 39);
    color: white;
    padding: 20px;
}

.category .product-thumb h4 {
	height: 	50px;
}
nav.woocommerce-breadcrumb{
	margin-left: 15px !important;
    margin-bottom: 20px !important;
}
.woocommerce .woocommerce-message{
	margin-left: 15px !important;
	margin-right: 15px !important;
}

.woocommerce-breadcrumb{
	border-bottom: 1px solid #e2dfdb;
    padding-bottom: 5px !important;
}
.woocommerce span.onsale{
	background-color: #e72c2d;
	border-radius: 10%;
	z-index: 1000;
}
.woocommerce div.product p.price, .woocommerce div.product span.price{
	color: #e72c2d;
}
#content{
	background-color: white;
	padding: 10px;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.new-content{
	background-color: white;
}
img.attachment-shop_single{
	border: 1px #E8E8E8 solid;
    padding: 5px;
}
input.qty{
	border-radius: 5px;
    width: 70px;
    height: 40px;
    padding: 3px;
    font-size: 18px;
    margin-bottom: 10px;
}
button.single_add_to_cart_button{
	height: 40px;
    width: 150px;
    font-size: 18px;
    font-weight: bold;
    background-color: #8C0001;
    color: white;
    margin-bottom: 10px;
}
h1.product_title{
	color: red;
}
span.posted_in{
	width: 100%;
    float: left;
}
span.tagged_as{
	width: 100%;
    float: left;
    padding-bottom: 5px;
}
ul.products{
	list-style: none;
}

ul.products li h3{
	font-size: 16px;
    color: red;
}
h1.page-title, h1.product_title {
    font-size: 25px;
    font-weight: bold;
}

.basket .right, .page .right, .checkout .right{
	display: none;
}

.archive nav.woocommerce-breadcrumb{
	margin-left: 0px !important;
    margin-bottom: 20px !important;
    margin-top: 10px;
}
.woocommerce .woocommerce-breadcrumb{
	margin-top: 10px;
}
.page>.body>.container{
	padding-left: 30px;
	padding-right: 30px;
}
.checkout .input-text{
	width: 100% !important;
    height: 35px;
    border-radius: 6px;
}
.woocommerce form .form-row{
	width: 100%;
}
.dat-hang-nhanh input{
	height: 35px;
    border-radius: 6px;
}
.hotline-footer{
	    background: black;
    color: white;
	    padding: 20px;
}
.hotline-footer button.ty-btn-go.ty-subscribe{
	background: #FEC909;
    color: black;
}
.hotline-footer input.ty-input-text{
	color: black;
}
input.ty-input-text {
    width: 100%;
    padding-right: 35px;
    border-radius: 25px;
    border: 0;
    padding: 10px 15px;
    height: 42px;
}
button.ty-btn-go.ty-subscribe, input.ty-subscribe {
    background: #262324;
    color: #fff;
    padding: 10px 20px;
    width: initial;
    border-radius: 0 25px 25px 0;
    height: 42px;
    top: 0;
    border: 0;
    right: -1px;
    font-size: 15px;
        position: absolute;
}
.woocommerce ul.products li.product .price{
	color: #e72c2d;
    font-size: 13px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
	text-align: center;
	    padding: 10px;
    background-color: #FFF;
    border: 1px solid #eee;
}

@-webkit-keyframes glowing {   0% { background-color: #004A7F; -webkit-box-shadow: 0 0 3px #004A7F; }   50% { background-color: #0094FF; -webkit-box-shadow: 0 0 10px #0094FF; }   100% { background-color: #004A7F; -webkit-box-shadow: 0 0 3px #004A7F; } }   @-moz-keyframes glowing {   0% { background-color: #004A7F; -moz-box-shadow: 0 0 3px #004A7F; }   50% { background-color: #0094FF; -moz-box-shadow: 0 0 10px #0094FF; }   100% { background-color: #004A7F; -moz-box-shadow: 0 0 3px #004A7F; } }   @-o-keyframes glowing {   0% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }   50% { background-color: #0094FF; box-shadow: 0 0 10px #0094FF; }   100% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; } }   @keyframes glowing {   0% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; }   50% { background-color: #0094FF; box-shadow: 0 0 10px #0094FF; }   100% { background-color: #004A7F; box-shadow: 0 0 3px #004A7F; } }  
.dat-hang-nhanh textarea{
	height: 150px;
    border-radius: 6px;
}
p.hi{
	color: yellow;
	padding-left: 10px;
	-webkit-animation: glowing 1500ms infinite;   -moz-animation: glowing 1500ms infinite;   -o-animation: glowing 1500ms infinite;   animation: glowing 1500ms infinite;
}
.bg-1{
	background-color: #c91414;
    color: black;
	
}
.button{
	padding: 5px;
	background-color: black;
	color: white;
}
.navbar-default{
	border: none;
	border-radius: 0px;
	color: white:  !important;
}
.navbar-default a{
	color: white !important;
}
.navbar-default img{
	display: inline;
}

.form-search button, input.ty-subscribe{
	position: absolute !important;
    right: -1px !important;
    width: 86px !important;
    height: 45px !important;
    border: none !important;
    background: none !important;
    padding-left: 0 !important;
    border-left: 0 !important;
    color: white !important;
    background: #262324 !important;
    border-radius: 0 25px 25px 0 !important;
}
.icon-top{
	padding-top: 45px;
    text-align: center;
}
.icon-top a{
	color: black;
}
.navbar{
	margin-bottom: 0;
	border-radius: 10px;
}
.woocommerce ul.products li.product a img{
	margin-bottom: 0;
}
.woocommerce ul.products li.product h3{
	color: #2874f0;
	font-size: 14px;
}
.woocommerce ul.products li.product .button{
	margin-top: 0;
	background-color: black;
	color: white;
	border: none;
	border-radius: 0px;
	font-size: 12px;
    font-weight: bold;
}
.woocommerce div.product form.cart .button{
	background-color: black;
	color: white;
	border: none;
	border-radius: 0px;
}
.dropdown-menu>li>a:hover{
	background-color: black;
}
.center-ads-col{
	margin-top: 20px;
}
.home .comment-bottom{
	display: none;
}
.btn-hotline{
	background: #FEC909;
    border: none;
    border-radius: 0px;
    color: black;
    font-size: 16px;
}
.btn-buy{
	    background: black;
    border: none;
    border-radius: 0px;
    font-size: 16px;
}
.search-results .product-thumb{
    text-align: center;
    padding: 10px;
    background-color: #FFF;
    border: 1px solid #eee;
    min-height: 350px;
    margin-bottom: 10px;
} 
.search-results .product-thumb img{
    height: auto;
} 
@media (min-width: 768px) {

.form-search{
	margin-top: 20px;
 }
 
.form-search button{
    right: 30px !important;
}
}
@media (max-width: 768px) {
#tab-description iframe{
	    max-width: 100%;
    height: auto;
}
.new-content table, .new-content th, .new-content td {
    font-size: 11px;
}
.new-content td div{
        width: auto !important;
}
.single-product h1.title-blog{
    margin-top: -20px;
    padding-top: 20px;
}
 }