/******************************************************************************/
/************************************ Global **********************************/
/******************************************************************************/

/* Set button colors first */
.btn-red,
.btn-red:hover,
.btn-red:active {
  background: rgb(255,29,0);
  background: -moz-linear-gradient(top, rgb(199,0,17) 0%, rgb(255,29,0) 25%, rgb(199,0,17) 50%, rgb(255,29,0) 75%, rgb(199,0,17) 100%);
  background: -webkit-linear-gradient(top, rgb(199,0,17) 0%, rgb(255,29,0) 25%, rgb(199,0,17) 50%, rgb(255,29,0) 75%, rgb(199,0,17) 100%);
  background: linear-gradient(to bottom, rgb(199,0,17) 0%, rgb(255,29,0) 25%, rgb(199,0,17) 50%, rgb(255,29,0) 75%, rgb(199,0,17) 100%);
}
.color-theme-1,
.color-theme-1:hover,
.color-theme-1:active {
  background: rgb(254,242,0);
  background: -moz-linear-gradient(top, rgb(255,209,0) 0%, rgb(254,242,0) 25%, rgb(255,209,0) 50%, rgb(254,242,0) 75%, rgb(255,209,0) 100%);
  background: -webkit-linear-gradient(top, rgb(255,209,0) 0%, rgb(254,242,0) 25%, rgb(255,209,0) 50%, rgb(254,242,0) 75%, rgb(255,209,0) 100%);
  background: linear-gradient(to bottom, rgb(255,209,0) 0%, rgb(254,242,0) 25%, rgb(255,209,0) 50%, rgb(254,242,0) 75%, rgb(255,209,0) 100%);
}
.color-theme-2 {
  background: rgb(0,90,158);
  background: -moz-linear-gradient(top, rgb(0,57,123) 0%, rgb(0,90,158) 25%, rgb(0,57,123) 50%, rgb(0,90,158) 75%, rgb(0,57,123) 100%);
  background: -webkit-linear-gradient(top, rgb(0,57,123) 0%, rgb(0,90,158) 25%, rgb(0,57,123) 50%, rgb(0,90,158) 75%, rgb(0,57,123) 100%);
  background: linear-gradient(to bottom, rgb(0,57,123) 0%, rgb(0,90,158) 25%, rgb(0,57,123) 50%, rgb(0,90,158) 75%, rgb(0,57,123) 100%);
}
.btn-red,
.color-theme-1,
.color-theme-2,
.btn-red:hover,
.color-theme-1:hover,
.color-theme-2:hover
.btn-red:focus,
.color-theme-1:focus,
.color-theme-2:focus {
  background-size: 101% 200%;
}
.request:hover,
.request:focus,
.btn.featured:hover {
  background-position: 0 -100%;
}
.request.color-theme-1  {
  color: #000;
}
.request.color-theme-2 {
  color: #fff;
}

.btn.featured {
  display: inline-block;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  padding: 20px 20px;
  margin: 20px 0 10px;
  transition: all 0.5s;
  min-width: 205px;
  color: #000;
  font-size: 14px;
}
body {
  background-color: #fff;
  color: #000;
}
h1, h2, h3, h4, h5, h6,
.alt-font {
  color: #005a9e;
}
h1.alt-font,
h2.alt-font,
h3.alt-font,
h4.alt-font,
h5.alt-font,
h6.alt-font {
  color: #000;
}
h1.alt-font-2,
h2.alt-font-2,
h3.alt-font-2,
h4.alt-font-2,
h5.alt-font-2,
h6.alt-font-2,
.alt-font-2 {
  color: #a3a3a3;
}
h1.alt-font-3,
h2.alt-font-3,
h3.alt-font-3,
h4.alt-font-3,
h5.alt-font-3,
h6.alt-font-3,
.alt-font-3 {
  color: #f2ea11;
}
/******************************************************************************/
/************************************ Header **********************************/
/******************************************************************************/
.header-info {
    color: #000;
    background: #fff;
    border-top: 0.5em solid #fff;
    height: auto;
    box-sizing: border-box;
}
.header-info .info-right {
    box-shadow: unset;
}
.header-info .address {
  background: url("https://www.groverautoandtire.com/Images/header-address.png") no-repeat left;
}
.header-info .call {
  background: url("https://www.groverautoandtire.com/Images/header-call.png") no-repeat left;
}
.header-info .hours {
  background: url("https://www.groverautoandtire.com/Images/header-hours.png") no-repeat left;
}

