/*
TERMS & CONDITIONS
This website is copyright protected and uses strict security protocols. Do not copy, drag or remove anything from this website or its source code.
https://virtualyard.com/terms-and-conditions for more information.
*/

:root {
	--primary-colour-text-hover: #333;
    --dealer-connect-finance-colour: #22de60;
    --dealer-connect-finance-text: #fff;
    --dark-nav-colour: rgba(0,0,0,.5);
    --dark-nav-colour-scroll: rgba(0,0,0,.5);
	--swiper-dark-arrow: #0000008f;
	--swiper-dark-bg: #d2d2d7a3;
}

body {
	background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
}
.vehicle-specifics tr {
    background: rgba(0,0,0,.1);
}

.vy-icon {
	border: 1px solid rgba(0,0,0,.5);
    color: rgba(0,0,0,.5);
}

.list-icons li span {
	color: #000;
}
.footer-buttons {
	background-color: #fff;
}

.footer {
	background-color: #fff;
}

.event-details {
	border: 1px solid rgba(0,0,0,.1);
	background: white;
}

#btnResetFilter {
	width: 100%;
	margin: 0px !important;
    height: auto !important;
	background: #eee;
	border-color: #eee;
	border-radius: 25px;
	text-transform: uppercase;
	font-size: 13px;
	padding: 0.5rem 1rem !important;
	text-align: center;
}

.vehicle-pricing small, .vehicle-variant, .vehicle-make {
	color: rgba(0,0,0,.5);
}

.vehicle-specifics .title {
    color: rgba(0,0,0,.5);
}

.sidebar.stock-filter-container.open {
	background: #fff;
}

.btn-primary {
    border-color: #000 !important;
    color: #000 !important;
    box-shadow: none !important;
}
.key-features .btn-primary, .stock-search-ul .btn-primary, .text-white .btn-primary {
    border-color: #fff !important;
    color: #fff !important;
    box-shadow: none !important;
}

.no-scroll {
	overflow: hidden !important;
	height: 100% !important;
}

.no-scroll .bg-blurry {
	z-index: 98;
	position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transition: all 500ms ease-out;
    background-color: transparent;
    backdrop-filter: blur(10px);
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: var(--primary-colour);
}

.navbar-dark .navbar-nav .nav-link.no-hover-underline {
	color: #222;
}

.navbar-nav .nav-link.no-hover-underline span {
	font-size: 14px;
	vertical-align: middle;
}

.navbar .nav-link:not(.no-hover-underline):hover {
	border-bottom: 1px solid var(--primary-colour) !important;
}

.navbar-dark .navbar-nav .nav-link.no-hover-underline:hover {
	color: #757575 !important;
}

.navbar.navbar-dark {
	background: #fff;
    box-shadow: 0 5px 3px -3px rgba(0, 0, 0, .15);
}

.nav-item.dropdown {
	position: static;
}

.nav-item.dropdown.show .nav-link {
	border-bottom: 1px solid var(--primary-colour) !important;
}

.nav .dropdown-menu {
	display: block;
	right: 0;
	opacity: 0;
	transition: all 0.2s cubic-bezier(.63,.01,1,1);
	height: 0;
	border: none;
	padding: 0;
	z-index: -1;
	overflow: hidden;
}

.dropdown-menu-inner {
	display: flex;
	width: 100%;
	padding: 32px;
	justify-content: space-between;
}


.nav .dropdown-menu.show {
	display: flex;
	margin-top: 0;
	border-radius: 0;
	justify-content: space-between;
	gap: 52px;
	z-index: 1;
	opacity: 1;
	height: 80vh;
}

.dropdown-menu-header {
	display: none;
    align-items: center;
    gap: 8px;
	height: 60px;
	width: 100%;
}

.dropdown-menu-left {
	width: 280px;
}

.nav .dropdown-menu-right {
	width: calc(100% - 280px);
	border-left: .5px solid #ccc;
	padding: 0 32px 0 20px;
	margin-right: -32px;
	text-transform: none;
	overflow: scroll;
}

.menu-content:not(:first-child) {
	display: none;
}

.dropdown-menu-right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-height: 70vh;
}

.nav .dropdown-toggle::after {
	display: none;
}

.nav .dropdown-item  {
	font-size: 32px;
	text-transform: none;
}

.dropdown-item.active, .dropdown-item:active {
	background-color: var(--primary-colour) !important;
}

.dropdown-item:focus  {
	background-color: #fff !important;
}

.dropdown-item:hover  {
	background-color: #fff;
	color: #ccc;
}

