/** mazda styling **/

.mazda .login-mainlogo img {width:60%;}
.mazda .login-mainlogo{
    background:#666666b3;
}
.mazda .login-info h3{
    color:#000000;
}


.mazda .login-page .lost-password,
.mazda .login-page .lost-password.proceed-site,
.mazda .login-middle p a{
    color:#000000;
    text-decoration:underline;
}

.mazda #loginform input[type=submit],
.mazda .pmpro_member_log_out a,
.mazda .pmpro_btn {
    background:#666666;
}



/* mazda slideshow */
.homepage-slideshow {
	position: relative;
}

.homepage-slideshow__inner {
	position: relative;
}

.homepage-slideshow__slide {
	position: relative;
}

.homepage-slideshow__media {
	position: relative;
	aspect-ratio: 2 / 1;
	overflow: hidden;
	background: #222;
}

.homepage-slideshow__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.homepage-slideshow__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		90deg,
		rgba(0, 0, 0, 0.55) 0%,
		rgba(0, 0, 0, 0.35) 30%,
		rgba(0, 0, 0, 0.15) 55%,
		rgba(0, 0, 0, 0.05) 100%
	);
	pointer-events: none;
}

.homepage-slideshow__overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: min(540px, 90%);
	padding: 2.5rem 2.5rem 8rem;
	color: #fff;
}

.homepage-slideshow__title {
	margin: 0 0 1.8rem;
	font-size: clamp(2.2rem, 2vw + 1.2rem, 2.8rem);
	line-height: 1.05;
	font-weight: 500;
	color: #fff;
}

.homepage-slideshow__description {
	margin-bottom: 1.5rem;
	font-size: clamp(1rem, 1.4vw, 1.35rem);
	line-height: 1.5;
	color: #fff;
}

.homepage-slideshow__description p,
.homepage-slideshow__description * {
	color: #fff;
}

.homepage-slideshow__description p {
	margin: 0 0 1rem;
}

.homepage-slideshow__link-wrap {
	margin: 0;
}

.homepage-slideshow__link {
	color: #fff;
	text-decoration: none;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: clamp(1.3rem, 1.8vw, 1.7rem);
	font-weight: 700;
	line-height: 1.1;
}

.homepage-slideshow__link:hover,
.homepage-slideshow__link:focus {
	color: #aed8e0;
}

@media (min-width: 991px) and (max-width:1199px) {
	.homepage-slideshow__media {
		aspect-ratio: 3 / 2;
	}
}
@media (max-width: 767px) {
    .homepage-slideshow{
        order:0!important;
    }
	.homepage-slideshow__media {
		max-height: 300px;
		aspect-ratio: unset;
	}
	
	.homepage-slideshow__overlay {
		width: 100%;
		padding: 1.25rem 1.25rem 5.5rem;
	}

	.homepage-slideshow__title {
		font-size: clamp(2rem, 5vw, 2.4rem);
	}
}

/* simple arrow fix */
.homepage-slideshow .slick-prev,
.homepage-slideshow .slick-next {
	position: absolute;
	top: auto;
	bottom: 2rem;
	z-index: 3;
	width: 70px;
	height: 78px;
	padding: 0;
	margin: 0;
	border: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 50px 50px;
	box-shadow: none;
	transform: none;
	transition: all 0.2s ease-in-out;
	font-size: 0;
	line-height: 0;
	color: transparent;
	cursor: pointer;
	border-radius: 0!important;
	display: block;
	appearance: none;
	-webkit-appearance: none;
	min-width: 0!important;
}

.homepage-slideshow .slick-prev {
	left: 2.5rem;
	right: auto;
	background-position: center left;
	background-image: url('../images/sliderarrow-left.svg');
}

.homepage-slideshow .slick-next {
	left: 7.25rem;
	right: auto;
	background-position: center right;
	background-image: url('../images/sliderarrow-right.svg');
}

.homepage-slideshow .slick-prev::before,
.homepage-slideshow .slick-next::before,
.homepage-slideshow .slick-prev::after,
.homepage-slideshow .slick-next::after {
	content: none !important;
	display: none !important;
}

.homepage-slideshow .slick-prev:hover,
.homepage-slideshow .slick-next:hover,
.homepage-slideshow .slick-prev:focus,
.homepage-slideshow .slick-next:focus,
.homepage-slideshow .slick-prev:active,
.homepage-slideshow .slick-next:active {
	background-repeat: no-repeat!important;
	background-size: 60px 60px!important;
}

.homepage-slideshow .slick-prev:hover,
.homepage-slideshow .slick-prev:focus,
.homepage-slideshow .slick-prev:active {
	background-image: url('../images/sliderarrow-left.svg') !important;
	background-position: center left!important;
}

.homepage-slideshow .slick-next:hover,
.homepage-slideshow .slick-next:focus,
.homepage-slideshow .slick-next:active {
	background-image: url('../images/sliderarrow-right.svg') !important;
	background-position: center right!important;
}

@media (max-width: 767px) {
	.homepage-slideshow .slick-prev,
	.homepage-slideshow .slick-next,
	.homepage-slideshow .slick-prev:hover,
	.homepage-slideshow .slick-next:hover,
	.homepage-slideshow .slick-prev:focus,
	.homepage-slideshow .slick-next:focus,
	.homepage-slideshow .slick-prev:active,
	.homepage-slideshow .slick-next:active {
		bottom: 1rem;
		width: 50px!important;
		height: 30px!important;
		background-size: 28px 28px!important;
	}

	.homepage-slideshow .slick-prev {
		left: 1.25rem;
	}

	.homepage-slideshow .slick-next {
		left: 3rem;
	}
}



/* logged in logo */
.header-logo span {
    padding-top: 25px;
}
@media (max-width: 1400px) {
    .header-logo a img { width: 400px; height:auto; }
    .header-logo span { font-size: 28px; margin-left: 124px; padding-top: 0; clear:both; display: block; margin-top: -4px; }
    .site-header { padding-bottom:0; }
}
@media (max-width: 1199px) {
    .header-logo a img { width: 300px; } 
    .header-logo span { margin-left: 124px; font-size: 24px; padding-top: 0; margin-top: -10px; }
}
@media (max-width: 991px) {
    .header-logo a img { width: 300px; }
    .header-logo span { margin-left: 94px; font-size: 20px; padding-top: 15px; }
}
@media (max-width: 767px) {
    .header-logo { width: 100%; padding: 0 11px; } 
    .header-logo span { margin-left: 94px; font-size: 18px; padding-top: 12px; }
}
@media (max-width: 413px) {
    .header-logo a img { width: 300px; } 
    .header-logo span { margin-left: 94px; font-size: 18px; padding-top: 12px; padding-bottom:7px; }
}