.header-info .call .phone-number a {
  display: block;
  font-weight: bold;
  color: #f00;
}
.header-info .call .phone-number a:hover {
  color: #f00;
  text-decoration: underline;
}
.address .address-1,
.address .address-2 {
  display: block;
}
.header-info .address .region-postalcode {
  white-space: nowrap;
}

.hours-header span strong {
  font-weight: normal;
  color: #f00;
}
.hours-header .weekdays,
.hours-header .weekends {
  display: block;
}

.con-logo {
  padding-top: 0;
  bottom: 15%;
  position: absolute;
  width: 27.5%;
  max-width: 390px;
  margin-left: 5%;
  float: none;
}
/* Media Queries */
@media screen and (max-width: 1420px) {
  .con-logo {
    margin-left: 1%;
  }
}
@media screen and (max-width: 1200px) {
  .con-logo {
    width: 22.5%;
    bottom: 25%;
  }
}


/* Main Menu */
#HomePage ul.menu li.home a,
#AboutPage ul.menu li.about a,
#ServicesPage ul.menu li.services a,
#VehicleSalesPage ul.menu li.sales a,
#ReviewsPage ul.menu li.reviews a,
#ContactPage ul.menu li.contact a,
#SpecialsPage ul.menu li.specials a,
#GalleryPage ul.menu li.gallery a,
#EmploymentPage ul.menu li.hiring a,
#BlogDetailPage ul.menu li.blog a,
#BlogPage ul.menu li.blog a {
    color: #f2ea11;
    border-bottom: 4px solid #f2ea11;
    font-weight: bold;
}
ul.menu {
  background: unset;
  background-color: #000;

  background: rgb(0,90,158);
  background: -moz-linear-gradient(top, rgb(0,57,123) 0%, rgb(0,90,158) 50%, rgb(0,57,123) 100%);
  background: -webkit-linear-gradient(top, rgb(0,57,123) 0%, rgb(0,90,158) 50%, rgb(0,57,123) 100%);
  background: linear-gradient(to bottom, rgb(0,57,123) 0%, rgb(0,90,158) 50%, rgb(0,57,123) 100%);
}
ul.menu li a {
    display: block;
    color: #fff;
    padding-bottom: 7px;
    transition: all 0.5s;
}
ul.menu li a:hover {
    color: #fff;
    border-bottom: 4px solid #fff;
}

header a {
    color: #000;
}
header a:hover {
    color: #005a9e;
}

/* social buttons */
.social a {
  display: inline-block;
  transition: all 0.5s;
  margin-right: 20px;
  color: #a3a3a3;
  border: 0;
}
.social a:hover,
.social a:active {
  color: #005a9e;
  border: 0;
}

