/******************************************************************************
 *  Land Rover Theming
 *
 *	Overrides/extends: foundation-overrides.css
 *
 ******************************************************************************/


/* Global Reset & Standards -------------------------------------------- */
/* body { background: url('../../landrover/images/bg-main-sky.ashx') top center no-repeat; color: #00173a; } */

body {
	font-family: lr-avenir-book, sans-serif;
}

/* Result pending */
.js body {
	background-image: none;
}
/* No JS / WebP not supported */
.no-js body,
.js.no-webp body {
	background: #f7f7f7; color: #4A4F54;
}
/* WebP supported */
.js.webp body {
	background: #f7f7f7; color: #4A4F54;
}

/* Stretch background on really large screens */
@media only screen and/*!*/(min-width:2000px) {	body { background-size: 100% auto;} }
body.iframe { background: none; }

/* Base Type Styles -------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { font-size: 12px; }
p { font-size: 12px; line-height: 1.6 }
h1, h2, h3, h4, h5, h6 { color: #0C121C; font-family: lr-web, arial, sans-serif; font-weight: normal; }

h1 { font-size: 24px; line-height: 30px; }
h2 { font-size: 18px; text-transform: uppercase; font-weight: 600;}
h3 { font-size: 13px; font-weight: 600;}
h4 { font-size: 13px; }
h5 { text-transform: uppercase; }
h5.small{ font-size: 11px; }


/* Links -------------------------------------------- */

