﻿div.banner-container {
    background: #73cf73;
}
.accent-color1 {
    color: #222  !important;
}

.media-icon, .media-icon-small {
    color: #fff;
    background: #080;
}

.accent-bg1, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { 
    background-color: #bfe3bf !important;
}
a.vehicle-panel:hover {
    background: #95e095 !important;
    color: #444;
}

.flex-direction-nav a {
    background: none repeat scroll 0 0 rgba(240, 255, 240, 0.5);
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover,.form-info-icon, a:hover, a:focus {
    color: #3f8f3f;
}

.form-control:focus {
    border-color: #87da87;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(170, 233, 170, 0.6)
}
span.sub-text {
    color: #000;
}
a.vehicle-panel:hover {
    background: #00897B !important;
    color:#fff;
}
::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #00897B;
}
::selection {
    color: #fff;
    background: #00897B;
}


/***********************************************
Quick Link Buttons - OBSOLETE - TO BE DELETED!!!
***********************************************/
.animatedbutton {
    background: #73cf73;
    border: 1px solid #73cf73;
    color: #fff;
}

.animatedbutton:hover, .animatedbutton:active {
    color: #3f8f3f !important;
    border: 1px solid #3f8f3f;
}

.animatedbutton:hover .animatedbuttonspan:after, .animatedbutton:active .animatedbuttonspan:after, .animatedbutton:hover {
    border-color: #3f8f3f;
}

/*New CSS Luxury*/
body.main-body {background-color: #fff;}
.accent-bg1, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #00897B !important;
}

/*Banner*/
div.banner-container {background: #004D40;}
a.banner-link .fa,
.browse-inventory-image a:before {
    color: #00bdaa;
}

/*Menu*/
.navbar-default .navbar-brand:hover { color: #003e34  !important; }
.navbar-default {background-color: #00897B ;}
.navbar-fixed-top {background-color:rgba(0,137,123,0.89);}
.navbar-default .navbar-nav>li>a {color: #FFF;}
.navbar-default .navbar-nav > .active > a:after { background: #003f34;}
a.menu-heading span:after { background-color:#80fbef;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: rgba(0, 0, 0, 0.25) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0.25) !important;
}

.dropdown-menu {
    background: #00675d !important;
    border:0;
    color:#fff;
}

li.menu-heading.dropdown.open span.caret {
    border-top-color: #00bdaa;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color:#fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color:rgba(21,76,71,0.80) !important;
    color:#ADADAD !important;
}

/*Content*/
/*Search*/
.element-type-inventorysearch {
    background: radial-gradient(circle at 50% 100%, #383838, #1a1a1a 58%, #383838);
    padding: 10px 0 5px 0;
}
.element-type-inventorysearch .form-group {width:60%;}
.element-type-inventorysearch .btn-default {
    color: #fff;
    background-color: #00897b;
    border-radius: 0;
    padding: 10px 25px;
}
.element-type-inventorysearch .form-control { border: 1px solid #555 !important; }
.form-control::-webkit-input-placeholder { color: #555; }

/*Title & Heading*/
.element-heading h4 {
    color: #222;
    border-bottom: 2px solid #ccc;
}
.element-heading h4:after { background-color: #00bdaa; }

/*A:Hover*/
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover, .form-info-icon, a:hover, a:focus {
    color: #00bdaa;
}

.browse-inventory-image a {border-color:#00bdaa;}

/*Inverted Row*/
.inverted .container {background-color: transparent;}
.inverted {background-color: #D6D6D6;}

/*Footer*/
div.footer-container {background-color: #00897B; color: #fff;}

div.footer-container .accent-color2 {
    color: #FFFFFF !important;
}
div.footer-container .element-data-column a{color:#fff  !important; border-bottom-color: #0e9486;}

div.footer-container .element-heading h4 { color:#FFF;}
div.footer-container .element-heading h4:after { background-color: #ccc; }

div.page-bottom { background-color: #004D40; }
.text-muted,.text-muted span { color: #fff !important;}
div.page-bottom a:hover, div.page-bottom li a {  color:#fff; }

/* This is for QUICK LINKS*/
span.quicklinkbutton-img:hover span.filter i{color:#fff;}
span.filter {background-color: rgba(0, 189, 170,.59);}
span.filter i {font-size: 40px;color: #000;}
span.quicklinkbutton-label-img i { color: #fff;}

span.quicklinkbutton-label-img {
    background-color: rgb(0, 189, 170);
    color: #fff;
}

    span.quicklinkbutton-label-img:hover {
        background-color: rgb(0, 189, 170);
        color:#000;
    }
/*************************************
 Child themes Styles
********************************************/

/*********** Child Themes - slider Text ***********/
div.slider-text a {
    background: linear-gradient(to bottom,rgb(255, 235, 0) 0,rgb(181, 134, 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: #fff;
}
/*********** Child Themes - Inverted Class ***********/
.inverted {
    background-color: #00897b;
}

/*********** Child Themes - Highway 3 ***********/
.highway3-quicklinks .quicklinkbutton-bigicon {
    background-color: #00897b;
}

/*********** Child Themes - Interstate 2 ***********/
.interstate2 .row .page-content-column:nth-child(2) {
    background-color: #d6d6d6;
    border-left: 1px dashed rgba(187, 187, 187, 0.3);
    box-shadow: 0px 1px 13px 2px rgba(162, 162, 162, .59);
}
/*********** CAR PAY ***********/
.accent-bg2{
    width: 90%;
    background: #d61414!important;
    padding: 16px 10px;
    border-radius: 0px;
border:0px;
    border-bottom: 3px solid #8a0000;
}
.accent-bg2:hover{
    background: #a00101 !important;
    border-bottom: 3px solid #ec1919;
text-decoration:none;
}

li.menu-heading.carpay-menu-item-wrapper {
     background: #d61414!important;
    border-radius: 0px;
    border-bottom: 3px solid #8a0000;
}
li.menu-heading.carpay-menu-item-wrapper>a:hover {
     background: #a00101 !important;
    border-radius: 0px;
}
li.menu-heading.carpay-menu-item-wrapper span {
    font-weight: 400;
    color: #fff !important;
}
li.menu-heading.carpay-menu-item-wrapper a {
    color: #fff !important;
}