/*
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.   ***************/
span.widget-title{
	font-size: 18px !important;
}
.tagcloud a, .widget>ul>li .count{
	font-size: 14px !important;
}
body, .product-title a, .post-title a, .from_the_blog_excerpt{
	font-size: 16px;
}
.header-main li.html.custom{
	display: inline-block;
}
.btn-order-detail {
	background: var(--primary-color);
    color: #fff !important;
    padding: 10px 20px !important;
    border-radius: 3px;
    margin: 15px 0;
    display: block;
    width: max-content;
}
.blog-wrapper.blog-archive{
	.col.post-item:first-child{
		flex-basis: 100%;
		max-width: 100%;
		display: block;
		width: 100%;
		.box.box-blog-post{
			display: flex;
			align-items: center;
			background-color: #F4F6FA;
			.image-cover{
				width: 1000px;
			}
			.box-text{
				padding: 30px;
			}
			.post-title a{
				font-size: 30px;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 5;
				overflow: hidden;
			}
		}
	}
}
.archive.category-21{
	.post-item .post-date{
		display: none !important;
	}
}


@media(max-width: 998px){
	.blog-wrapper.blog-archive {
		& .col.post-item:first-child {
			& .box.box-blog-post {
				.box-text {
					padding: 15px;
				}
			}
		}
	}
	.blog-wrapper.blog-archive {
		& .col.post-item:first-child {
			& .box.box-blog-post {
				.image-cover {
					width: 735px;
				}
				.post-title a{
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 3;
					overflow: hidden;
					font-size: 26px;
				}
			}
		}
	}
}
@media (max-width: 580px) {
	.gtranslate_wrapper a:last-child{
		margin-right: 0;
	}
	.gtranslate_wrapper img {
		width: 30px !important;
	}

	.blog-wrapper.blog-archive {
		& .col.post-item:first-child {
			& .box.box-blog-post {
				.image-cover {
					width: 450px;
				}
			}
		}
	}
	.blog-wrapper.blog-archive {
		& .col.post-item:first-child {
			& .box.box-blog-post {
				.post-title a {
					-webkit-line-clamp: 2;
					font-size: 16px;
				}
				.from_the_blog_excerpt{
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 3;
					overflow: hidden;
					font-size: 14px;
				}
			}
		}
	}
}
@media (max-width: 390px) {
	.blog-wrapper.blog-archive {
		& .col.post-item:first-child {
			& .box.box-blog-post {
				.image-cover {
					width: 350px;
				}
			}
		}
	}
	.blog-wrapper.blog-archive {
		& .col.post-item:first-child {
			& .box.box-blog-post {
				.from_the_blog_excerpt {
					-webkit-line-clamp: 2;
				}
			}
		}
	}
}