/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://elementor.com/
 Description:  Hello Elementor Child Theme
 Author:       Elan Design
 Author URI:   https://www.elandesign.co.nz/
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  hello-elementor-child
*/
/*Top Header bar*/
a {
    text-decoration: none !important;
}
#site-header {
    padding-bottom: 5px;
    padding-top: 10px;
    background-color: #eb2027;
    background-image: url(https://www.imgl.co.nz/wp-content/uploads/2023/08/mast-header-background.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.site-branding {
    position: relative;
    left: 40px;
}
#site-header a{
	color: #ffffff;
}
/*.site-navigation ul.menu {
    position: relative;
    top: 10px;
}*/
.site-navigation {
    align-items: end !important;
}
.site-navigation .menu-top-header-menu-container {
    position: relative;
    top: -15px;
}
.site-navigation ul.menu li a {
    color: #58595b;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
	padding: 8px 20px !important;
}
li#menu-item-19 {
    margin-right: 10px;
}
li#menu-item-15::after, li#menu-item-16::after, li#menu-item-17::after, li#menu-item-18::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 55%;
    background: #8dc63f;
    top: 10px;
    right: 0;
}
li#menu-item-63 a {
    padding-left: 10px !important;
}
li#menu-item-62 a span::before {
    font-size: 25px;
    border: 3px solid #58595b;
    border-radius: 50%;
    padding: 4px;
    position: relative;
    top: -2px;
}
li#menu-item-63 a span::before {
    font-size: 45px;
    position: relative;
    top: -12px;
}
.main-header-menu {
    background-color: #e6e7e8;
}
.main-header-menu .main-header-menu-inner {
    max-width: 1220px;
    margin: 0 auto;
}
.main-header-menu .current-menu-item a {
    background: #ec1c24;
    color: #fff !important;
}
li#menu-item-40 a span::before {
    font-size: 42px;
    position: relative;
    top: -11px;
    color: #bcbdbf;
}
#menu-item-41 a {
    color: #bcbdbf;
    position: relative;
    top: 0px;
	left: -10px;
}
#menu-item-41 a span::before {
    font-size: 22px;
    border: 3px solid #bcbdbf;
    border-radius: 50%;
    padding: 4px;
    position: relative;
    top: -1px;
}
#menu-item-39 a {
    color: #fff;
}
.elementor img{
	display:block;
}
.site-navigation ul.menu li:hover>ul {
    display: none !important;
}
.mobile-phone-msg-block{
	display: none;
}
/*Top slider*/
[data-alt="mahindraScorpio"] img {
    transform: scale(1.5) translate(-37px, 20px);
}
.finance-and-discover-btns .n-uc-T01LzfNsRPMa a {
    border-bottom: 0 !important;
}
.n-uc-03kTtEV8deI3 a {
    border-bottom: none !important;
}
.kia-76990 span {
    color: #cccecf;
    font-size: 15px;
    text-align: left;
}
div#n2-ss-2item18 span:nth-child(2) {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 7px;
}
div#n2-ss-2item18 span {
    position: relative;
}
div#n2-ss-2item18 span:first-child:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 95%;
    background: #ed1c25;
    top: 0;
    right: -2px;
}
div#n2-ss-2item18 span:last-child:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 95%;
    background: #ed1c25;
    top: 0;
    left: -1px;
}
div#n2-ss-2item13 {
    position: relative;
}
div#n2-ss-2item13:before {
	content: "";
    position: absolute;
    width: 100px;
    height: 2px;
    background: #ed1c25;
    right: 0;
    top: 0;
}
.brands-drop-down-links .wp-block-cover__inner-container {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
}
.brands-drop-down-links .wp-block-cover__inner-container p {
    margin: 0;
    height: 100%;
}
.brands-drop-down-links .wp-block-cover__inner-container p a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 1.5rem 1rem;
}
/*All pages titles*/
.ignition-title h1 {
    position: relative;
    z-index: 2;
}
.ignition-title h1::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -5px;
    width: 45%;
    height: 55px;
    background: #000;
    transform: translate(-50%) skewX(20deg);
    z-index: -1;
}
.ignition-title.about-title h1::before {
    height: 70px;
    top: -14px;
}
.ignition-title.parts-title h1::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -13px;
    width: 48%;
    padding: 50px;
    background: #000;
    transform: translate(-50%) skewX(20deg);
    z-index: -1;
}
.ignition-title.parts-title h1::after {
    content: "Specialists in Kia, Peugeot and Mahindra Parts";
    color: red;
    position: absolute;
    left: 0;
    font-weight: 500;
    bottom: -15px;
    font-size: 18px;
    text-align: center;
    width: 100%;
}
.ignition-title.service-title h1::before {
    width: 68%;
}
.ignition-title.tyres-title h1 span {
    color: #fff;
}
.ignition-title.tyres-title h1::before {
    width: 60%;
    height: 85px;
    top: -16px;
}
.ignition-title.finance-title h1 span {
    color: #fff;
}
.ignition-title.about-title h1 span {
    color: #fff;
}
.ignition-title.service-title h1 span {
    color: #fff;
}
/* header drop down widget area */
.main-header-menu-inner {
	position: relative;
}
#header-drop-down-widget {
    position: absolute;
    z-index: 99999;
    top: 10rem;
    visibility: hidden;
    opacity: 0;
    transition: all ease .5s;
    background: #000000;
    padding: 35px 3%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
