/* -------------------- Color Fixes for VDP ---------------------- */
	
	/* most vdp text issues fixed by using inherit. If they aren't coming through, check for !importants on other targets, especially for the 'label' seems common */
	.inventorydetails .section__title,
	.inventorydetails .section__subtitle,
	.inventorydetails .section__callout__title,
	.inventorydetails .vdp-module-canvas-razor-wrapper a,
	.inventorydetails p,
	.inventorydetails label {
		color: inherit;
	}
	/* color issue in header that only has problems on VDP */
	.header .badge {
		color: inherit;
	}

	/* hardcoded backgrounds in modals and sections switched to transparent so hopefully site text comes through */
	.inventorydetails .vdp__veh__info__mod .veh__info__item:nth-child(even)[VehicleInfoWidgetCssScope] {
		background: rgba(150, 150, 150, 0.1)
	}

	.inventorydetails [LoanCalculatorWidgetCssScope] .loan__calc__content .calc__totals__wrapper {
		background-color: transparent;
	}

	.inventorydetails .vdp__message__mod.module .vdp__message__wrapper {
		background-color: transparent;
	}

	/* Financing button and most modal buttons */
	.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:hover,
	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary:hover:focus,
	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary:not([disabled]):not(.disabled).active,
	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary:not([disabled]):not(.disabled):active,
	.inventorydetails .vdp-module-canvas-razor-wrapper .show>.btn-secondary.dropdown-toggle {
		background-color: var(--color-theme-highlight)!important;
		color: var(--color-theme-text-btn);
		border-color: var(--color-theme-highlight)!important;
	}

	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary:before {
		background: var(--color-theme-primary)
	}

	/* loan calc buttons and "Request more pictures" button in modal */
	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary {
		border-color: var(--color-theme-primary);
		color: var(--color-theme-primary);
		background-color: var(--color-theme-background)
	}

	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:hover,
	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:hover:focus,
	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:not([disabled]):not(.disabled).active,
	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:not([disabled]):not(.disabled):active,
	.inventorydetails .vdp-module-canvas-razor-wrapper .show>.btn-outline-secondary.dropdown-toggle {
		background-color: var(--color-theme-secondary);
		color: var(--color-theme-text-btn)
	}

	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:before {
		background: var(--color-theme-secondary)
	}

	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-check:active+.btn-outline-secondary,
	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-check:checked+.btn-outline-secondary,
	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary.active,
	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary.dropdown-toggle.show,
	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:active {
		color: var(--color-theme-text-btn);
		background-color: var(--color-theme-primary);
		border-color: var(--color-theme-primary)
	}



	section.page-inventory-details .btn.btn-primary {
		color: #000!important;
	}