.h1,.h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
}


/*Header*/
.cw-header .cw-logo {
    max-width: 450px;
    margin: 0 auto;
    padding: .75em 0 .25em;
  }

  .cw-header p {
    margin: 0;
  }

  .cw-header .cw-social a {
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    background-color: var(--color-theme-secondary);
    margin: 5px;
    font-size: 25px;
    color: #fff;
  }
  
    .cw-header a:hover {
    color: #efefef;
  }

  /* MD: 992px & Up */
  @media (min-width: 992px) {
    .cw-header .cw-logo {
      margin: 0;
    }
  }


  /*-- Hero --*/

	.cw-hero .carousel-item {
		height: 300px;
		background-size: cover;
		background-position: center center;
	}

	.cw-hero .carousel-control-prev,
	.cw-hero .carousel-control-next {
		width: 10%;
		text-align: center;
		opacity: 0.7;
	}

	.cw-hero .carousel-control-prev:hover,
	.cw-hero .carousel-control-next:hover {
		opacity: 1;
	}

	@media (min-width: 768px) {
		.cw-hero .carousel-item {
			height: 500px
		}
	}

	/*-- Hero Buttons --*/

	/*-- FOLLOWING CSS IS NEEDED TO APPLY OPACITY TO BUTTONS WHILE USING TEMPLATE COLORS VARIABLES --*/

	.cw-button {
		height: 60px;
		margin: auto;
		line-height: 60px;
		opacity: 0;
		transform: translateY(50%);
		animation: slide-up 1s ease-out forwards;
	}

	.cw-button>div {
		position: absolute;
		width: 100%;
	}

	.cw-buttons a {
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
		padding-left: 45px;
		font-weight: bold;
		text-shadow: 0 0 2px black;
	}



	@keyframes slide-up {
		0% {
			opacity: 0;
			transform: translateY(50%);
		}

		100% {
			opacity: 1;
			transform: translateY(0%);
		}
	}


	@media (min-width: 768px) {
		.cw-buttons {
			position: absolute;
			bottom: 0;
			left: 0;
			display: flex;
			width: 100%;
			font-size: .95rem;
			overflow: hidden
		}

		.cw-button {
			width: 33%;
			margin: 0 .25rem;
			height: 75px;
			line-height: 75px;
		}

		.cw-button>div {
			opacity: .5;
		}

		.cw-button:hover>div {
			background: var(--color-theme-highlight);
		}
	}

	@media (min-width: 992px) {
		.cw-buttons {
			font-size: 1.15rem;
		}

		.cw-button {
			margin: 0 .75rem;
		}
	}

	@media (min-width: 1200px) {
		.cw-buttons {
			max-width: 1100px;
			left: calc(50% - 550px);
		}
	}

	/* Small devices (landscape phones, 576px and up) */
	@media (min-width: 576px) {}

	/* Medium devices (tablets, 768px and up) */
	@media (min-width: 768px) {}

	/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
	@media (min-width: 992px) {}

	/* Extra large devices (large desktops, 1200px and up) */
	@media (min-width: 1200px) {}



.btn-2 {
    letter-spacing: 0;
  color: #fff;
  font-size: 1.25em;
}

.btn-2:hover,
.btn-2:active {
  letter-spacing: 5px;
  color: #fff;
}

.btn-2:after,
.btn-2:before {
  backface-visibility: hidden;
  border: 1px solid rgba(255, 255, 255, 0);
  bottom: 0px;
  content: " ";
  display: block;
  margin: 0 auto;
  position: relative;
  transition: all 280ms ease-in-out;
  width: 0;
  color: #fff;
}

.btn-2:hover:after,
.btn-2:hover:before {
  backface-visibility: hidden;
  border-color: var(--color-theme-primary);
  transition: width 350ms ease-in-out;
  width: 70%;
  color: #fff;
}

.btn-2:hover:before {
  bottom: auto;
  top: 0;
  width: 70%;
  color: #fff;
}


section.inventory-search-module .form__wrapper {
    background-color: #333333!important;
}

.vdp__message__mod.module .vdp__message__wrapper {
    background-color: #333!important;
}