/* navbar overrides */
.navbar-default {
  background-color: #005a9e;
  color: #fff;
}
.navbar-default .navbar-header .btn {
  margin: 0 0 10px;
}
.navbar-default .navbar-toggle {
  margin-top: 10px;
}
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle .icon-bar,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover .icon-bar {
  transition: all 0.3s;
}
.navbar-default .btn-default,
.navbar-default .navbar-button,
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle .icon-bar {
  border-color: #fff;
  color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
  /* Must match with colors above */
  background-color: #fff;
}
.navbar-default .btn-default:hover,
.navbar-default .btn-default:focus,
.navbar-default .btn-default:active,
.navbar-default .navbar-button:hover,
.navbar-default .navbar-button:focus,
.navbar-default .navbar-button:active,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:active {
  background-color: #f2ea11;
  border-color: #f2ea11;
  color: #005a9e;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar,
.navbar-default .navbar-toggle:active .icon-bar {
  /* hamburger icon */
  background-color: #005a9e;
  color: #005a9e;
}
.navbar-default .navbar-nav > li > a {
  color: #005a9e;
  background-color: #fff;
  font-weight: bold;
}
.navbar-default .navbar-nav > li > a:hover {
  color: #005a9e;
  background-color: #f2ea11;
}

/* Mobile-Header */
.mobile-header {
  color: #fff;
}
.mobile-header .mobile-logo-container .logo-mobile {
  max-height: 80px;
}
.mobile-header .top-link-bg {
  border-top-color: #005a9e;
  background-color: #005a9e;
}
.mobile-header .address {
  /* This overrides custom.css */
  padding-left: 7px;
}
.mobile-header .hours-header {
  color: #fff;
}
.mobile-header .appointment-only {
  font-weight: bold;
  font-style: italic;
}
.mobile-header a,
.mobile-header .social a {
  color: #fff;
}
.mobile-header .social a {
  border: 0;
}
.mobile-header a:hover,
.mobile-header a:active,
.mobile-header .social a:hover,
.mobile-header .social a:active {
  color: #f2ea11;
}
.mobile-header .social a:hover,
.mobile-header .social a:active {
  border: 0;
}

/******************************************************************************/
/************************************ Body **********************************/
/******************************************************************************/

.container {
  padding: 0 2em;
}

/* rslides */
.rslides > li {
  height: 100%;
  position: relative;
  display: inline-block !important;
  overflow: hidden;
  margin: 0;
}
.rslides > li > img {
  display: block;
  position: absolute;
  min-height: 100%;
  min-width: 100%;
}
/* Downsize slider by 50% to keep image ratio OK */
.rslides {
  height: calc(100vh * .75);
}
@media screen and (max-width: 1420px) {
  .rslides {
    height: calc(100vh * .6);
  }
}
@media screen and (max-width: 1200px) {
  .rslides {
    height: calc(100vh * .45);
  }
}

/* tint slides */
.tint-slides::before {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.tint-slides.color-theme-1::before,
.tint-slides.color-theme-2::before,
.tint-slides.color-theme-3::before {
  background: unset;
}
.tint-slides.color-theme-1::before {
  background-color: rgba(0,0,0,.3);
}
.tint-slides.color-theme-2::before {
  background-color: rgba(0,90,158,.3);
}
.tint-slides.color-theme-3::before {
  background-color: rgba(255,29,0,.3);
}

/* Slider Caption */
.slider-caption {
  position: absolute;
  z-index: 20;
  width: 100%;
  text-align: center;
  right: 0;
  bottom: 6.5%;
}
.slider-caption .slogan {
    left: 0;
    width: 100%;
    font-size: 3em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}
.slider-caption span {
  display: block;
}
.slider-caption .sub-caption {
  font-size: 0.75em;
}

.tint-bg {
  position: relative;
  overflow: hidden;
}
.tint-bg::before {
  content: " ";
  background-color: rgba(0,0,0,.75);
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  filter: none;
}
.tint-bg.alt-tint-color-1,
.tint-bg.alt-tint-color-1::before {
  background-color: rgba(0,90,158,.75);
}
.tint-bg.alt-tint-color-2,
.tint-bg.alt-tint-color-2::before {
  background-color: rgba(255,29,0,.75);
}
.tint-bg > div {
  position: relative;
  /* Raise z-index to escape the greyscale? */
  z-index: 3;
}
.tint-bg.bg-fixed {
  background-attachment: fixed;
}

.hero-bg-image {
  min-height: calc(100vh * 0.6);
  max-height: 500px;
  background-size: cover;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center;
}
.hero-bg-image h1 {
  visibility: hidden;
}

/* Flexbox */
.flex.container {
  flex-wrap: wrap;
}
.flex.container .card {
  flex: 1;
}
.flex.flex-align-center {
  align-items: center;
}
.flex.flex-content-center {
  justify-content: center;
}
.flex.flex-content-around {
  justify-content: space-around;
}
/* Media Queries */
@media screen and (max-width: 1199px) {
  .flex.container .card {
    flex: 1 0 33.33333%;
  }
}
@media screen and (max-width: 768px) {
  .flex.container .card {
    flex: 1 0 50%;
  }
}
/* For Mobile */
@media screen and (max-width: 575px) {
  .flex.container .card {
    flex: 1 0 100%;
  }
}

/* Feature Cards */
.card {
  padding: 40px 15px 30px;
  text-align: center;
  margin: 1em;
  background-color: #fff;
  /* background-color: rgba(255,29,0,.05); */
  border: 1px solid rgba(0,0,0,.3);
}
.card p {
  font-weight: bold;
}
.no-border {
  border: none;
}
.no-float {
  float: none;
}

/* Affiliations */
.affiliations {
  flex-basis: auto;
}
.affiliations .card {
  margin: 1em;
  padding: 0;
  background-color: transparent;
  border: none;
  justify-content: space-evenly;
}

.parallax-simple,
.tint-bg.parallax-simple {
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

/* Sections */
section .section-header {
  color: #005a9e;
}
section .section-header.alt-font {
  color: #000;
}
section .section-header.alt-font-2 {
  color: #a3a3a3;
}
section .container p {
  color: #000;
}

/* Sections (Colored) */
section .sec-color {
  color: #fff;
  padding: 2.5em 0;
}
section .sec-color h1,
section .sec-color h2,
section .sec-color p,
section .sec-color .section-header.alt-font {
  color: #fff;
}
section .sec-color .alt-font {
  color: #005a9e;
}
section .sec-color .container p {
  color: #fff;
}
section.tint-bg.parallax-simple .sec-color {
  padding: 6em 0;
}

/* Sections */
.sec-plain::after {
    background: unset;
}
section {
  color: #000;
}

/* Section Specific */
.sec1b {
    padding-top: 2em;
    margin: 0 auto;
}
.sec1b .alt-font {
    color: #000;
    font-style: italic;
    font-weight: normal;
}

.sec2 {
  background-image: url("https://www.groverautoandtire.com/Images/bg-home-1.jpg");
}
.sec2 .sec-color {
  margin: 0 auto;
}
.sec2 .sec-color p {
  font-size: 1.25em;
}

.sec4 {
  background-image: url("https://www.groverautoandtire.com/Images/bg-home-2.jpg");
}

.sec5 {
    margin-top: 20px;
}
.sec5a p {
    /* color: #000; */
    text-align: center;
}

.sec6 {
    background: #232021;
    background-position: center;
    background-size: cover;
    padding: 20px;
    text-align: center;
}
.sec6 p {
    font-size: 18px;
}

/* Amenities */
.amenities .card .card-title,
.amenities .card .card-text  {
  color: #000;
}
.amenities .card .card-text  {
  font-weight: normal;
}


/************************************ About **********************************/
#AboutPage .hero-bg-image {
  background-image: url("https://www.groverautoandtire.com/Images/banner-2.jpg");
}
#AboutPage .sec2 p.alt-font {
    color: #fff;
}
#AboutPage .bg-about1 {
  background-image: url("https://www.groverautoandtire.com/Images/bg-about-1.jpg");
}
#AboutPage .bg-about1 .col-md-8 {
  flex: 2;
}

