@import url("https://use.typekit.net/hpz1hbm.css");

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
   outline: none!important;
    box-shadow: none; 
}

#dealer-footer img.img-fluid.d-block.d-lg-none {
    width: 100%;
}

input[type="image" i]:focus {
    outline-offset: 0px;
}

div#dealer-nav {
    border-bottom: none!important;
	   outline: none!important;
    box-shadow: none;
}

.navbar-toggler {
    font-size: 1.3rem;
    padding: 0.25rem 0.25rem;
}

.brands-holder .btn-lg, .brands-holder .btn-group-lg > .btn {
    padding: 0.2rem;
    font-size: 1rem;
    line-height: 1.5;
}


#dealer-nav .nobgsearch {
    background-color: transparent;
    border-radius: 0rem;
    border: 1px solid #4c4c4c;
    text-align: center;
    color: #4c4c4c;
    border-right: 0px;
}

.search-border {
    border-right: 1px solid #4c4c4c;
}

.btn {
    line-height: 1.1rem;

}

.btn-primary {
    color: #FFF;
    background-color: #c00;
    border-color: #c00;
	font-weight: 700;
	text-transform: uppercase
}


.btn-primary:hover {
    color: #FFF!important;
    background-color: #b60000!important;
    border-color: #b60000;!important;
	font-weight: 700!important;
	text-transform: uppercase!important;
}

.btn-info {
    color: #fff;
    background-color: #000;
	border-color: #000;
font-weight: 700;}


.btn-info:hover {
    color: #fff;
    background-color: #111;
    border-color: #111;
}


.btn-nav {
    background-color: transparent;
    padding: 0px;
	border:none;
	color:#FFF;
	    font-size: 1.8rem;
}


.btn-nav:focus {
	border:none;
}


.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none !important;
}



.banner-text a.btn.cta {
background-color: #c00;
text-transform: uppercase;
font-size: 1rem;}


/*.btn-primary:hover {
    color: #b5b5b5;
	    background-color: transparent;
    border-color: transparent;
}*/

/*.btn.btn-primary {
padding:0px;
}*/



/*Header*/

.brands-holder .btn-lg, .brands-holder .btn-group-lg > .btn {
    font-size: 1.4rem!important;
}


#dealer-nav .dropdown-menu {
    background-color: #f3f3f3;
    font-weight: 400;
    border: 1px solid #ccc;
    padding: 10px;
    /* color: inherit; */
    /* font-size: 0.85rem; */
}


#dealer-nav .dropdown-menu .nav-link {
    padding-right: .3rem!important;
    padding-left: .3rem!important;
    font-size: 0.85rem!important;
    font-weight: 400;
    text-transform: none!important;
}

.brands-holder{
background-color: #212121;
}

/*.brands-holder .col-1, .brands-holder .col-2, .brands-holder .col-3, .brands-holder .col-4, .brands-holder .col-5, .brands-holder .col-6, .brands-holder .col-7, .brands-holder .col-8, .brands-holder .col-9, .brands-holder .col-10, .brands-holder .col-11, .brands-holder .col-12, .brands-holder .col, .brands-holder .col-auto, .brands-holder .col-sm-1, .brands-holder .col-sm-2, .brands-holder .col-sm-3, .brands-holder .col-sm-4, .brands-holder .col-sm-5, .brands-holder .col-sm-6, .brands-holder .col-sm-7, .brands-holder .col-sm-8, .brands-holder .col-sm-9, .brands-holder .col-sm-10, .brands-holder .col-sm-11, .brands-holder .col-sm-12, .brands-holder .col-sm, .brands-holder .col-sm-auto, .brands-holder .col-md-1, .brands-holder .col-md-2, .brands-holder .col-md-3, .brands-holder .col-md-4, .brands-holder .col-md-5, .brands-holder .col-md-6, .brands-holder .col-md-7, .brands-holder .col-md-8, .brands-holder .col-md-9, .brands-holder .col-md-10, .brands-holder .col-md-11, .brands-holder .col-md-12, .brands-holder .col-md, .brands-holder .col-md-auto, .brands-holder .col-lg-1, .brands-holder .col-lg-2, .brands-holder .col-lg-3, .brands-holder .col-lg-4, .brands-holder .col-lg-5, .brands-holder .col-lg-6, .brands-holder .col-lg-7, .brands-holder .col-lg-8, .brands-holder .col-lg-9, .brands-holder .col-lg-10, .brands-holder .col-lg-11, .brands-holder .col-lg-12, .brands-holder .col-lg, .brands-holder .col-lg-auto, .brands-holder .col-xl-1, .brands-holder .col-xl-2, .brands-holder .col-xl-3, .brands-holder .col-xl-4, .brands-holder .col-xl-5, .brands-holder .col-xl-6, .brands-holder .col-xl-7, .brands-holder .col-xl-8, .brands-holder .col-xl-9, .brands-holder .col-xl-10, .brands-holder .col-xl-11, .brands-holder .col-xl-12, .brands-holder .col-xl, .brands-holder .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 30px;
    padding-left: 30px;
}*/


