/*
Theme Name: thucphamsach
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/* Division */
#main .woocommerce-thank-you-page-container__row_0 .woocommerce-thank-you-page-container__block{
	padding-right:200px;
	padding-left:200px;
}


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

.row-main .price bdi {
    font-weight: normal;
    font-size: 18px;
    color: #d35400;
}
.absolute-footer.dark {
 display:none;;
}
.row-main .box-category h5 {
    color: #383838;
	  font-weight:800;
    font-size: 16px;
    line-height: 1.5em;
    text-transform: capitalize;
    letter-spacing: -0.6px;
    word-spacing: -0.3px;
}
.fill, img {
    border-radius: 20px;
}
.row-main a .box-category {
    background-color: #ffffff;
    border-radius: 20px;
    -webkit-box-shadow: 16px 18px 27px -14px #efefef;
    box-shadow: 16px 18px 27px -14px #efefef;
    padding-top: 20px;
    width: 166px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.woocommerce-product-gallery .badge-circle .badge-inner {
    border-top-left-radius: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fb5931;
    position: relative;
    top: -40px;
    font-size: 22px;
}
.product-page-price .woocommerce-Price-amount bdi {
    color: #d35400;
font-weight:500;
}
.products .product .badge-inner {
    border-top-left-radius: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fb5931;
    position: relative;
    top: -40px;
    font-size: 22px;
}
.box-text {
    padding-top: 0.7em;
    padding-bottom: 1.4em;
    position: relative;
    width: 100%;
    font-size: .9em;
}
.price-wrapper .price {
    display: block;
	
}
.price-wrapper .price a{
	color:#ff0000 ;
}
.post-title {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: 45px; 
}
.price {
    line-height: 1.5;
}
p.name.product-title a {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-weight:bold;
	height: 20px; 
}
.products .box bdi {
    color: #d35400;
    font-weight: 500;
    font-size: 16px;
}
.is-divider {
    height: 3px;
    display: block;
    background-color: rgba(0,0,0,.1);
    margin: 1em 0 1em;
    width: 100%;
    max-width: 30px;
}
img {
    border-radius: 20px;
}
#wide-nav .flex-left .header-vertical-menu__opener {
    border-radius: 20px;
    height: 40px;
}
#header-contact li span {
    text-transform: none;
}
#masthead .relative .ux-search-submit {
    border-radius: 20px !important;
    min-width: 60px;
    min-height: 43px;
    -webkit-transform: translatex(-35px);
    -ms-transform: translatex(-35px);
    transform: translatex(-35px);
    max-width: 10%;
}
.button.secondary:not(.is-outline) {
    background-color: var(--primary-color);
}
#masthead .relative input[type=search] {
    border-radius: 20px;
    border-style: none;
    -webkit-box-shadow: 0px 50px 0px 0px rgb(0 0 0 / 10%) inset;
    box-shadow: 0px 50px 0px 0px rgb(0 0 0 / 10%) inset;
    margin-left: -3px;
    max-width: 574px;
    min-width: 574px;
    width: 574px;
    min-height: 46px;
    padding-left: 20px;
    font-size: 14px;
    font-style: italic;
    position: relative;
    -webkit-transform: translatex(0px) translatey(0px);
    -ms-transform: translatex(0px) translatey(0px);
    transform: translatex(0px) translatey(0px);
    font-style: normal;
    padding-left: 27px;
    margin-left: -5px;
    margin-right: -50px;
    left: 4px;
    -webkit-transform: scale(0.90);
    -ms-transform: scale(0.90);
    transform: scale(0.90);
}
.quantity input[type=number] {
    border-right: 0;
    border-left: 0;
}
.form-flat input:not([type=submit]), .form-flat select, .form-flat textarea {
    border-radius: 10px;
}
@media  (max-width:550px) {
	/* Division */
	#main .woocommerce-thank-you-page-container__row_0 .woocommerce-thank-you-page-container__block{
		padding-right:0px;
		padding-left:0px;
	}
}

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


}

.entry-content {
  color: #212529;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
  font-weight: 700;
  color: #333;
  margin-bottom: 15px;
  color: var(--primary-color);
}

.entry-content figure {
  background: #fff;
  border: 1px solid #f0f0f0;
  padding: 5px 3px 10px;
  text-align: center;
}

.entry-content h6 {
  font-size: 15px;
}

.entry-content h5 {
  font-size: 17px;
}

.entry-content h4 {
  font-size: 17px;
}

.entry-content h3 {
  font-size: 18px;
}

.entry-content h2 {
  font-size: 20px;
  line-height: 1.5;
}

.entry-content h1 {
  font-size: 25px;
  font-weight: 700;
  color: #333;
  margin-bottom: 15px;
}

.entry-content p {
  color: #333;
  margin-bottom: 15px;
  font-size: 16.5px;
  line-height: 1.6;
}

.entry-content ul {
  list-style: disc;
  padding-left: 20px;
  padding-bottom: 5px;
}

.entry-content ul li {
  color: #333;
  line-height: 1.5;
  margin-bottom: 10px;
  font-size: 16.5px;
}

.entry-content ul li a {
  color: #007bff;
}

.entry-content ol {
  list-style: decimal;
  padding-left: 18px;
  padding-bottom: 5px;
  font-size: 16.5px;
}

.entry-content ol li {
  color: #333;
  line-height: 1.5;
  margin-bottom: 10px;
  font-size: 16.5px;
}

.entry-content ol li a {
  color: #ff5912;
}

.entry-content a {
  font-weight: 700;
}

.entry-content blockquote {
  background: #f3f3f3;
  color: #868686;
  display: block;
  font-size: 16px;
  line-height: 23px;
  margin: 0 0 20px;
  padding: 15px 20px 15px 45px;
  position: relative;
  text-align: justify;
}

.entry-content blockquote p {
  margin-bottom: 0;
}

.entry-content blockquote:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 3px;
  background: var(--primary-color);
  content: "";
}

.entry-content code {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  font-size: 0.85rem;
  color: #e83e8c;
  font-size: 15px;
}
.entry-content > div{
  overflow: auto;
}
.entry-content table {
  width: 100%;
  height: auto;
  overflow: auto;
}

.entry-content table > tbody > tr > td,
.entry-content table > tbody > tr > th,
.entry-content table > tfoot > tr > td,
.entry-content table > tfoot > tr > th,
.entry-content table > thead > tr > td,
.entry-content table > thead > tr > th,
.term-description table > tbody > tr > td,
.term-description table > tbody > tr > th,
.term-description table > tfoot > tr > td,
.term-description table > tfoot > tr > th,
.term-description table > thead > tr > td,
.term-description table > thead > tr > th {
  border: 1px solid #ddd;
  padding: 7px 10px !important;
  font-size: 16.5px !important;
  width: auto !important;
}

.entry-content iframe {
  margin: auto;
}

.entry-content .syntaxhighlighter {
  padding: 10px 0;
}