/* Employees */
#Employees .d-con-employees {
  background-color: rgba(0,90,158,.25);
  color: #fff;
  border: none;
}
.d-con-employees .d-con-list-item-info-title {
  color: #000;
}


/************************************ Services **********************************/
#ServicesPage .hero-bg-image {
  background-image: url("https://www.groverautoandtire.com/Images/banner-3.jpg");
}
#ServicesPage .sec1 .container-sm2 ul li {
    margin-bottom: 10px;
    background: url("https://www.groverautoandtire.com/Images/bg-li.png") no-repeat;
    background-position: 0 4px;
    padding-left: 25px;
}
#ServicesPage .sec1 .container-sm2 ul {
    list-style: none;
}
#ServicesPage .sec1 .container-sm2 h2  {
    margin-top: 40px;
}

#ServicesPage .sec-services {
    background-image: url("https://www.groverautoandtire.com/Images/bg-services-1.jpg");
}
#ServicesPage .sec-services .col-md-12 h2 {
  color: #fff;
}
#ServicesPage .sec-services .d-con-service {
  border: none;
  background-color: rgba(0,90,158,.5);
}

#ServiceDetails .d-empty-content-tip {
    color: #fff;
}
#ServiceDetails .d-con-list-item-info-title {
  color: #fff;
}