#header-drop-down-widget.activeWidget {
    visibility: visible;
    opacity: 1;
    top: 2.46rem;
}
#header-drop-down-widget ul{
	padding-left: 10px;
}
#header-drop-down-widget p {
    line-height: 1.1;
}
#header-drop-down-widget a {
    color: #ffffff;
}
#header-drop-down-widget h5 {
	margin-bottom: 7px;
}
#header-drop-down-widget figure {
    margin-bottom: 5px;
}
/* header drop down widget area end */
#menu-cars-menu {
    display: flex;
    list-style: none;
    justify-content: space-around;
    background: #e6e7e8;
    position: relative;
    bottom: -10px;
}
#menu-cars-menu li {
    padding: 20px 30px;
    background: #e6e7e8;
}
#menu-cars-menu a {
    color: #6d6e71;
    font-weight: 500;
}
/* Home Page */
.better-team-to-partner-with {
    position: relative;
    top: -30px;
}
.elementor-element-f80e99e .elementor-widget-wrap {
    position: relative;
}
.elementor-element-f80e99e .elementor-widget-wrap::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 70%;
    background: #e71c24;
    right: 9px;
    top: 27px;
}
.elementor-element-b203e2d .elementor-widget-wrap {
    position: relative;
}
.elementor-element-b203e2d .elementor-widget-wrap::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 70%;
    background: #e71c24;
    left: -25px;
    top: 27px;
}
.wpr-testimonial-content-inner {
    position: relative;
    background-color: transparent !important;
}
.testimonials-block .elementor-element {
    margin-bottom: 0 !important;
}
/*Home Slider CSS*/
figcaption {
    position: absolute;
	width: 100%;
    top: 2rem;
    color: #fff;
	text-align:left !important;
	font-style: normal;
}
.first-slide {
    display: flex;
	max-width: 1030px;
	margin: 0 auto;
    column-gap: 1.7rem;
}
.first-slide .left-first-slide-area {
    position: relative;
}
.first-slide .left-first-slide-area::after {
    content: "";
    position: absolute;
    top: 5px;
    right: -14px;
    width: 2px;
    height: 75%;
    background: #e71c24;
    z-index: 99;
}
.first-slide .left-first-slide-area h2 {
    font-weight: 800;
    line-height: 40px;
    font-size: 2.5rem;
    font-style: normal;
}
.first-slide .right-first-slide-area .right-block-one {
    display: flex;
    column-gap: 1rem;
}
.first-slide .right-first-slide-area .right-block-one h3{
	color: #b7b9bb;
}
.first-slide .right-first-slide-area .right-block-one p {
    font-size: 12px;
    width: 30px;
    line-height: 11px;
	color: #b7b9bb;
	position: relative;
}
.first-slide .right-first-slide-area .right-block-one p::before {
    content: "";
    position: absolute;
    top: 3px;
    left: -10px;
    width: 2px;
    height: 88%;
    background: #e71c24;
    z-index: 99;
}
.first-slide .right-first-slide-area .right-block-two {
    display: flex;
    align-items: center;
    column-gap: 1rem;
}
.first-slide .right-first-slide-area .right-block-two h3 {
    font-size: 4rem;
    font-weight: 800;
    color: #e71c24;
    line-height: 60px;
    letter-spacing: -4px;
}
.first-slide .right-first-slide-area .right-block-two p {
    line-height: 15px;
    color: #b7b9bb;
}
.first-slide .right-first-slide-area .right-block-three p {
    color: #b7b9bb;
    font-size: 12px;
    line-height: 20px;
}
.second-slide {
    max-width: 1000px;
    margin: 0 auto;
    /* text-align: right; */
    display: flex;
    justify-content: end;
}
.second-slide .second-slide-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: end;
    align-items: center;
}
.second-slide .second-slide-inner h2 {
    grid-column-start: 1;
    grid-column-end: 3;
    color: #cccecf;
    font-weight: 600;
}
.second-slide .second-slide-inner > p {
    grid-column-start: 1;
    grid-column-end: 3;
    color: #cccecf;
    line-height: 45px;
    font-size: 14px;
    text-indent: 10px;
    font-weight: 200;
}
.second-slide .second-slide-inner .price-text h3 {
    font-size: 4rem;
    font-weight: 800;
    color: #e71c24;
    line-height: 45px;
}
.second-slide .second-slide-inner .term-text {
    color: #cccecf;
}
.second-slide .second-slide-inner .term-text p {
    line-height: 15px;
}
/*Category pages*/
.pdf-resources-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 600px;
    align-items: center;
    align-content: center;
    margin: 0 auto;
}
.pdf-resources-list p {
    margin: 20px 0;
}
/*About page css*/
/*.company-history-block {
    position: relative;
    top: -14rem;
    z-index: -1;
}*/
/*Finance Page Css*/
.black-finance-block {
    position: relative;
}
.black-finance-block::before{
	content: "";
	position: absolute;
	top:-60px;
	left:0;
	background: #000;
	width: 100%;
	height: 300px;
	z-index: -1;
}
/*Parts page css*/
.parts-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 15px;
    justify-content: space-between;
}
.personal-details{
	margin-top: 2.5rem;
}
.parts-form h3 {
    grid-column-start: 1;
    grid-column-end: 3;
    font-size: 1.5rem;
    font-weight: 700;
}
.parts-form-fields.full-width {
    grid-column-start: 1;
    grid-column-end: 3;
}
.parts-form-fields.submit-btn {
    display: flex;
    align-items: center;
    margin-left: 25px;
}
.parts-form-fields.submit-btn p{
	width: 100%;
}
p.notice-para {
    margin-bottom: 2rem;
}
.parts-form input, .parts-form textarea {
    background-color: #f1f2f2;
    border: 1px solid #adb1b1;
    border-radius: 0;
}
.parts-form input[type="submit"] {
    width: 100%;
    background: #ed1c24;
    border: none;
    color: #fff;
    font-weight: 600;
    border-radius: 0;
}
/*services page*/
.elementor-element-b0a6bc9 {
    position: relative;
    top: -2.5rem;
}
/*Contact page css*/
.contact-page-main-block h1 span, .contact-page-main-block h2 span {
    color: #ed1c25;
}
.contact-page-left-block h3{
	display: none;
}
.contact-page-left-block .elementor-icon-box-icon {
    position: relative;
    top: 10px;
}
.contact-form-main {
    /*display: flex;
    justify-content: space-between;
    column-gap: 5rem;*/
}
.contact-form-left {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 15px;
    justify-content: space-between;
    max-width: 57%;
    float: left;
    row-gap: 3rem;
    margin-right: 8%;
	position: relative;
}
.contact-form-left::before {
    content: "";
    position: absolute;
    height: 86%;
    width: 1px;
    background: #f1f1f1;
    left: -50px;
    top: 10%;
}
.contact-form-left h2 {
    grid-column-start: 1;
    grid-column-end: 3;
    font-size: 35px;
    font-weight: 700;
    margin-top: 0;
    line-height: 1;
    margin-bottom: 0;
}
.contact-form-left-fields.full-width {
    grid-column-start: 1;
    grid-column-end: 3;
    margin-bottom: 0.7rem;
}
.contact-form-left-fields.submit-btn {
    display: flex;
    align-items: center;
    margin-left: 25px;
}
.contact-form-left-fields.submit-btn p{
	width: 100%;
}
.contact-form-left input, .contact-form-left textarea {
    background-color: #f1f2f2;
    border: 1px solid #adb1b1;
    border-radius: 0;
}

