/* **********************************************************
 * JUPITER X LAYOUT SPECIFIC TWEAKS
 * ******************************************************** */
 
.jupiterx-site {
    font-size: inherit !important;
}

/* *****************************
 * SITE SETTINGS > LAYOUT SPECIFIC TWEAKS
 * If you update the Content Width in Site Settings > Layout Settings - update the max-width below
 * *************************** */
.jupiterx-main-header .container,
.elementor-section.elementor-section-boxed>.elementor-container,
.page-template-default .container,
.post-template-default .container,
.product-template-default .container,
.single-portfolio .container,
.error404 .container {
	max-width: 106rem !important;
	padding-left: 2rem;	
	padding-right: 2rem;
}
.jupiterx-main-content > .container > .row {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

/* *****************************
 * HOME
* *************************** */

.home-header-sticky {
	position: sticky !important;
	top: 0 !important;
/* 	top: -3px !important; */
	z-index: 999999999 !important;
	
}
/* .home-header-sticky.isSticky {
	position: fixed !important
} */

.home-logos h3 {
	display: inline !important;
	font-size: 2rem !important;
	margin-bottom: 0 !important;
	color: #154d2a !important;
	line-height: 1.9 !important
}
.home-logos span {
	margin: 0 1rem;
	font-size: 1.2rem !important;
	color: #adc130 !important;
}
@media (max-width: 460px) {
	.home-logos span {
		display: none !important;		
	}
}
.home-logos .elementor-widget-container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
@media (max-width: 767px) {
	.home-logos .elementor-widget-container {
		justify-content: center;
	}
	.home-logos h3 {
		text-align: center
	}
}
@media (max-width: 460px) {
	.home-logos span {
		display: none !important;		
	}
	.home-logos h3 {
		display: block !important;
		width: 100% !important
	}
}

/* *****************************
 * HOME + CHILD PAGES HERO
* *************************** */

.hero {
	overflow: hidden !important
}

.hero .jet-parallax-section__layout{
  position: relative;
}

.hero::before {
	pointer-events: none;
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
	width: 46rem !important;
    height: calc(100% + 20rem) !important;
  background: url('/wp-content/uploads/2025/03/triangle.png') no-repeat top left; /* Background image */
  background-size: contain; /* Ensures the image covers the entire container */
  mix-blend-mode: hard-light !important;
  z-index: 9;
  opacity: 1 !important;
  background-color: transparent !important;
}

@media (max-width: 992px) {
	.hero::before {
	  left: -10rem !important;		
	}
}

@media (max-width: 576px) {
	.hero::before {
	  left: -18rem !important;		
	}
}

.hero::after {
	pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/wp-content/uploads/2024/07/hero-br.png') no-repeat bottom right; /* Background image */
  background-size: cover; /* Ensures the image covers the entire container */
  z-index: 9;
  mix-blend-mode: hard-light !important;
  opacity: 1 !important;
  background-color: transparent !important;
}

.hero .e-con-inner > div:not(.elementor-widget-raven-search-form):not(.elementor-background-video-container) {
	z-index: 10;
	position: relative
}

.hero .e-con-inner::before {
	pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  z-index: 1;
  opacity: 1 !important;
  background-color: rgba(0,0,0,.45) !important;
}

@media (max-width: 767px) {
	.hero .e-con-inner::before {
		  background-color: rgba(0,0,0,.5) !important;		
	}

}

body.elementor-editor-active .hero .e-con-inner::before, body.elementor-editor-active .hero::after, body.elementor-editor-active .hero::before {
	pointer-events: all !important
} 



/* ***************************************
 * HOME + CHILD PAGES CONTAINER BG SHAPE
*************************************** */

.container-content-shape {
	position: relative
}
.container-content-shape::before {
	pointer-events: none;
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-size: contain !important;
  z-index: -1 !important;
  background: url('/wp-content/uploads/2024/07/content-shape-gray.png') no-repeat bottom left !important;
/*   background-color: rgba(0,0,0,.25) !important; */
}

@media (max-width: 1024px) {
	.container-content-shape::before {
		opacity: .125 !important;
	}
}


/* *****************************
 * HOME SLIDER
* *************************** */

.ha-slider-next, .ha-slider-prev {
	top: auto !important;
	bottom: -10rem !important;
	transform: translate(0,100%) !important;
}
.ha-slider-next {
	right: auto !important;
	left: 3rem !important
}
.swiper-button-disabled i {
	opacity: .5 !important;
	color: #ccc !important;
	pointer-events: none !important;	
}
.swiper-button-disabled {
	pointer-events: none !important;
}


.ha-slider-widget-wrapper .ha-slider-slide {
	overflow: visible !important;
}
.ha-slider-widget-wrapper .ha-slider-container {
	padding-top: 3rem !important;
	padding-bottom: 5rem !important
}
.ha-slider-buttons a {
	width: 100%;
	transition-property: color, background-color !important
}
.ha-slider-content, .ha-slider-content-wrapper, .ha-slider-wrapper {
	position: static !important
}

.ha-slider-content-title {
	position: absolute !important;
    top: 0 !important;
    transform: translateY(-60%);
	padding-left: 1rem
}

.ha-slider-content {
	padding: 0 !important
}

.ha-slider-pagination {
	justify-content: flex-start !important
}

@media (max-width: 420px) {
	.ha-slider-content {
		width: 100% !important;
	}	
}

/* ************************************
 * HOME + CHILD PAGE SECTION GRADIENT
************************************ */

.section-gradient-cap-top, .section-gradient-cap-bottom {
	position: relative;
}

.section-gradient-cap-top::before {
	pointer-events: none;
  	content: '' !important;
  	position: absolute !important;
  	top: 0 !important;
  	left: 0 !important;
  	width: 100% !important;
  	height: 10rem !important;
/*   	background-size: contain !important; */
  	z-index: 1 !important;
  	background: linear-gradient(to top, #fff 0, transparent 100%);
	opacity: 1 !important;
	transform: translateY(-60%)
}
.section-gradient-cap-bottom::after {
	pointer-events: none;
  	content: '' !important;
  	position: absolute !important;
  	bottom: 0 !important;
  	left: 0 !important;
  	width: 100% !important;
  	height: 10rem !important;
/*   	background-size: contain !important; */
  	z-index: 1 !important;
  	background: linear-gradient(to bottom, #fff 0, transparent 100%);
	opacity: 1 !important;
	transform: translateY(60%)
}
@media (max-width: 640px) {
	.section-gradient-cap-top::before, .section-gradient-cap-bottom::after {
		height: 6rem !important;
	}
}


/* *****************************
 * ELEMENTOR FLEXBOX CONTAINER > LAYOUT SPECIFIC TWEAKS
* *************************** */
.e-con>.e-con-inner  {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
} 
.e-con .elementor-element>.e-con-inner  {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
} 


/* *****************************
 * FADE IN DEFAULT STYLE PAGES
 * *************************** */
.page-template-default .jupiterx-main,
.post-template-default .jupiterx-main,
.product-template-default .jupiterx-main,
.single-portfolio .jupiterx-main {
	animation-name: fadeIn;	
	-webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;	
}


/* *****************************
 * PAGE TEMPLATE FULL WIDTH PADDING - FOR ELEMENTOR STYLED PAGES
 * *************************** */
@media (max-width: 991px) {
	/* LAYOUT SPECIFIC TWEAKS */
	/* Site Settings > Layout */
	.page-template-default .jupiterx-sidebar,
	.post-template-default .jupiterx-sidebar,
	.single-product .jupiterx-sidebar,
	.error404 .jupiterx-sidebar {
		margin-top: 1rem;	
	}
}

@media (max-width: 767px) {
	/* LAYOUT SPECIFIC TWEAKS */
	/* Site Settings > Layout */
	.jupiterx-sidebar {
		margin-top: 3rem;	
	}
	.woocommerce .jupiterx-sidebar {
		margin-top: 0;
	}
}

.page-template-default .jupiterx-main-content,
.post-template-default .jupiterx-main-content,
.single-product .jupiterx-main-content {
	padding: 5rem 0;
}
.archive.woocommerce-shop #jupiterx-primary,
.archive.tax-product_cat #jupiterx-primary {
    padding-left: 0rem !important;
    padding-right: 0rem !important;	
}


/* *****************************
 * SINGLE DEFAULT PAGES - Like Privacy Policy
 * *************************** */
.page-template-default .jupiterx-main-content > .container > .row > [class*=col-] {
    padding-left: 0rem !important;
    padding-right: 0rem !important;		
}


/* *****************************
 * SINGLE POST
 * *************************** */
.single-post .jupiterx-main-content .container {
    padding: 0;
}
.single-post .jupiterx-main-content .jupiterx-primary {
    padding: 0 2rem !important;
}


/* *****************************
 * ARCHIVE & GRID
 * *************************** */
.archive .raven-grid,
.news-landing .raven-grid {
	margin: auto !important;
}
.archive .raven-grid-item,
.news-landing .raven-grid-item {
	padding-left: 0;
	padding-right: 0;
}


/* *****************************
 * DEFAULT PAGES HEADER
 * *************************** */
/* FOR STICKY HEADER - Header */
.jupiterx-header-sticky .jupiterx-site {
  padding-top: 0 !important;
}


/* *****************************
 * JUPITER X SITE MEDIA QUERY
 * *************************** */
@media (min-width: 768px) and (max-width: 768px) {
	.page-template-full-width .jupiterx-site {
		padding-top: 0 !important;
	}
}

@media (min-width: 576px) and (max-width: 576px) {
	.page-template-full-width .jupiterx-site {
		padding-top: 0 !important;
	}
}


/* *****************************
 * JUPITER X ADMIN BAR FOR STICKY HEADER
 * *************************** */
@media (max-width: 600px) {
	/* ADMIN BAR */
	.admin-bar.jupiterx-header-sticked .jupiterx-site:not(.jupiterx-site-body-border) .jupiterx-header.jupiterx-header-sticky-custom.jupiterx-header-custom > .elementor:last-of-type:not(:first-of-type) {
		top: 0px !important;
	}
}