/*
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.   ***************/
.product .product-small .box-text-products {
	padding: 10px;}

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


}
p#vanban-ngancm {
    float: right;
    /* text-align: center; */
}
																	/*CSS GIA NIEM YET KHUYEN MAI*/
ins {
    text-decoration: none;
    display: block;
}
ins:before{
  content: "Giá khuyến mãi: ";
  color: #000;
  font-size: 14px;
	
}
del:before{
  content: "Giá bán thường: ";
  color: #000;
  font-size: 14px;
	 
}

 h1, h2, h3, h4, h5, h6{ 
font-family: "Lobster"; 
}
.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-weight: 400;
    text-transform: unset;
    font-style: normal;
    font-size: 20px;
}
.nav > li > a {
    font-weight: 400;
    text-transform: unset;
    font-style: normal;
    font-size: 20px;
	 color: #fff;
}
.nav-column li.active>a, .nav-column li>a:hover, .nav-dropdown li.active>a, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav>li>a:hover {
    color: #fff;
}
li#tab-title-description a{color:#000}
.transparent .header-main {
       background-color: rgba(10,10,10,0.84)!important;
}



.transparent #logo img {
    max-height: 90px;
    z-index: 99999999;
    /*position: absolute;*/
    top: 0;
    background: white;
    padding: 0px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
	box-shadow: 2px 2px 15px #0000008f;}

																				/*ss san pham- san pham*/
/* Link */
.title-wrapper .product-title a{
	    font-size: 17px;
    font-weight: bold;
    font-family: "Open Sans Condensed", sans-serif;
    color: #22860a;
}

/* Del */
.price-wrapper .price del{
	display: block;
}

/* Ins */
.price-wrapper .price ins{
	display:inline;
}

/* Hocwp woocommerce price suffix */
.price-wrapper .price .hocwp_woocommerce_price_suffix{
	
}
	/* Del */
	.price-wrapper .price del{
		font-size: 15px;
	}
	
	/* Ins */
	.price-wrapper .price ins{
			font-size: 16px;
	}
	/* Bdi */
	.price ins bdi{
		color: red;
		font-size: 15px;
		text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 3px 3px 2px rgb(150 150 150);
	}
	
	/* Hocwp woocommerce price suffix */
	.price-wrapper .price .hocwp_woocommerce_price_suffix{
		color: red;
		font-size: 16px;
		    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 3px 3px 2px rgb(150 150 150);
	}
.button.alt, .button.checkout, .checkout-button, .secondary {
    background-color: #fe4848;
}
												/*trong trang san pham*/
/* Del */
.price-wrapper .product-page-price del:before{
	font-size: 20px;
}

/* Del */
.price-wrapper .product-page-price del{
	font-size: 20px;
	
}

/* Ins */
.price-wrapper .product-page-price ins:before{
	font-size: 20px;
}

/* Bdi */
.product-page-price ins bdi{
	font-size: 20px;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 3px 3px 2px rgb(150 150 150);
	color: #ff6d1f;
}

/* Hocwp woocommerce price suffix */
.price-wrapper .product-page-price .hocwp_woocommerce_price_suffix{
	font-size: 20px;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 3px 3px 2px rgb(150 150 150);
	color: #ff6d1f;
}



/* Thumbnail Image */
.product a img{
	border-radius: 20px !important;
	border-top-left-radius:20px;
	border-bottom-left-radius:0px !important;
	border-bottom-right-radius:0px !important;
}
/* Box text products */
.product .product-small .box-text-products{
	background: white;
	
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 0px 4px 20px #00000026;
}
.row .flickity-slider > .product-small > div{
border-radius:20px;
}
.product-small .image-tools{
border-radius:20px !important;

}
.product-small.box {
    border-radius: 20px;
}
.col .products > .product-small > div{
border-radius:20px;
}

																			/*CSS TAB*/
.nav-box>li.active>a, .nav-pills>li.active>a{
	background-color:#fe4848;
}
/* Link */
.nav-normal .tab a{
	background-color:#2c3e50;
}
.anh-thucdon-home {
    border-radius: 20px;
}
/* Thumbnail Image */
#content .anh-thucdon-home img{
	border-radius: 20px !important;
}
.icon-box.featured-box.icn-taisao.icon-box-center.text-center:hover {
    background: #fe4848;
    border-radius: 20px;
}
.has-shadow>.col>.col-inner {
    background-color: #fff;
    border-radius: 20px;
    border-radius: 20px !important;
}


																			/*FROM*/
div#congminh-phai {
    width: 50%;
    float: right;
    padding-left: 7px;
}
div#congminh-trai {
    width: 50%;
    float: left;
    padding-right: 7px;
}
/* Column 6/12 */
#content .section .cl-datban{
	background-color:#ffffff;
	border-radius: 20px;
}

