/*
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.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
.bg_main>.col-inner{
	background-image: linear-gradient(180deg, rgba(150, 96, 19, 0) 0%, rgba(252, 161, 32, 0.3) 100%);
}
html{
	background-position:center top !important;
	background-repeat:no-repeat !important;
	background-color: #fff !important;
}
.img_1{
	margin-top: -90px;
	z-index: 2;
	position: relative;
}
.img_num{
	max-width: 45px;
	position: absolute;
    top: -20px;
    left: -20px;
}
div#post-list,
.single-post .entry-content.single-page,
.relatedcat{
    border: 1px solid #ff7e07;
    background: linear-gradient(180deg, rgba(255, 126, 7, 0.1) 0%, rgba(255, 126, 7, 0.1) 100%);
    background-color: #fff;
    border-radius: 12px;
    padding: 20px;
    overflow:hidden;
}
.title_lq {
    background-color: #ff7e07;
    color: #fff;
    text-align: center;
    margin-top: -20px;
    margin-left: -20px;
    width: calc(100% + 40px);
    margin-bottom: 25px;
}
.archive.category .row.align-center>.col,
.single-post .row.align-center>.col{
	        flex-basis: 100%;
        max-width:100%;
}
.single-post h1.entry-title{
	text-align: center;
}
.archive.category .from_the_blog_excerpt{
	display: none
}
.taxonomy-description {
    border: 1px solid #ff7e07;
    background: linear-gradient(180deg, rgba(255, 126, 7, 0.1) 0%, rgba(255, 126, 7, 0.1) 100%);
    background-color: #fff;
    border-radius: 12px;
    padding: 20px;
}
h1.page-title.is-large.uppercase{
	text-transform: none;
	font-size: 28px;
	margin-bottom: 30px;
}
.box-blog-post .is-divider{
	display: none
}
.col.post-item .image-cover{
	border-radius: 10px;
}
.single-post header.entry-header .is-divider{
	display: none;
}
@media screen and (min-width: 850px) {
	div#post-list .col.post-item{
		flex-basis: 25%;
        max-width: 25%;
	}
    .col.row192  {
        flex-basis: 222px;
        max-width: 222px;
    }
    .col.row180  {
        flex-basis: 210px;
        max-width: 210px;
    }
    .col.row_tong  {
        flex-basis:calc(100% - 432px);
        max-width: calc(100% - 432px);
    }
}
@media only screen and (max-width: 48em) {
	.list_bt a.button{
		padding: 0px 20px 0px 20px !important;
	}

}