/******************************************************************************
 *
 *	Extends: foundation-overrides.css
 *
 ******************************************************************************/

/* Links -------------------------------------------- */
a.heavy, a.heavy:hover, a.heavy:focus {
    font-family: "Proxima Nova", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color:#333;
}
a.with-arrow { font-size: 11px; line-height: 19px!important; }
a.with-arrow:after { width: 18px; height: 18px; background: #9e1b32 no-repeat; }
a.with-arrow.arrow-right:after {
    margin-left: 8px;
    background: #9e1b32 url('../../jaguar/images/cta-arrow-white.png') no-repeat 6px 50%;
}
a.with-arrow:hover:after { background-color: #352c2c; }
/* Used when anchors can't be used (escaped in language files) */
.link { color:#9e1b32; font-weight: bold; text-decoration: underline;}
.link-visited { color: #009900; }
.link:hover { color:#CCCED0; }


/* Misc -------------------------------------------- */
.text-color-orange {color: #9e1b32; }


/* Buttons -------------------------------------------- */
/* Next and prev buttons */
.button.next { background: #9e1b32 url('../../jaguar/images/cta-arrow-white-right.png') no-repeat 85% 45% }
.button.prev { background: #9e1b32 url('../../jaguar/images/cta-arrow-white-left.png') no-repeat 15% 45% }
/* Button with icon */
/* Button with icon */
.button.with-icon {
    text-align: center;
}

#btn-delete i:before,
#btn-export i:before {
	font-family: 'FontAwesome', sans-serif;
	color: #fff;
	text-indent: 0;
}F
#btn-delete i:before { content: "\f00d"; }
#btn-export i:before { content: "\f019"; }



/* Reveal Modals -------------------------------------------- */
.reveal-modal h2 { font-weight: 600; padding-top: 20px; letter-spacing: 3px; text-align: center; padding-left: 20px; padding-right: 20px; word-wrap: break-word; }
.reveal-modal .button-bar { text-align: center; }


/* Alerts -------------------------------------------- */
div.alert-box.alert h4 { color: #333; }
div.alert-box.success h4 { color: #333; }
div.alert-box.secondary h4 { color: #333; }


/* Panels -------------------------------------------- */
/* Toggle button for panel */
.panel .btn-toggle {
    background-color: #9e1b32;
    border-top-color: #d2d2d2;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    color: #fff; }
.panel .section { border-top: 1px solid #f5f5f5; } /* Section separated by border in panel box */


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

/* Accordion box (used for collapsable instructions */
ul.accordion.box,
ul.accordion.box { border: 1px solid #d2d2d2; }


/* Tables -------------------------------------------- */

/* Loader for table */
.table-container.loading .table-loader-wrapper .loader { border: 1px solid #c3c3c3; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 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); }

.table-footer, .table-header {
    background-image: none; filter: none;
    font-family: "Proxima Nova", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.table-header { background-color: #757778; }
.table-footer { background-color: #bcbec0; }

.table-footer .text-bold,
.table-header .text-bold {
    font-weight: 500;
}

.table-footer {
    padding: 12px 14px;
    height: auto;
}


/* <nav> -------------------------------------------- */

/* Expandable toggle (used for toggle search bar) */
.top-bar ul > li.expandable a:after { background: transparent url('../../default/images/icons-arrows.png') 0 0; -webkit-filter: brightness(0) invert(1);  filter: brightness(0) invert(1); } /* Arrow icon next to search link in nav*/
.top-bar ul > li.expandable:hover a:after {	background: transparent url('../../default/images/icons-arrows.png') 0 0; }
.top-bar ul > li.expandable.active a:after, .top-bar ul > li.expandable.active:hover a:after { background: transparent url('../../default/images/icons-arrows.png') -7px 0;   -webkit-filter: brightness(0) invert(1);  filter: brightness(0) invert(1);}



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

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

	.button.small.prev, .button.small.prev:hover, input[type="submit"].button.small.prev, input[type="submit"].button.small.prev:hover { background-position: 10px 14px; }

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


	/* <nav> -------------------------------------------- */

    .top-bar .responsive-nav {
        padding: 0;
    }

	/* Responsive navigation (menu icon + dropdown menu)*/
	.top-bar .responsive-nav ul { background: #fff; color: #000; box-shadow: 0 3px 6px rgba(0,0,0,.3); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.3); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.3); }
    .top-bar .responsive-nav li { border-color: #333; }
    .top-bar .responsive-nav li a { color: #000 !important; }
	.top-bar .responsive-nav .menu-toggle { color: #fff; font-size: 11px; font-family: "Proxima Nova", "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: 1px; text-transform: uppercase; font-weight: 500; }
	.top-bar .responsive-nav .menu-toggle:hover { color: #9e1b32; }
	.top-bar .responsive-nav .menu-toggle:after { background: url('../../jaguar/images/more.png') center center no-repeat; }
	/*.top-bar .responsive-nav .menu-toggle:hover:after { background-position: -28px 4px;	}*/
    /*#top-nav-vehicles-vertical { padding: 5px 0; }*/

    .top-bar ul > li:not(.name):hover a,
    .top-bar ul > li:not(.name):focus a { background-color: transparent; }

}


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

	#btn-delete i:before,
	#btn-export i:before { left: 6px; }

}
