:root:is(html) {
	
	--bdr-stl: solid; /* { friendly: 'Border Style', group: 'Borders' } */
	--bdr-w: 1px; /* { min: 1, max: 4, step: 1, friendly: 'Border Width', group: 'Borders' } */
	--bdr-clr-o: 0.3; /* { min: 0.05,  max: 1, step: 0.05, friendly: 'Light Border Opacity', group: 'Borders' } */
	--bg-bx-o: 1;  /* { min: .2, max: 1, step: 0.05, friendly: 'Like/Unlike Box Opacity', group: 'Calculations' } */
	
	--img-fg-sat: 1; /* { min: 0, max: 1, step: 0.1, friendly: 'Saturation - Foreground Imagery', group: 'Images' } */
	--img-fg-sep: 0; /* { min: 0, max: 1, step: 0.1, friendly: 'Sepia - Foreground Imagery', group: 'Images' } */
	--img-fg-brt: 1; /* { min: 0, max: 1.5, step: 0.1, friendly: 'Brightness - Foreground Imagery', group: 'Images' } */
	--img-fg-con: 1; /* { min: 0, max: 1.5, step: 0.1, friendly: 'Contrast - Foreground Imagery', group: 'Images' } */
	--img-fg-blr: 0px; /* { min: 0, max: 10, step: .1, friendly: 'Blur - Foreground Imagery', group: 'Images' } */
	--img-fg-o: 1; /* { min: .2, max: 1, step: 0.05, friendly: 'Opacity - Foreground Imagery', group: 'Images' } */
	
	--img-bg-o: 0.4; /* { min: .2, max: 1, step: 0.05, friendly: 'Opacity - Background Imagery', group: 'Images' } */
	--img-bg-sat: 1; /* { min: 0, max: 1, step: 0.1, friendly: 'Saturation - Background Imagery', group: 'Images' } */
	--img-bg-sep: 0; /* { min: 0, max: 1, step: 0.1, friendly: 'Sepia - Background Imagery', group: 'Images' } */
	--img-bg-brt: 1; /* { min: 0, max: 1.5, step: 0.1, friendly: 'Brightness - Background Imagery', group: 'Images' } */
	--img-bg-con: 1; /* { min: 0, max: 1.5, step: 0.1, friendly: 'Contrast - Background Imagery', group: 'Images' } */
	--img-bg-blr: 0px; /* { min: 0, max: 10, step: .1, friendly: 'Blur - Background Imagery', group: 'Images' } */
	
	--vid-bg-o: 1; /* { min: .2, max: 1, step: 0.05, friendly: 'Video Background Opacity', group: 'Calculations' } */
	
	--btn-txt-clr: var(--text-alt); /* { friendly: 'Button Text Color - Main', group: 'Buttons' } */
	
	--btn-txt-clr-lt: var(--buttons); /* { friendly: 'Light Theme, Inner Theme Alt - Button V1 Text Color', group: 'Buttons' } */
	--btn-bg-clr-lt: var(--inner-bg); /* { friendly: 'Light Theme, Inner Theme Alt - Button V1 Color', group: 'Buttons' } */
	--btn-txt-clr-lt-alt: var(--buttons); /* { friendly: 'Light Theme, Inner Theme Alt - Button V1 Alt Text Color', group: 'Buttons' } */
	--btn-bg-clr-lt-alt: var(--main-bg-alt); /* { friendly: 'Light Theme, Inner Theme Alt - Button V1 Alt Color', group: 'Buttons' } */
	
	--btn-txt-clr-dk: var(--text); /* { friendly: 'Dark Theme, Inner Theme Alt - Button V1 Text Color', group: 'Buttons' } */
	--btn-bg-clr-dk: var(--inner-bg); /* { friendly: 'Dark Theme, Inner Theme Alt - Button V1 Color', group: 'Buttons' } */
	--btn-txt-clr-dk-alt: var(--text-alt); /* { friendly: 'Dark Theme, Inner Theme Alt - Button V1 Alt Text Color', group: 'Buttons' } */
	--btn-bg-clr-dk-alt: var(--main-bg-alt); /* { friendly: 'Dark Theme, Inner Theme Alt - Button V1 Alt Color', group: 'Buttons' } */
	
	--bx-sdw-dsk-x: 0.1em; /* { min: 0,  max: 4, step: 0.1, friendly: 'Desktop Only Box Shadow \'X\' Position', group: 'Box Shadow' } */
	--bx-sdw-dsk-y: 0.1em; /* { min: 0,  max: 4, step: 0.1, friendly: 'Desktop Only Box Shadow \'Y\' Position', group: 'Box Shadow' } */
	--bx-sdw-dsk-blr: 0.1em; /* { min: 0,  max: 4, step: 0.1, friendly: 'Desktop Only Box Shadow Blur', group: 'Box Shadow' } */
	--bx-sdw-dsk-o: 0.2; /* { min: 0,  max: 1, step: 0.05, friendly: 'Desktop Only Box Shadow Opacity', group: 'Box Shadow' } */
	
	--bx-sdw-x: 0.1em; /* { min: 0,  max: 4, step: 0.1, friendly: 'Box Shadow \'X\' Position', group: 'Box Shadow' } */
	--bx-sdw-y: 0.1em; /* { min: 0,  max: 4, step: 0.1, friendly: 'Box Shadow \'Y\' Position', group: 'Box Shadow' } */
	--bx-sdw-blr: 0.5em; /* { min: 0,  max: 4, step: 0.1, friendly: 'Box Shadow Blur', group: 'Box Shadow' } */
	--bx-sdw-o: 0.4; /* { min: 0,  max: 1, step: 0.05, friendly: 'Box Shadow Opacity', group: 'Box Shadow' } */
	
	--bdr-rds: 0.5rem; /* { min: 0,  max: 5, step: 0.1, friendly: 'Border Radius', group: 'Calculations' } */
	--bdr-itm-mtp: 0.5; /* { min: 0, max: 1, step: 0.1, friendly: 'Item Border Radius', group: 'Calculations' } */
    --bdr-bl-rds: 1; /* { min: 0,  max: 1, step: 0.25, friendly: 'Border Radius - Bottom Left Corner', group: 'Calculations' } */
    --bdr-br-rds: 1; /* { min: 0,  max: 1, step: 0.25, friendly: 'Border Radius - Bottom Right Corner', group: 'Calculations' } */
    --bdr-tl-rds: 1; /* { min: 0,  max: 1, step: 0.25, friendly: 'Border Radius - Top Left Corner', group: 'Calculations' } */
    --bdr-tr-rds: 1; /* { min: 0,  max: 1, step: 0.25, friendly: 'Border Radius - Top Right Corner', group: 'Calculations' } */
	
	--frm-bdr-stl: solid; /* { friendly: 'Form Input Border Style', group: 'Borders' } */
	--frm-bdr-w: 1px; /* { min: 1, max: 4, step: 1, friendly: 'Form Input Border Width', group: 'Borders' } */
	--frm-bdr-rds: 0.2rem; /* { min: 0,  max: 5, step: 0.1, friendly: 'Form Input Border Radius', group: 'Borders' } */	
	
	--g-cnt-k-ttl-m: 0.8rem; /* { min: 0.2, max: 2, step: 0.05, friendly: 'Kicker + Title Margin', group: 'Spacing' } */
	--g-cnt-ttl-ttl-m: 1.5rem; /* { min: 0.2, max: 1, step: 0.05, friendly: 'Title Margin', group: 'Spacing' } */
	--g-cnt-ttl-cnt-m: 1.5rem; /* { min: 0.5, max: 1.5, step: 0.05, friendly: 'Content Margin', group: 'Spacing' } */
	--g-cnt-full-img-m: 1.5rem; /* { min: 1, max: 3, step: 0.05, friendly: 'Full Content Image Top/Bottom Margin', group: 'Spacing' } */
	
	--g-trn-sp: .3s; /* { min: 0, max: 1, step: 0.05, friendly: 'Default Transition Speed', group: 'Other' } */
	--g-trn-tf: ease; /* { friendly: 'Default Transition Timing Function', group: 'Other' } */	
	
	--grd-sp: 2rem; /* { min: 1, max: 2.5, step: 0.001, friendly: 'Grid Display Item Spacing', group: 'Spacing' } */
	--grd-sml-mpt: .5; /* { min: 0.1, max: 1, step: 0.1, friendly: 'Grid Small Multiplier', group: 'Spacing' } */
	--grd-lrg-mpt: 4; /* 1.5 { min: 1, max: 2, step: 0.1, friendly: 'Grid Large Multiplier', group: 'Spacing' } */
	--grd-sp-sml: calc(var(--grd-sp) * var(--grd-sml-mpt)); /* { readonly: true } */
	--grd-sp-lrg: calc(var(--grd-sp) * var(--grd-lrg-mpt)); /* { readonly: true } */
	--grd-sp-dyn: var(--grd-sp); /* { readonly: true } */
	
	--mn-t: 74.9rem; /* { min: 15, max: 100, friendly: 'Main Thin Value', group: 'Other' } */
	--mn-w: 99.9rem; /* { min: 15, max: 100, friendly: 'Main Wide Value', group: 'Other' } */
	--mn-f: 21.767rem; /* { min: 15, max: 100, friendly: 'Main Full Value', group: 'Other' } */ 
	--mn_ch-w: 106.7ch; /* { readonly: true } */ 
	--mn-sys: var(--mn-t); /* { readonly: true } */
	
	--mn_min: 62.5vw; /* { readonly: true } */
	--mn_min-t: 41vw; /* { readonly: true } */
	--mn_max: 96.7vw; /* { readonly: true } */
	
	--flx-gap: 3.125rem; /* { min: 2, max: 8, step: 0.005, friendly: 'Flex Gap Amount',group: 'Spacing' } */
	
	--py-i-s: 1.4rem; /* { type: 'range', min: 1, max: 3, step: 0.1, friendly: 'Payment Icon Font Size', group: 'Calculations' } */
	
	--rvw-str-clr: #000000; /* { friendly: 'Review Star Colors' } */
	--rvw-str-clr-lcl: #ffffff; /* { friendly: 'Review Star Colors' } */
	--rvw-str-s: 1.5rem; /* { min: 1, max: 4, step: 0.1, friendly: 'Star Font Size', type: 'range' } */
	--rvw-str-o: 0.5; /* { min: .2, max: .9, step: 0.001, friendly: 'Opacity For Inactive Stars' } */
	
	--sl-trn-sp: .6s; /* { min: .3, max: 2, step: 0.1, friendly: 'Scrolling List Transition Speed', group: 'Other' } */
	--sl-trn-tf: ease; /* { friendly: 'Scrolling List Timing Function', group: 'Other' } */
	--sl-sa-s: 1.1rem; /* { type: 'range', min: 1, max: 3, step: 0.1, friendly: 'Scrolling Arrows Font Size', group: 'Calculations' } */
	
	--so-i-s: 1.4rem; /* { type: 'range', min: 1, max: 3, step: 0.1, friendly: 'Social Media Icon Font Size', group: 'Calculations' } */
    
    --sp-hp: 2rem; /* { min: 60, max: 120, step: 1, friendly: 'Horizontal Padding Desktop', group: 'Spacing' } */
	--sp-vp: 8rem; /* 2.25 { min: 60, max: 125, step: 1, friendly: 'Vertical Padding Desktop', group: 'Spacing' } */
	--sp-qk: 1rem; /* { min: 0.5, max: 1.5, step: 0.25, friendly: 'Quick Spacing', group: 'Spacing' } */
	--sp-vm: 45; /* { min: 30, max: 60, step: 1, friendly: 'Vertical Margin Desktop', group: 'Spacing' } */
	--sp-vm-mbl: 30; /* { min: 20, max: 40, step: 1, friendly: 'Vertical Margin Mobile', group: 'Spacing' } */
	
	--sp-vp-min: 5%; /* { readonly: true } */
	--sp-vp-max: 10%; /* { readonly: true } */
	--sp-vp-mn: 5; /* { readonly: true } */
	--sp-vp-mx: 10; /* { readonly: true } */
	--sp-hp-min: 8%; /* { readonly: true } */
	--sp-hp-max: 10%; /* { readonly: true } */
	--sp-hp-mn: 8%; /* { readonly: true } */
	--sp-hp-mx: 10%; /* { readonly: true } */
	
	--sp-vp-mmc: clamp(calc(var(--sp-vp-mn) * 1vw), var(--sp-vp), calc(var(--sp-vp-mx) * 1vw));  /* { readonly: true } */
	
	--sp-vm-clc: calc((var(--sp-vm-mbl) * 1px) + (var(--sp-vm) - var(--sp-vm-mbl)) * ((100vw - 320px) / (1920 - 320))); /* { readonly: true } */
	
	--tag-pd-v: 0.4em ; /* { min: 0.3,  max: 1, step: 0.1, friendly: 'Tag Vertical Padding', group: 'Calculations' } */
    --tag-pd-h: 1em; /* { min: 0.3,  max: 1.5, step: 0.1, friendly: 'Tag Horizontal Padding', group: 'Calculations' } */
	--tag-bdr-rds: 5em; /* { min: 0,  max: 5, step: 0.1, friendly: 'Tag Border Radius', group: 'Calculations' } */
	
	--bx-crd-sp-v: 1.67rem; /* { min: 0,  max: 6, step: 0.1, friendly: 'Box Card Vertical Spacing', group: 'Calculations' } */
	--bx-crd-sp-h: 3.33rem; /* { min: 0,  max: 6, step: 0.1, friendly: 'Box Card Horizontal Spacing', group: 'Calculations' } */
}

