/*
Theme Name: dp-theme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1
*/

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

.sidebar-menu .header-button-1 {display: none; }
.header-language-dropdown > a .image-icon {
	position: absolute;
	left: -26px;
	top: 10px;
}
body.single-post .blog-featured-title .entry-divider,
body.single-post .blog-featured-title h6 {
	display: none;
}
body.single-post .blog-featured-title h1 {
	margin-bottom: 0;
}
body.single-post .blog-featured-title .title-bg {
	background-position: center center;
}
body.blog #content > .row > .large-10 {
	 max-width: 100%;
    flex-basis: 100%;
}

.trackform input,
.trackform button {
		border-radius: 5px;
}

.javauto-slider-wrapper {
	position: relative;
	transform: translateZ(0);
}

.javauto-slider-content {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	will-change: transform;
	transform: translateZ(0);
	transform: translate(0, -50%);
	transform: translate3d(0, -50%, 0);
	z-index: 5;

}

.javauto-slider-wrapper .flickity-button {
	z-index: 8;
}

.single-car #content a.button {
	border-radius: 5px;
}

.single-car .top-divider {
	display: none;
}

.single-car .slider .flickity-button {
	z-index: 10;
}

.single-car #top-bar .social-icons {
	color: hsla(0,0%,40%,.85);
}

.single-car #top-bar .nav>li>a {
	color: hsla(0,0%,40%,.85);
}

.single-car #top-bar .nav>li>a:hover,
.single-car #top-bar a.plain:hover {
	color: hsla(0,0%,7%,.85);
}

.post-type-archive-car .page-numbers {
	margin: 0;
	padding: 15px 15px 30px 15px;
}

.post-type-archive-car .page-numbers .page-number {
	line-height: 33px;
}

.post-type-archive-car .page-numbers .page-number.prev,
.post-type-archive-car .page-numbers .page-number.next {
	line-height: 34px;
}

@media (max-width: 850px){
	.mobile-sidebar .nav .icon-image {
		padding-right: 7px;
		margin-left: -8px;
		margin-top: -5px;
	}
	.mobile-sidebar .nav .image-icon {
		margin-top: -5px;
		margin-left: 7px;
	}
}

@media (max-width: 549px) {
	body.blog #content > .row > .large-10 .box-text {
		padding-left: 0;
	}
}

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


}

.car-filter {
	display: block;
	color: #000;
}
.car-filter label {
	color: #000;
	margin: 0;
}
.car-filter form {
	max-width: 991px;
	background-color: #FFFFFF;
	border-radius: 5px;
	margin: 0 auto;
	text-align: start;
	font-size: 0.9em;
}

.car-filter .top {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 15px;
}

.car-filter .top img {
	width: 30px;
	height: auto;
	margin-right: 5px;
}

.car-filter input[name=type] {
	display: none;
}

.car-filter .top label {
	padding: 5px 22px;

}

.car-filter .top label.active:first-child {
	border-top-left-radius: 5px;
}

.car-filter .top label.active {
	color: #FFF;
	background-color: #001d6e;
}

.car-filter .top label.active img{
	filter: invert(1) brightness(2);
}

.car-filter .bottom {
	display: flex;
	flex-wrap: wrap;
	padding: 0 22px 22px 22px;
	gap: 15px;
	align-items: center;
}
.car-filter input,
.car-filter select {
	margin: 0;
}
.car-filter button {
	margin: 0 0 22px 22px;
	border-radius: 5px;
	color: #FFF;
	width: 35%;
}

.car-filter .bottom .filter-block.bl1 {
	flex: 0 0 calc(28% - 15px);
}
.car-filter .bottom .filter-block.bl2 {
	flex: 0 0 calc(14% - 15px);
}
.car-filter .bottom .filter-block.bl3 {
	flex: 0 0 calc(40% - 15px);
}
.car-filter .bottom .filter-block.bl4 {
	flex: 0 0 calc(4% - 15px);
}
.car-filter .bottom .filter-block.bl5 {
	flex: 0 0 calc(6% - 15px);
}
.car-filter .bottom .filter-block.bl6 {
	flex: 0 0 calc(38% - 15px);
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.car-filter .bottom .filter-block.bl6 label {
	flex: 0 0 35%;
	display: inline-flex;
	align-items: center;
	line-height: 1;
	white-space: nowrap;
}

.car-filter .bottom .filter-block.bl6 label input {
	margin: 0 5px 0 0;
}
#col-1217616356 .flickity-slider img {
	aspect-ratio: 1.34;
	object-fit: cover;
}


@media (max-width: 992px){
	.car-filter .bottom .filter-block.bl3 {
		order: 1;
		flex: 0 0 calc(50% - 15px);
	}
	.car-filter .bottom .filter-block.bl2 {
		flex: 0 0 calc(25% - 15px);
	}
	.car-filter .bottom .filter-block.bl1 {
		flex: 0 0 calc(50% - 15px);
	}
	.car-filter .bottom .filter-block.bl5,
	.car-filter .bottom .filter-block.bl4 {
		display: none;
	}
	.car-filter .bottom {
		padding: 0 5px 22px 15px;
	}
	.car-filter .bottom .filter-block.bl6 {
		flex: 0 0 calc(50% - 15px);
	}
}
@media (max-width: 700px){
	.car-filter .bottom .filter-block.bl6 label {
		flex: 0 0 100%;
	}
	.car-filter button {
		margin: 0 0 22px 15px;
		width: calc( 100% - 35px);
	}
}
@media (max-width: 440px) {
	.cky-notice-btn-wrapper .cky-btn-accept {
		order: 1;
		margin-left: -14px !important;
	}
}
.checkbox-footer-list {
	display: flex;
	gap: 15px;
	margin-bottom: 1em;
}
.checkbox-footer-list label {
	display: flex;
	align-items: center;
	margin: 0;
	font-family: "Open Sans", sans-serif !important;
	color: #f1f1f1;
	font-size: 0.9rem !important;
	font-weight: 400;
}
.checkbox-footer-list input {
	opacity: 1 !important;
	width: 15px !important;
	height: 15px !important;
	position: relative !important;
	margin: 0 10px 0 0;
}