/*********************************** Specials **********************************/
#SpecialsPage .hero-bg-image {
  background-image: url("https://www.groverautoandtire.com/Images/banner-4.jpg");
}
.d-box-special {
  border-color: #000;
  background-color: #fff;
  color: #000;
}
.d-box-special .d-special-title {
  color: #cb0000;
}
.d-box-special .d-special-content {
  color: #000;
}
.d-box-special .d-special-tool-box .d-special-tool-link {
  color: #005a9e;
}

/************************************ Reviews **********************************/
#ReviewsPage .hero-bg-image {
  background-image: url("https://www.groverautoandtire.com/Images/banner-5.jpg");
}
.sec-reviews {
    background-image: url("https://www.groverautoandtire.com/Images/banner-3.jpg");
}
#Reviews {
  color: #fff;
}
#Reviews .d-box-review blockquote {
  /* border-color: #1a2e49; */
  border-color: rgba(0,90,158,.5);
  background-color: rgba(0,90,158,.5);
}
/* Stars */
#Reviews .d-box-review blockquote p:first-of-type {
  color: #fff;
}

/************************************* Blog ************************************/
#BlogPage .hero-bg-image {
  background-image: url("https://www.groverautoandtire.com/Images/banner-6.jpg");
}

/********************************** Contact Us *********************************/
#ContactPage .hero-bg-image {
  background-image: url("https://www.groverautoandtire.com/Images/banner-7.jpg");
}
#ContactPage .con-location-hours {
  margin: 20px auto;
}
#ContactPage .phone-number {
  display: block;
}

/************************************* Blog ************************************/
#PrivacyPage .hero-bg-image {
  background-image: url("https://www.groverautoandtire.com/Images/banner-2.jpg");
}

/************************************* Blog ************************************/
#VehicleTipsPage .hero-bg-image {
  background-image: url("https://www.groverautoandtire.com/Images/banner-vehicles.jpg");
}

/************************************* Blog ************************************/
#VehiclesPage .hero-bg-image {
  background-image: url("https://www.groverautoandtire.com/Images/banner-vehicles.jpg");
}


/******************************************************************************/
/************************************ Footer **********************************/
/******************************************************************************/
/* vehicle list */
.vehicle-list {
    padding: 6em 0;
    background: url("https://www.groverautoandtire.com/Images/bg-vehiclelist.jpg") no-repeat;
    background-size: cover;
    list-style: none;
}
.vehicle-list a {
    color: #fff;
}
.vehicle-list a:hover {
  color: #f2ea11;
}
.vehicle-list h2 {
    color: #fff;
}
.vehicle-list .truck-list {
  padding-bottom: 0;
}
#Footer_VehicleList {
  color: #fff;
}

/* Footer info */
.footer-info {
  background: unset;
  background-color: #005a9e;
  border-top: 0.2em solid #fff;
}
.footer-nav a {
  font-weight: normal;
}
.footer-nav,
.footer-nav a,
.footer-info p,
.footer-info a {
    color: #fff;
}
.footer-info p.alt-font,
.footer-info .alt-font a {
  color: #fff;
}
.footer-info a:hover,
.footer-info .alt-font a:hover {
  color: #f2ea11;
}