body {
	overflow-x: clip;
}

ul.grd.ato-fit > li[data-item="nr"] {
	flex: 0 0 100%;
}

/* Remove after PR */
picture > * {
	width: 0;
}

html:not(.cms-content) [data-class-name="xpnded"]:has(.cnt-stl:empty),
html:not(.cms-content) [data-class-name="xpnded"]:not(:has(.cnt-stl)) {
    display: none;
}

/* Remove after PR */

header:has(.hdr.lt-bg:not(.alt-bg)) + main > section.lt-bg[class*="pd_v"]:not(.alt-bg, .bg-image):first-child,
header:has(.hdr.lt-bg.alt-bg) + main > section.lt-bg.alt-bg[class*="pd_v"]:not(.bg-image):first-child,
header:has(.hdr.dk-bg:not(.alt-bg)) + main > section.dk-bg[class*="pd_v"]:not(.alt-bg, .bg-image):first-child,
header:has(.hdr.dk-bg.alt-bg) + main > section.dk-bg.alt-bg[class*="pd_v"]:not(.bg-image):first-child {
	padding-top: clamp(calc(var(--sp-vp-min) * 0.5), var(--sp-vp), calc(var(--sp-vp-max) * 0.5) );
}

main:has( > section:last-child:is(.lt-bg[class*="pd_v"]:not(.alt-bg, .bg-image))) + footer > section.lt-bg[class*="pd_v"]:not(.alt-bg, .bg-image):first-child,
main:has( > section:last-child:is(.lt-bg.alt-bg[class*="pd_v"]:not(.bg-image))) + footer > section.lt-bg.alt-bg[class*="pd_v"]:not(.bg-image):first-child,
main:has( > section:last-child:is(.dk-bg[class*="pd_v"]:not(.alt-bg, .bg-image))) + footer > section.dk-bg[class*="pd_v"]:not(.alt-bg, .bg-image):first-child,
main:has( > section:last-child:is(.dk-bg.alt-bg[class*="pd_v"]:not(.bg-image))) + footer > section.dk-bg.alt-bg[class*="pd_v"]:not(.bg-image):first-child,
main:has( > form:last-child > section:is(.lt-bg[class*="pd_v"]:not(.alt-bg, .bg-image))) + footer > section.lt-bg[class*="pd_v"]:not(.alt-bg, .bg-image):first-child,
main:has( > form:last-child > section:is(.lt-bg.alt-bg[class*="pd_v"]:not(.bg-image))) + footer > section.lt-bg.alt-bg[class*="pd_v"]:not(.bg-image):first-child,
main:has( > form:last-child > section:is(.dk-bg[class*="pd_v"]:not(.alt-bg, .bg-image))) + footer > section.dk-bg[class*="pd_v"]:not(.alt-bg, .bg-image):first-child,
main:has( > form:last-child > section:is(.dk-bg.alt-bg[class*="pd_v"]:not(.bg-image))) + footer > section.dk-bg.alt-bg[class*="pd_v"]:not(.bg-image):first-child{
	padding-top: 0;
}

