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

/* Links -------------------------------------------- */
a.heavy, a.heavy:hover, a.heavy:focus { font-weight:bold; color: #333; }
a.with-arrow { font-size: 10px; }
a.with-arrow.arrow-right:after {
	content: '\f105';
	font-family: FontAwesome, sans-serif;
	font-size: 14px;
	right: 5px;
	position: relative;
	bottom: 2px;
}
/* Used when anchors can't be used (escaped in language files) */
.link { color: #8a868a; font-weight: bold; text-decoration: underline; }
.link-visited { color: #009900; }
.link:hover { color: #b9b2b2; }


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


/* Buttons -------------------------------------------- */
/* Next and prev buttons */
.button.next {background: #0c121c url('../../landrover/images/nav-arrows-right-white.png') no-repeat right 15px;}
.button.next:hover { background: #3c3c3c url('../../landrover/images/nav-arrows-right-white.png') no-repeat right 15px; }
.button.prev {background: #0c121c url('../../landrover/images/nav-arrows-left-white.png') no-repeat left 15px;}
.button.prev:hover { background: #3c3c3c url('../../landrover/images/nav-arrows-left-white.png') no-repeat left 15px; }
/* Button with icon */
.button.with-icon .icon.icon-delete { background: url('../../landrover/images/btn-spite.png') no-repeat; }
.button.with-icon .icon.icon-export { background: url('../../landrover/images/btn-spite.png') -22px 0 no-repeat; }


/* 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: #025a2b; }
div.alert-box.success h4 { color: #025a2b; }
div.alert-box.secondary h4 { color: #025a2b; }


/* Panels -------------------------------------------- */
/* Toggle button for panel */
.panel .btn-toggle { background-color: #ebedec; background-image: -webkit-gradient(linear,0 0,0 100%,from(#fafcfb),to(#dadbdd)); background-image: -webkit-linear-gradient(top,#fafcfb,#dadbdd); background-image: -o-linear-gradient(top,#fafcfb,#dadbdd); background-image: linear-gradient(to bottom,#fafcfb,#dadbdd); background-image: -moz-linear-gradient(top,#fafcfb,#dadbdd); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffafcfb',endColorstr='#ffdadbdd',GradientType=0); border-top-color: #d2d2d2; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; color: #333; }
.panel .section { border-top: 1px solid #f5f5f5; overflow:hidden; } /* 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); }


/* <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; } /* 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 7px; }



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

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

	.button.small.next, .button.small.next:hover, input[type="submit"].button.small.next, input[type="submit"].button.small.next:hover { background-position: right 15px; }
	.button.small.prev, .button.small.prev:hover, input[type="submit"].button.small.prev, input[type="submit"].button.small.prev:hover { background-position: left 15px; }


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

	/* Responsive navigation (menu icon + dropdown menu)*/
	.top-bar .responsive-nav ul { background: #0c121c; color: #fff;  }
    .top-bar .responsive-nav li { border-color: #333; }
    .top-bar .responsive-nav li.active li { border-color: #444; }
    .top-bar .responsive-nav li.active { background: #333!important; }
    .top-bar .responsive-nav li.active a { background: transparent!important; }
	.top-bar .responsive-nav li a { color: #fff !important; }
	.top-bar .responsive-nav li:hover { background-color: #333!important; }
	.top-bar .responsive-nav .menu-toggle { color: #333; font-size: 11px; font-family: sans-serif; text-transform: uppercase; font-weight: bold; }
	.top-bar .responsive-nav .menu-toggle:hover { color: #025a2b; }
	.top-bar .responsive-nav .menu-toggle:after { background: url('../../landrover/images/menu-icons.png') 0 4px no-repeat; }
	.top-bar .responsive-nav .menu-toggle:hover:after { background-position: -28px 4px;	}

}