/*
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.   ***************/
.wn-giaiphap .box-text {
    height: 150px;
}
.wn-p {
    margin-bottom: 0;
}
.wn-title-gioithieu {
	background: var(--wpr-bg-c226fd67-ac78-4c12-8393-84cc2013a13e) no-repeat center;
	height: 30px;
	padding-bottom: 22px;
}

.wn-giaiphap .col-inner {
	border: 1px solid #efefef;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.wn-giaiphap .col-inner:hover {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.wn-giaiphap2-title:after {
	content: "";
    color: green;
    position: absolute;
    left: 0;
    border-radius: 999px;
    right: 0;
    top: 3%;
    height: 9px;
    image-rendering: -webkit-optimize-contrast;
    background: var(--wpr-bg-937d7d01-4d02-40a6-9494-34b310d43989) 50% top no-repeat;
}
.wn-product .col-inner {
	border: 1px solid #efefef;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.wn-product .col-inner:hover {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
/*-- chia cột Form --*/
#info-left {
    width: 100%;
    float: left;
    margin-right:2%;
}
#info-right {
    width: 100%;
    float: right;
}
.form-contact-twocol:after {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    margin-bottom:10px;
}
.form-contact-twocol {
    display:block;
}
/*-- Chèn icons lên Form --*/
.wpcf7 p{ position: relative; }
#icon-form{
  position: absolute;
  color: #666666;
  z-index: 100;
  font-size: 18px;
  top: 8px;
  right: 10px;
}

.wpcf7 input[type=submit].button { 
	background-color: #094946;
}

.wn-blog .box {
	border: 1px solid #efefef;
    background-color: white;
}

#secondary .widget-title, #product-sidebar .widget-title, #shop-sidebar .widget-title, .wn-tieu-de-widget {
    display: block;
    text-align: center;
    background-color: #dd1c1c;
    padding: 8px 5px;
    color: #fff;
    margin-bottom: 10px;
    font-size: 15px;
}

.wn-tieu-de-widget {
    font-size: 1em;
    font-weight: 600;
}

.row.wn-blog-image .image-cover {
    background-position: 50% 50%;
    background-size: cover;
    height: auto;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
	border-radius: 999px;
}

.row.wn-blog-image .box-image {
    padding-left: 10px;
}

.row.wn-blog-image .is-large {
	font-size: 1em;
    font-weight: 100;
}


post-sidebar .widget .is-divider, #secondary .widget .is-divider, #product-sidebar .widget .is-divider, #shop-sidebar .widget .is-divider {
    display: none;
}

.post-sidebar .widget, #secondary .widget, #product-sidebar .widget, #shop-sidebar .widget {
    background-color: #f7f7f7;
    margin-bottom: 10px;
}
.mr-half {
    margin-right: 15px;
    margin-left: 15px;
}

ul.product_list_widget li img {
    left: 15px;
}

ul.product_list_widget li a:not(.remove) {
	padding-left: 15px;
}

h2.wn-title {
    margin-bottom: 0px;
}

.product_list_widget span.amount {
	padding-left: 15px;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.wn-giaiphap2-title:after {
	content: "";
    color: green;
    position: absolute;
    left: 0;
    border-radius: 999px;
    right: 0;
    top: 0.7%;
    height: 9px;
    image-rendering: -webkit-optimize-contrast;
    background: var(--wpr-bg-5c8cb153-c08b-4cf1-90b8-20f6deadfddd) 50% top no-repeat;
}
i.icon-menu:before {
    content: '\f550';
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 600;
}

.box.box-vertical .text-left {
	padding-left: 10px;
}


}