body {
	font-family: 'Roboto', sans-serif !important;
}

.no-padding {
	padding: 0;
}

.bike-tile:hover {
	cursor: pointer;
	transform: scale(1.1);
}

.center-box {
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 15%;
    top: 50%;
    z-index: 2;
    width: 70%;		
}

.font-weight-super-light {
	font-weight: 100 !important;
}

.bike-tile a {
	text-decoration: none;
}
.bike-tile h1,.bike-tile h2,.bike-tile h3,.bike-tile h4,.bike-tile h5,.bike-tile h6 {
	color: #080705;
}
.bike-tile a:hover {
	text-decoration: none
;}

.background-content {
	height: 100%;
}

.ad-tile {
	background: #666970;
	color: white;
}
.ad-tile:hover {
	opacity: 0.8;
	cursor: pointer;
}

.ad-tile-text-container {
	padding-bottom: 3rem;
	padding-top: 3rem;
	padding-right: 1rem;
	padding-left: 1rem;
	height: 250px;
}

a.no-hover, a.no-hover:hover {
	text-decoration: none;
}

.rrp {
	font-size: 1.25rem;
}

.sub-header {
    color: #080705;
    font-weight: 300;
}

.header-style {
	border-bottom: 2px solid #2d6392;
    font-weight: 300;
    min-width: 15%;

    padding-bottom: .25rem;	
}
.bike-image {
	width: 75%;
	height: auto;
	margin-left: -15%;
	min-height: 242px;
}

.big-bike-image {
	width: 100%;
    height: auto;
    margin-left: -5%;
}

.custom-nav-pills .nav-link.active {
    color: #1b1c21 !important;
}

.footer {
    min-height: 62px;
    position: absolute;
    width: 100%;
}

.login-container {
    background: #fbfbfb;
    border: 2.5px solid rgba(45, 99, 146, 0.7);
}

.mh-200 {
	min-height: 200px;
}


/** Colours **/

.background-colour {
	background-color: #1b1c21;
}

.background-content {
	background: #fffffa;
}

.main-text-colour, label {
	color: #40434E;
}

.navigation-bar-colour {
	background: #40434e;
	border-bottom: 5px solid #2d6392;
}

.footer {
	background: #1b1c21;
    border-top: 5px solid #2d6392;
}

a {
	color: #d1d1d1 !important;
}

.ekko-lightbox-nav-overlay a {
	color: black !important;
}

.gallery img {
	border: 1px solid #2d6392;
	margin: 0.25rem;
}
.gallery img:hover {
	opacity: 0.5;
}
/* Custom container size */
@media (min-width: 1200px) {
	.container {
		max-width: 1400px !important;
	}
}