/* Input */
#congminh-trai p input[type=text]{
	border-radius: 10px;
}

/* Input */
#congminh-trai p input[type=tel]{
	border-radius: 10px;
}

/* Input */
#congminh-trai p input[type=email]{
	border-radius: 10px;
}

/* Select */
#congminh-phai p select{
	border-radius: 10px;
}

/* Input */
#congminh-phai p input[type=number]{
	border-radius: 10px;
}

/* Input */
#congminh-phai p input[type=date]{
	border-radius: 10px;
}
/* Heading */
.init .congminhwebfrom h3{
	text-align:center;
	color:#000000;
}

/* Quykkhac */
.init .congminhwebfrom .quykkhac{
	text-align:center;
	letter-spacing:1px;
}

/* Vanban ngancm */
.init .congminhwebfrom .vanban-ngancm{
	text-align:center;
}

/* Gui */
.congminhwebfrom p .gui{
	border-radius: 20px;
	margin-left: 35%;
	background-color:#fe4848;
	
}

/* 550px and larger screen sizes */
@media (min-width:550px){

	/* Heading */
	.init .congminhwebfrom h3{
		font-size:34px;
	}
	
}
.lightbox-content {
    background-color: #fff;
    box-shadow: 3px 3px 20px 0 rgb(0 0 0 / 15%);
    margin: 0 auto;
    max-width: 875px;
    position: relative;
    border-radius: 20px;
}
/* Box blog post */
#content div .box-blog-post{
	border-radius: 20px;
	background: #fff;
	    box-shadow: 0px 4px 20px #00000026;
}

/* Thumbnail Image */
#content .plain img{
	background: yellowgreen;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
}
/* Post Title */
#content .plain h3{
	font-weight:400;
	
}
/**/

												/* code baif viet lien quan*/
.ct-title-ani h3:nth-child(1) {
    color: transparent;
    -webkit-text-fill-color: transparent;
}
.ct-title-gioithieu h3:nth-child(1) {
    -webkit-text-stroke: 1px #000000;
	    -webkit-text-stroke: 1px #000000;
}
.ct-title-ani h3 {
    font-size: 45px;
    font-weight: 800;
    margin: 0;
    line-height: 1;
    
    position: absolute;
}
.ct-title-ani h3:nth-child(2) {
    -webkit-animation: animate 3s ease-in-out infinite;
    animation: animate 3s ease-in-out infinite;
	color: #fe4848;

}
@keyframes animate{
    0%,100%{clip-path:polygon(0% 45%, 15% 44%, 32% 50%, 54% 60%, 70% 81%, 84% 69%, 100% 72%, 100% 100%, 0% 100%)}
    50%{clip-path:polygon(0% 60%, 16% 65%, 34% 66%, 51% 62%, 67% 50%, 84% 45%, 100% 46%, 100% 100%, 0% 100%)}
}
																/*thanh toan*/
/* Button */
.actions .continue-shopping a{
	border-radius: 20px;
	color: #2c3e50;
}

/* Button */
.cart_totals .wc-proceed-to-checkout a{
	border-radius: 20px;
}

/* Thumbnail Image */
.cart-wrapper a img{
	border-radius: 10px;
}

/* Bdi */
.cart-wrapper .product-price bdi{
	color: #fe4848;
}

/* Link */
.cart-wrapper .product-name a{
	color: #2c3e50;
}

/* Bdi */
.cart-wrapper .product-subtotal bdi{
	color: #2c3e50;
}
button.button.primary.mt-0.pull-left.small.wp-element-button {
    border-radius: 20px;
    /* color: yellowgreen; */
    background: #2c3e50;
}
/* Heading */
#customer_details .woocommerce-billing-fields h3{
	color: #2c3e50;
	text-transform: none;
}

/* Billing first name */
#billing_first_name{
	border-radius: 20px;
}

/* Billing last name */
#billing_last_name{
	border-radius: 20px;
}

/* Billing phone */
#billing_phone{
	border-radius: 20px;
}

/* Billing email */
#billing_email{
	border-radius: 20px;
}

/* Order comments */
#order_comments{
	border-radius: 20px;
}

/* Heading */
#customer_details .woocommerce-additional-fields h3{
	text-transform: none;
}

/* Order review heading */
#order_review_heading{
	text-transform: none;
}

/* Button */
#place_order{
	border-radius: 20px;
}

/* Col inner */
.checkout .col-inner{
	border-radius: 20px;
}
@media (max-width: 549px){
#logo img {
    max-height: 70px;
    /* left: 30px; */
    right: 30%;
	}
.congminhwebfrom p .gui {
    border-radius: 20px;
    margin-left: 30%;
    background-color: #fe4848;
}
	p.sodienthoai {
    display: block;
    padding-bottom: 27px;
}	
}