/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 6.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

h1,h2,h3,h4,h5,.car-sub-heading p,.button-brand-font span.elementor-button-text,.scroll-to-top a,.contact-icon-box .elementor-icon-box-title a{
	font-family: "brandon-grotesque", sans-serif !important;
}
p, li{
	font-family: "avenir-next-lt-pro", sans-serif !important;
	font-weight: 400;
	font-style: normal;
}


.elementor-nav-menu li a,.banner-heading h1,.contact-heading h2,.avenir-btn span,.custom-buttons span,.custom-popup-form-2 .elementor-button,.search-form .e-search-form input, .search-form .e-search-form .e-search-submit,.custom-icon-list .elementor-icon-list-text,.contact-form label,.contact-form button,.enquire-form label,.enquire-form button,.elementor-field::placeholder,.elementor-field{
			font-family: "avenir-next-lt-pro", sans-serif !important;

}
.discover span{
			font-family: "avenir-next-lt-pro", sans-serif !important;

}
.enquire-now span{
				font-family: "avenir-next-lt-pro", sans-serif !important;

}
/* header css */
#team-header-new, #team-header-showing {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    transition: top 0.3s ease-in-out;
    z-index: 1000;
}
.scroll-to-top{
	display:none;
}

/* header css */

/* homepage css */

.col-right {
    background-size: cover;
    background-position: center center;
	width:47%
}
.featured-slide {
    padding: 50px 0px;
    display: flex;
    gap: 10px;
}
.col-left {
    width: 53%;
}
.col-left h3 {
    text-transform: uppercase;
}
.col-left p {
    color: #000000;
    font-size: 23px;
    line-height: 31.42px;
    font-weight: 400;
	    margin-top: 20px;
}
a.col-left-title {
    color: #000000;
    font-family: "brandon-grotesque", sans-serif;
    font-size: 23px;
    letter-spacing: 0.1em;
    line-height: 33px;
    font-weight: 700;
    text-transform: uppercase;
}
.splide__arrow {
    background: none;
    border: none;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.splide__arrow--prev::before,
.splide__arrow--next::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.splide__arrow--prev::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZT0iI2FmYTk5ZiIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBvbHlsaW5lIHBvaW50cz0iMTUgMTggOSAxMiAxNSA2Ii8+PC9zdmc+");
}

.splide__arrow--next::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZT0iI2FmYTk5ZiIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBvbHlsaW5lIHBvaW50cz0iOSAxNSAxNSAxMiA5IDYiLz48L3N2Zz4=");
}
.splide__arrow--prev {
    left: -4em;
}
.splide__arrow--next {
    right: -3em;
}
.splide__arrow:hover,.splide__arrow:focus {
    background-color: #c3353500;
}
.swiper-button-prev{
	left:0px;
}
.swiper-button-next{
	right:0px;
}

/* home page team slider */

/* Main slide content layout */
.team-slide-content {
    display: flex;
/*     flex-direction: row;
    justify-content: space-between; */
	gap: 45px;
	padding: 0 40px;

}

/* Text section styling */
.team-slide-content .team-text {
	width:100%;

}

.home-slider-title a{
	color: #000;
    font-size: 23px;
	  font-weight: 700;
    line-height: 33px;
	  text-transform: uppercase;
}
.home-slider-description{
	 margin-top: 18px;
    font-size: 23px;
	  font-weight: 400;
    line-height: 31px;
	color: #000;
}
/* Image section styling */
.team-slide-content .team-image {
	width:100%
}

.team-slide-content .team-image img {

 object-fit: cover;
}

.maganiz-featured-img img {
    width: 100%;
}

.swiper-button-prev::after,
.swiper-button-next::after{
color: #afa99f !important;
font-size: 28px !important;
   
}
.swiper-button-next::after {
    right: 10px;
}

.swiper-button-prev::after {
    left: 10px;
}


/* homepage css */

/* hide arrow image on tab and mobile */

/* brands  */
.brand-list{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0;
}

.brand-item {
  width: 32%;
}

.brand-item a {
    display: block;
    padding: 12px;
    background: #f3f3f3;
    text-align: center;
    text-decoration: none;
    color: #333;
    border-radius: 5px;
    transition: background 0.3s;
}

.brand-item a:hover {
    background: #e0e0e0;
}

/* brands  */

/* magzine  code */
img.magazine-image {
    width: 33%;
    height: 225px;
    object-fit: cover;
}
/* .magazine-center-image{
	padding:0px 15px;
} */
.read-more{
	color: #000;
	font-size:22px;
font-weight: 300;
font-family: 'avenir-next-lt-pro';
}

