@charset "UTF-8";
/* CSS Document */


/* Body Changes */
body {
    background: #000 url(../Assets/site-bg.jpg) bottom center no-repeat scroll;
    background-size: cover;
    background-position-y: 0;
}
body.home {
    background: #000 url(../Assets/site-bg.jpg) bottom center no-repeat scroll;
    background-size: cover;
    background-position-y: 700px;
}

/* Fonts */
@font-face {
    font-family: 'grandmas_televisionregular';
    src: url(/Assets/fonts/LDR_Fonts/grandmas_television-webfont.woff2) format('woff2'),
         url(/Assets/fonts/LDR_Fonts/grandmas_television-webfont.woff) format('woff'),
		 url(/Assets/fonts/LDR_Fonts/grandmas_television-webfont.ttf) format('truetype'),
		 url(/Assets/fonts/LDR_Fonts/grandmas_television-webfont.eot),
		 url(/Assets/fonts/LDR_Fonts/grandmas_television-webfont.eot?#iefix) format('embedded-opentype');
    font-weight: normal;
    font-style: normal; 
}
 
/* Typography */
h1, .panel h1, .page-header h1, .page-header h2, h1.feature-title, h2.feature-title, h3.feature-title {
    font-family: 'grandmas_televisionregular';
	src: url('/Assets/fonts/LDR_Fonts/grandmas_television-webfont.woff2'), url('/Assets/fonts/LDR_Fonts/grandmas_television-webfont.woff'), url('/Assets/fonts/LDR_Fonts/grandmas_television-webfont.ttf');
}
.hero-container h1, .hero-container h2, .hero-container h3 {
    font-family: 'grandmas_televisionregular';
	margin: 0 0 0.5rem 0;
	font-size: 2.4rem;
}
.hero-container p {
    font-size: 1.4rem;
}
section.dark h1.feature-title, section.dark h2.feature-title, section.dark h3.feature-title, section.latest-news-container h1.feature-title, section.latest-news-container h2.feature-title, section.latest-news-container h3.feature-title, section.logo-container h1.feature-title, section.logo-container h2.feature-title, section.logo-container h3.feature-title {
    color: #ffffff;
    padding: 1rem 0;
}
.contact-info h1, .contact-info h2, .contact-info h3, .contact-info h4, .contact-info p {
    color: #ffffff;
}
.contact-info hr {
    border: solid #252525;
    border-width: 1px 0 0;
    clear: both;
    margin: 1.25rem 0 1.1875rem;
    height: 0;
}

	@media only screen and (max-width: 40em) {
		h1.feature-title, h2.feature-title, h3.feature-title {
			font-size: 2rem;
			line-height: 2.4rem;
			padding: 1rem 0;
		}
		.hero-container h1, .hero-container h2, .hero-container h3 {
			font-size: 2rem;
		}
		.hero-container p {
			font-size: 1rem;
		}		
	}


/* Page Headers */
.page-header h1, .page-header h2 {
    color: #FFF;
}

/* Header Changes */
.kawasaki-logo {
    padding: 2.1rem 0rem;
}
.dealer-logo {
	width: 300px;
}
.dealer-name {
    padding: 0.8rem 0;
}
.dealer-details {
	text-align: right;
	margin: 0.5rem 0 0 0;
}
.dealer-details a {
    font-family: 'delta_promedium',Arial,sans-serif;
    font-size: 0.9rem;
    color: #FFF;
    letter-spacing: 0;
}
.dealer-details a:after {
    font-family: 'delta_prolight',Arial,sans-serif;
    content: '/';
    color: #333333;
    margin: 0 0.5rem;
    font-size: 1.5rem;
    line-height: 1;
    position: relative;
    top: 3px;
}
.dealer-details a:last-child:after {
    content: none;
}

.dealer-details a:hover {
	color: #5AAC26;
}
.dealer-details a .fa {
	color: #5AAC26;
    font-size: 1.2rem;
	position: relative;
	top: 2px;
	margin-right: 5px;
}

@media only screen and (max-width: 40em) {
	.dealer-logo {
		width: 100%;
		margin: 0 auto;
	}
	.dealer-name {
		width: 60%;
	}
	.dealer-details {
		text-align: center;
		margin: 0.5rem 0 0 0;
	}
	.dealer-details a {
		font-size: 0.7rem;
		display: inline-block;
		text-align: center;
	}
	.kawasaki-logo {
		width: 30%;
	}	
}


/* Nav Changes */
.top-bar {
    height: 52px;
    line-height: 52px;
} 
.top-bar-section {
    text-align: center;
}
.top-bar-section li:not(.has-form) a:not(.button) {
    line-height: 51px;
}
.top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 0.7375rem;
}
.top-bar-section li:not(.has-form) a:not(.button) {
    border-bottom: 0px solid #1d1d1d;
}
.top-bar-section ul li:hover:not(.has-form) > a {
    border-bottom: 2px solid #69bf2a;
    color: #FFF;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
    color: #FFF;
}
.top-bar-section li:not(.has-form) a:not(.button).active {
    border-bottom: 2px solid #69bf2a;
    color: #FFF;
}
.top-bar .name {
    height: 52px;
    line-height: 52px;
    padding-left: 1rem;
	font-family: 'delta_probook',Arial,sans-serif;	
    color: #FFF;
}