a { color:#000;}
a:hover, a:focus { color:#333333; }


/* Standard Forms -------------------------------------------- */

label { color: #333333; font-size: 12px; font-weight: bold; }
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea { color: #4A4F54; height: 40px; font-family: lr-avenir-book, Arial, Helvetica, sans-serif; border-radius: 0px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus { background: #fff; }


/* Normal Buttons -------------------------------------------- */

.button { background: #0C121C; color: #fff; border: 0px solid #fff; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; }
.button:hover,
.button:focus { background-color: #0C121C; color: #fff; }
.button.disabled,
.button.disabled:hover,
.button[disabled],
.button[disabled]:hover { background-color: #fff; color: #0c121c; }


/* Nav bar -------------------------------------------- */
.nav-bar > li.active > a, .nav-bar > li > a, .nav-bar > li > a:first-child {
	color: #000;
    font-size:10px;
    letter-spacing: 2px;
    font-weight: bold;
}
.nav-bar > li { background-color: #e3e8e7; line-height: 38px; }
.nav-bar > li.active { background-color: #000; }
.nav-bar > li.active > a,
.nav-bar > li > a { color: #fff; font-family: lr-avenir-book, sans-serif; font-weight: bold; font-size: 10px; letter-spacing: 2px; }
.nav-bar > li.active:hover { background: #333333; }
.nav-bar > li:hover { background: #d2d2d2; }
.nav-bar.vertical > li { line-height: 40px; }


/* Tabs ---------------------- */
.tabs dd { font-family: lr-avenir-book, Arial, sans-serif; }
.tabs dd.active, .tabs li.active { border-top-color: #000; }


/* Alerts -------------------------------------------- */
div.alert-box.alert { background-color: #fff; border: 1px solid #e90129; }
div.alert-box.secondary { background-color: #fff; border: 1px solid #025a2b; }
div.alert-box.success { background-color: #fff; border: 1px solid #025a2b; }


/* Panels -------------------------------------------- */
.panel { background: #fff; }


/* Accordion -------------------------------------------- */

ul.accordion > li.active { border-top: 1px solid #e9e9e9; }
ul.accordion > li > div.title:after { color: #e05206; }


/* Tables -------------------------------------------- */
table thead tr th, table tbody tr td { color: #4A4F54; font-size: 12px; }

/* datepicker */
.icon-chevron-left { background: url('../../landrover/images/datepicker-arrows.png') -18px -18px no-repeat; }
.icon-chevron-right { background: url('../../landrover/images/datepicker-arrows.png') -18px -2px no-repeat; }


/* <nav> -------------------------------------------- */
.top-bar { background-color: #FFFFFF; border-top: 1px solid #e3e8e6; }
.top-bar ul > li a:not(.button) { color: #4b4e53; font-size: 11px; font-family: lr-web, sans-serif; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600; }
.top-bar ul > li:not(.name):hover a { color: #484f52; }
.top-bar ul > li:not(.name):hover,
.top-bar ul > li:not(.name):focus { color: #484f52; }
.top-bar ul > li:not(.name).active,
.top-bar ul > li.active,
.top-bar ul > li:not(.name).active a,
.top-bar ul > li:not(.name).active:hover a { background:#484f52; color: #fff; }
.top-bar ul > li.has-dropdown > a:after { border-color: transparent transparent transparent transparent; }
.top-bar ul > li.has-dropdown .dropdown { background: #fff; border: 1px solid #c3c3c3; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; box-shadow: 0 0 7px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 7px rgba(0,0,0,.3); -moz-box-shadow: 0 0 7px rgba(0,0,0,.3); }
.top-bar ul > li.has-dropdown .dropdown li { background: #fff; }
.top-bar ul > li.has-dropdown .dropdown li.active a { background: #025a2b; color: #fff; }
.top-bar ul > li.has-dropdown .dropdown li a { background: #fff; color: #333; border-radius: 0 !important; }
.top-bar ul>li.has-dropdown .dropdown li a:hover { background: #bcbec0; color: #333; }
/* Icons next to dropdown menu items*/
.top-bar ul > li.has-dropdown .dropdown li a:after { color: #e05206; }
/* IE8 Fixes */
.lt-ie9 .top-bar section ul > li a { color:#333;font-size: 11px;font-family: sans-serif;text-transform: uppercase;}
.lt-ie9 .top-bar section ul > li.active { background:#025a2b; color: #fff;}
.lt-ie9 .top-bar section ul > li.active a, .lt-ie9 .top-bar section ul > li.active a:hover { color: #fff;}
.lt-ie9 .top-bar section > ul > li a:hover,
.lt-ie9 .top-bar section > ul > li a:focus,
.lt-ie9 .top-bar section ul li a:hover { color: #025a2b; } /* For right side menu */

.top-bar ul > li.current-vehicle:hover { color: #333; }


/* --------------------------------------------------- *
 *  Smartphone styling
 * --------------------------------------------------- */

@media only screen and/*!*/(max-width:767px) {

	/* Base Type Styles -------------------------------------------- */

	h1 { font-size: 24px; line-height: 24px; }
	h2 { font-size: 16px; }
	h5.small{ font-size: 10px; }

	/* Normal Buttons -------------------------------------------- */

	.button.small, input[type="submit"].button.small { padding: 10px 10px; }
	/* Correct FF button padding */
	@-moz-document url-prefix() {
		input[type="submit"].button.small {	padding: 10px 10px; }
	}
}


/* --------------------------------------------------- *
 *  Tablet styling
 * --------------------------------------------------- */
@media only screen and/*!*/(max-width:1002px) {

	/* Normal Buttons -------------------------------------------- */
	.button.small,
	input[type="submit"].button.small {	font-size: 12px; padding: 14px 14px; }
	/* Correct FF button padding */
	@-moz-document url-prefix() {
		input[type="submit"].button.small { padding: 14px 14px; }
	}


    /* Nav bar -------------------------------------------- */

    .nav-bar.vertical li.active:after { background: url('../../landrover/images/menu-icons.png') 0 -26px no-repeat; }
}

/* --------------------------------------------------- *
 *  Mobile styling
 * --------------------------------------------------- */
@media only screen and/*!*/(max-width:480px) {

	/* Normal Buttons -------------------------------------------- */
	.button.small,
	input[type="submit"].button.small {	font-size: 15px; padding: 14px 14px; width:100%; }
	/* Correct FF button padding */
	@-moz-document url-prefix() {
		input[type="submit"].button.small { padding: 14px 14px; width:100%; }
	}


	/* Nav bar -------------------------------------------- */

	.nav-bar.vertical li.active:after { background: url('../../landrover/images/menu-icons.png') 0 -26px no-repeat; }
}

/* --------------------------------------------------- *
 *  Print styling
 * --------------------------------------------------- */

@media print {
	h1, h2, h3 { font-family: Arial, sans-serif; }
}