/**
 * Copyright: 2007-2022, FlexDealer Solutions Ltd
 * This code is property of FlexDealer Solutions Ltd. All rights reserved.
 * May not be re-used, re-distributed or modified without permission.
*/


/*** NAVIGATION ***/

/* The FULL navbar; the text colors the two contact info icons */
.navbar {
  background-color: rgba(255, 255, 255, 1);
  color: rgba(13, 57, 164, 1);
}
  /* We want all of the other non-link stuff in the header to color the same */
  .navbar-toggle .icon-bar {
    border-color: rgba(13, 57, 164, 1);
  }
  .navbar-inverse-altlayout .nav-container-top .top-departments-hours > div {
    border-right-color: rgba(13, 57, 164, 1);
  }
  .navbar-contact-info > a {
    color: rgba(255, 255, 255, 1);
  }
  .navbar-inverse-altlayout .navbar-contact-info > a {
    color: rgba(13, 57, 164, 1);
  }
  .navbar-contact-info > i:hover {
    background-color: rgba(13, 57, 164, 1);
    color: rgba(255, 255, 255, 1);
  }

/* The top bar on layout 4; the text colors the open/closed, hours of operation, and the two contact info icons */
.navbar-top-bg {
  background-color: rgba(13, 57, 164, 1);
  color: rgba(255, 255, 255, 1);
}
  .navbar-top-bg .navbar-contact-info > i:hover {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(13, 57, 164, 1);
  }

/* The top bar on layout 6; the text colors the hours of operation and the address */
.navbar-top-bg-altlayout {
  background-color: rgba(255, 255, 255, 1);
  color: rgba(13, 57, 164, 1);
}

/* The nav link background on layout 6 */
.navbar-right-altlayout {
  background-color: rgba(13, 57, 164, 1);
}

/* The actual navbar links themselves; we get a regular, hover/active, etc. (also a separate one for layout 6) */
.navbar-nav a {
  color: rgba(44, 44, 44, 1);
}
  .navbar-nav a:hover,
  .navbar-nav li.open > a,
  .navbar-nav li.active > a {
    color: rgba(13, 57, 164, 1);
  }
  .navbar-right-altlayout a {
    color: rgba(230, 230, 230, 1);
  }
  .navbar-right-altlayout a:hover,
  .navbar-right-altlayout li.open > a,
  .navbar-right-altlayout li.active > a {
    color: rgba(255, 255, 255, 1);
  }

/* The sub-navs */
.navbar-nav .dropdown-menu {
  background-color: rgba(24, 24, 24, 1);
}
.navbar-nav .dropdown-menu a {
  color: rgba(255, 255, 255, 1);
  background-color: rgba(24, 24, 24, 1);
}
  .navbar-nav .dropdown-menu a:hover,
  .navbar-nav .dropdown-menu li.open > a,
  .navbar-nav .dropdown-menu li.active > a {
    color: rgba(253, 159, 9, 1);
    background-color: rgba(39, 39, 39, 1);
  }
  .navbar-right-altlayout .dropdown-menu {
    background-color: rgba(24, 24, 24, 1);
  }
  .navbar-right-altlayout .dropdown-menu a {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(24, 24, 24, 1);
  }
  .navbar-right-altlayout .dropdown-menu a:hover,
  .navbar-right-altlayout .dropdown-menu li.open > a,
  .navbar-right-altlayout .dropdown-menu li.active > a {
    color: rgba(253, 159, 9, 1);
    background-color: rgba(39, 39, 39, 1);
  }

@media screen and (max-width: 800px) {

  /* The tall nav on mobile; the text only colors the phone labels and the hours of operation */
  .navbar-right {
    background-color: rgba(44, 44, 44, 1);
    color: rgba(255, 255, 255, 1);
  }
    /* We want all of the other non-link stuff in the mobile nav to color the same */
    .navbar-contact-side a {
      color: rgba(255, 255, 255, 1);
    }

  /* The actual navbar links themselves; we get a regular, hover/active, etc. (also a separate one for layout 6) */
  .navbar-nav > li > a {
    color: rgba(255, 255, 255, 1);
  }
    .navbar-nav a:hover,
    .navbar-nav li.open > a,
    .navbar-nav li.active > a {
      color: rgba(253, 159, 9, 1);
    }

  /* The sub-navs */
  .navbar-nav .dropdown-menu a {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(24, 24, 24, 1);
  }
    .navbar-nav .dropdown-menu a:hover,
    .navbar-nav .dropdown-menu li.open > a,
    .navbar-nav .dropdown-menu li.active > a {
      color: rgba(253, 159, 9, 1);
      background-color: rgba(39, 39, 39, 1);
    }
}

/** BUTTONS **/

/* Default styled button (not one of the four styles, but really is the same as style 1) */
.btn.btn-filled {
	background-color: rgba(13, 57, 164, 1);
	color: rgba(255, 255, 255, 1);
}
.btn.btn-filled:active,
.btn.btn-filled:hover {
  background-color: rgba(16, 122, 186, 1);
	color: rgba(255, 255, 255, 1);
}

/* Secondary styled button (not one of the four styles, but really is the same as style 2) */
.btn.btn-filled-alt {
  background-color: rgba(0, 0, 0, 1);
	color: rgba(255, 255, 255, 1);
}
.btn.btn-filled-alt:active,
.btn.btn-filled-alt:hover {
  background-color: rgba(66, 66, 66, 1);
	color: rgba(255, 255, 255, 1);
}

/* Shortcode Style 1 ("green") */
.shortcode.green-button.btn.btn-filled {
  background-color: rgba(13, 57, 164, 1);
	color: rgba(255, 255, 255, 1);
}
.shortcode.green-button.btn.btn-filled:active,
.shortcode.green-button.btn.btn-filled:hover {
  background-color: rgba(16, 122, 186, 1);
	color: rgba(255, 255, 255, 1);
}

/* Shortcode Style 2 ("blue") */
.shortcode.blue-button.btn.btn-filled {
  background-color: rgba(0, 0, 0, 1);
	color: rgba(255, 255, 255, 1);
}
.shortcode.blue-button.btn.btn-filled:active,
.shortcode.blue-button.btn.btn-filled:hover {
  background-color: rgba(66, 66, 66, 1);
	color: rgba(255, 255, 255, 1);
}

/* Shortcode Style 3 ("red") */
.shortcode.red-button.btn.btn-filled {
  background-color: rgba(214, 15, 45, 1);
	color: rgba(255, 255, 255, 1);
}
.shortcode.red-button.btn.btn-filled:active,
.shortcode.red-button.btn.btn-filled:hover {
  background-color: rgba(176, 10, 35, 1);
	color: rgba(255, 255, 255, 1);
}

/* Shortcode Style 4 ("purple") */
.shortcode.purple-button.btn.btn-filled {
  background-color: rgba(34, 139, 34, 1);
	color: rgba(255, 255, 255, 1);
}
.shortcode.purple-button.btn.btn-filled:active,
.shortcode.purple-button.btn.btn-filled:hover {
  background-color: rgba(60, 179, 113, 1);
	color: rgba(255, 255, 255, 1);
}