/*!
 * Honda Brandzone CSS
 * Copyright Creativity Sells Ltd. All rights reserved.
 */

body {
    padding-top: 0;
    font-family: 'Oswald', sans-serif;
}

/* SAME COLOURS IN */
a.cta, .cta {
    color: #FFF;
}
/* SAME COLOURS OUT */

/* SAME BACKGROUND COLOURS IN */
a.cta, .cta, div#used_bikes_carousel .card .cta, footer#footer .ctadarkbg, .btn-primary, .carousel.slide .btn-info, #blog a.blog-item .badge, div#used_bikes_carousel .owl-stage-outer span.card-subtitle.was {
    background: #dc182d;
	color: #FFF;
}

.owl-item:hover .cta, .cta:hover, a.ctadarkbg:hover, .ctadarkbg:hover, div#used_bikes_carousel .owl-item:hover .card .cta, footer#footer .ctadarkbg:hover, .btn-primary:hover, #blog a.blog-item .badge:hover, #new_bikes_list_wrapper .new_bike_list_card a:hover .card-title, .carousel.slide .btn-info:hover {
    background: #bf071b;
}

.styledlink a:hover .img_text_overlay {
    background: rgba(5,130,202,0.9);
    color: #FFF;	
}

/* Transparent BG's */
#vehicle_list .main_image .caption, #used_vehicle_detail .main_image .caption, .carousel.slide .carousel-indicators li {
    background: #dc182d8a;
}
/* SAME BACKGROUND COLOURS OUT */


/* COMMON ELEMENTS IN */

.btn-primary {
	border: none;
}

div#headerwrap {
    background: url(/./assets/core/honda/images/header-bg-honda.png) repeat-x top;
    height: 112px;
}

div#headerwrap .logowrapper.franchiselogo {
    width: 175px;
    height: 112px;
    background: url(https://cdn.dealerwebs.co.uk/logos/logo-honda.png) no-repeat;
    background-size: contain;
    margin: -20px auto 0px -10px;
    display: block;
}

div#headerwrap .logowrapper.mainlogo {
    margin: 5px 0px 0 20px;
    width: 130px;
}

div#headerwrap div#account_container a.account_button {
    color: #000;
}

div#headerwrap div#header_contact .header_location {
    display: inline-block;
    margin: 0 0 0 10px;
    font-size: 18px;
    color: #FFF;
}

#navbar {
    background: #dc182d;
}

nav#navbar .justify-content-center {
    justify-content: left !important;
}

div#headerwrap .search_box input.searchbar.form-control {
    background: #FFF;
    color: #333;
}

div#headerwrap .search_box input.search_submit {
    background: url(/./images/icons/icon-search.png) center right #dc182d;
}

div#headerwrap .search_box input.search_submit:hover {
    background: url(/./images/icons/icon-search.png) center right #bf071b;
}


#new_bikes_list_wrapper .overlay_price.saving {
    background: none;
    color: #dc182d;
    outline: 1px solid #efefef;
}


footer#footer {
	background: #FFF;
    color: #333;
}

div#footer_wrapper {
    border-top: 1px solid #dc182d;
}

div#lower_text_container {
    margin-top: 40px;
}

div#lower_text_container, div#lower_text_container p, div#lower_text_container h4 {
    font-size: 1.0625rem !important;
    text-transform: uppercase;
}

div#lower_text_container h6 {
	color: #dc182d;
}

.footer_column.subscribe p {
    display: none;
}

div#company_socials a {
    color: #dc182d !important;
}

div#company_socials a:hover {
    color: #bf071b !important;
}
/* COMMON ELEMENTS OUT */




.card{
background-color: #f2f4f5;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: inherit; 
    border-top: 0;
}


h5.card-title {
font-size: 1.6rem;
	font-style: italic;
	
}


@media (min-width: 769px) {
	
#nav-content > ul > li a {
    font-size: 0.9rem;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 10px 20px;
}	
	
	
	
	.navigation .navbar a.nav-link {
		color: #FFF;
		text-transform: uppercase;
		font-weight: bold;
	}	
	

	
	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navigation .navbar li.nav-item.active a {
		color: #FFF;
	}
	
	.navigation .navbar li.nav-item.active a {

	}	
	
div#headerwrap div#header_contact {
    top: 10px;
}

div#headerwrap div#header_contact .header_location a, div#headerwrap div#header_contact .header_location {
    color: #000;
}	
	
	div#company_socials {
		text-align: right !important;
	}
		
	div#company_socials a:last-child {
		padding-right: 0px;
	}
}

@media (min-width: 1280px) {
.carousel-caption h3 {
    font-size: 4rem;
}
}

@media (min-width: 1369px) {
.navigation {
    width: 1050px;
    top: -64px;
}
}

@media (min-width: 1590px) {
div#bottom_links {
    padding: 0;
}
}


@media (max-width: 1280px) {
.carousel-caption h3 {
	color: #FFF;
	font-size: 3rem;
}

.carousel-caption h4 {
	color: #FFF;
	font-size: 1.2rem;
}	
}



@media (max-width: 940px) {
.carousel-caption p {
	font-size: 0.9rem;
	line-height: 1.25em;
	    text-shadow: 2px 4px 3px rgba(0,0,0,0.7);
	
	}
	
.carousel-caption h4 {
	font-size: 1.2rem;
}	
	
}




@media (max-width: 768px) {
.carousel-caption h4 {
	font-size: 1rem;
}	
	
.carousel-caption h3 {
	font-size: 2.5rem;
}	

.carousel-inner .carousel-item img{
    min-height: 480px;
    object-fit: cover;
}
	

.carousel.slide .carousel-indicators {
    bottom: 0;
    display: flex;
}

.carousel.slide .carousel-indicators {
    bottom: 0;
    display: flex;
}


.carousel-control-prev, .carousel-control-next, div#homefeaturelinks a.featurelink span.featuretext {
    display: none;
}
	
	
	
div#headerwrap, div#headerwrap header#header {
    padding: 0px;
    height: auto;
}
	
div#headerwrap div#header_contact {
    z-index: 10;
    top: 60px;
    right: 20px;
}

div#headerwrap #logowrap {
    position: relative;
    float: left;
	width: 100%;
}

div#headerwrap .logowrapper.franchiselogo {
    margin: 0px auto;
    height: 50px;
}

div#headerwrap .logowrapper.mainlogo {
    margin: 13px 0px 0 20px;
    height: 35px;
    float: right;
}

div#headerwrap div#account_container {
    right: 0px;
    top: 0px;
    width: 100%;
    text-align: center;
    background: black;
    padding: 10px;
    height: 40px;
}

div#headerwrap .search_box {
    top: 65px;
}

div#headerwrap .search_box input.search_submit {
    right: 0px;
    top: 0px;
}

div#headerwrap .search_box input.search_submit:hover {
    background: url(/./images/icons/icon-search.png) center right #bf071b;
}

div#headerwrap .search_box input.searchbar.form-control {
    border: none;
}

nav#navbar .navbar-toggler .navbar-toggler-icon {
}
}

@media (max-width: 480px) {
div#headerwrap .search_box {
    width: 170px;
}
}