/* Brand Logos Slick Slider */
.partners-slider .slick-track {
    height: auto;
}
.partners-slider .slick-slide {
    height: auto;
}
.partners-slider .slick-prev, .partners-slider .slick-next {
    top: -15%;
}
.partners-slider .slick-prev {
    left: -70px;
}
.partners-slider .slick-next {
    right: -70px;
}
.partners-slider .slick-prev:before, .partners-slider .slick-next:before {
    font-size: 50px;
}
section.logo-container {
    padding: 2.5rem 1.25rem 3.5rem 1.25rem;
    background: #000 url(../Assets/sponsors-bg.jpg) no-repeat center top;
    background-size: cover;
    position: relative;
}
section.logo-container:before {
    content: "";
    height: 35px;
    background: url(../Assets/top-grunge-edge.png) repeat center top;
    position: absolute;
    float: left;
    width: 100%;
    margin: 0 auto;
    top: -5px;
    left: 0; 
}
section.logo-container:after {
    content: "";
    height: 35px;
    background: url(../Assets/bottom-grunge-edge.png) repeat center bottom;
    position: absolute;
    float: left;
    width: 100%;
    margin: 0 auto;
    bottom: 0;
    left: 0;
}

/* Page Content Changes */
.panel.page-content .row.inc-feature-image:first-child img {
    margin-bottom: 1.5rem !important;
	position: relative;
}
.panel.page-content .row.inc-feature-image {
	position: relative;
}
.panel.page-content .row.inc-feature-image:before {
    /* content: "";
    height: 35px;
    background: url(../Assets/top-grunge-edge.png) no-repeat center top;
    position: absolute;
    float: left;
    width: 100%;
    margin: 0 auto;
    top: -5px;
    left: 0;
	z-index: 1; */
}
.panel.page-content:after {
   /*  content: "";
    height: 35px;
    background: url(../Assets/bottom-grunge-edge.png) no-repeat center bottom;
    position: absolute;
    float: left; 
    width: 100%;
    margin: 0 auto;
    bottom: 0;
    left: 0; */
}


/* Slideshow Changes */
.slide-container {
	position: relative;
}
.slide-container:after {
    /* content: "";
    height: 35px;
    background: url(../Assets/bottom-grunge-edge.png) no-repeat center bottom;
    position: absolute;
    float: left;
    width: 100%;
    bottom: 0;
    left: 0; */
}
.hero-container .hero-button {
    text-shadow: none;
    background: #5aac26;
    padding-top: 0.7rem;
    padding-right: 1.5rem;
    padding-bottom: 0.7rem;
	font-size: 1rem;
    padding-left: 1.5rem;
    line-height: inherit;
    color: #FFF;
    transition: background-color 300ms ease-out;
}
.hero-container .hero-button:hover {
    background: #333;
    color: #FFF;
}
.hero-container .hero-button .fa.fa-chevron-right {
    font-size: 0.7rem;
    padding-left: 10px;
    top: -2px;
    position: relative;
}
	@media only screen and (max-width: 40em) {
		.slide-container:after {
			bottom: 140px;
		}
	}

