/* Slideshow */
 .cw-top-bg {
    background-image: url(https://post.carsforsale.com/CustomTemplatePhotos/1020283/images/RS_Background1.jpg);
    background-repeat: repeat;
    padding: 2em 0;
}

/* Mid Buttons */
.cw-main-buttons {
    background: rgb(107,0,0);
    background: linear-gradient(0deg, rgba(107,0,0,1) 0%, rgba(219,0,0,1) 52%, rgba(107,0,0,1) 100%);
    box-shadow: 10px 5px 0px rgba(0, 0, 0, 0.75);
    padding: 2em;
}

.cw-main-buttons a {
    display: inline-block;
    position: relative;
}

.cw-main-buttons h5 {
    position: absolute;
    top: 15%;
    color: #FFFFFF;
    font-size: 2em;
    font-weight: 700;
    text-transform: uppercase;
    font-style: italic;
    text-shadow: 4px 4px 1px rgba(0, 0, 0, 0.75);
    z-index: 5;
}

/* Button Hover */
.cw-main-buttons a:hover h5 {
    color: #999999;
    transition: All .3s ease-in;
    -webkit-transition: All .3s ease-in;
    -moz-transition: All .3s ease-in;
    -o-transition: All .3s ease-in;
}

.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity
}

.hvr-float-shadow:active,
.hvr-float-shadow:focus,
.hvr-float-shadow:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.hvr-float-shadow:active:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

/* About Us */
.cw-about-us {
    background-image: url(https://post.carsforsale.com/CustomTemplatePhotos/1020283/images/RS_Background1.jpg);
    background-repeat: repeat;
    padding: 2em 0;
}

.cw-about-sections h5 {
    background-image: url(https://post.carsforsale.com/CustomTemplatePhotos/1020283/images/RS_Background2.jpg);
    padding: .25em .5em;
    color: #FFFFFF;
    -webkit-text-fill-color: #FFFFFF; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000000;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
    font-size: 2em;
    font-weight: 700;
    text-transform: uppercase;
    font-style: italic;
    margin: 0;
}

.cw-about-sections p {
    color: #FFFFFF;
    text-align: justify;
    line-height: 1.75em;
    font-size: 1.25em;
    padding: 1em;
    background-color: #111111;
}

.cw-about-sections span {
    margin-left: .25em;
    font-weight: 700;
}

/* SM: 440px & Up */
@media (min-width: 440px) {}

/* MD: 768px & Down */
@media (max-width: 768px) {}

/* Standard: 992px & Up */
@media (min-width: 992px) {}

/* LG: 1200px & Up */
@media (min-width: 1200px) {}

/* XLG: 1400px & Up */
@media (min-width: 1400px) {}

/*Custom Media Querie*/
@media (min-width: 1800px) {}




.cw-bottom-parallax {
    position: relative;
    overflow: hidden;
    margin-bottom: 2rem
}

.cw-bottom-parallax .cw-para-inner {
    background: 0 0;
    position: relative;
    z-index: 2;
    min-height: 500px;
    height: 500px;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center
}

.cw-bottom-parallax .cw-flex-center {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative
}

.cw-bottom-parallax .cw-bottom-box {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(255, 255, 255, .8);
    color: #000;
    padding: 3rem;
    text-align: center
}

.cw-parallax-wrap {
    position: relative;
    overflow: hidden
}

.cw-parallax-wrap .cw-mouse-bg {
    position: absolute;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: #fff;
    background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/F25359EC2A753C489D7148CE25330AB1.jpg);
    background-attachment: fixed;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat
}

@media(min-width:576px) {
    .cw-bottom-parallax .cw-bottom-box {
        margin-left: 1rem;
        text-align: left
    }
}











/* This fix is mostly for dark background sites, but could be useful when you want to change the hard-coded colors on the Vehicle Details Page  */

.inventorydetails .vdp-module-canvas-razor-wrapper a {
	color: var(--color-theme-text);
}

.inventorydetails .vdp-module-canvas-razor-wrapper a:hover {
	color: var(--color-theme-highlight);
}

.inventorydetails .section__title,
.inventorydetails .section__subtitle,
.inventorydetails .section__callout__title {
	color: var(--color-theme-text);
}

.inventorydetails p {
	color: var(--color-theme-text);
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-primary {
	color: var(--color-theme-text-btn) !important;
}

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

.inventorydetails [LoanCalculatorWidgetCssScope] .loan__calc__content .calc__totals__wrapper {
	background-color: transparent;
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:hover,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:before {
	background-color: var(--color-theme-primary);
	border-color: #000;
}

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

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary:focus {
	background-color: var(--color-theme-primary);
	color: var(--color-theme-text-btn);
	border-color: var(--color-theme-primary);
}

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

.inventorydetails label {
	color: var(--color-theme-text);
}

.inventorydetails .disclaimerText {
	color: var(--color-theme-text);
	opacity: .9;
}

/* this is normally hard-coded as a white background. If you want to keep that, you'll probably need to customize all the colors inside the .vdp__message__wrapper so it works on the light background*/
.inventorydetails .vdp__message__mod.module .vdp__message__wrapper {
	background-color: transparent;
}


.vdp__veh__info__mod .veh__info__item:nth-child(even)[VehicleInfoWidgetCssScope] {
     color: #000;
}