/* This fix is mostly for dark background sites, but could be useful when you want to change the hard-coded colors on the Vehicle Details Page  */

.inventorydetails .vdp-module-canvas-razor-wrapper a {
	color: var(--color-theme-text);
}

.inventorydetails .vdp-module-canvas-razor-wrapper a:hover {
	color: var(--color-theme-highlight);
}

.inventorydetails .section__title,
.inventorydetails .section__subtitle,
.inventorydetails .section__callout__title {
	color: var(--color-theme-text);
}

.inventorydetails p {
	color: var(--color-theme-text);
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-primary {
	color: var(--color-theme-text-btn) !important;
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary {
	border-color: var(--color-theme-primary);
	color: #fff;
    background-color: var(--color-theme-background);
}

.inventorydetails [LoanCalculatorWidgetCssScope] .loan__calc__content .calc__totals__wrapper {
	background-color: transparent;
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:hover,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:before {
	background-color: var(--color-theme-primary);
	border-color: #000;
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-check:checked+.btn-outline-secondary {
	color: var(--color-theme-text-btn);
	background-color: var(--color-theme-primary) !important;
	border-color: var(--color-theme-primary);
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary:focus {
	background-color: var(--color-theme-primary);
	color: var(--color-theme-text-btn);
	border-color: var(--color-theme-primary);
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary:before {
	background: var(--color-theme-highlight);
}

/*.inventorydetails label {
	color: var(--color-theme-text);
}*/

.inventorydetails .disclaimerText {
	color: var(--color-theme-text);
	opacity: .9;
}

/* this is normally hard-coded as a white background. If you want to keep that, you'll probably need to customize all the colors inside the .vdp__message__wrapper so it works on the light background*/
.inventorydetails .vdp__message__mod.module .vdp__message__wrapper {
	background-color: transparent;
}