/* Home Text Panel */
.panel.home-text {
    /* padding: 2.5rem 1.25rem; */
    background: #FFF url(../Assets/grunge-background-wide.png) no-repeat center top;
    background-size: cover;	
    margin-bottom: 0;
}
.panel.home-text a {
    font-family: 'delta_probold',Arial,sans-serif;
    text-transform: uppercase;
    margin-top: 1.5rem;
    display: block;
}
.panel.home-text a .fa {
    font-size: 0.8rem;
    position: relative;
    top: -1px;
    margin-left: 5px;
}
.panel.home-text a .fa {
    animation: bounce-arrow 1s linear infinite;
}
.panel.home-text:before {
    /* content: "";
    height: 35px;
    background: url(../Assets/top-grunge-edge.png) no-repeat center top;
    position: absolute;
    float: left;
    width: 100%;
    margin: 0 auto;
    top: -5px;
    left: 0; */
}
.panel.home-text:after {
    /* content: "";
    height: 35px;
    background: url(../Assets/bottom-grunge-edge.png) no-repeat center bottom;
    position: absolute;
    float: left;
    width: 100%;
    margin: 0 auto;
    bottom: 20px;
    left: 0; */
}

	@media only screen and (max-width: 40em) {
		.panel.home-text {
			padding: 1.25rem;
			border: 0px solid #000;
		}
		.panel.home-text:before {
			top: -10px;
		}
		
	}


/* Custom Dealer Banners */
.grid-container .panel {
	padding: 2.5rem 1.25rem;
    background: #FFF url(../Assets/grunge-background.png) no-repeat center top;
	background-size: cover;
}
.grid-container:before {
    /* content: "";
    height: 35px;
    background: url(../Assets/top-grunge-edge.png) no-repeat center top;
    position: absolute;
    float: left;
    width: 100%;
    margin: 0 auto;
    top: -5px;
    left: 0;
	z-index: 1; */
}
.grid-container:after {
    /* content: "";
    height: 35px;
    background: url(../Assets/bottom-grunge-edge.png) no-repeat center bottom;
    position: absolute;
    float: left;
    width: 100%;
    margin: 0 auto;
    bottom: 15px;
    left: 0; */
}


/* Feature Image Override */
.feature-image-container {
    height: 350px;
}
.feature-image-bg {
    height: 350px;
    position: relative;
    overflow: hidden;
    background: url(../Assets/feature-image-container-background.jpg) no-repeat;	
}
.feature-image-content {
    top: 6rem;
}

	@media only screen and (max-width: 40em) {
		.feature-image-container {
			height: 300px;
		}
		.feature-image-bg {
			height: 300px;
		}	
		.feature-image-content {
			width: 100%;
			left: 0;
			top: 2.5rem;
		}
	}
	
	/* CER Score */
	.cer-score-container h1, .cer-score-container h2, .cer-score-container h3, .cer-score-container p {
		color: #FFF;
	}
	.cer-score-container h2 {
		font-size:3rem;
		margin-bottom:2rem !important;
	}
	.cer-score-container h3 {
		font-size:3rem;
		margin:0;
	}
	.cer-score-container p {
		margin:0;
	}
	
	
	@media only screen and (max-width: 40em) {	
		.cer-score-container h2 {
			font-size: 1.8rem;
			margin-bottom: 2rem !important;
		}	
		.cer-score-container h3 {
			font-size: 2.6rem;
			margin: 0;
		}		
		.cer-sales-score, .cer-service-score {
			width: 100%;
		}				
		.cer-sales-score {
			margin-bottom: 0.5rem;
		}				
	}