.read-more
Specificity: (0,1,0)
 {
    font-size: 22px;
    font-weight: 300;
    font-family: 'avenir-next-lt-pro';
    color: #000000;
    letter-spacing: 1.6px;
}
h2.magazine-title {
    color: #000000;
    font-size: 26px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 2.6px;
    text-transform: uppercase;
    overflow: hidden;
    margin-top: 18px;
}
h2.magazine-title::after {
    content: "";
    border-bottom: 2px solid #dca34e;
    width: 100%;
    display: inline-block;
    padding-top: 20px;
    margin-left: 15px;
    margin-right: -103%;
}

.magazine-block{
	padding-bottom:80px;
}

/* magazine  code */


/* team member */

.selected-team-members {
    display: flex;
    flex-direction: column;
    gap: 90px;
}

.team-member-title a{
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 37.18px;
    letter-spacing: 1.6px;
    color:black;
}

.team-head-divider{
	margin-bottom: 25px;
}

.team-short-description{
	font-weight: 400;
	color: #000;
	font-size: 22px;
	letter-spacing: 1px;


}
.team-read-more{
	color: #c48837;
	font-size: 23px;
	font-weight: 400;
	line-height: 31px;
	font-family: 'avenir-next-lt-pro';
}

.team-read-more:hover{
	color: #c48837;


}

