/*
==========================
COLOR CHANGE START
==========================
Toyota Red
RGB: rgb(235,10,30)
HEX: #EB0A1E
*/

:root {
	--color-neutral-0: #fff;
	--color-neutral-50: #f2f2f2;
	--color-neutral-100: #dfdfe0;
	--color-neutral-200: #c5c6c6;
	--color-neutral-300: #a5a5a6;
	--color-neutral-400: #808182;
	--color-neutral-500: #58595b;
	--color-neutral-600: #4d4d4f;
	--color-neutral-700: #414243;
	--color-neutral-800: #343536;
	--color-neutral-900: #282829;
	--color-neutral-950: #161617;
	--color-neutral-1000: #000;

	--color-primary-50: #fdebed;
	--color-primary-100: #fbd0d4;
	--color-primary-200: #f8aab1;
	--color-primary-300: #f47b86;
	--color-primary-400: #f04554;
	--color-primary-500: #eb0a1e;
	--color-primary-600: #cc0916;
	--color-primary-700: #ae070f;
	--color-primary-800: #8b0706;
	--color-primary-900: #6a0905;
	--color-primary-950: #3b0603;

	--color-accent-50: #f3f4f4;
	--color-accent-100: #e4e4e4;
	--color-accent-200: #cdcece;
	--color-accent-300: #b1b2b2;
	--color-accent-400: #929293;
	--color-accent-500: #6f7071;
	--color-accent-600: #616162;
	--color-accent-700: #525354;
	--color-accent-800: #414243;
	--color-accent-900: #323233;
	--color-accent-950: #1c1c1c;

	--color-success-50: #edf9eb;
	--color-success-100: #d5f1cf;
	--color-success-200: #b2e5a8;
	--color-success-300: #87d776;
	--color-success-400: #56c73f;
	--color-success-500: #21b502;
	--color-success-600: #1a9d02;
	--color-success-700: #128601;
	--color-success-800: #086b01;
	--color-success-900: #045101;
	--color-success-950: #012d01;

	--color-info-50: #ebfafc;
	--color-info-100: #cff2f7;
	--color-info-200: #a7e8f1;
	--color-info-300: #76dbe8;
	--color-info-400: #3eccdf;
	--color-info-500: #01bcd5;
	--color-info-600: #01a0b9;
	--color-info-700: #01849e;
	--color-info-800: #01637e;
	--color-info-900: #004860;
	--color-info-950: #002735;

	--color-warning-50: #fff7eb;
	--color-warning-100: #ffebcf;
	--color-warning-200: #ffdba8;
	--color-warning-300: #ffc776;
	--color-warning-400: #ffb13f;
	--color-warning-500: #ff9802;
	--color-warning-600: #de8902;
	--color-warning-700: #bd7801;
	--color-warning-800: #966901;
	--color-warning-900: #735301;
	--color-warning-950: #402f01;

	--color-danger-50: #fbebed;
	--color-danger-100: #f6cfd4;
	--color-danger-200: #efa8b0;
	--color-danger-300: #e67684;
	--color-danger-400: #db3f52;
	--color-danger-500: #d0021b;
	--color-danger-600: #b50213;
	--color-danger-700: #9a010e;
	--color-danger-800: #7b0104;
	--color-danger-900: #5e0201;
	--color-danger-950: #340301;

	--color-neutral-0-alpha-1: rgba(255,255,255,0.1);
	--color-neutral-0-alpha-2: rgba(255,255,255,0.2);
	--color-neutral-0-alpha-3: rgba(255,255,255,0.3);
	--color-neutral-0-alpha-4: rgba(255,255,255,0.4);
	--color-neutral-0-alpha-5: rgba(255,255,255,0.5);
	--color-neutral-0-alpha-6: rgba(255,255,255,0.6);
	--color-neutral-0-alpha-7: rgba(255,255,255,0.7);
	--color-neutral-0-alpha-8: rgba(255,255,255,0.8);
	--color-neutral-0-alpha-9: rgba(255,255,255,0.9);

	--color-neutral-1000-alpha-1: rgba(0,0,0,0.1);
	--color-neutral-1000-alpha-2: rgba(0,0,0,0.2);
	--color-neutral-1000-alpha-3: rgba(0,0,0,0.3);
	--color-neutral-1000-alpha-4: rgba(0,0,0,0.4);
	--color-neutral-1000-alpha-5: rgba(0,0,0,0.5);
	--color-neutral-1000-alpha-6: rgba(0,0,0,0.6);
	--color-neutral-1000-alpha-7: rgba(0,0,0,0.7);
	--color-neutral-1000-alpha-8: rgba(0,0,0,0.8);
	--color-neutral-1000-alpha-9: rgba(0,0,0,0.9);

	--color-primary-500-alpha-1: rgba(235,10,30,0.1);
	--color-primary-500-alpha-2: rgba(235,10,30,0.2);
	--color-primary-500-alpha-3: rgba(235,10,30,0.3);
	--color-primary-500-alpha-4: rgba(235,10,30,0.4);
	--color-primary-500-alpha-5: rgba(235,10,30,0.5);
	--color-primary-500-alpha-6: rgba(235,10,30,0.6);
	--color-primary-500-alpha-7: rgba(235,10,30,0.7);
	--color-primary-500-alpha-8: rgba(235,10,30,0.8);
	--color-primary-500-alpha-9: rgba(235,10,30,0.9);

	--color-accent-500-alpha-1: rgba(111,112,113,0.1);
	--color-accent-500-alpha-2: rgba(111,112,113,0.2);
	--color-accent-500-alpha-3: rgba(111,112,113,0.3);
	--color-accent-500-alpha-4: rgba(111,112,113,0.4);
	--color-accent-500-alpha-5: rgba(111,112,113,0.5);
	--color-accent-500-alpha-6: rgba(111,112,113,0.6);
	--color-accent-500-alpha-7: rgba(111,112,113,0.7);
	--color-accent-500-alpha-8: rgba(111,112,113,0.8);
	--color-accent-500-alpha-9: rgba(111,112,113,0.9);

	--color-success-500-alpha-1: rgba(33,181,2,0.1);
	--color-success-500-alpha-2: rgba(33,181,2,0.2);
	--color-success-500-alpha-3: rgba(33,181,2,0.3);
	--color-success-500-alpha-4: rgba(33,181,2,0.4);
	--color-success-500-alpha-5: rgba(33,181,2,0.5);
	--color-success-500-alpha-6: rgba(33,181,2,0.6);
	--color-success-500-alpha-7: rgba(33,181,2,0.7);
	--color-success-500-alpha-8: rgba(33,181,2,0.8);
	--color-success-500-alpha-9: rgba(33,181,2,0.9);

	--color-info-500-alpha-1: rgba(1,188,213,0.1);
	--color-info-500-alpha-2: rgba(1,188,213,0.2);
	--color-info-500-alpha-3: rgba(1,188,213,0.3);
	--color-info-500-alpha-4: rgba(1,188,213,0.4);
	--color-info-500-alpha-5: rgba(1,188,213,0.5);
	--color-info-500-alpha-6: rgba(1,188,213,0.6);
	--color-info-500-alpha-7: rgba(1,188,213,0.7);
	--color-info-500-alpha-8: rgba(1,188,213,0.8);
	--color-info-500-alpha-9: rgba(1,188,213,0.9);

	--color-warning-500-alpha-1: rgba(255,152,2,0.1);
	--color-warning-500-alpha-2: rgba(255,152,2,0.2);
	--color-warning-500-alpha-3: rgba(255,152,2,0.3);
	--color-warning-500-alpha-4: rgba(255,152,2,0.4);
	--color-warning-500-alpha-5: rgba(255,152,2,0.5);
	--color-warning-500-alpha-6: rgba(255,152,2,0.6);
	--color-warning-500-alpha-7: rgba(255,152,2,0.7);
	--color-warning-500-alpha-8: rgba(255,152,2,0.8);
	--color-warning-500-alpha-9: rgba(255,152,2,0.9);

	--color-danger-500-alpha-1: rgba(208,2,27,0.1);
	--color-danger-500-alpha-2: rgba(208,2,27,0.2);
	--color-danger-500-alpha-3: rgba(208,2,27,0.3);
	--color-danger-500-alpha-4: rgba(208,2,27,0.4);
	--color-danger-500-alpha-5: rgba(208,2,27,0.5);
	--color-danger-500-alpha-6: rgba(208,2,27,0.6);
	--color-danger-500-alpha-7: rgba(208,2,27,0.7);
	--color-danger-500-alpha-8: rgba(208,2,27,0.8);
	--color-danger-500-alpha-9: rgba(208,2,27,0.9);
}