/* Latest Used Bikes */
[class*="block-grid-"].latest-used {
    margin: 0;
}
[class*="block-grid-"].latest-used > li {
    padding: 0 0.25rem;
}
.LatestUsedBike .panel {
    background-color: #FFF;
    color: #1a1a1a;
    margin: 0;
    padding: 1px;
    text-align: center;
    border: 0;
    box-shadow: 0 14px 24px rgba(0,0,0,0.25);
}
.LatestUsedTitle h3.UsedTitle {
	font-family: 'delta_probook',Arial,sans-serif;
	color: #1a1a1a;
    font-size: 0.8rem;
    line-height: 1.2rem;
    margin: 0;
    padding: 0;
}
div.LatestUsedTitle {
	padding: 0.5rem 0.5rem 0 0.5rem;
}
div.LatestUsedPrice {
	padding: 0 0.5rem 0 0.5rem;
}
div.LatestUsedTitle { 
	background-color:#FFF;
}
div.LatestUsedPrice {
    background-color: #FFF;
}
div.LatestUsedButton { 
	padding: 1rem 0.5rem;
}
div.LatestUsedButton .button.small {
    width: 100%;
    margin: 0;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
	text-transform: none;
}
div.LatestUsedButton a {
    font-family: 'delta_promedium',Arial,sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
}
div.LatestUsedButton a .fa {
    font-size: 0.7rem;
    position: relative;
    top: -1px;
    margin-left: 10px;
}
div.LatestUsedImage {
	margin-bottom:0;
	position: relative;
}
div.LatestUsedImage:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 8px 10px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: 0;
    z-index: 3;
}
.LatestUsedPrice h3.UsedPrice {
	font-family: 'delta_probold',Arial,sans-serif;
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #5AAC26;
    margin: 0; 
}
.LatestUsedPrice h3.UsedPrice span {
	color:#1A4687;
	font-size:1.2rem;
	font-weight:600;
}
.LatestUsedPrice p.latest-used-from-price {
    color: #1a1a1a;
    font-size: 0.9rem;
    font-weight: 400;
	margin: 0;
}
.LatestUsedPrice p.latest-used-from-price span {
	color: #1A4687;
	font-weight: 600;
}
.h2-link {
    margin: 1rem 0 0 0;
    font-size: 1rem !important;
    color: #d8d8d8;
} 
.h2-link:hover {
    color: #FFF;
} 

	/* View All Button */
	.button.view-latest-used {
		margin: 3rem 0 1rem 0;
	}	

	/* Latest Approved Used */
	.LatestUsedBike.approved-used .LatestUsedImage {
		position: relative;
	}
	.LatestUsedBike.approved-used .kawasaki-select-logo {
		position: absolute;
		top: 10px;
		left: 20px;
		z-index: 10;
	}
	.LatestUsedBike.approved-used .kawasaki-select-logo img {
		width:130px;
	}
	


/* Latest News */
section.latest-news-container {
	background: #000 url(../Assets/latrest-news-background.jpg) center top;
    background-size: cover;
    padding: 2rem 0;
    margin-bottom: 1rem;
    position: relative;
}
section.latest-news-container:before {
    content: "";
    height: 35px;
    background: url(../Assets/top-grunge-edge.png) repeat center top;
    position: absolute;
    float: left;
    width: 100%;
    margin: 0 auto;
    top: -5px;
    left: 0;
}
section.latest-news-container:after {
    content: "";
    height: 35px;
    background: url(../Assets/bottom-grunge-edge.png) repeat center bottom;
    position: absolute;
    float: left;
    width: 100%;
    margin: 0 auto;
    bottom: 0;
    left: 0;
}
.panel.latest-news-home-container {
    background: #FFF url(../Assets/grunge-background-large.png) no-repeat center top;
    background-size: cover;	
} 
.panel.latest-news-home-container .button.dark {
	background-color: #5AAC26;
}
.latest-news-home a, .news-item a {
    font-family: 'delta_probold',Arial,sans-serif;
    text-transform: uppercase;
}
.latest-news-home a .fa, .news-item a .fa {
    font-size: 0.8rem;
    position: relative;
    top: -1px;
    margin-left: 5px;
}
.latest-news-home a:hover .fa, .news-item a:hover .fa  {
    animation: bounce-arrow 1s linear infinite;
}
.latest-news-details-container {
    position: relative;
    top: 5rem;
}
p.latest-news-home-title {
    font-size: 1.6rem;
    line-height: 1.8rem;
}
p.news-item-desc, p.latest-news-home-desc {
    font-size: 1rem;
    font-weight: 400;
}
.latest-news {
    border: 2px solid #333333;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
	background: #FFF url(../Assets/grunge-background.png) no-repeat center top;
    background-size: cover;
    padding: 0.5rem; 
}
.latest-news-home-container .row:last-child .latest-news-home {
    border-bottom: 0px solid #f1f1f1;
	margin-bottom: 0;
	padding: 0 0 0 0;
}
p.latest-news-desc {
    color: #1a1a1a;
}
.button.view-latest-news {
    z-index: 1;
}
	@media only screen and (max-width: 40em) {	
		p.latest-news-home-title {
			font-size: 1rem;
			line-height: 1.2rem;
			margin: 0.5rem 0;
		}	
		p.latest-news-home-desc {
			display: none;
		}
		.latest-news-details-container {
			position: relative;
			top: 0;
		}
		
	}
	
	/* Faceboook Dropshadow */
	.fb-page {
		box-shadow: 0 14px 24px rgba(0,0,0,0.25);
	}	
	
	
	
