/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 06 2026 | 19:11:06 */
/*STYLING PRESETS*/			
			
/*Padding*/			
.pad {			
	&:not(.v) {		
		padding-inline:var(--pad-h);	
	}		
	&:not(.h) {		
		padding-block:var(--pad-v);	
	}		
	/*Tight–Loose*/		
	&.tightest {padding:calc(var(--p) / var(--ratio));}		
	&.tighter {padding:var(--p);}		
	&.tight {padding:var(--h3);}		
	&.loose {padding:var(--h2);}		
	&.looser {padding:var(--h1);}		
	&.loosest {padding:calc(var(--p) * pow(var(--ratio), var(--h-levels) + 1));}		
}			
/*GENERAL FIXES*/			
/* TEXT SPACING */			
/*Space Between Paragraphs*/			
/* Headings */			
.elementor-text-editor {			
	h1, h2, h3, h4, h5, h6 {		
		margin-block:calc(var(--p) *2) calc(var(--p) *.75) ;	
		line-height:1em;	
		&:first-child {margin-block-start:0;}	
		&:last-child {margin-block-end:0;}	
	}		
}			
/* Paragraphs */			
.elementor-text-editor {			
	p {		
		text-wrap:pretty;	
		margin-block:calc(var(--p) * .75);	
		&:first-child {margin-block-start:0;}	
		&:last-child {margin-block-end:0;}	
	}		
}			
			
			
			
/*Big Paragraphs*/			
.big p, p.big {			
	font-size:var(--p-lg);		
}			
/*Small Paragraphs*/			
.small p, p.small {			
	font-size:var(--p-sm);		
}			
/*Balance Pretty*/			
.balance, .balance * {			
	text-wrap:balance !important;		
}			
.pretty, .pretty * {			
	text-wrap:pretty;		
}			
			
/*Last Paragraph No Margin*/			
p:last-child {			
	margin-bottom:0;		
}			
/*Make Headings set to P default to Light*/			
.elementor-widget-heading p {			
	font-weight:400;		
}			
			
/*MOBILE QUICK STYLES*/			
@media screen and (width < 768px) {			
/*Center Text | .m-center*/			
	.m-center * {		
		text-align:center;	
	}		
			
/*Center Text and Elements | m-center-all*/			
	.m-center-all {		
		justify-items:center;	
		& * {	
			text-align:center;
		}	
	}		
/*END MOBILE STYLES*/			
}			
			
/*SECTIONS STYLINGS*/			
/*Readable Widths*/			
.e-con.read > .e-con-inner, .e-con.e-con-boxed .e-con-inner .elementor-element.read, .e-con.e-con-full .elementor-element.read {
    max-width:var(--read);
    margin-inline: auto;
}
/*Section with photo spaning half of the Viewport*/			
/*Set the section to full width, must have two children one .text and one .image */			
/*Adding .start will flip the image to the left*/			
/*Add --aspect or --min-height to control image height*/			
/*Default has photo on top in mobile add .m-end to flip*/			
.half {			
	--aspect: 2 / 1;		
	--image-min: 300px;		
	flex-direction:row;		
	flex-wrap: wrap;		
	gap:0;		
	& .text {		
		padding-block:var(--pad-v);	
		padding-inline:var(--pad-half) var(--pad-h);	
		order:2;	
		align-self:center;	
		flex:1 1 max(50%, 30ch);	
	}		
	& .image {		
		flex:1 0 50%;	
		order:3;	
		min-height:var(--image-min);	
		aspect-ratio: var(--aspect);	
		background-position:center;	
		background-size:cover;	
	}		
	&.start {		
		& .image {	
			order: 1;
		}	
		& .text {	
			padding-inline:var(--pad-h) var(--pad-half);
		}	
	}		
}			
/*mobile fixes*/			
@media screen and (width < 65ch) {			
	.half {		
		flex-direction:column !important;	
		& .image {	
			order:1;
		}	
		&.m-end {	
			& .image {order:3;}
		}	
	}		
}			
			
/*ELEMENT STYLES*/			
/*Smooth Scrolling Image Carousel*/			
	/*add class name smooth*/		
	/*set autoplay speed to 1*/		
	.smooth .swiper-wrapper {		
		-webkit-transition-timing-function: linear !important;	
		transition-timing-function: linear !important;	
	}		
	/*Adjust the Viewing settings for consistent size*/		
	.smooth .swiper-slide-image {		
		aspect-ratio: 4 / 3;	
		object-fit: cover;	
		object-position: contain;	
		width:100%;	
	}		
/*Use display:grid on text editor*/			
.elementor-element-edit-mode.elementor-widget-text-editor {			
	> .elementor-text-editor {		
		grid-column:1 / -1;	
		grid-row:1 / -1;	
		display:inherit;	
		grid-template-columns: inherit;	
		grid-template-rows:inherit;	
		gap: inherit;	
	}		
}			
/*Change accordion to be a read more*/
/* Add "more" as a custom class to the accordion */
/* automatically adds "more" to the title when closed and "less" when open; */
/*Read More*/
.elementor-widget-n-accordion.more {
    .e-n-accordion-item-title-text:after {
            content:"More";
    }
    /*When Open*/
    &:has([aria-expanded="true"]) {
        /*Read Less*/
        .e-n-accordion-item-title-text:after {
            content:"Less";
        }
/* 		Title Moves Below Container */
        summary {
            order:2;
            margin-top:1em;
        }
    }
}
			
			
			
			
			
			
			