/*
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.   ***************/
.title-main{
    color: #e56a6a;
    line-height:1.2;
    font-weight:700;
    font-size:38.4px;
    margin-bottom:0.5em !important
}
.button-main{
    background-color: #e56a6a;
    border-radius: 15px !important;
    padding: 10px 40px;
width: fit-content;
    color: #fff;
    font-size: 0.97em;
    width: 177px;
height: 58px;
display: block;
display: flex;
justify-content: center;
align-items: center;
}
.section3{
    padding-top: 100px;
padding-bottom: 50px;
background-color: rgb(229, 106, 106);
}
.title-main.title-news{
    border-left: 3px solid #e56a6a;
padding-left:8px
}
.description_tab a::after {
    content: "\25BC";
    display: none !important;
    margin-left: 5px;
}
.grid-container {
display: grid;
grid-template-columns: auto auto auto ;
grid-template-rows: auto auto auto ;
background-color: #2196F3;

}

.grid-container > div {

text-align: center;

font-size: 30px;
}

.item1 {
grid-column: 1;
grid-row: 1/ 2;
}
.item2{
grid-column: 1;
grid-row: 2/ 5;
}
.item3{
grid-column: 2;
grid-row: 1 / 5;

}
.item5{
grid-column: 3;
grid-row: 1 / 4;

}
.item4{

grid-column: 3;

}
.item{
    border:3px solid #fff;
}
.message a{
     color: #e56a6a !important;
}
.message{
    margin: 0 30px;
padding: 24px 40px;
color: #e56a6a;
background: rgba(255, 255, 255, 0.5);
border-radius: 20px;
    font-size: 30px;
line-height: 1.25em;
font-weight: bold;
}
.col1{
    height: 627px;
    border: 3px solid #fff;
}
.col1-b{
    height: 323px;
    border: 3px solid #fff;
}
.col3{
    height: 323px;
    border: 3px solid #fff;
}
.col3-b{
    height: 627px;
    border: 3px solid #fff;
}
.noPadding{
    padding:0 !important;
}
.col-section3{
    display:flex;
    justify-content:center;
    align-items:center;
}
.col2{
    display: flex;
justify-content: center;
align-items: center;
}
.col1:hover{
    background: rgb(229 106 106 / 32%);
}
.col2:hover{
    background: rgb(229 106 106 / 32%);
}
.col3:hover{
    background: rgb(229 106 106 / 32%);
}
.col1-b:hover{
        background: rgb(229 106 106 / 32%);
}
.col3-b:hover{
        background: rgb(229 106 106 / 32%);
}
a[aria-current="page"] {
     color: #fff !important;
}
.quick-view.quick-view-added{
    position: relative;
left: 166px;
top: -32px;
    width: fit-content;
background-color: #e56a6a;
padding: 0px 8px;
border-radius: 12px;
}
.cart-icon strong {
    border: 2px solid #e56a6a;
border-radius: 0;
color: #e56a6a;
}
.cart-icon.tooltip.is-small.tooltipstered:hover{
background-color: #e56a6a !important;
color: #e56a6a;
}
.cart-icon strong {
    border: 2px solid #e56a6a;
border-radius: 0;
color: #e56a6a;
}
.cart-icon strong:after {
border: 2px solid  #e56a6a;
}
.cart-icon:hover strong{
    background-color:#e56a6a;
}
.image-tools .cart-icon {
bottom: 100%;
left: 120px;
margin: 5px;
position: absolute;
}
.name.product-title{
    font-size: 18px;
color: #000;
padding: 4px 0px;
}
.price span{
    color: #e56a6a;
    font-size: 18px;
    text-align:center;
}
.badge-inner.on-sale{
    background-color: #90cef1 !important;
}
.nav>li>a {
color: none;
color: none;
}
.ux-swatch--label {
box-shadow: unset !important;
border: 1px dashed rgba(88, 89, 91, 0.3);
border-radius: 10px !important;
min-width: 55px !important;
padding: 5px 20px !important;
/* min-width: 100px; */
font-size: 14px;
/* min-height: var(--swatch-size-medium); */
/* min-width: var(--swatch-size-medium); */
padding: 0 8px;
min-width: 50px;
min-height: 24px;
color: #000;
/* background-color: #e56a6a; */
}
.ux-swatch.selected {
box-shadow: 0 0 0 2px #d26e4b;
background-color: #e56a6a;
    color: #fff
}

.wpcf7-form.init{
    border-radius:30px;
    background-color: #e56a6a;
    color: #fff;
}
.group-contact input, textarea{
    height: 56px;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 20px;
color: #fff;
padding: 12px 20px;
margin-bottom: 30px;
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
    display: none;
}