.wp-custom-button{
	background-color: transparent;
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 21.86px;
    letter-spacing: 1.6px;
    background-image: linear-gradient(89.55deg, #efbe73b5 15.2%, #c5821bb5 80.06%);
    border-radius: 30px 30px 30px 30px;
    padding: 9px 30px 11px 30px;
}

/* team member */


/* Film Page style	 */
	
	.acf-film-wrapper  {
display: flex !important;
		flex-direction: row;
		gap : 40px;
		padding:58px 0;
	
	}
.film-video-wrapper{
	position: relative; display: inline-block;
	width: 100%;
}
.play-button-overlay{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.acf-film-content .film-title a{
	text-transform: uppercase;
	color: #000;
	font-size: 23px;
  font-weight: 700;
	line-height: 32px;
	letter-spacing: 2px;
}
.acf-film-content .film-descripton{
	line-height: 31px;
	font-weight:400;
	font-size: 22px;
	color:#000;
	letter-spacing: 1px;
}
.film-video-wrapper {
    position: relative;
    width: 100%; 
    aspect-ratio: 16/9; 
    overflow: hidden; 
}
.film-video-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.reverse{
	    flex-direction: row-reverse;
}
.acf-film-content {
    width: 100%;

}
.films-head-divider{
	height: 2px; 
	width: 172px; 
	background: #dca34e;
		margin: 10px 0 20px 0;

}
/* cars gallery load more btn */
.cars-gallery-load-more{
	cursor:pointer;
}


/* form submit button style for single car*/
.elementor-field-type-submit .elementor-button {
    background: linear-gradient(to right, #f8d9a4, #d19a41); 
    color: white;
    padding: 12px 30px;
    border: none;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.elementor-field-type-submit .elementor-button:hover {
   background: linear-gradient(89.55deg, #f1a737b5 15.2%, #ba7100b5 80.06%) !important;
}




/* form field color  */
.elementor-6176 .elementor-element.elementor-element-4aba6e4 .elementor-field-group .elementor-field {
    color: #7a7a7a
;
}
	/* Film Page style	 */

/* Car Current stock  */
.car-list{
	display: flex;
	flex-wrap: wrap; 
	gap: 20px;
}
.car-item{
	 width: 32%;
	box-sizing: border-box;
	background-size: cover;
	background-position: center;
	color: white;
	height: 250px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	image-rendering: auto;
}
.sold-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00000059;
}
.sold-overlay span {
	    position: absolute;
    bottom: 35px;
    right: 10px;
    color: #a9a9a9;
	font-family:"avenir-next-lt-pro", sans-serif;
}
.hover-text{
	width:100%;
	color: #fff;
	font-size: 14px;
	position: absolute;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 12px;
    opacity: 0;
	 transition: opacity 0.4s ease, transform 0.4s ease;
    transform: translateY(10px);
	  max-height: 72%;
    overflow-y: auto;
}
img.flag-img {
    width: 29px;
}
.car-item:hover .hover-text {
    opacity: 1;
	transform: translateY(0);
}
.car-h3{
	position: absolute;
    width: 100%;
    bottom: 0px;
}
.car-item h3 {
    padding: 10px;
    background: #082626;
    color: #fff;
    font-family: "avenir-next-lt-pro", sans-serif !important;
    font-size:11px;
    font-weight: 400;
    line-height: 15px;
}
.location-div{
	position: absolute;
    bottom: 12%;
    right: 3%;
}
.car-flag{
	padding: 0px;
	font-size:25px;
}
.car-location-label{
	padding: 0px 7px;
    font-size: 15px;
    background: rgba(0, 0, 0, 0.6);
	 opacity: 0;
	 transition: opacity 0.4s ease, transform 0.4s ease;
    transform: translateY(10px);
	color:#fff;
}
.car-item:hover .car-location-label {
	color:#ffff;
    opacity: 1;
	transform: translateY(0);
}
/* Car Current stock  */

/* search page  */
section.ast-archive-description {
    position: relative;
    height: 400px;
    background: #666666;
    max-width: 100% !important;
    margin-top: 0px !important;
}
.search .ast-archive-description > *:not(:last-child) {
    position: absolute;
    margin-bottom: 10px;
    bottom: 10px;
	left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-transform: uppercase;
}
.search .ast-breadcrumbs-wrapper {
    display: none;
}
.search .site-main{
	max-width: 1140px;
    margin: 0 auto;
}
.search h2 a{
	text-transform: uppercase !important;
}
.search .entry-meta{
	display:none;
	
}
.search .ast-article-inner{
	height:400px
}
/* search page  */

/* car detail */
.email-pdf{
	text-align: center;
    display: block;
    margin-top: 8%;
}
/* car detail */
@media (max-width: 1234px) {
	.splide__arrow--next {
    right: -1em;
}
.splide__arrow--prev {
    left: -2em;
}

}
@media (max-width: 1024px) { 
/* Tablet and smaller */
  .arrow-img {
    background-image: none !important;
  }
		.splide__arrow--prev {
    left: 0em;
}
	.splide__arrow--next{
		right:0em;
	}
	.magazine-center-image{
	padding:0px !important;
}
	.team-short-description {
    font-size: 17px;
}
}
	
	
/* Tablet (screen width between 768px and 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
.car-list {
    justify-content: center;
}
	.car-item {
    width: 31%;
	}

/* magazine */
  h2.maganize-title {
    font-size: 20px;
    line-height: 40px;
  }
  
  .read-more {
    font-size: 18px;
  }
	 img.magazine-image {
    width: 32.8%;
	height: 180px;
}

/* team */

	.team-member{
		flex-direction: column !important;
	}

}

/* Mobile (screen width below 768px) */
@media (max-width: 767px) {
/* 	homepage */
.featured-slide{
		padding: 40px 0px;
    display: block;
	}
	.col-left,.col-right  {
		width:100%;
	}
	.col-left p {
		display:none;
	}
	.col-right{
		height: 340px;
		margin-top:20px;
	}
/* 	homepage */
/* magazine */
h2.magazine-title {
    font-size: 20px !important;
    line-height: 26px;
  }
  
  .read-more {
    font-size: 21px;
  }
	.hide-on-mobile{
		display:none !important;
	}
/*  img.magazine-image {
    width: 238px;
	height: 169px !important; 
} */

/* team */
.team-member{
	flex-direction: column !important;
   
}
.team-member{
	flex-direction: column !important;
   
}
	.team-short-description{
		font-size: 16px;
	}
	.team-member-title a{
		font-size: 16px !important;
	}
	.team-read-more{
		font-size: 15px;
	}
/* film */
	.acf-film-wrapper  {
	display: flex !important;
	flex-direction: column;
	gap : 20px;
	padding:20px 0;
	
	}
	.acf-film-content .film-title a{
		font-size: 20px;	
	}
	.film-descripton{
		font-size: 16px !important;
	}
/* 	current cars */
	.car-item{
	 width: 50%;
	}
	/* car sold page slider arrows */
	 .center-arrows .elementor-swiper-button {
   padding-top: 89px !important;
  }
/* expertise heading	 */

    .elementor-545 .elementor-element.elementor-element-6f88bc8 .elementor-heading-title ,     .elementor-545 .elementor-element.elementor-element-b50dbf4 .elementor-heading-title {
        font-weight: 100;
    }
}


/* home page team slider responsiveness */

@media (max-width: 600px) {
	.maganiz-slider .swiper-button-prev, .maganiz-slider .swiper-button-next {
        margin-top: -19% !important;
    }
    .team-slide-content {
        flex-direction: column;
        text-align: center;
			padding:0 0;
			gap: 20px;
    }

	.team-slide-content .team-text p{
        display: none;
    }
.team-slide-content .team-text h3 a{
        text-align: left;
	font-size: 20px;
    }
.team-slide-content .team-text h3 {
        text-align: left;
    }
.team-slide-content .team-text {
    flex: 1;
    padding-left: 0px;
}
.swiper-button-prev, .swiper-button-next{
	margin-top: 10px !important;
}
img.magazine-image{
		width:100%;
		height: 169px;
	}
	.selected-team-members {
    gap: 40px;
	
	}
	/* 	current cars */
	.car-item{
	 width: 100%;
	}
	
}