/* Header Color (06660614) */
.page-header.responsive-centered-nav {background: #EB0A1E;}

/* VLP Facet Expand (06660614) */
.grid-facetbrowse .vertical .panel-heading .ddc-icon {color: #EB0A1E; box-shadow: 0 0 0px 1px #EB0A1E;}

/* ================ */
/* COLOR CHANGE END */
/* ================ */

/* Footer Links - Reducing Size (06608165) */
.toyota .ddc-footer .third-party-service-footer .navigation-default li a {font-size: 12px;}

@media screen and (max-width: 1300px) {
    .toyota .ddc-footer .third-party-service-footer .navigation-default li a {font-size: 10px;}
}
@media screen and (max-width: 1070px) {
    .toyota .ddc-footer .third-party-service-footer .navigation-default li a {padding-left: 8px; padding-right: 8px;}
    .toyota .ddc-footer .third-party-service-footer .navigation-default li a .ddc-icon {display: none !important;}
}

/* ddcalmirc: commenting this out in favor of using site properties to set the page title image - logic in /components/page-title-image.vm
parallax page title image
.toyota:not(.index) .content-page-title {
	background: linear-gradient(rgba(0,0,0,0.65),rgba(0,0,0,0.65)),url(//images.dealer.com/graphics/2016/Toyota/1400x514/2016-Highlander-Hybrid-SUV_02.jpg) #000 no-repeat fixed center -20px / 1920px auto
}
*/