﻿@import 'https://fonts.googleapis.com/css?family=Rubik+One';
@import 'https://fonts.googleapis.com/css?family=Rubik+One|Russo+One';
@import 'https://fonts.googleapis.com/css?family=Bungee+Inline|Rubik+One|Russo+One';
@import 'https://fonts.googleapis.com/css?family=Bungee|Bungee+Inline|Rubik+One|Russo+One';

div.banner-container {
    background: #f0c84e;
}
.accent-color1 {
    color: #ad9987 !important;
}

.media-icon, .media-icon-small {
    color: #fff;
    background: #a83;
}

.accent-bg1, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { 
    background-color: #1d1611  !important;
}
a.vehicle-panel {
    background: #2f241a !important;
}
a.vehicle-panel:hover {
    background: #8f7d6c !important;
    color: #111; 
}

.flex-direction-nav a {
    background: none repeat scroll 0 0 rgba(240, 240, 240, 0.5);
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover,.form-info-icon, a:hover, a:focus {
    color: #f0c84e;
}

.form-control:focus {
    border-color: #aaa;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 255, 255, 0.5)
}
a.vehicle-panel:hover {
    background: #8f7d6c !important;
    color:#fff;
}
::-moz-selection { /* Code for Firefox */
    color: #111;
    background: #c5a588;
}
::selection {
    color: #111;
    background: #c5a588;
}


/***********************************************
Quick Link Buttons - OBSOLETE - TO BE DELETED!!!
***********************************************/
.animatedbutton {
    background: #1c1c1c;
    border: 1px solid #1c1c1c;
    color: #eee;
}

.animatedbutton:hover, .animatedbutton:active {
    color: #f0c84e !important;
    border: 1px solid #f0c84e;
}

.animatedbutton:hover .animatedbuttonspan:after, .animatedbutton:active .animatedbuttonspan:after, .animatedbutton:hover {
    border-color: #f0c84e;
}

/*New CSS*/
body.main-body {background-color: #35291f;}

/*Banner*/
.banner-links-bar {background: #695b4e;}
a.banner-link .fa {color: #fff;}


/*Menu*/
nav.navbar {
    box-shadow: 0px 1px 10px rgb(29, 22, 16);
}
div#navbar {
    font-family: 'Rubik One', sans-serif;
    font-family: 'Russo One', sans-serif;
    font-family: 'Bungee Inline', cursive;
}
.navbar-default .navbar-brand:hover { color: #695b4e !important; }
.navbar-default {background-color: #2f241a;}
.navbar-fixed-top {background-color: rgba(31,24,19,.80);}
.navbar-default .navbar-nav>li>a {color: #FFF;}

.navbar-default .navbar-nav > .active > a:after { background: #695b4e;}
a.menu-heading span:after { background-color:#CCC;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: #695b4e !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus, .navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: rgb(29, 22, 17) !important;

}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #695b4e !important;
}

.dropdown-menu {
    background: #695b4e !important;
    border:0;
}

li.menu-heading.dropdown.open span.caret {
    border-top-color: #35291f;
}

.dropdown-menu>li>a {
    color:#fff;
}
.dropdown-menu>li> a:hover {
    background-color: rgba(165,151,138,0.8)!important;
    color: #35291f !important;
}
/*Content*/

div.footer-container, div.page-bottom,
div.pagetitle-container .container,
.pagetitle-container .container-fluid,
.page-content .container,
.page-content .container-fluid {
    background-color: #35291f;
}

.palette-box1,
.palette-box2,
.palette-bg2,
.bg-info {
background-color: #1f1811;
}

.palette-bg1 {
    background-color: #35291f;
}

.palette-border2 {
    border-color: #35291f;
}
/*Search*/
.element-type-inventorysearch {
    background: radial-gradient(circle at 50% 100%, #4e443c, #2d231a 58%, #2d231a);
    padding: 10px 0 5px 0;
}
.element-type-inventorysearch .form-group {width:60%;}
.element-type-inventorysearch .btn-default {
    color: #fff;
    background-color: #695b4e;
    border-radius: 0;
    padding: 10px 25px;
}
.element-type-inventorysearch .form-control { border: 1px solid #695b4e !important;color:#a99480; }
.form-control::-webkit-input-placeholder { color: #a99480; }
.element-type-inventorysearch .form-control div#inner-editor {
    color:red;
}

/*Title & Heading*/
h1.pagetitle {
    font-family: 'Bungee Inline', cursive;
    font-weight: normal;
}

.element-heading h4 {
    color: #8f7d6c;
    border-bottom: 2px solid #2d2d2d;
    font-family: 'Bungee Inline', cursive;
    font-weight: normal;

}
.element-heading h4:after {
    content: '';
    background: url(bg_title.png);
    left:0;
    right:0;
    width:inherit;
    height:22px;
    transform: none;
}

/*Button Style*/
.btn-default {
    color: #ad9987;
    background-color: transparent;
    border-color: #695b4e;
    border-radius: 0 !important;
    transition: all .25s linear;
}
.btn-default:hover {
    background-color: #695b4e;
    transition: all .25s linear;
    color:#FFF;
}
.input-group-addon {
    color: #2f241a;
    background-color: #d8cdc2;
}



.test-drive p {
    font-family: 'Bungee Inline', cursive;
    font-weight: normal;
    font-size:45px;
}
.test-drive a {
     background-color: #231b15;
}
/*Browes Inventory*/
.browse-inventory-image a:before { color: #695b4e; }
.browse-inventory-image a {border-color:#695b4e;}

/*Inverted Row*/
.inverted .container {background-color: transparent;}
.inverted {background-color: #323232;}

/*A:Hover*/
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover,
.form-info-icon, a:hover, a:focus {
    color: #c5a588;
}

/*Footer*/
div.footer-container {background-color: #2f241a;color:#fff;}
div.footer-container {
    border-top: 1px solid rgba(105,91,78,.20);
    border-bottom: 0;
}
div.footer-container h5.element-sub-heading.accent-color1,
div.footer-container .text-info.accent-color1.required-indicator,
div.footer-container .accent-color1 {
    color: #fff !important;
}
div.footer-container .element-data-column a{color:#fff  !important;}
div.footer-container .accent-color2 { color: #fff !important; }

div.page-bottom { background-color: #1f1811; }
div.page-bottom .text-muted,
div.page-bottom li span { color: #fff !important; }

/* This is for QUICK LINKS*/

span.quicklinkbutton-label-img {
    border: 1px solid rgb(105, 91, 78);
    color: #a99480;
    font-family: 'Bungee Inline', cursive;
}
span.quicklinkbutton-img:hover span.filter i{color:#fff;}
span.filter { background-color: rgba(45, 45, 45, .59); }
span.filter i {font-size: 40px;color: #000;}
span.quicklinkbutton-label-img i { color: #fff;}
span.quicklinkbutton-label-img:hover {
    background-color: rgb(105, 91, 78);
    color:#fff;
}



/*************************************
 Child themes Styles
********************************************/

/*********** Child Themes - slider Text ***********/

div.slider-text a {
    background: linear-gradient(to bottom,rgb(255, 198, 0) 0,rgb(222, 185, 0) 100%);
}
/*********** Child Themes - H1,H2,H3 ***********/

/*********** Child Themes - New Quick Links ***********/
.luxury-new-quicklink a:hover {
    color:#fff;
}
.luxury-new-quicklink a:after {
    background-color: #ffffff;
}
/*********** Child Themes - Inverted Class ***********/
.inverted {
    background-color: #23221f;
    border-image: linear-gradient(to right, #ffc600 0%, #ffc600 25%, #ffffff 25%, #ffffff 50%, #ffffff 50%, #ffffff 75%, #ffc600 75%, #ffc600 100%) 1;
}


/*********** Child Themes - Highway 3 ***********/
.highway3-quicklinks .quicklinkbutton-bigicon {
    background-color: #2f241a;
}

/*********** Child Themes - Interstate 2 ***********/
.interstate2 .row .page-content-column:nth-child(2) {
    background-color: #1d1610;
    border-left: 1px dashed rgba(53, 53, 53, 0.3);
    border-right: 1px dashed rgba(53, 53, 53, 0.3);
}

span.quicklinkbutton-label-img:hover span {
    right: 6px;
}