/*
Theme Name: Xe Điện Vi Vu
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.19.2
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.stuck .header-main {
	display: none;
}
h1, h2, h3, h4, h5, p {
    text-wrap: inherit;
}
.slider .dot {
    background: #fbce59;
    border:none;
    opacity: 1;
}
.slider .dot.is-selected {
    background: #14b0bc!important;
}
.camket {
    margin-top: 20px;
}
.camket .col-inner {
    border-radius: 4px;
    padding: 15px;
    display: flex;
    align-items: center;
}
.camket .col-inner i {
    font-size: 30px;
    margin-right: 10px;
}
.camket .title {
    margin-bottom: 0;
    line-height: 1.5;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}
.proimg {
    width: 100%;
    aspect-ratio: 4/3;
    overflow: hidden;
    position: relative;
}

.proimg img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: contain; 
    transform: translate(-50%, -50%);
}
.proinner {
    border-radius: 8px;
    padding: 10px;
    border:1px solid #ccc;
}
.proinner a {
    color: #000;
    font-size: 16px;
}
.proinner .box-text {
    padding: 15px 0 0 0;
}
.proinner .amount {
    color: #dd3333;
}
.entry-header-text {
	padding-bottom: 0!important;
}
.entry-content {
	padding-top: 0!important;
}
.postslist {
		background: #fff;
		border-radius: 6px;
}
.postslist .box-image {
		border-radius: 6px;
}
.postslist h2 {
		font-size: 16px;
}
.postslist h2 a {
		color: #000;
}
.postslist .postinfo {
		color: #dd3333;
		font-size: 90%;
}
.postslist .postinfo i {
		padding-right: 5px;
}
.page-wrapper {
		padding:0;
}
.page-title {
		font-size: 36px;
		margin-bottom:0;
		padding-bottom:0;
}
.custombread {
	background: #f9f9f9;
	margin-bottom: 30px;
}
.breadinner {
		margin: auto;
		max-width: 1370px;
		padding: 15px;
}
.breadinner p {
	margin-bottom: 0;
}
.page-title-inner {
	min-height: inherit;
	padding-top: 0;
}
.shop-page-title, .category-page-title {
	display: none;
}
.rightpost {
		display: flex;
		align-items:center;
		border-top:1px dotted #dd3333;
		padding-top: 8px;
		margin-bottom: 8px;
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
}
.rightpost .box {
		width: 90px!important;
}
.rightpost .box-image {
		border-radius: 5px;
}
.rightpost .title {
		width: 100%;
		margin-bottom:0;
		margin-left: 10px;
		color: #000;
		font-size: 90%;
}
p.widget-title {
		margin-bottom: 0px;
		padding: 10px 15px;
		text-transform: uppercase;
}
.post {
		margin:0;
}
.relatedtitle {
		text-transform: uppercase;
		font-size: 140%;
		border-bottom: 1px dotted;
		margin-bottom:15px;
}
.relatedpost .box-image {
		border-radius: 6px;
}
.relatedpost .box-text {
		padding: 15px;
}
.relatedpost .overlay, .homecates .overlay {
	background: linear-gradient(0deg, #1b283bc7, transparent 75%);
    background-image: linear-gradient(0deg, rgba(27, 40, 59, 0.78), transparent 75%);
}
.widget {
		background: #fff;
		border-radius: 8px;
}
.widget-title {
		display: block;
		background: #f56504;
		color: #fff;
		padding: 15px;
		border-radius: 6px 6px 0 0;
}
.widget .is-divider {
		display: none;
}
.widget ul {
		padding: 0 15px;
		background: #f9f9f9;
}
.widget ul li a {
		color: #000;
		padding: 10px 0;
}
.widget .current-cat a {
		color: #f56504;
}
.widget ul li ul {
		border-left: none;
		margin-left:0;
}
.widget ul li ul li {
		list-style-type: circle;
}
.homeexpert {
	height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
		font-size: 90%;
}
.postdate {
		font-size: 90%;
}
.postdate i {
		margin-right: 5px;
		color: #f56504;
}
.homelatest .image-cover {
	border-radius: 10px;
}
.homelatest h3 a {
	color: #000;
}
.homecategories .flickity-page-dots {
	bottom: -10px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.stuck .header-main {
		display: block;
	}
}