body:not(.index) .filter-top span {
	color: #333;
}

.nav-item.bubble, button.bubble {
	background: rgba(0,0,0,0.5);
	color: #fff !important;
}

.footer-basic {
	color: rgb(0,0,0);
    background: #000;
}

.vy-scrolling .navbar.navbar-dark {
    background: rgba(255,255,255,0.7);
    border-bottom: 0.5px solid #e3e3e3;
}


hr {
	margin-top: 2rem;
    margin-bottom: 2rem;
}

#hero-bottom, #interior .figure-caption {
	color: #000;
}

.reserve-button {
	border: 3px solid #000;
	color: #000;
}

.reserve-button.white {
	border: 3px solid #fff;
	color: #fff;
}



.nav-item.bubble .nav-link {
	color: #fff !important;
}

.btn-primary, .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
 	color: #000;
}




.with-borders {
    border: 1px solid #eee;
	border-top: 0;
    border-bottom: 0;
}



.text-white {
	color: #fff;
}

.footer-basic .reserve-button {
	color: #fff;
	background-color: #28ade2;
    border-color: #029edd;
}

.footer-basic ul a, .footer-basic .list-inline-item {
	color: #fff;
}

#vertical-line {
	background: rgba(0,0,0,.1);
}

.button-white {
    border: 3px solid #fff;
    color: #fff;
}

.btn-primary:hover, .vy-action-block a.btn:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):focus, .show>.btn-primary.dropdown-toggle {
    background-color: transparent;
    border-color: var(--primary-colour) !important;
    color: var(--primary-colour-text-hover);
}

.vy-action-block .btn {
	border-radius: 9999px;
	width: 100%;
	padding: 0;
}

.vy-action-block .btn a {
    padding: 14px 56px;
	display: block;
}

.btnPaymentMethod {
	color: black !important;
}

.getStarted {
	color: white !important;
}

@media (max-width: 991px) {
	.nav-item.bubble {
		background: none;
		border-radius: 0px;
		padding: 0px;
	}
	
	.nav-item.bubble .nav-link {
		color: #222 !important;
	}

	.nav .dropdown-menu.show {
		justify-content: flex-start;
	}

	.nav .dropdown-item  {
		font-size: 28px;
	}

	#stock-list .dropdown-menu.show {
        background: #fafafb;
        border: none;
        border-radius: 0;
        padding: .5rem;
		right: 0;
		width: 100%;
		transform: translateY(38px) !important;
		left: auto !important;
    }

	.dropdown-menu-header {
		display: flex;
	}

	.navbar-nav:first-child {
		padding-bottom: 60px;
		border-bottom: 1px solid #ccc;
	}

	.nav .dropdown-menu-right {
		width: 100%;
		border-left: none;
		padding: 0;
	}

	.nav .dropdown-menu-right .menu-content {
		display: none;
	}

	.dropdown-menu-inner {
		padding: 0;
		flex-direction: column;
	}

	.nav-item.dropdown.show .nav-link {
		border-bottom: 1px solid transparent !important;
	}

	.nav .dropdown-menu-right {
		display: none;
	}

	.nav .dropdown-menu-right.dropdown-menu-visible {
		display: block;
	}

	.nav .dropdown-menu {
		transform: translateX(-100%);
		transition: transform 0.3s ease, opacity 0.3s ease;
	}
	
	.nav .dropdown-menu.show {
		transform: translateX(0);
		opacity: 1;
		height: 100%;
	}
}


@media (max-width: 768px) {
	.filter-status {
		border-bottom: none;
		border-top: none;	
		background: #fff;
		display: flex !important;
        flex-direction: row !important;
        align-items: center;
		gap: 14px;
		padding-top: 1rem;
	}
	
	.filter-status .action {
		margin-top: 0px !important;
	}
	
	.stock-filter-open .filter-status #btnResetFilter {
		width: 200px;
	}
	
	body.vy-scrolling .filter-status {
		
	}
	
	.stock-filter-open .applied-filters {
		background: #fff;
		border-top: 1px solid #e3e3e3;
	}
	
	.stock-filter-open .stock-filter .min-height {
		background: #fff;
	}
}

@media (min-width: 768px) {
    .footer-basic {
        display: flex;
        align-items: baseline;
        padding: 20px;
    }
    
    .footer-basic center {
        flex: 1;
        text-align: right;
        margin-right: 60px;
    }
    
    .powered-by-virtualyard img {
        padding-top: 0px !important;
    }
}