.vdp__veh__info__mod .veh__info__item:nth-child(even)[VehicleInfoWidgetCssScope] {
    background-color: #333!important;
}

[LoanCalculatorWidgetCssScope] .loan__calc__content .calc__totals__wrapper {
    background-color: #333!important;
}


.vdp-module-canvas-razor-wrapper .btn-outline-secondary {
    border-color: var(--color-theme-primary)!important;
    color: #fff!important;
}

.vdp-module-canvas-razor-wrapper .btn-outline-secondary:before {
    background: var(--color-theme-highlight)!important;
}

.vdp-module-canvas-razor-wrapper .btn-check:checked + .btn-outline-secondary {
    background: var(--color-theme-highlight)!important;
}

[PhotoGalleryWidgetCssScope] .modal-content {
    color: #fff;
    background-color: #333!important;
}

[PhotoGalleryWidgetCssScope] .modal-content .photos__wrapper {
     background-color: #333!important;
}

[PhotoGalleryWidgetCssScope] .modal-title {
    color: #fff!important;
}

[PhotoGalleryWidgetCssScope] .modal-header .btn.close .fa.fa-times {
    color: #fff!important;
}

.photo__item .photo__thumbnail .photo__showMore[PhotoGalleryWidgetCssScope] {
    background: rgba(240, 195, 36, 0.7)!important;
}

.page-loan-application {
    background-color: #333!important;
}


.creditQualifyPage {
    background-color: #333!important;
}

.inventory {
    background-color: #333!important;
}

.page-cars-for-sale .creditQualifyBanner {
    background: #333!important;
    margin: 0!important;
    padding: 1.5em 0!important;
}

section.inventory-seo-content {
    background: #333!important;
}

.card__multi__style1 .item__card {
    background-color: #fff!important;
    color: #000!important;
}

.card__multi__style1 .item__card__details__wrapper .item__title h3 {
    color: #000!important;
}

.sitemap {
    padding-top: 3em;
    padding-bottom: 5em;
    background-color: #333;
}

.tcpp {
    padding-top: 2.4em;
    padding-bottom: 5em;
    font-weight: 400;
    background-color: #333;
}

.row.d-flex:has(.breadcrumb-container) {
	background: #333;
}
 
.container.mb-4:has(.inventory-seo-content) {
	padding-top:3rem;
}


.styleChecksRadios [type=checkbox] + label{
    color: #fff!important;
}

.disclaimerText {
    color: #535353!important;
}

.btn-close {
    color: #535353!important;
}

/* -------------------- Footer ---------------------- */
.cw-footer {
    background: #000;
    color: #fff;
    padding: 1.5rem 0;
}

.cw-footer .cw-foot-logo {
    display: block;
    text-align: center;
}

.cw-footer .cw-foot-logo img {
    width: 300px;
}

.cw-footer a {
    color: #fff;
}

.cw-footer a:hover {
    color: var(--color-theme-primary);
}

.cw-footer .cw-foot-social {
    font-size: 1.5rem;
}

.cw-foot-info {
    margin-top: 15px;
    position: relative;
}

.cw-foot-info h2 {
    font-size: 20px;
}

.cw-foot-info p,
.cw-foot-info li {
    font-size: 0.9rem;
}

.cw-foot-info li {
    color: #fff;
    line-height: 30px;
    border-bottom: 1px solid #555;
}

/* Token hours coloring */
.cw-foot-info li.today {
    color: var(--color-theme-primary);
    font-weight: 700;
}

.cw-foot-info .business-hours {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.cw-foot-info .business-hours .bh-title {
    border-color: var(--color-theme-primary);
}

.cw-foot-info li:last-child {
    border-bottom: none;
}

@media (min-width: 768px) {
    .cw-foot-info p,
    .cw-foot-info li {
        font-size: 1rem;
    }
}

/* -------------------- default footer & footer nav ---------------------- */
footer.footer {
    padding-top: 0.5rem;
}

.footer .nav-link,
.footer .dropdown-item {
    /* font-family: Oswald, sans-serif !important; */
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500 !important;
    padding: 5px 10px !important;
    line-height: 2em !important;
}

.footer .dropdown-menu {
    border-radius: 0;
}