/* ============ EXTRA CSS CLASSES ============ */
.link-unstyled, .link-unstyled:link, .link-unstyled:hover {
  color: inherit;
  text-decoration: inherit;
}
/* ============ MULTI LEVEL DROPDOWN MENU VARIATION ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}	
/* ============ MEGA MENU VARIATION ============ */
@media (min-width: 1025px) {
	.navbar .has-megamenu {
		cursor: pointer;
	}
	.navbar .has-megamenu > .dropdown-toggle {
		pointer-events: none;
	}
}
.navbar .megamenu{ padding: 1rem; }
@media all and (min-width: 992px) {

  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }

}	
@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
      max-height: 90vh;
      margin-top:10px;
  }
}
/* ============ FEATURETTES ============ */
/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
}
@media (min-width: 40em) {
  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}
/* ============ COOKIE BANNER ============ */
#cb-cookie-banner { 
	position: fixed; 
	bottom: 0; 
	left: 0; 
	width: 100%; 
	z-index: 999; 
	border-radius: 0; 
	display: none; 
}
/* ============ NAV DROPDOWN OPENS WITH HOVER ============ */
/* @media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu:not(.click2trigger){ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu:not(.click2trigger){ display: block; }
	.navbar .nav-item .dropdown-menu:not(.click2trigger){ margin-top:0; }
}	 */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu.hover2trigger{ display: none; }
	.navbar .nav-item:hover .dropdown-menu.hover2trigger{ display: block; }
	.navbar .nav-item .dropdown-menu.hover2trigger{ margin-top:0; }
}
/* ==================== FILTER / STOCK / CAR DETAILS =============== */
.vehicleDataPagerCtn {
	display: flex;
	flex-wrap: wrap;
}
.vehicleDataPagerCtn > * {
	padding: 5px 12px;
	/* border: 1px solid #ccc; */
	margin: 0;
	/* display: inline-block; */
	border-radius: 50%;
}
.vehicleDataPagerCtn > a{
	color:#4c4c4c;
	cursor: pointer;
}
.pagerCurrent {
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	cursor: default;
}
.vehicleDataPagerCtn .label {
	display: none;
}
.firstPage, .nextPage, .previousPage, .lastPage {
	font-size: 0;
}
	.firstPage:before, .previousPage:before, .nextPage:before, .lastPage:before {
		display: inline-block;
    font-family: "bootstrap-icons" !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1.5;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
		font-size: 14px;
	}
	.firstPage:before {
		content: "\F27F";
	}
	.previousPage:before {
		content: "\F284";
	}
	.nextPage:before {
		content: "\F285";
	}
	.lastPage:before {
		content: "\F280";
	}
	.slick-lightbox .slick-prev:before, .slick-lightbox .slick-next:before {
    color: #fff;
		font-size: 35px;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
	}
	@media all and (min-width: 992px) {
		.slick-lightbox .slick-next {
			right: 4% !important;
		}
		.slick-lightbox .slick-prev {
				left: 3% !important;
		}
	}	
	@media all and (max-width: 991px) {
		.slick-lightbox .slick-next {
			right: 4% !important;
		}
		.slick-lightbox .slick-prev {
				left: 0% !important;
		}
	}
.vehicle-details-options ul {
	columns: 3;
	-webkit-columns: 3;
	-moz-columns: 3;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.vehicle-details-options ul li:not(:last-child) {margin-right: 0.5em;}
.vehicle-details-options ul li.liCategory {
    width: 100%;
		margin-top: 0.5em;
}
.vehicle-details-options ul li:not(.liCategory):before {
	content: "\F26E";
	display: inline-block;
	font-family: "bootstrap-icons" !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1.5;
	vertical-align: -2px;
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	
}
.vehicle-details-options ul li.clear::before {
 content: none !important;
}
@media all and (max-width: 992px) {
	.vehicle-details-options ul {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
}
@media all and (max-width: 576px) {
	.vehicle-details-options ul {
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
		list-style-type: none;
		margin: 0;
		padding: 10px;
	}
}
@media all and (max-width: 576px) {
	.slick-dots {
		bottom: -40px !important;
	}
	a.pagerNumeric:nth-last-child(4) {
			display: none;
	}
}
#FilterMobileDropdown select.form-select {
	border: 0px !important;
}
#FilterMobileDropdown select.form-select {
	border: 0px !important;
}
#FilterMobileDropdown select.form-select:focus {
	border-color: transparent;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 15%);
}