/* Meet the Team */
.panel.team-sidenav {
    background: #FFF url(../Assets/grunge-background-side-nav.png) no-repeat center top;
    background-size: cover;	
}
.panel.team-sidenav .side-nav li {
    margin: 0 0 0 0;
    background-color: transparent;
    border-bottom: 1px solid #e6e6e6;
}
.panel.team-sidenav .side-nav li a:not(.button) {
    color: #1a1a1a;
    font-size: 16px;
    font-family: "delta_promedium",Arial,sans-serif;
    padding: 1.2375rem 1.375rem;
}
.panel.team-sidenav .side-nav li:hover a:not(.button) {
    color: #5AAC26;
}
.panel.team-sidenav .side-nav li a .fa {
    font-size: 0.7rem;
    margin-left: 10px;	
}
.panel.team-sidenav .side-nav li:hover a .fa {
    animation: bounce-arrow 1s linear infinite;
}


	
/* New Models */
.model-category .panel {
    background: #000 url(../Assets/sponsors-bg.jpg) no-repeat center top;
    background-size: cover;
    position: relative;
}
.model-category-info {
    background: #FFF url(../Assets/grunge-background.png) no-repeat center top;
    background-size: cover;
}
.model-category-text a {
    color: #1a1a1a;
}


/* Footer Styles */
footer h2, .footer h2, footer h3, .footer h3 {
   font-family: 'grandmas_televisionregular';
}
footer h4, .footer h4 {
    font-family: 'Open Sans', sans-serif;
	color: #FFF;
	font-weight: bold;
	text-transform: none;
	margin: 1rem 0 0 0;
}
footer .button.dark, .footer .button.dark {
	background: #000;
	border: 1px solid #4B4B4B;
	color: #FFF;
    margin-bottom: 0.5rem;
}
footer .button.dark .fa, .footer .button.dark .fa {
	color: #69BE28;
}
section.sub-footer {
	background: #000;
} 
section.sub-footer p.copyright {
	text-align: left;
} 
section.sub-footer p.terms {
	text-align: right;
}
.footer li, footer li {
    font-size: 0.8rem;
    margin: 0 0 0.2rem 0;
}
footer label, .footer label {
    color: #FFF;
    font-size: 0.8rem;
    margin-bottom: 0.2rem;
    font-weight: 600;
    letter-spacing: 0.8px;
}
	/* Mailchimp Form */
	 #mc_embed_signup {
		margin-top: 1rem;
	 }	
	 #mc_embed_signup .button {
		margin-top: 0.5rem;
	 }	



/* Footer Social Icons */
footer .social-icons {
	float: left;
    width: auto;
    margin: 1rem 0;
}
footer .social-icons a, footer .social-icons .fa {
	color:#FFF;
	opacity: 1;
	transition: all 0.3s ease;
	transition-delay: 0.15s;	
}
footer .social-icons .fa.fa-facebook {
	background: #4267b2;
} 
footer .social-icons .fa.fa-twitter {
	background: #4AB3F4;
}
footer .social-icons a:hover, footer .social-icons .fa:hover {
	color:#FFF;
	opacity: 1;
}
footer .social-icons .fa-stack.fa-lg{ 
	font-size: 20px;
}
footer .fa-stack-1x {
	border: 1px solid #000;
}	


 
/* Hide Contact Page Details */
span.contact-details-telephone, .contact-opening-hours-container {
	display: none;
}


/* Shop Overrides */
body.shop-page section.white {
    background-color: white;
    background: #000 url(../Assets/site-bg.jpg) bottom center no-repeat scroll;
    background-size: cover;
    background-position-y: 0;
}
body.shop-page .shop-container {
    background-color: white;
    padding: 1.25rem;
}
.shop.breadcrumbs > *.current a {
    cursor: default;
    color: #FFF;
}
.shop-item-container img {
    margin: 0 0 1.5rem 0;
}
.search-container {
    display: none;
}
.shop-header h1, .shop-header h2 {
    line-height: 1;
    padding: 1.8rem 1rem;
    margin: 0rem 0 0 0;
    font-size: 1.6rem;
}
.shop-header h1 span {
    display: none;
}
.share-this-container {
	display: none;
}
li.shop-returns-policy, li.shop-delivery-info {
	display: none;
}