p.nav-icon-text{
    margin: 3px;
    font-size: 0.9rem;
}

#dealer-nav .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: .3rem!important;
    padding-left: .3rem!important;
    font-size: 0.85rem!important;
    font-weight: 700;
    text-transform: none!important;
}

.location-gold {
    background-color: #998866;
    padding: 23px;
    color: #FFF;
    font-size: 1.7rem;
    text-align: center;
}

.location-gold p{
	font-size: 0.8rem;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

.dealerlogowrap {
    max-width: none;

}

.header-brands {
max-width: 120px!important;
}



.header-brands {
max-width: 120px!important;
}

.fca p {
    font-size: 0.5rem!important;
    line-height: 1.7em;
}




/*HOMEPAGE*/

.hide-on-desktop{
display: none;
}

.used-search-bg {
    background-image: url("/./templates/honda/custom/images/bikefinder-bg.jpg");
	background-size: cover;
	background-position: center;
    padding: 100px 40px;
    margin: 0 auto;
    text-align: center;
    border-radius: 40px 0px 0px 0px;
	color:#FFF
}

.used-search-bg h3 {
    color: #FFF;
}


.btn-used-bike-search {
    background: 0 0;
    background-color: #c00;
    background-image: none;
    border: 2px solid #c00;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    font-size: 17px;
    line-height: 34px;
    margin-bottom: 0;
    min-height: 50px;
    padding: 0 40px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    position: relative;
    transition: background 250ms,border-color 250ms;
    width: 100%;
}


/*
.bodycontent .btn-primary::after, #newsletter-sign-up .btn-primary:after, .btn-used-bike-search:after, .banner-text a.btn.cta:after {
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    font-weight: 700;
    content: "\f0a9";
    margin-left: 10px;
    font-size: 1rem;
	color:#FFF
}*/


.home-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0,0,0);
    background: transparent;
    z-index: 1;
	padding-left: 15px;
    padding-right: 15px;
}


.img-hover-zoom:hover img {
    transform: scale(1.1);
}

.img-hover-zoom img {
    transition: transform .3s ease;
}

.img-hover-zoom {
    overflow: hidden;
}


.bg-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
    overflow: hidden;
}


.bg-img-l {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: left;
    overflow: hidden;
}



.bg-img-r {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: right;
    overflow: hidden;
}



.whitebox {
    background-color: #FFF;
    max-width: 370px;
    font-size: 0.rem;
	padding:20px 40px
}


.whitebox h3 {
/*
color:#998866;
*/
font-size: 1.5rem;
}

.whitebox p {
font-size: 0.8rem;
}


.whitebox .btn-primary, .whitebox-auto .btn-primary {
    background-color: #c00;
    border-color: #c00;
    color: #FFF;
    font-weight: 700;
    margin: 0px;
}

.whitebox .btn-primary:after, .whitebox-auto .btn-primary:after {
    color: #000;

}


.homepage-feature {
    height: 480px;
}


.home-blackbg {
    background-color: #0b0b0b;
    padding-bottom: 140px;
    padding-top: 140px;
    color: #FFF;
}



/*.home-blackbg .btn-primary, .blog-card .btn-primary {
    background-color: transparent;
    border-color: transparent;
    color: #FFF;
    font-weight: 700;
    padding: 0px;
    margin: 0px;
}

.home-blackbg .btn-primary:after {
    color: #FFF;

}*/


.brand-shape {
    background-color: #161616;
    border-radius: 51px 0px 0px 0px;
	padding: 20px 0px
}


a.brand-link.d-block {
    text-align: center;
    font-size: 0.79rem;
    color: #86775a;
    font-weight: 700;
}


a.brand-link:hover {
text-decoration: none;
}