.fa-less-than{
    transform: rotate(-90deg);
    color: #e56a6a;
}
.fa-greater-than{
    transform: rotate(-90deg);
    color: #e56a6a;
}
.form-footer ::placeholder{
    color: #e56a6a !important;
}
.wpcf7-form ::placeholder {
    color: #fff !important;
}
.col-contact .col-inner{
    border-radius:30px !important;
    background-color: rgb(229, 106, 106);
    padding: 30px 30px 0px 30px;
}
.wpcf7-submit{
    background-color: #fff !important;
color: #e56a6a !important;
height: auto;
width: 50%;
    background:#fff !important;
}
.row-footer {
display: flex;
justify-content: center;
align-items: center;
gap: 116px;
margin: 0 auto;
max-width: 1080px;
}
.col-left {
width: 50%;
display: flex;
justify-content: center;
}

.col-right {
width: 50%;
display: flex;
justify-content: center;
flex-direction: column;
}
.footer-bottom-col-1{
width: 16%;
}
.footer-bottom-col-2{
width: 25%;
}
.footer-bottom-col-3{
width: 25%;
}
.footer-bottom-col-4{
width: 33%;
}
.footer-bottom{
    display: flex;
    gap: 60px;
    margin: 0 auto;
    max-width: 1080px;
}
.back-to-top:hover{
    background-color: #e56a6a;
    color:#fff !important;
    border: 1px solid #e56a6a;
}
.category-page-title{
    height:700px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.single_add_to_cart_button{
    background-color: #e56a6a !important;
border-radius: 12px;
}
.button.wc-forward{
    background-color: #e56a6a !important;
border-radius: 12px;
}
.woocommerce-form__label-for-checkbox.checkbox{
    display:none
}
#order_comments{
    border: 1px solid #ccc;
}
button#place_order{
        background-color: #e56a6a !important;
border-radius: 12px;
}
.woocommerce-privacy-policy-text{
    display:none;
}
.description_tab a::after {
content: "\25BC"; /* Mũi tên xuống */
display: inline-block;
margin-left: 5px;
}

.woocommerce-Tabs-panel {
display: none;
}

.woocommerce-Tabs-panel.active {
display: block;
}
.hidden {
 display:none !important;
}

.badge-inner{
	background-color: #e56a6a !important;
    color: #fff !important;
}
.is-divider{
	background-color: #e56a6a !important;
}
.from_the_blog_excerpt{
	-webkit-line-clamp: 3;
   height: auto;
	word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.nav-top-link{
	font-size: 1.1em !important;
    text-transform:capitalize !important;
		color: #173358;
		margin:0 25px
}
.category.product-cat{
	  color: #fff;
    padding: 14px;
    background-color: #e56a6a;
    width: fit-content;
    border-radius: 12px;
    opacity: 1 !important;
    font-size: 14px;
    font-weight: 700;
}
.badge-inner.on-sale{
		background-color: #90cef1 !important;
}
.nav>li>a {
    color: #173358;;
   
}
.product-small .col-inner:hover {
    border: 1px dashed #e56a6a;
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
} 
.product-small .col-inner:hover img {
   transform: scale(1.1);
} 
.box-text.box-text-products{
	text-align:center;
}
.archive.post-type-archive .image-tools .cart-icon{
	left:70px;
}
.archive.post-type-archive .quick-view.quick-view-added{
	left: 134px;
}
.col.post-item .col-inner{
	background-color:#f5f5f5;
}

@media (max-width: 549px) {
    .row-footer {
		flex-direction:column;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 116px;
    margin: 0 auto;
   width: 100%;
}
.col-left {
    width: 90%;
    display: flex;
    justify-content: center;
}

.col-right {
    width: 90% !important;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.footer-bottom-col-1{
    width: 100% !important;
}
.footer-bottom-col-1 .col-inner{
		padding-left:30px;
}
.footer-bottom-col-2{
    width: 100%;
}
.footer-bottom-col-2 .col-inner{
		padding-left:30px;
}
.footer-bottom-col-3 .col-inner{
		padding-left:30px;
}

.footer-bottom-col-3{
    width: 100%;
}
.footer-bottom-col-4{
    width: 100%;
}
.footer-bottom{
		display: flex;
		flex-direction:column;
		gap: 0px !important;
		margin: 0 auto;
		max-width: 1080px;
}
.category-page-title{
		height:auto;
}
}

@media (min-width: 549px) and (max-width: 849px) {
    .row-footer {
		flex-direction:column;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 116px;
    margin: 0 auto;
   width: 100%;
}
.col-left {
    width: 90%;
    display: flex;
    justify-content: center;
}

.col-right {
    width: 90% !important;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.footer-bottom-col-1{
    width: 100% !important;
}
.footer-bottom-col-2{
    width: 100%;
}
.footer-bottom-col-3{
    width: 100%;
}
.footer-bottom-col-4{
    width: 100%;
}
.footer-bottom{
		display: flex;
		flex-direction:column;
		gap: 12px !important;
		margin: 0 auto;
		max-width: 1080px;
}
}


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


}