.pll-tg {
    font-size: 0.556rem;
    border-radius: .5rem;
    background-color: var(--buttons);
    padding: 0 .5rem;
    color: var(--text-alt);
    line-height: 2;
}

.f_gp-lrg {
    column-gap: calc(var(--flx-gap) * 1.6 );
}

.xpnd {
	+ a.rd-mr[data-role="btn"] {
		display: flex !important;
	}
}

.bx-crd  {
	z-index: 1;
}

.bx-crd::before {
	position: absolute;
	top: calc(var(--bx-crd-sp-v) * -1);
	left: calc(var(--bx-crd-sp-h) * -1);
	width: calc(100% + (var(--bx-crd-sp-h) * 2));
	height: calc(100% + (var(--bx-crd-sp-v) * 2));
	z-index: -1;
	content: '';
	background-color: var(--background);
}

.input-text select {
	line-height: 1.3;	
}

@media screen and (min-width:1280px) {
	:root:is(html) {
		--mn-f: 22.467rem; /* { min: 15, max: 100, friendly: 'Main Full Value', group: 'Other' } */
	}
	
	/* Sets up system module widths to be easier to change */
	[class*="mn_"].sys_w {
		max-width: clamp(var(--mn_min), var(--mn-sys), var(--mn_max));
	}
	
	/* normal */
	.lt-bg[class*="pd_v"]:not(.alt-bg, .bg-image) + .lt-bg[class*="pd_v"]:not(.alt-bg, .bg-image),
	.lt-bg.alt-bg[class*="pd_v"]:not(.bg-image) + .lt-bg.alt-bg[class*="pd_v"]:not(.bg-image),
	.dk-bg[class*="pd_v"]:not(.alt-bg, .bg-image) + .dk-bg[class*="pd_v"]:not(.alt-bg, .bg-image),
	.dk-bg.alt-bg[class*="pd_v"]:not(.bg-image) + .dk-bg.alt-bg[class*="pd_v"]:not(.bg-image) {
	    padding-top: 0;
	}
	
	/* plus a form */
	.lt-bg[class*="pd_v"]:not(.alt-bg, .bg-image) + form .lt-bg[class*="pd_v"]:not(.alt-bg, .bg-image),
	.lt-bg.alt-bg[class*="pd_v"]:not(.bg-image) + form .lt-bg.alt-bg[class*="pd_v"]:not(.bg-image),
	.dk-bg[class*="pd_v"]:not(.alt-bg, .bg-image) + form .dk-bg[class*="pd_v"]:not(.alt-bg, .bg-image),
	.dk-bg.alt-bg[class*="pd_v"]:not(.bg-image) + form .dk-bg.alt-bg[class*="pd_v"]:not(.bg-image) {
	    padding-top: 0;
	}
	
	/* form plus (Doesn't work in FF) */
	form:has( .lt-bg[class*="pd_v"]:not(.alt-bg, .bg-image) ) + .lt-bg[class*="pd_v"]:not(.alt-bg, .bg-image),
	form:has( .lt-bg.alt-bg[class*="pd_v"]:not(.bg-image) ) + .lt-bg.alt-bg[class*="pd_v"]:not(.bg-image),
	form:has( .dk-bg[class*="pd_v"]:not(.alt-bg, .bg-image) ) + .dk-bg[class*="pd_v"]:not(.alt-bg, .bg-image),
	form:has( .dk-bg.alt-bg[class*="pd_v"]:not(.bg-image) ) + .dk-bg.alt-bg[class*="pd_v"]:not(.bg-image) {
	    padding-top: 0;
	}
	
	/* form plus form (Doesn't work in FF) */
	form:has( .lt-bg[class*="pd_v"]:not(.alt-bg, .bg-image) ) + form > .lt-bg[class*="pd_v"]:not(.alt-bg, .bg-image) ,
	form:has( .lt-bg.alt-bg[class*="pd_v"]:not(.bg-image) ) + form > .lt-bg.alt-bg[class*="pd_v"]:not(.bg-image),
	form:has( .dk-bg[class*="pd_v"]:not(.alt-bg, .bg-image) ) + form > .dk-bg[class*="pd_v"]:not(.alt-bg, .bg-image) ,
	form:has( .dk-bg.alt-bg[class*="pd_v"]:not(.bg-image) ) + form > .dk-bg.alt-bg[class*="pd_v"]:not(.bg-image)  {
	    padding-top: 0;
	}
	
	[class*="gp_sp"] {
		> .fifth {
			width: calc(var(--fifth) - (var(--grd-sp-dyn) * 0.8 ));
		}
		
	}
	
	[class*="grd"] {
	    
		&[class*="ato-ht"] {
			grid-auto-rows: auto;
		}
	}
	
	.mn_tn > .gd-lyt {
        display:grid !important;
        gap: var(--grd-sp-lrg);
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto 1fr;
        grid-template-areas:
        	"hdr hdr btn"
        	"fd fd fd";
        
        > :first-child {
	        grid-area: hdr;
	    }
        
        > :nth-child(2) {
			grid-area: fd;
		}
		
		> :last-child {
			grid-area: btn;
		}
		
		&.v2 {
			column-gap: var(--grd-sp-lrg);
			row-gap: 0;
			grid-template-areas:
        	"hdr fd fd"
        	"btn fd fd";
		}
	}
	
}

@media screen and (min-width:700px) {
	.sd_sp-sml {
		padding-right: var(--grd-sp-sml);
		padding-left: var(--grd-sp-sml);
	}
}

@media screen and (max-width:1279px) {
	:root {
		--sp-vp-max-mbl: 16%; /* { readonly: true } */
	}
}