a.brand-link.d-block:after {
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    font-weight: 700;
    content: "\f0a9";
    margin-left: 10px;
    font-size: 0.79rem;
	color:#86775a
}


.store-top-row{
height: 544px;
}


.modal .store-top-row {
    height: 344px;
}

.store-top-row .whitebox {
max-width: auto!important
}


.instagram-bg {
    background-image: url(/./templates/dwmaster/custom/images/instagrambg.jpg);
    background-position: top 50px;
    background-size: cover;
    padding: 40px 20px 0px 20px;
    color: #FFF;
    background-position: right 0px bottom 80px;
    background-repeat: no-repeat;
}


.facebook-bg {
    background-image: url(/./templates/dwmaster/custom/images/facebookbg.jpg);
    background-position: top 50px;
    background-size: cover;
    padding: 40px 20px 0px 20px;
    color: #FFF;
    background-position: right 0px bottom 80px;
    background-repeat: no-repeat;
}

.platform-holder{
max-width: 475px;
margin: 0 auto;
	padding-top: 50px;
}






/*Footer*/

#dealer-footer h4 {
    font-size: 1.6rem;
    text-transform: none;
    font-weight: 700;
        margin-bottom: 0px;
	padding-bottom: 0px;
/*
	color:#8b7c5c
*/
	
}



#newsletter-sign-up p {
    color: #FFF;
    font-size: 1rem;
    margin-bottom: 0px;
	padding-bottom: 0px;
}



div#dealer-footer {
background-color: #0b0b0b;
color:#FFF;
}

.footer-title{
color:#FFF;
font-size: 1.1rem;
}



#dealer-footer .btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    color: #FFF;
    padding-right: 10px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}


a.footerbrandlink {
    color: #FFF;
	font-weight: 300;
    font-size: 14px;
    display: inline-block;
    padding: 0px 5px;
}



#dealer-lowertext {
    border-top: none;
	    background-color: #0b0b0b;
}



.bottomlinkscontent {
border-top: 1px #8b7c5c solid;
}


#dealer-lowertext .website-terms, #dealer-lowertext .bottom-footer-text, #dealer-lowertext .fca {
    color: #8b7c5c;
    font-size: 0.75rem;
}


.fca a {
    color: #8b7c5c;
	text-decoration: underline;
}


a.dw-strap {
    font-size: 10px;
    color: #8b7c5c;
    float: left;
    margin: 0px auto 5px 0px;
}



a.feature-cta {
    color: #FFF;
    text-transform: uppercase;
    font-weight: 300;
    text-shadow: 0px 0px 18px #000000;
}



a.feature-cta:hover {
    color: #FFF;
    font-weight: 500;
}

.card.blog-card {
    border: 0px;
    padding: 0rem;
}	
	
	
	
.blog-card p.card-text {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.35em;
    text-align: left;
    margin-top: 0px;
    font-size: 0.85rem;
}	



h2.parallax-heading {
    color: #FFF;
    font-weight: 700;
    font-size: 3.4rem;
}


h3.parallax-subheading {
    color: #FFF;
    font-weight: 300;
    font-size: 1.4rem;
}


.alt-bg, .gold-bg, .gold-container {
background-color: #8b7c5c;
padding: 80px 0px;
color:#FFF
}


.black-bg, .black-container {
background-color: #0b0b0b;
padding: 80px 0px;
color:#FFF
}


.grey-bg, .grey-container {
background-color: #ededed;
padding: 80px 0px;
}

.alt-bg .btn-primary, .gold-bg .btn-primary, .gold-container .btn-primary, .grey-bg .btn-primary, .grey-container .btn-primary, .black-bg .btn-primary, .black-container .btn-primary {
    color: #FFF!important;
    background-color: transparent;
    border-color: transparent;
}



.location1{
background-image: url("/./templates/dwmaster/custom/images/location-1-background.jpg");
background-position: center;
background-size:cover;
padding: 80px 0px;
	color:#FFF
}

.location2{
background-image: url("/./templates/dwmaster/custom/images/location-2-background.jpg");
background-position: center;
background-size:cover;
padding: 80px 0px;
	color:#FFF
}


.location3{
background-image: url("/./templates/dwmaster/custom/images/location-3-background.jpg");
background-position: center;
background-size:cover;
padding: 80px 0px;
	color:#FFF
}


.location5{
background-image: url("/./templates/dwmaster/custom/images/location-5-background.jpg");
background-position: center;
background-size:cover;
padding: 80px 0px;
	color:#FFF
}
	
	