.contact-form-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 15px;
	row-gap: 2px;
    justify-content: space-between;
	max-width: 35%;
	position: relative;
}
.contact-form-right::before {
    content: "";
    position: absolute;
    height: 81%;
    width: 1px;
    background: #f1f1f1;
    left: -36px;
    top: 9%;
}
.contact-form-right .checkbox-block-one label {
    display: flex;
    column-gap: 0.5rem;
    justify-content: center;
	align-items: center;
}
.contact-form-right .checkbox-block-two label {
    display: flex;
    column-gap: 0.5rem;
    justify-content: center;
	align-items: center;
}
.contact-form-right .checkbox-block-one label input[type="checkbox"] {
    width: 50px;
	height: 50px;
}
.contact-form-right .checkbox-block-two label input[type="checkbox"] {
    width: 35px;
	height: 35px;
}
.contact-form-right h2 {
    grid-column-start: 1;
    grid-column-end: 3;
    font-size: 35px;
    font-weight: 700;
    margin-top: 0;
    line-height: 1;
    margin-bottom: 2.3rem;
}
.contact-form-right h3 {
    grid-column-start: 1;
    grid-column-end: 3;
    font-size: 1.5rem;
    font-weight: 700;
}
.contact-form-right p {
    grid-column-start: 1;
    grid-column-end: 3;
}
.contact-form-right-fields.full-width {
    grid-column-start: 1;
    grid-column-end: 3;
}
.contact-form-right-fields.submit-btn {
    /*display: flex;
    align-items: center;*/
	text-align: right;
    margin-left: 25px;
}
.contact-form-right-fields.submit-btn p {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
    width: 100%;
}
.contact-form-right-fields.submit-btn p input[type="submit"] {
    background: #ed1c24;
    color: #fff;
    font-weight: 600;
    border: 0;
}
.contact-form-right input, .contact-form-right textarea {
    background-color: #f1f2f2;
    border: 1px solid #adb1b1;
    border-radius: 0;
}
.contact-form-right span.wpcf7-form-control {
    display: flex;
    justify-content: space-between;
}
.contact-form-right span.wpcf7-form-control span{
	margin: 0;
}
/*Footer Css*/
.footer-widget-area {
    min-height: 200px;
	width: 100%;
    display: flex;
    align-items: center;
	background-color: #d1d3d4;
	padding-top:0;
}
#footer-area-one, #footer-area-two, #footer-area-three {
    padding: 4rem 0;
}
.archive .footer-widget-area {
    margin-top: 5rem;
}
.footer-widget-area-inner {
    display: flex;
    justify-content: space-between;
    min-width: 1200px;
    /* align-items: center; */
    margin: 0 auto;
	padding: 0 15px;
}
#footer-area-one {
    width: 25%;
}
#footer-area-two, #footer-area-three, #footer-area-four {
    width: 25%;
}
#footer-area-four p {
    margin: 0;
}
.footer-widget-area ul {
    list-style: none;
}
.footer-widget-area ul a {
    color: #808285;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 30px;
}
.site-footer .footer-inner {
    max-width: 1200px !important;
	justify-content: right !important;
}
.site-footer .footer-inner ul li a{
	color: #cfd1d2;
	font-size: 0.7rem;
	padding: 5px 15px !important;
}
.footer-widget-area h2 {
    color: #d1d3d4;
    /*font-size: 1.5rem;*/
	font-size: 15pt;
	font-weight: 700;
    margin-bottom: 1rem;
	font-family: 'Montserrat';
}
.footer-widget-area p {
    color: #808285;
    /* font-size: 1.16rem; */
    font-family: 'Montserrat';
    font-size: 12pt;
    line-height: 1.3;
    margin-bottom: 10px;
}
#footer-area-two {
	position: relative;
}
#footer-area-two::before {
    position: absolute;
    content: "";
    left: -35px;
    height: 70%;
    width: 2px;
    background: #a7a9ac;
    top: 45px;
}
#footer-area-three{
	position: relative;
}
#footer-area-three::before {
    position: absolute;
    content: "";
    left: -25px;
    height: 70%;
    width: 2px;
    background: #a7a9ac;
    top: 45px;
}
.site-footer{
	background-color: #919396;
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}
.site-footer p{
	color: #a7a9ac;
	font-size: 16px;
	font-family: 'Montserrat';
	padding: 0 15px;
}
.site-footer:not(.footer-stacked) .footer-inner .copyright {
    max-width: 100%;
}
.copyright p {
    text-align: center;
    padding: 10px 20px;
    font-size: 10px;
    background: #444444;
    color: #efeeee;
    letter-spacing: 1.5px;
	margin:0;
}
.copyright p a {
    color: #ed1c24;
}
@media screen and (max-width: 820px) {
	/*Header Area*/
	#site-header {
		background-position: -30rem bottom;
		padding-bottom: 10px;
	}
	.site-branding{
		max-width: 65%;
	}
	#site-header img{
		width: 75%;
	}
	.site-navigation-toggle-holder i {
		font-size: 2.2rem;
	}
	/*Mobile hamburger menu and mobile menu*/
	.hamburger {
		position: absolute;
		cursor: pointer;
		right: 5%;
		top: 50%;
		transform: translate(-5%, -50%);
		z-index: 4;
	}
	.hamburger .line {
		width: 35px;
		height: 3px;
		background: white;
		margin: 5px;
		transition: ease-out .4s;
	}
	.main-header-menu {
		/* display: none; */
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		z-index: 99;
		width: 80%;
		visibility: hidden;
		opacity: 0;
		transition: all 0.5s ease;
		left: -100%;
	}
	.main-header-menu.open {
		/* display: block; */
		opacity: 1;
		visibility: visible;
		left: 0;
		box-shadow: 5px 3px 20px #500205;
	}
	.main-header-menu .main-header-menu-inner {
		height: 100%;
		width:100%;
	}
	.main-header-menu .site-navigation{
		height:100%;
		width:100%;
	}
	.main-header-menu .menu-main-header-menu-container {
		height: 100%;
		width:100%;
	}
	.main-header-menu ul.menu {
		height: 100%;
		flex-direction: column;
    	flex-wrap: nowrap !important;
	}
	.site-navigation ul.menu li {
		width: 100%;
	}
	.site-navigation ul.menu li a {
		width: 100%;
	}
	#header-drop-down-widget {
		display: none;
	}
	.main-header-menu .site-navigation ul.sub-menu {
		display: none !important;
		width: 100%;
	}
	.main-header-menu .site-navigation ul.sub-menu a {
		font-size: 14px;
		padding-left: 30px !important;
	}
	.main-header-menu .site-navigation ul.sub-menu.openChild {
		display: block !important;
	}
	/*Mobile phone and message block*/
	.mobile-phone-msg-block {
		display: block;
	}
	.mobile-phone-msg-block .elementor-widget-wrap {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.mobile-phone-msg-block .elementor-widget-wrap > div {
		display: block;
		width: auto;
	}
	/*Home page*/
	.elementor-element-f80e99e .elementor-widget-wrap::after, .elementor-element-b203e2d .elementor-widget-wrap::after {
		display: none;
	}
	/*Services page*/
	.ignition-title.service-title h1::before {
		width: 95%;
		height: 78px;
	}
	/*Parts page*/
	.ignition-title.parts-title h1::before {
		top: -18px;
		width: 85%;
		height: 35px;
		padding: 40px;
	}
	.ignition-title.parts-title h1::after {
		bottom: -20px;
		font-size: 12px;
	}
	/*Tyres Page*/
	.ignition-title.tyres-title h1::before {
		width: 90%;
		height: 80px;
		top: -27px;
	}
	/*Finance Page*/
	.ignition-title.finance-title h1::before {
		top: -15px;
		width: 90%;
		height: 55px;
	}
	/*About page*/
	.ignition-title.about-title h1::before {
		height: 85px;
		top: -12px;
		width: 82%;
	}
	.wpr-member-image img{
		margin: 0 auto;
	}
	/*Contact page*/
	.contact-form-main {
		flex-direction: column;
		display: flex;
	}
	.contact-form-main > div {
		max-width: 100%;
		row-gap: 1rem;
		margin: 0;
		padding: 0 1rem;
	}
	/*Footer area*/
	.footer-widget-area-inner {
		flex-direction: column;
		min-width: auto;
		row-gap: 5px;
		padding-bottom: 20px;
	}
	#footer-area-one, #footer-area-two, #footer-area-three, #footer-area-four {
		padding: 2rem 0 0 0;
	}
	#footer-area-one {
		max-width: 100%;
	}
	#footer-area-two, #footer-area-three, #footer-area-four {
		max-width: 100%;
	}
	.footer-widget-area ul {
		margin: 0;
		padding: 0;
	}
	.site-footer .footer-inner ul li a {
		padding: 5px 8px !important;
		font-size: 0.6rem;
	}
	#footer-area-one img {
		width: 100%;
	}
	.site-footer {
		padding: 0 !important;
		display: flex;
		min-height: 60px !important;
		justify-content: center;
		align-items: center;
	}
}