.location4{
background-image: url("/./templates/dwmaster/custom/images/location-4-background.jpg");
background-position: center;
background-size:cover;
padding: 80px 0px;
	color:#FFF
}
	

.home-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0,0,0);
    background: transparent;
    z-index: 1;
	padding-left: 15px;
    padding-right: 15px;
}



.whitebox-auto {
    background-color: #FFF;
    max-width: auto;
    font-size: 0.rem;
	padding:20px 40px
}


.whitebox-auto h3 {
color:#998866;
font-size: 1.3rem;
}

.whitebox-auto p {
font-size: 0.8rem;
}





/*BRAND OVERWRITE*/
html{
font-size: 20px;
}

body{
font-family: proxima-nova-extra-condensed, sans-serif;
font-weight: 400!important;
color: #010101!important;
background-color: #FFF!important;
}


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

div#dealer-nav {
    background-color: #c00;
}

p.nav-icon-text {
    color: #FFF;
}


#dealer-nav .navbar-expand-xl .navbar-nav .nav-link {
    color: #FFF;
}


.dropdown-menu a.nav-link {
    color: #000!important;
	font-weight: 400!important;
}


#dealer-nav .nobgsearch {
    background-color: transparent;
    border-radius: 0rem;
    border: 1px solid #efefef;
    text-align: center;
    color: #efefef;
    border-right: 0px;
}
.search-border {
    border-right: 1px solid #efefef;
}


#dealer-nav .btn {
    line-height: 1.12rem;
}


.nobgsearch::-webkit-input-placeholder {
  color: #efefef;
}
.nobgsearch::-moz-placeholder {
  color: #efefef;
}
.nobgsearch::placeholder {
  color: #efefef;
}
.nobgsearch:-ms-input-placeholder {
  color: #efefef;
}


.location-gold {
    background-color: #FFF!important;
}


.location-gold p {
    color: #000;
}


/*i.fal.fa-map-marker-alt {
    color: #000;
}*/



.brand-shape {
    background-color: #FFF;
    border-radius: 51px 0px 0px 0px;
    padding: 20px 0px;
}



.honda-customs-bg{
background-image:url("/./templates/honda/custom/images/hondacustombg.jpg");
padding:80px 0px;
background-size: cover;
background-position: center;
color: #FFF
}





.linebefore:before{
    content: "";
    display: block;
    height: 3px;
    margin: 0 0 16px 0;
    width: 48px;
	background: #fff;
}

.linebefore{
font-weight: 400;
	margin-top:50px
}


@media (min-width: 1600px) {
.location-gold{
background-color: #998866;
padding: 23px 50px;
color: #FFF;
font-size: 1.7rem;
	text-align:center
}	
	
}




@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1400px;
  }
}



 @media (max-width: 1191.98px) {
#dealer-nav .nav-item .nav-link {
	border-bottom: 1px solid rgba(255,255,255,.3);}
	 
	#dealer-nav .btn-lg, .btn-group-lg > .btn {
    color: #FFF!important
} 
	 
	 
}

 @media (max-width: 991px) {
.hide-on-desktop{
display: block;
}
	
.hide-on-mobile{
display: none;
}
	
	
.home-blackbg {
    background-color: #0b0b0b;
    padding-bottom: 65px;
    padding-top: 65px;
    color: #FFF;
}	
	
	
	
/*NEWS FIX*/
a.card.blog-card {
    color: #000;
    text-align: left!important;
}
	
	
#blog_carousel .card-title {
    line-height: 1.15em;
    font-size: 1.3rem;
}
	 
	.blog-card .card-block {
    height: auto;
    overflow: hidden;
} 
	 
	 
	 
	.carousel-caption.d-none.d-md-block {

    background: #1f1f1f;

} 
	
	
}




@media (max-width: 575px) {
.location-gold {
    padding: 18px 15px;
    font-size: 1rem;
}
	
.location-gold p {
    font-size: 0.65rem;
}	
	
.btn-nav {
    font-size: 1.4rem;
}	
	
.whitebox {
    max-width: none;
}	
	
	
.homepage-feature {
    height: 365px;
}	
	
	
.whitebox-auto h3 {
    color: #998866;
    font-size: 1.1rem;
}	
	
.whitebox-auto {
    background-color: #FFF;
    max-width: auto;
    font-size: 0.rem;
    padding: 20px 20px;
}
	
.store-top-row {
    height: 344px;
}	
	

	
		
}