@charset "utf-8";
/*██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
MARK:Fonts
*/

@font-face {
    font-family: 'arrows';
    src: url('../fonts/arrows21.woff');
}

@font-face {
	font-family: 'digitalwide';
	src: url('../fonts/digitalwide.woff2'), url('../fonts/digitalwide.woff'), url('../fonts/digitalwide.ttf');
}

@font-face {
	font-family: 'fontawesome';
	src: url('../fonts/fa7-solid-900.woff2');
}

@font-face {
    font-family: 'hps';
    src: url('../fonts/hpsimplified.woff'), url('../fonts/hpsimplified.ttf');
}

@font-face {
    font-family: 'hps-wide';
    src: url('../fonts/hpsimplified_wide.woff'), url('../fonts/hpsimplified_wide.ttf');
}

@font-face {
    font-family: 'icons';
    src: url('../fonts/kznc_symbol_set.woff'), url('../fonts/kznc_symbol_set.otf');
}

@font-face {
    font-family: 'kznc';
    src: url('../fonts/kznc.woff'), url('../fonts/kznc.ttf');
}

@font-face {
    font-family: 'mdSymSharp';
    src: url('../fonts/md_sym_sharp.woff2');
}

@font-face {
	font-family: 'sairacond';
	src: url('../fonts/sairacondensed.woff2'), url('../fonts/sairacondensed.woff'), url('../fonts/sairacondensed.ttf');
}	

@font-face {
	font-family: 'sairathin';
	src: url('../fonts/sairathin.woff2'), url('../fonts/sairathin.woff'), url('../fonts/sairathin.ttf');
}	

@font-face {
	font-family: 'sairaultra';
	src: url('../fonts/sairaultrawide.woff2'), url('../fonts/sairaultrawide.woff'), url('../fonts/sairaultrawide.ttf');
}

@font-face {
	font-family: 'sairawide';
	src: url('../fonts/sairawide.woff2'), url('../fonts/sairawide.woff'), url('../fonts/sairawide.ttf');
}


/*██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
MARK:Keyframes
*/

@keyframes calFlash {
	0% {background-color: var(--brightred);}
	9% {background-color: transparent;}
	10% {background-color: var(--brightred);}
	19% {background-color: transparent;}
	20% {background-color: var(--brightred);}
	100% {background-color: transparent;}
}

@keyframes navswitch {
	from {
		background-image: var(--nav-link);
        transform: rotate(0deg);
    }
    to {
		background-image: var(--nav-active);
        transform: rotate(720deg);
        filter: drop-shadow(0 0 10px var(--gold));
    }
}

@keyframes poptext {
	0% {width: 15%; opacity: 0;}
	100% {width: 75%; opacity: 1;}
}

@keyframes slide {
	from { background-position: 0 0; }
	to { background-position: -5760px 0; }
}

/*██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
MARK:SiteNav
*/

.navswitch {
	animation: navswitch 1s ease;
}

.navswitchcalendar {
	--nav-link: var(--nav-link-calendar);
	--nav-active: var(--nav-active-calendar);
}

.navswitchcontact {
	--nav-link: var(--nav-link-contact);
	--nav-active: var(--nav-active-contact);
}

.navswitchgetaquote {
	--nav-link: var(--nav-link-getaquote);
	--nav-active: var(--nav-active-getaquote);
}

.navswitchlogout {
	--nav-link: var(--nav-link-logout);
	--nav-active: var(--nav-active-logout);
}

.navswitchmedia {
	--nav-link: var(--nav-link-media);
	--nav-active: var(--nav-active-media);
}

.navswitchmusic {
	--nav-link: var(--nav-link-music);
	--nav-active: var(--nav-active-music);
}

.navswitchquestions {
	--nav-link: var(--nav-link-questions);
	--nav-active: var(--nav-active-questions);
}

.navswitchpay {
	--nav-link: var(--nav-link-pay);
	--nav-active: var(--nav-active-pay);
}

.navswitchphotopod {
	--nav-link: var(--nav-link-photopod);
	--nav-active: var(--nav-active-photopod);
}

/*██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
MARK:Global Variables
*/

:root {
	/* COLORS __________________________________________________________________________________________________________ */
	/* REDS */
	--brightred: #ff3333;
	--darkred: #af1717;
	--lightred: #ff6666;
	--maroon: #880000;
	--packft: #f8ddff;
	--purered: #ff0000;
	--quoteRed: #cc0000;
	--red: #fa1717;
	--redback: #C40404;
	--verydark: #660000;
	/* YELLOWS */
	--brown: #992400;
	--darkbrown: #5a2901;
	--gold: #e2b33e;
	--goldt: #e2b33e66;
	--orange: #ff9000;
	--packwt: #fff5bf;
	--packw: #e6ab19;
	--yellow: #ffff00;
	/* GREENS */
	--darkgreen: #005500;
	--entryact: #00550080;
	--entrybordact: #008800;
	--green: #00cc00;
	--greenback: #009900;
	--lightgreen: #66ff66;
	--packl: #88ff11;
	--verygreen: #00ff00;
	--transgreen: #005500aa;
	/* BLUES */
	--blue: #37c8ff;
	--blueback: #2471e6;
	--darkblue: #120E78;
	--entrybord: #0066bb;
	--entrybtn: #00449980;
	--navblue: #579bdf;
	--navbluetrans: #16237070;
	--packg: #375cd3;
	--packgt: #b4d6ff;
	--trueblue: #0000ff;
	/* PURPLES */
	--lightpurple: #9900ff;
	--pink: #ff55da;
	/* GREYS */
	--black: #000000;
	--charcoal: #222222;
	--grey: #444444;
	--faint: #666666;
	--lightgrey: #888888;
	--packwst: #dfdfdf;
	--smoke: #aaaaaa;
	--white: #ffffff;
	--wispy: #dddddd;

	/* PACKAGE COLORS __________________________________________________________________________________________________ */
	--goldenrod: #e6ab19;		/* Weddings and Receptions */
	--dodgerblue: #1f6dff;		/* Miscellaneous Parties */
	--lightcoral: #b07d62;		/* Bar and Karaoke Nights */
	--lime: #00ff00;			/* Live Sound and Events */
	--purple: #8000ff;			/* Fundraisers */
	--darkturquoise: #00ced1;	/* Schools and Scouting Events */
	--yellow: #ffff00;			/* School Proms */
	--red: #ff0000;			/* Photobooth Only */

	/* FONTS ___________________________________________________________________________________________________________ */
	/* CONDENSED FONTS */
	--cond1: sairacond;						/* fixed */

	/* HEADER/HEADLINE FONTS */
	--head1: digitalwide;					/* fixed */
	--head2: exo+2;							/* var: italics, weight 100-900 */
	--head3: genos;							/* var: italics, weight 100-900 */
	--head4: kznc;							/* fixed */
	--head5: orbitron;						/* var: weight 400-900*/
	--head6: hyperspace-race-variable;		/* var: italics 0-12, weight 200-900, width 50-200 */
	--head7: hyperspace-race-cap-variable;	/* var: weight 200-900, width 50-200 */

	/* BODY TEXT FONTS */
	--text1: saira, verdana, arial, geneva, helvetica, sans-serif;
											/* Saira var: italics 0-1, weight 100-900, width 50-125 */
	--text2: fp-head-pro;					/* fixed */
	--text3: jura;							/* var: weight 300-700 */
	--text4: oxanium;						/* var: weight 200-800 */
	
	/* THIN FONTS */
	--thin1: sairathin;						/* fixed */

	/* ULTRAWIDE FONTS */
	--ultra1: sairaultra;					/* fixed */

	/* WIDE FONTS */
	--wide1: sairawide;						/* fixed */

	/* BOX SPACING _____________________________________________________________________________________________________ */
	--border: 3px;
	--miniborder: 2px;
	--gap: calc(var(--border) * 2 + 2px);
	--minigap: calc((var(--miniborder) * 2) + 2px);

	/* SITENAV GRAPHICS ________________________________________________________________________________________________ */
    --nav-active-calendar: url("../graphics/nav_active_calendar.png");
    --nav-active-contact: url("../graphics/nav_active_contact.png");
    --nav-active-getaquote: url("../graphics/nav_active_getaquote.png");
    --nav-active-logout: url("../graphics/nav_active_logout.png");
    --nav-active-media: url("../graphics/nav_active_media.png");
    --nav-active-music: url("../graphics/nav_active_music.png");
    --nav-active-questions: url("../graphics/nav_active_questions.png");
    --nav-active-pay: url("../graphics/nav_active_pay.png");
    --nav-active-photopod: url("../graphics/nav_active_photopod.png");
    --nav-link-calendar: url("../graphics/nav_link_calendar.png");
    --nav-link-contact: url("../graphics/nav_link_contact.png");
    --nav-link-getaquote: url("../graphics/nav_link_getaquote.png");
    --nav-link-logout: url("../graphics/nav_link_logout.png");
    --nav-link-media: url("../graphics/nav_link_media.png");
    --nav-link-music: url("../graphics/nav_link_music.png");
    --nav-link-questions: url("../graphics/nav_link_questions.png");
    --nav-link-pay: url("../graphics/nav_link_pay.png");
    --nav-link-photopod: url("../graphics/nav_link_photopod.png");

	/* ADDITIONAL VARIABLES ____________________________________________________________________________________________ */
	interpolate-size: allow-keywords;
}

/*██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
MARK:Named Colors
*/

.blue {color: var(--blue);}
.brightred {color: var(--brightred);}
.brown {color: var(--brown);}
.green {color: var(--green);}
.gold {color: var(--gold);}
.lightgrey {color: var(--lightgrey);}
.lightpurple {color: var(--lightpurple);}
.maroon {color: var(--maroon);}
.oqblue {color: #00f;}
.oqgreen {color: #090;}
.oqpurple {color: #70f;}
.oqred {color: #c00;}
.orange {color: var(--orange);}
.pink {color: var(--pink);}
.quoteRed {color: var(--quoteRed);}
.red {color: var(--red);}
.wispy {color: var(--wispy);}
.yellow {color: var(--yellow);}

/* OTHER */
.added {color: var(--green);}
.added2 {color: var(--greenback);}
.included {color: var(--packgt);}
.included2 {color: var(--packg);}
.redreq {background: var(--maroon); color: var(--brightred);}
.removed {color: var(--brightred);}
.removed2 {color: var(--red);}

/*██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
MARK:Base Elements
*/

* {box-sizing: border-box;}

html,
body { /* Out of Sequence Due to Cascade */
	position: relative;
	margin: 0;
	font-family: var(--text1);
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	font-variation-settings: 'wdth' 90;
	line-height: 1.4rem;
	color: var(--blue);
	width: 100vw; min-width: 100vw; max-width: 100vw;
	height: 100vh; min-width: 100vh; max-height: 100vh;
	background: black url(../graphics/background2.jpg) center center/3440px 100vh;
	overflow: hidden;
	font-optical-sizing: auto;
	-webkit-font-smoothing: antialiased;
}

a {
	text-decoration: none;
	outline: none;
	cursor: pointer;
}
a:hover {
	color: var(--yellow);
	outline: none;
}

h3, h4 {
	width: 100%;
	display: block;
	font-family: var(--head1);
	font-size: 2rem;
	text-decoration: none;
	margin: 0;
	padding: 4px 0 0 8px;
	text-transform: uppercase;
	text-shadow: none;
	font-variation-settings: 'wdth' 130, 'wght' 600;
}
h4 {
	font-size: 1.6rem;
	padding: 0;
}

img {
	border: none;
	padding: 0;
	margin: 0;
	display: block;
}

p {
	font-size: 1rem;
	text-indent: 20px;
	text-align: justify;
	margin-bottom: 10px;
	margin-top: 0;
	text-shadow: 1px 1px 1px #000;
}

ul, li {
	padding: 0;
	margin: 0;
	text-indent: 0;
	padding-left: 0;
	list-style-type: none;
}
li {
	text-indent: -1rem;
	padding-left: 1rem;
}

ul.list, li.list {
	padding: 0;
	margin: 0 0 0 20px;
	text-indent: 0;
	list-style-type: disc;
}

div.genWrapper {
	display: inline-grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	max-width: 100%;
}
div.genWrapper > p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	top: -3px;
}

/*██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
MARK:Form/Input





MARK:Modifications
*/

form select,
form input {
	outline: 0;
	font-family: var(--text1);
	font-size: 1rem;
	font-variation-settings: 'wght' 500, 'wdth' 100;
	border: 1px solid;
	border-bottom: 3px solid;
	border-radius: 0 8px 8px 8px;
	text-shadow: 1px 1px 1px #000;
	transition: border-color 0.5s ease, background-color 0.5s ease;
}

form select:focus,
form input:focus {
	border-color: #99baca;
	background: #f5fbfe44;
	color: #fff;
	font-variation-settings: 'wght' 500, 'wdth' 100;
	transition: border-color 0.5s ease, background-color 0.5s ease;
}

form select:required,
form input:required {
	border: 1px solid #c00;
	border-bottom: 3px solid #cc0000;
	border-radius: 0 8px 8px 8px;
	background-color: #55000033;
	color: #ff9;
	font-variation-settings: 'wght' 500, 'wdth' 100;
	transition: border-color 0.5s ease, background-color 0.5s ease;
}

form input[type="number"]:invalid {
	border: 3px inset #cc0000;
	background-color: #ff666644;
	color: #ff6;
	font-variation-settings: 'wght' 500, 'wdth' 100;
	transition: border-color 0.5s ease, background-color 0.5s ease;
}

form select:valid,
form input:valid,
form input:disabled,
form input:required:valid {
	border: 1px solid #00ff00;
	border-bottom: 3px solid #00ff00;
	border-radius: 0 8px 8px 8px;
	background-color: #B2FFD511;
	color: #ff0;
	font-variation-settings: 'wght' 500, 'wdth' 100;
	transition: border-color 0.5s ease, background-color 0.5s ease;
}

form input[type="range"] {
	border: 1px solid #ff33d3;
	border-radius: 0;
	background-image: linear-gradient(90deg, #9df, #fff, #9df);
}

label > input[type="checkbox"],
label > input[type="radio"],
label.ya > input[type="checkbox"],
label.ya > input[type="radio"],
label.no > input[type="checkbox"],
label.no > input[type="radio"],
label.dc > input[type="checkbox"],
label.dc > input[type="radio"],
label.lv > input[type="checkbox"],
label.lv > input[type="radio"] {
	display: none;
}

label > input[type="checkbox"] + *::before,
label > input[type="radio"] + *::before {
	content: "_";
	font-family: icons;
	font-size: 1.25rem;
	display: inline;
	vertical-align: baseline;
	text-align: center;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #808080;
}

#packOptions,
#optCeremony {
	label > input[type="checkbox"] + *::before,
	label > input[type="radio"] + *::before {
		content: "";
		min-width: 1.35rem;
		min-height: 1.35rem;
		font-family: fontawesome;
		font-size: 1.35rem;
		display: inline-block;
		border-radius: 3px;
		border-style: solid;
		border-width: 1px;
		border-color: #808080;
		align-self: center;
		margin: 0; padding: 0;
	}
	label > input[type="radio"] + *::before {
		border-radius: 50%;
	}
	label > input[type="checkbox"]:checked + *::before {
		content: "\f067";
		color: var(--green);
		border-color: transparent;
	}
	label > input[type="checkbox"]:checked[data-default] + *::before {
		content: "\f00c";
		color: var(--green);
		border-color: transparent;
	}
	label > input[type="checkbox"]:checked:not([data-default]) + *::before,
	label > input[type="checkbox"]:checked + *::before {
		content: "\f067";
		color: var(--green);
		border-color: transparent;
	}
	label > input[type="radio"]:checked + *::before {
		content: "\f0a9";
		border-color: transparent;
		font-size: 1.45rem;
		color: var(--green);
		margin-left: -1px;
	}
	p {
		font-family: var(--thin1);
		font-size: 1.15rem;
		line-height: 1.7rem;
		text-indent: 0;
		padding: 0;
		margin: 0;
	}
	.subline,
	.addon {
		color: var(--blue);
		font-family: var(--text1);
		font-size: 0.65rem;
		font-variation-settings: 'wdth' 125;
		text-indent: 0;
		margin: -5px 0 0 0;
		text-transform: uppercase;
	}
	.addon {
		color: var(--green);
		font-size: 0.85rem;
		font-variation-settings: 'wdth' 90;
	}
}

label.ya > input[type="checkbox"] + *::before,
label.ya > input[type="radio"] + *::before,
label.ok > input[type="checkbox"] + *::before,
label.ok > input[type="radio"] + *::before,
label.dc > input[type="checkbox"] + *::before,
label.dc > input[type="radio"] + *::before,
label.pn > input[type="checkbox"] + *::before,
label.pn > input[type="radio"] + *::before,
label.no > input[type="checkbox"] + *::before,
label.no > input[type="radio"] + *::before,
label.lv > input[type="checkbox"] + *::before,
label.lv > input[type="radio"] + *::before {
	font-family: fontawesome;
	display: inline-block;
	vertical-align: baseline;
	font-size: 1.05rem;
	color: var(--faint);
	text-align: center;
	border: none;
}

label.ya > input[type="checkbox"] + *::before,
label.ya > input[type="radio"] + *::before {
	content: "\f004";
}

label.ok > input[type="checkbox"] + *::before,
label.ok > input[type="radio"] + *::before {
	content: "\f164";
}

label.dc > input[type="checkbox"] + *::before,
label.dc > input[type="radio"] + *::before {
	content: "\f11a";
}

label.pn > input[type="checkbox"] + *::before,
label.pn > input[type="radio"] + *::before {
	content: "\f165";
}

label.no > input[type="checkbox"] + *::before,
label.no > input[type="radio"] + *::before {
	content: "\f05e";
}

label.lv > input[type="checkbox"] + *::before,
label.lv > input[type="radio"] + *::before {
	content: "\f3c9";
	font-size: 1rem;
}

label > input[type="checkbox"]:checked + *::before,
label > input[type="radio"]:checked + *::before {
	content: "A";
	color: var(--green);
}

label.ya > input[type="checkbox"]:checked + *::before,
label.ya > input[type="radio"]:checked + *::before {
	content: "\f004";
	color: var(--pink);
}

label.ok > input[type="checkbox"]:checked + *::before,
label.ok > input[type="radio"]:checked + *::before {
	content: "\f164";
	color: var(--green);
}

label.dc > input[type="checkbox"]:checked + *::before,
label.dc > input[type="radio"]:checked + *::before {
	content: "\f11a";
	color: var(--yellow);
}

label.pn > input[type="checkbox"]:checked + *::before,
label.pn > input[type="radio"]:checked + *::before {
	content: "\f165";
	color: var(--orange);
}

label.no > input[type="checkbox"]:checked + *::before,
label.no > input[type="radio"]:checked + *::before {
	content: "\f05e";
	color: var(--red);
}

label.lv > input[type="checkbox"]:checked + *::before,
label.lv > input[type="radio"]:checked + *::before {
	content: "\f3c9";
	color: var(--green);
}

label.resetpg > input[type="checkbox"] {
	display: none;
}

label.resetpg > input[type="checkbox"] + *::before {
	content: "";
	display: inline-block;
	vertical-align: text-top;
	width: 18px;
	height: 18px;
	max-height: 18px;
	min-height: 18px;
	background-color: var(--black);
	text-align: center;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: var(--greenback);
}

label.resetpg > input[type="checkbox"]:checked + *::before {
	content: "";
	background-color: var(--maroon);
	border-color: var(--orange);
}

span.arrowsup, span.arrowsdown {
	color: var(--yellow);
	font-size: 20px;
	display: inline-block;
	font-family: arrows;
	transform: rotate(90deg);
}
span.arrowsdown {
	transform: rotate(270deg);
}

div.ya {border-color: #ff55da; background: #33112b;}
div.ok {border-color: #00cc00; background: #002800;}
div.dc {border-color: #ffff00; background: #333300;}
div.pn {border-color: #ff9000; background: #331c00;}
div.no {border-color: #fa1717; background: #320404;}

/*██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
MARK:Common Classes
*/

.sitenav {
	position: sticky;
	top: 0;
	left: 0;
	display: flex;
	flex-flow: column nowrap;
	gap: 5px;
	min-height: 100vh;
	width: 54px;
	background: #00000066;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
}

.siteNavLabel {
	text-indent: 0;
	text-transform: uppercase;
	font-size: 0.45rem;
	line-height: 0.4rem;
	margin: 2px 0 0 0;
	padding: 0;
	color: var(--wispy);
	text-align: center;
	max-width: 54px;
}

.mainframe {
	position: fixed;
	left: 55px;
	top: 40px;
	width: calc(100vw - 55px);
	min-width: calc(100vw - 55px);
	height: calc(100vh - 40px);
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
}

.pageName {
	position: fixed;
	left: 55px;
	top: -5px;
	min-width: calc(100vw - 55px);
	min-height: 47px;
	max-height: 47px;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	display: block;
	font-family: var(--head4);
	font-size: 2.5rem;
	line-height: 3rem;
	text-decoration: none;
	text-transform: uppercase;
	font-variation-settings: 'wdth' 175, 'wght' 750;
	background: linear-gradient(#6c3328,#944d15,#efb42c,#ead4a3,#ffffff,#959593,#000000);
	background-clip: text;
	color: transparent;
}

.kznc {text-transform: none;}

.outline {outline: 1px solid red;}

.navbuttons {
	position: relative;
	margin: 0 1px 10px 1px;
	text-align: center;
}

.navicons {
	min-width: 50px; max-width: 50px;
	min-height: 50px; max-height: 50px;
	margin-bottom: 1px;
}

.divframe, .testingMode, .testingMode2 {
	position: relative;
	top: 0px;
	left: var(--border);
	width: calc(100% - (var(--border) * 2));
	height: auto;
	background: #000000aa;
	border-radius: 0 8px 8px 8px;
	box-shadow: 0 0 0 var(--border) var(--navblue);
	padding: 6px 2px 6px 6px;
	margin: var(--border) 0 50px 0;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}
.testingMode, .testingMode2 {
	width: calc(100% - (var(--border) * 2));
	border-radius: 8px;
	box-shadow: 0 0 0 var(--border) var(--greenback);
	background-color: var(--packwt);
	padding: 0;
	z-index: 100;
}
.testingMode2 {
	box-shadow: 0 0 0 var(--border) var(--yellow);
	background-color: var(--darkred);
}

.boxes {
	box-shadow: 0 0 0 2px;
	border-radius: 4px;
}

.noboxes {padding-right: 6px;}

.caution, .construction {
	color: black;
	font-variation-settings: 'wght' 750, 'wdth' 120;
	margin: 0; margin: auto;
	text-indent: 0;
	text-align: center;
	text-shadow: none;
	padding: 5px;
	margin-bottom: 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}
.construction {
	color: white;
}

.pagetitle {
	position: absolute;
	left: calc(var(--border) *-1);
	top: -27px;
	margin: 0;
	padding: var(--border) 10px var(--border) 7px;
	color: var(--yellow);
	background: var(--navblue);
	border-radius: 8px 8px 0 0;
	text-shadow: 2px 2px 2px var(--black);
	font-size: 1.6rem;
	font-family: var(--head1);
	font-variation-settings: 'wght' 750, 'wdth' 150;
	text-align: left;
	text-transform: uppercase;
	z-index: 2;
	white-space: nowrap;
}

.forcerequired {
	outline: 0;
	font-family: var(--text1);
	font-size: 0.9rem;
	border: none;
	border-bottom: 3px solid;
	border-bottom-left-radius: 8px;
	text-shadow: 1px 1px 1px #000;
	border-color: #cc0000;
	background-color: #550000;
	color: #ff9;
	font-variation-settings: 'wght' 700, 'wdth' 100;
}

.flexgroup, .innerflex {
	display: flex;
	max-width: calc(100% - (var(--border) * 2));
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 0;
	gap: var(--gap);
}

.innerflex {
	max-width: calc(100% - (var(--miniborder) + 1px));
	gap: var(--minigap);
}

.size25 {width: 25%;}
.size33 {width: 33%;}
.size40 {width: 40%;}
.size50 {width: 50%;}
.size60 {width: 60%;}
.size67 {width: 67%;}
.size75 {width: 75%;}
.size100 {width: 100%;}

.flexbox25 {flex-basis: calc(25% - 4px);}
.flexbox30 {flex-basis: calc(30% - 4px);}
.flexbox33 {flex-basis: calc((100% / 3) - 4px);}
.flexbox40 {flex-basis: calc(40% - 4px);}
.flexbox50 {flex-basis: calc(50% - 4px);}
.flexbox60 {flex-basis: calc(60% - 4px);}
.flexbox67 {flex-basis: calc(((100% / 3) * 2) - 4px);}
.flexbox70 {flex-basis: calc(70% - 4px);}
.flexbox75 {flex-basis: calc(75% - 4px);}
.flexbox100 {flex-basis: calc(100% - 4px);}

.flexsa {justify-content: space-around;}
.flexsb {justify-content: space-between;}

.gridwrapper {
	position: relative;
	top: 0px;
	left: var(--border);
	width: calc(100% - (var(--border) * 2));
	height: auto;
	background: #000000aa;
	border-radius: 0 8px 8px 8px;
	box-shadow: 0 0 0 var(--border) var(--navblue);
	padding: 6px 5px 5px 6px;
	margin: var(--border) 0 50px 0;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

.innergrid {
	display: grid;
	grid-template-columns: 1fr 1fr 400px;
	gap: calc(var(--minigap) + 1px);
	margin: 0;
}

.loginButton {
	font: bold 1.5rem var(--head1);
	border-radius: 10px;
	border: 3px outset;
	letter-spacing: 2px;
	padding: 2px 10px 0 10px;
	width: calc(50% - 3px);
	min-width: 33%;
	text-shadow: -1px -1px 1px #000, 1px 1px 1px #fff;
}

.loginButton:hover {border: 3px inset;}

.login {
	background: var(--lightgreen);
	border-color: var(--green);
	color: var(--greenback);
}

.cancel {
	background: var(--maroon);
	border-color: var(--darkred);
	color: var(--packft);
}

.center {
	margin-left: 0;
	margin-right: 0;
	margin: auto;
}

.pillowtop {padding-top: 4px;}

.calendar, .datepicker {
	position: relative;
	background-color: transparent;
	width: 100%;
	min-width: 100%;
	font-family: var(--head1);
	font-size: 1rem;
	margin: 1px 5px 0 5px;
	border-color: var(--verygreen);
	color: var(--verygreen);
	padding: 0 0 5px 0;
}
.calendar {
	width: calc(100% - 60px);
	max-width: calc(100% - 60px);
	height: calc(100% - 4px);
	max-height: calc(100% - 4px);
	padding: 0 0 4px 0;
}

.datePicked {
	margin: 10px 0 -2px 0;
	background: var(--transred);
	border: 1px solid var(--yellow);
	border-radius: 5px;
	width: calc(100% - 10px);
}

.dpText {
	margin: 0;
	padding: 6px 5px 5px 5px;
	color: var(--yellow);
	font-family: var(text1);
	text-transform: none;
	font-size: 1.3rem;
	font-variation-settings: 'wdth' 100, 'wght' 400;
	text-indent: 0;
	line-height: 0.9rem;
}

.packagechoices {
	flex-basis: auto;
	min-width: 360px;
	max-width: 372px;
	order: 1;
	padding: 0;
	margin: 0;
	display: flex;
	flex-flow: row wrap;
	gap: 6px;
}

.justPacks{
	display: flex;
	flex-flow: column wrap;
	max-height: 84px;
	width: 100%;
	max-width: 100%;
}

.packages, .packselector {
	width: 120px; min-width: 120px;
	height: 120px; min-height: 120px;
	padding: 2px;
	border-radius: 3px;
	display: flex;
	flex-flow: row wrap;
}

.packselector {
	background: #222;
	box-shadow: inset 8px 0 0 0 #444;
	border: 1px solid #444;
	border-bottom: 1px solid #444;
	border-right: 1px solid #444;
	animation: selector 10s linear infinite;
}

.link {
	cursor: pointer;
	margin: 0 0 0 0;
	min-width: 120px;
}
.justPacks .link:nth-of-type(3n) {margin: 0 0 0 0;}
.packagechoices .link:last-of-type {margin: 0 0 0 0;}

.packtextGo {
	color: #fff;
	margin: 15px 0 0 0;
	font-family: var(--head1);
	font-variation-settings: 'wdth' 102, 'wght' 600;
	font-size: 1.75rem;
	letter-spacing: 0px;
	text-indent: 0;
	text-shadow: 1px 1px 1px var(--black),
				-1px -1px 1px var(--black),
				 1px -1px 1px var(--black),
				-1px 1px 1px var(--black);
}
.packtextGo {
	margin-top: 16px;
	font-size: 50px;
}

.packGo {
	min-width: 48px;
	height: 54px; max-height: 54px; min-height: 54px;
	padding: 2px 2px 2px 7px;
	border-radius: 3px;
}

.innerBox {
	padding: 3px 5px 0 5px;
	page-break-inside: avoid;
	break-inside: avoid-column;
}

.steps {
	color: var(--trueblue);
	background: var(--yellow);
	margin-right: 10px;
	padding: 0 15px;
	text-shadow: none;
	font-weight: bold;
	border-radius: 20px;
}

.smartCardText {
	display: flex;
	flex-direction: row;
	gap: 20px;
	max-width: calc(100% - 6px);
}















.qcInfoData {
	font-family: var(--text1);
	line-height: 1rem;
	text-shadow: none;
	text-indent: 0;
	vertical-align: baseline;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	text-align: left;
	font-variation-settings: 'wdth' 100, 'wght' 700;
	font-size: 0.9rem; 
}

.qcInfoType {
	text-align: right;
	font-family: var(--text1);
	font-variation-settings: 'wdth' 80;
	font-size: 0.6rem;
	line-height: 1rem;
	text-shadow: none;
	text-indent: 0;
	vertical-align: baseline;
	margin: 0 0 0 0;
	padding: 1px 0 0 0;
}

.active, .avail, .notavail {
	display: flex;
	background-color: #777;
	border: 2px outset;
	border-radius: 5px;
	padding: 6px 3px 3px 3px;
	font-family: var(--head1);
	font-size: 1.25rem;
	font-variation-settings: 'wdth' 85, 'wght' 600;
	color: var(--white);
	text-shadow: 1px 1px 2px var(--black);
	max-height: 22px;
	min-height: 22px;
	align-items: center;
	justify-content: center;
}
.active {
	color: var(--yellow);
	background-color: var(--blueback);
	border: 2px inset;
	border-color: var(--blueback);
}
.avail {
	color: var(--yellow);
	background-color: var(--greenback);
	border-color: var(--green);
}
.notavail {
	color: #bbb;
	border-color: #999999;
}
.active:hover, .avail:hover {
	border: 2px solid var(--green);
	background-color: var(--grey);
	border: 2px inset;
}
.active:active, .avail:active {
	border: 2px inset;
}
.notavail:hover {
	border-color: var(--red);
	background-color: var(--redback);
	cursor: not-allowed;
}

.activeglow {
	filter: drop-shadow(0 0 10px var(--pink));
}

.arrow {
	color: var(--yellow);
	font-size: 20px;
	font-family: arrows;
	transform: rotate(0deg);
	margin: -5px 5px 0 -25px;
}

.backglobe {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 90%; 
	max-width: 904px; 
	max-height: 678px;
	transform: translate(-50%, -50%);
	transform-origin: 0 0;
}

.blue2 {
	color: var(--blue);
	font-variation-settings: 'wght' 600, 'wdth' 110;
	font-style: italic;
	line-height: 1rem;
}

.bluesub {
	color: var(--blue);
	font-variation-settings: 'wght' 600, 'wdth' 100;
	font-size: 0.75rem;
	text-indent: 0;
	margin: -5px 0 0 0;
	text-transform: uppercase;
}

.bluesub2 {
	color: var(--packg);
	font-family: var(--head1);
	font-variation-settings: 'wght' 800, 'wdth' 100;
	text-shadow: none;
	font-size: 0.75rem;
	text-indent: 0;
	margin: 0 0 0 0;
}

.ceremonyInfo, .clientInfo {
	width: auto;
	padding: 0 3px 0 3px;
}

.choice {
	text-indent: 0;
	margin-bottom: 0;
	display: flex;
}

.columns {
	columns: 3;
	gap: 14px;
}

.columns2 {
	columns: 2;
	flex-grow: 2;
}

.columns4 {columns: 4;}

.contacttext, .contacttexts {
	color: var(--gold);
	text-indent: 0;
	font-weight: bold;
	font-size: 1.2rem;
	transition: ease-in-out 0.25s;
}
.contacttexts {color: var(--smoke);}

.Cost {font-variation-settings: 'wght' 600, 'wdth' 100;}

.Cost2, .Cost2q {
	font-family: var(--text1);
	font-variation-settings: 'wght' 800, 'wdth' 100;
	text-shadow: none;}
.Cost2q {padding-right: 3px;}

.darklight {
	background: #00000077;
	padding: 4px 2px 6px 2px;
	margin: 0;
}

#desc-0 {columns: 3; min-width: 374px;}

.dataLine {
	display: flex;
	flex-flow: row nowrap;
}

.dispIB {display: inline-block;}

.pagetitle2 {
	left: -21px;
	font-size: 1.3rem;
	font-family: var(--head1);
}

.divtest {border: 1px solid red; background-color: white;}

.emph {color: var(--yellow);}
.emph::after, .emph::before {
	content: "\25c2";
	color: var(--brightred);
	text-shadow: none;
	font-size: 1.6rem;
	line-height: 1rem;
	vertical-align: middle;
}
.emph::before {content: "\25b8"; padding: 0 3px 0 3px;}

.eventDate {
	color: #009900; 
	font-variation-settings: 'wdth' 95, 'wght' 700;
	text-transform: uppercase;
	text-align: right;
	font-size: 1.25rem
}

.eventInfo, .venueInfo {
	width: auto;
	border-left: 2px solid #39f;
	padding: 0 3px 0 3px;
}

.eventtiming {
	margin: 5px 0 0 0;
	width: 100%;
	text-align: center;
}

.eventTimingLayout {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-bottom: 3px;
}

.eventTimingTextFlexTEMPHOLD {
	display: flex;
	flex-flow: row nowrap;
	color: var(--yellow);
	padding-top: 5px;
	text-indent: 0;
	margin: 0 5px;
	margin: auto;
	width: clamp(200px, 90%, 100%);
}

.eventTimingTextFlex {
	display: flex;
	flex-flow: row nowrap;
	color: var(--yellow);
	padding-top: 5px;
	text-indent: 0;
}

.expires {
	text-align: right;
	font-family: var(--text1);
	line-height: 1rem;
	text-shadow: none;
	text-indent: 0;
	vertical-align: baseline;
	margin: 0 0 0 0;
	font-size: 0.9rem; 
	padding: 1px 0 0 10px;
	background-color: #ffff00 !important; 
	color: #ff0000 !important; 
	font-variation-settings: 'wdth' 100, 'wght' 700;
	font-style: italic; 
	print-color-adjust: exact !important;
}

.filled {
	background-color: transparent;
	color: var(--green);
}

.fineprint {
	flex-basis: calc((100% - 12px) / 3);
	padding: 10px;
	color: currentColor;
	background-color: #3c3c3cac;
}

.finished {
	min-width: 100%;
	max-width: 100%;
	padding: 10px;
	margin-bottom: 4px;
}

.flexgroupC {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 0;
}

.flexgroupC1, .flexgroupC2 {
	display: flex;
	flex-flow: row wrap;
	gap: 6px;
}
.flexgroupC2 {flex-flow: column;}

.flexgroupFP {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	max-width: calc(100% - 2px);
	height: auto;
	gap: 6px;
	margin: 0;
	padding: 0 0 4px 0;
}

.flexline {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: baseline;
	gap: 10px;
	margin: 0px;
}

.noGap {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 10px;
	gap: 10px;
}

.flexicon {
	display: flex;
	flex-flow: column;
	align-items: center;
	padding: 10px 25px;
	min-width: 190px;
	color: var(--gold);
	border: 1px solid var(--gold);
	border-radius: 10px;
	transition: ease-in-out 0.25s;
}
.flexicon:hover {
	box-shadow: inset 0 0 50px 95px var(--gold), 0 0 10px 1px var(--gold);
	border: 1px solid var(--wispy);
	transition: ease-in-out 0.5s;
}
.flexicon:hover .contacttext {
	color: var(--charcoal);
	transition: ease-in-out 0.5s;
}
.flexicon:hover .contacttexts {
	color: var(--grey);
	transition: ease-in-out 0.5s;
}
.flexicon:hover .contacttext:hover {
	color: var(--maroon);
}
.flexicon:hover .contacttexts:hover {
	color: var(--darkblue);
}

.snailmail {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	margin: 15px 0 0 0;
}

.flush {text-indent: 0;}

.formline, .formline2, .formline3, .formline4 {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	margin-bottom: 0;
	page-break-inside: avoid;
	break-inside: avoid-column;
}
.formline2 {
	display: flex;
	justify-content: space-between;
}
.formline3, .formline3a {
	width: calc(100% - 35px);
	min-width: calc(100% - 35px);
	max-width: calc(100% - 35px);
	margin-bottom: 0;
}
.formline3a {
	position: relative;
	top: -15px;
}
.formline3box {
	padding: 3px 0 0 2px;
	text-align: center;
}
.formline4 {
	width: calc(100% - 25px);
	max-width: calc(100% - 25px);
	min-width: calc(100% - 25px);
}

.fullsize {
	min-width: calc(100vw - 98px);
	min-height: calc(100vh - 6px);
}

.genreExamples {
	font-size: 0.7rem;
	text-indent: 0;
	color: var(--blue);
	line-height: 0.9rem;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-clamp: 2;
	box-orient: vertical;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.genreType {
	text-indent: 0;
	margin: 0;
	padding: 0;
	page-break-inside: avoid;
	break-inside: avoid-column;
	line-height: 1.1rem;
}

.genreTitles {
	display: inline;
	padding-top: 4px;
	font-weight: 800;
	font-size: 1.3rem;
}

.genreBox {
	border: 2px solid;
	border-radius: 5px;
	padding: 3px;
	margin: 0 0 5px 0;
}

div.genWrapper {
	display: inline-grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	max-width: 100%;
}
div.genWrapper > p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.goodtext, .warntext {
	text-indent: 0;
	text-align: center;
	color: var(--yellow);
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	margin: 0 -20px 0 0;
	max-height: 24px;
	font-size: 1.5rem;
	font-family: var(--head3);
	font-variation-settings: 'wght' 600, 'wdth' 110;
	background: var(--darkred);
	border-bottom-left-radius: 7px;
}
.goodtext {
	background: var(--lightgreen);
	color: var(--darkblue);
}

.header, .header2, .header3, .header4 {
	color: var(--yellow);
	text-indent: 0;
	margin-bottom: 3px;
	font-family: var(--head1);
	font-size: 1.3rem;
	font-variation-settings: 'wdth' 150, 'wght' 700;
	width: 100%;
	text-transform: uppercase;
	column-span: all;
}
.header2 {
	font-size: 1rem;
	letter-spacing: 1px;
}
.header3 {
	column-span: none;
}
.header4 {
	font-size: 1rem;
	line-height: 0.9rem;
	font-variation-settings: 'wdth' 125, 'wght' 600;
}

.headerTitle {
	margin: 0 0 0 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

.help::after, .help2 {
	font-family: fontawesome;
	content: "\f059";
	color: var(--yellow);
	cursor: help;
	vertical-align: unset;
	margin: 0 0 0 8px;
	font-size: 1rem;
}
.help2 {
	vertical-align: unset;
	width: 25px;
	min-width: 25px;
	max-width: 25px;
	height: 2rem;
	min-height: 2rem;
	max-height: 2rem;
	margin: 0;
	padding: 7px 0 0 0;
}

.highlight, .highlightbl, .highlightyr {
	background-color: #af0000;
	color: var(--yellow);
	white-space: break-spaces;
}
.highlightbl {display: inline-block; padding: 0 5px;}
.highlightyr {
	padding: 0 3px 0 3px;
	white-space: pre-wrap;
	border: 1px solid var(--white);
}

.highlight2 {
	background-color: #006600bf;
	background-image: linear-gradient(90deg, var(--yellow), var(--pink) 10%, var(--darkgreen) 30%, var(--darkgreen) 70%, var(--pink) 90%, var(--yellow));
	border: 2px solid var(--yellow);
	border-radius: 5px;
	padding: 5px 0 3px 0;
	color: #ffffff;
	text-align: center;
}

form input.highlighted {
	border-color: #f70 !important;
	background: transparent !important;
}

.iconography {
	background-color: white;
	border-top: 1px solid black;
	padding: 5px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	gap: 20px;
}

.imgnote {
	font-size: 0.8rem;
	text-indent: 0;
	line-height: 1rem;
}

.infoRow {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-evenly;
}

.flexcustom {flex-basis: calc((100% - 18px) / 4); min-width: 346px;}

.inputLabel {
	text-indent: 0;
	text-transform: uppercase;
	font-size: 0.6rem;
	line-height: 0.65rem;
	margin: 2px 0 0 0;
	padding: 0;
	color: var(--wispy);
}

.kznclogo {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 90%; 
	max-width: 1000px;
	max-height: 745px;
	transform: translate(-50%, -50%);
	transform-origin: 0 0;
}

.large {font-size: 1.5rem;}

.last {margin-bottom: var(--border);}

.linktext {
	color: var(--lightgreen);
	background: var(--darkblue);
	border-bottom: 1px dashed var(--brightred);
	white-space: nowrap;
}

.linktextimg {
	padding-right: 5px;
	margin-bottom: -4px;
	height: 1.2rem;
	width: auto;
	display: inline;
	vertical-align: baseline;
}

.loginpopup {
	width: 354px;
	min-width: 354px;
	max-width: 354px;
	position: relative;
	top: 2px;
	left: 34px;
	height: auto;
	background: #000000aa;
	border-radius: 7px;
	box-shadow: -30px 0 0 2px var(--navblue),
				0 0 0 2px var(--navblue);
	padding: 4px;
	margin: 0; margin: auto;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
}

.lower {text-transform: lowercase;}

.m {
	max-width: 130px;
	min-width: 130px;
}

.massive {
	font-family: var(--head1);
	font-size: 2.8125rem;
	font-variation-settings: 'wght' 700;
}

.micIcon::before, .micIcon2::before {
	font-family: fontawesome;
	font-size: 1rem;
	vertical-align: baseline;
	text-align: center;
	content: "\f3c9";
}
.micIcon2::before {
	display: inline-block;
	font-size: 1.2rem;
	color: var(--faint);
}

.midlight {
	background: #00000055;
}

.multiQuote {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	gap: 2px;
	width: 100%;
	margin: 0;
	padding: 0;
}

.mustDontNote {
	flex-basis: 100%;
	padding: 5px;
	order: 1;
}
.navbtnsentry, .navbtnsentryoffline {
	height: 58px;
	width: 100%;
	background: var(--entrybtn);
	border: 3px outset var(--entrybord);
	border-radius: 29px;
	padding: 0;
	margin: 0 0 3px 0;
	display: flex;
	flex-flow: row nowrap;
	font-size: 1.5rem;
	font-family: var(--head1);
	-webkit-backdrop-filter: blur(3px) grayscale(1);
	backdrop-filter: blur(3px) grayscale(1);
}
.navbtnsentry:hover {
	border: 3px inset var(--entrybordact);
	background: var(--entryact);
}
.navbtnsentryoffline {
	filter: saturate(0%);
	color: var(--grey);
}

.navtextentry {
	margin: 0 0 0 -10px;
	padding: 18px 0 0 0;
	text-align: left;
	font-size: 2.4rem;
	font-variation-settings: 'wght' 700, 'wdth' 120;
}

.navtop, .navtop2 {
	position: relative;
	left: 34px;
	top: 2px;
	padding: 0 0 0 0;
	background: var(--navbluetrans);
	max-height: 53px;
	min-height: 53px;
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
}
.navtop2 {margin: 0 0 6px 0;}

.nextquote:hover {
	text-decoration: underline;
	color: var(--darkred);
}

.nobreak {break-inside: avoid !important;}

.nobuffer {padding: 0;}

.noIndent {margin: 0;}

.noTrans {text-transform: none;}

.note {
	background-color: #000000aa;
	color: var(--smoke);
	font-size: 0.9rem;
	width: calc(100% - 30px);
}

.officialquote {
	background: var(--white);
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	max-height: auto;
	flex-basis: 60%;
	margin: 0 2px 4px 0;
	border: none;
	container-name: wrapper;
	container-type: inline-size;
}

.oneone {font-size: 1rem; line-height: 1rem;}

.onerow {
	max-height: 27px;
	min-height: 27px;
}

.oqfootnotes {
	position: absolute; 
	bottom: 0; 
	width: 100%; 
	left: 0;
	font-size: 7pt;
}

.oqfpitem {
	font-size: 1.4rem;
}

.oqfpitemname {
	font-size: 1.4rem;
	color: var(--blue);
}

.oqgreyback {background-color: #ddd; print-color-adjust: exact !important;}

.oqheader3 {
	font-size: 0.9rem;
	text-indent: 0;
	font-family: var(--head1);
	font-variation-settings: 'wdth' 150, 'wght' 700;
	color: var(--green);
	border-bottom: 1px solid;
}

.oqoptpara {
	font-weight: normal; 
	text-transform: none; 
	font-size: 8pt;
}

.oqoptprices {
	font-weight: bold; 
	font-size: 10pt; 
	text-align: right; 
	width: 75px;
}

.oqoptpriceshour {
	font-size: 10pt; 
	text-transform: none; 
	font-weight: normal; 
	text-align: left;
	width: 150px;
}

.oqpaypal {
	height: 15px; 
	width: auto; 
	display: inline;
	margin: 0; 
	vertical-align: text-bottom; 
	top: 3px;
}

.oqquotenote {
	font-family: hps-wide;
	font-size: 20px;
	font-weight: 900;
}

.oqreview {
	text-transform: none; 
	text-align: justify; 
	font-style: italic; 
	font-weight: bold; 
	width: 100%; 
	margin-top: 10px;
}

.oqwhiteback {background-color: #fff; print-color-adjust: exact !important;}

.packComps {
	width: calc(100% - 10px);
	background-color: #ddd;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-top-left-radius: 8px;
	padding: 4px 0 4px 0;
	margin: 0 0 0 10px;
	print-color-adjust: exact !important;
}

.packName {
	text-align: left;
	font-variation-settings: 'wdth' 130, 'wght' 900;
}

.packPickerButton {
	position: absolute;
	bottom: 2px;
	border: 3px outset var(--white);
	border-radius: 5px;
	filter: brightness(0.6);
	width: 100%;
}

.packPickerButtonOverlay {
	filter: brightness(1);
	position: absolute;
	bottom: 5px;
	width: 100%;
}

.packPickerButtonPicked {
	position: absolute;
	bottom: 2px;
	border: 3px inset var(--lightgrey);
	border-radius: 5px;
	filter: brightness(1);
	width: 100%;
}

.packPickerText {
	text-indent: 0;
	text-align: center;
	font-variation-settings: 'wght' 700, 'wdth' 125;
	font-size: 2rem;
	padding: 5px 0 5px 0;
	margin: 0;
	filter: brightness(1);
	cursor: pointer;
	text-shadow: 1px 1px 1px var(--charcoal),
				-1px -1px 1px var(--wispy),
				-1px 1px 1px var(--smoke),
				1px -1px 1px var(--grey);
}

.packPrice {
	text-align: right;
	font-variation-settings: 'wdth' 130, 'wght' 900;
	margin: 0 4px 0 0;
}

.padd {padding: 10px;}

.pagenavbtns {
	margin: 3px 3px 3px 3px;
	text-align: center;
	width: calc(20% - 6px);
}

.payInfo, .payType, .payMoney {
	text-align: left;
	font-family: var(--text1);
	font-variation-settings: 'wdth' 80, 'wght' 700;
	font-size: 1.4rem;
	line-height: 1.5rem;
	text-shadow: none;
	text-indent: 0;
	vertical-align: baseline;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	color: var(--green);
}
.payType {
	text-align: right;
	font-variation-settings: 'wdth' 80, 'wght' 400;
	font-size: 0.9rem;
	padding: 0 0 0 0;
	color: var(--blue);
	width: 125px;
}
.payMoney {
	width: 100px;
	text-align: right;
}

.popup {
	position: fixed;
	z-index: 4;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: #00000066;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	animation: fadeIn 1s ease;
}

.popupclose {
	color: var(--brightred);
	float: right;
	font-size: 3.125rem;
	font-weight: bold;
	margin: -8px 0 -20px 60px;
	order: 2;
}
.popupclose::before {content: "\00d7";}
.popupclose:hover,
.popupclose:focus {
	color: var(--verygreen);
	text-decoration: none;
	cursor: pointer;
}

.popupcontent {
	background-color: #333333;
	margin: 10% auto;
	padding: 10px;
	border: 2px solid #ffff00;
	border-radius: 20px;
	width: 75%;
	animation: poptext 1.5s ease;
}

.popuptext {columns: 3;}

.nocols {columns: 1;}

.popuptitle {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
}

.pv {padding: 0 10px;}

.q {
	width: 100%;
	min-width: 90px;
}

.qcAllInfo {
	width: 700px; 
	height: auto; 
	border: 2px solid #39f; 
	border-radius: 7px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

.qcContract, .qcFinePrint {
	min-width: 700px; 
	max-width: 700px; 
	background: #fff; 
	margin: 0 0 0 0;
	margin: auto;
}
.qcFinePrint {font-size: 10px;}

.qcDontBreak {page-break-inside: avoid; break-inside: avoid-column;}

.qcPackage {
	width: 700px;
	border: 1px solid black;
	border-top-left-radius: 8px;	
}

.qcPageBreak {page-break-before: always;}

.qcQuoteContractBase {
	position: relative;
	color: #000000;
	margin: 0 0 5px 0;
	max-height: 100%;
	min-width: 700px;
	overflow-y: auto;
	overflow-x: hidden;
}

.qs3note {
	margin: 0 0 4px 0;
	width: 100%;
	min-width: 400px;
	height: auto;
	padding: 5px 10px 0 10px;
	display: flex;
	flex-flow: row nowrap;
	font-size: 1.25rem;
	flex-basis: calc(40% - var(--gap));
	font-family: var(--text1);
}

.quote, .quote2 {
	display: flex;
	justify-content: space-between;
	flex-grow: 1;
	align-items: baseline;
	margin: 13px 0 -10px 0;
	padding: 0 2px 0 2px;
}
.quote2 {
	font-family: var(--text1);
	font-size: 1.5rem;
	margin-top: 0;
}

.quotebox {
	min-height: auto;
	min-width: 100%;
	max-width: 100%;
	margin: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0;
	gap: 6px;
}

.quoteContinue {
	background: var(--yellow);
	color: var(--darkblue);
	text-shadow: none;
	text-indent: 0;
	text-align: center;
}

.quotenote {
	padding-left: 10px;
	font-size: 1.2rem;
	line-height: 1.6rem;
}

.required {
	background-color: var(--redback);
	color: var(--yellow);
}

.resetButton {
	text-indent: 0;
	font-family: var(--head1);
	font-size: 1.5rem;
	font-variation-settings: 'wdth' 150, 'wght' 750;
	color: #ffffff;
	column-span: all;
	width: 75%;
	min-width: 75%;
	max-width: 75%;
	margin: 10px auto;
	padding: 2px 0 0 0;
	text-align: center;
	background: var(--maroon);
	border-radius: 15px;
	border: 5px outset var(--darkred);
	transition: ease-in-out 0.1s;
	text-shadow: -1px -1px 1px #000, 1px 1px 1px #faa;
}
.resetButton:hover {
	border: 5px inset var(--darkred);
	transition: ease-in-out 0.1s;
	transform: translate(1px, 2px);
	text-shadow: -1px -1px 2px var(--black),
				-1px 1px 2px var(--black),
				1px -1px 2px var(--black),
				1px 1px 2px var(--white);
}

.resetCookieData, .resetCookieDataP {
	font-size: 0.8rem;
	color: var(--gold);
	text-align: left;
}
.resetCookieDataP {color: var(--green);}

.resetCookieName {
	font-size: 0.6rem;
	color: var(--packwst);
}

.resetData {
	width: 100%;
	margin-bottom: 8px;
	text-indent: 0;
	color: var(--green);
	text-transform: none;
	font-variation-settings: 'wght' 700, 'wdth' 85;
	text-align: left;
	font-size: 1rem;
	line-height: 1rem;
}

.resetList {
	text-indent: 0;
	text-transform: uppercase;
	font-size: 0.6rem;
	font-variation-settings: 'wdth' 112, 'wght' 400;
	line-height: 0.65rem;
	margin: 0;
	padding: 0;
	color: var(--wispy);
	break-inside: avoid !important;
}

.resetNote {
	text-indent: 0;
	font-size: 0.9rem;
	color: var(--packwt);
	column-span: all;
	background: var(--darkblue);
	padding: 1px 2px;
}

.reveal {
	opacity: 1;
	visibility: visible;
	transition: visibility 1.5s ease-in-out, opacity 1.5s ease-in-out;
}

.right {text-align: right;}

.sampleimg {
	width: 100%;
	height: auto;
	margin-left: 0;
	margin-right: 0;
}
.sampleimg2l, .sampleimg2r {
	width: clamp(300px, 40%, 500px);
	height: auto;
	float: left;
	margin: 0 10px 0 0;
}
.sampleimg2c {
	float: none;
	margin: 0 0 10px 0;
	margin: auto;
	width: 80%;
}
.sampleimg2r {
	float: right;
	margin: 0 0 0 10px;
}

.show {display: inherit;}

.slider {
	appearance: none;
	width: 100%;
	height: 8px;
	border-radius: 0px;
	background: #d3d3d3;
}
.slider::-webkit-slider-thumb {
	appearance: none;
	width: 9px;
	height: 24px;
	border-radius: 0%;
	background: var(--trueblue);
	border: 2px solid var(--yellow);
	cursor: pointer;
}
.slider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	border-radius: 0%;
	background: var(--trueblue);
	border: 2px solid var(--yellow);
	cursor: pointer;
}

.sliderleft {
	text-align: left;
	margin: 5px 0 -10px 0;
}

.sliderright {
	float: right;
	text-align: right;
	margin: -23px 0 -10px 0;
}

.subdivision {
	display: inline-block;
	width: calc(100% + 6px);
	border: 1px solid; 
	border-radius: 5px; 
	padding: 2px 3px 0 2px; 
	margin: 0 -3px 0 -3px;
}
#customize > .subdivision {margin-bottom: 2px;}
.not {border: none;}

.subborder {
	border: 1px solid; 
	border-radius: 3px; 
	padding: 3px;
	margin: 0;
}

.subpack {
	box-shadow: 0 0 0 3px;
	border-radius: 5px;
	padding: 2px;
	margin: 2px 0 6px 0;
	display: flex;
	flex-flow: column nowrap;
}

.subquote {
	padding-left: 35px;
	text-indent: -10px;
}

.subquote2, .subquote2q {
	text-indent: 0;
	text-shadow: none;
}
.subquote2q {
	text-indent: 3px;
	font-family: var(--text1);
	font-size: 0.9rem;
	line-height: 1rem;
}

.subquoteitem, .subquoteitem2 {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	vertical-align: bottom;
	margin: 0 0 -10px 0;
	padding: 0 2px 0 0;
}
.subquoteitem2 {padding-left: 3px;}

.testtest {box-shadow:inset}

.text {font-variation-settings: 'wght' 600, 'wdth' 70;}
.text2 {font-variation-settings: 'wght' 500, 'wdth' 100;}
.text3 {
	font-variation-settings: 'wght' 900, 'wdth' 90;
	color: var(--black);
	background: var(--pink);
	text-shadow: none;
}

.textCounter {
	position: relative;
	text-align: right;
	right: 55px;
	top: -15px;
}

.theReflex {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	height: 100%;
	gap: 0;
}

.thin {font-variation-settings: 'wdth' 85;}

.timeout {
	border: 2px solid var(--yellow);
	border-radius: 6px;
	background: var(--darkblue);
	color: var(--yellow);
	padding: 5px;
}

.topbar {border-top: 3px solid var(--green);}

.under {
	text-decoration: underline;
	text-underline-offset: 4px;
}

.hwDisclaimer {
	margin: 2px 0;
	font-family: var(--text1);
	font-style: italic;
	font-variation-settings: 'wdth' 100;
	color: var(--packgt);
}

/*██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
MARK:Equalizer
*/

#eq {
	display: flex;
	justify-content: space-between;
	max-height: 135px;
	min-height: 135px;
	min-width: 100%;
	margin-top: -135px;
	transform: rotateX(180deg);
	position: relative;
	bottom: 0;
	opacity: 0.1;

	.equalizer {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		min-width: 100%;
		max-height: 135px;
		z-index: 1;
	}

	.bar {
		max-width: 10px;
		min-width: 10px;
		max-height: 134px;
		background: url("../graphics/eqbar.png") no-repeat;
		margin: 0 1px 0 0;
		transform: rotateX(180deg);
		transition: all 0.4s linear;
	}
}

/*██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
MARK:Live Quote
*/

.lineItem {
	margin: 0;
	padding: 0;
	align-self: end;
	font-variation-settings: 'wdth' 75;
	text-indent: 0;
}

.lineValue {
	margin: 0;
	padding: 0;
	text-align: right;
	font-family: var(--head6);
	font-size: 1.5rem;
	font-variation-settings: 'wdth' 150, 'wght' 800;
	align-self: end;
}

.strike {
	text-decoration: line-through;
	text-decoration-color: var(--red);
}

/*██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
MARK:Package Browser
*/

.zero {
	margin-top: -5px;
}

.packageBrowser {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 372px; min-height: 372px; max-height: 372px;
	width: 372px; min-width: 372px; max-width: 372px;
	background-color: transparent;
	margin: -2px; padding: 0;
	order: 1;
}

.packageGrid {
	display: grid;
	grid-template-columns: repeat(3, 120px);
	grid-template-rows: repeat(3, 120px);
	gap: 6px;
	position: relative;
}

.packageBox,
.packageEdge,
.packageArrowBox,
.packageButton {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	cursor: pointer;
	margin: 0; padding: 0;
	width: 120px; min-width: 120px; max-width: 120px;
	height: 120px; min-height: 120px; max-height: 120px;
	background-color: #222;
	border: 1px solid #444;
	border-radius: 7px;
	transition: box-shadow 0.25s ease-in-out, border-color 0.75s ease-in-out, background-color 0.5s ease-in-out, color 0.5s ease-in-out;
}
.packageEdge {
	display: block;
	position: relative;
	top: -120px;
	z-index: 3;
	cursor: pointer;
	margin: 0; padding: 0;
	background-color: transparent;
	border: 1px solid #444;
	transition: box-shadow 0.25s ease-in-out, border-color 0.75s ease-in-out, background-color 0.5s ease-in-out;
}
.packageArrowBox {
	position: relative;
	cursor: default;
}
.packageButton {
	min-width: 170px;
	width: calc(((100% - 54px) - var(--gap)) / 8);
	max-width: calc(((100% - 54px) - var(--gap)) / 8);
	min-height: auto; height: auto; max-height: auto;
	font-family: var(--head1);
	font-size: 1rem;
	color: var(--yellow);
	text-transform: uppercase;
	padding: 3px;
	gap: 6px;
}

.packageArrow {
	width: 100px; height: 100px;
	display: block;
	margin: 0; margin: auto; margin-top: 10px;
	background-image: url('../graphics/packarrowstrip.png');
	background-repeat: no-repeat;
}

.packageIcon {
	width: 118px; height: 86px;
	display: block;
	margin: 0; margin: auto;
	position: relative;
	top: 0px;
    transition: margin-top 0.5s ease-in-out;
}

.packageText {
	color: #ffffff;
	margin: 0; margin: auto;
	position: relative;
	bottom: 0px;
	font-family: var(--head1);
	font-variation-settings: 'wdth' 100, 'wght' 600;
	font-size: 0.6rem;
	line-height: 0.6rem;
	letter-spacing: 0px;
	text-indent: 0;
	text-align: center;
	flex-flow: row wrap;
	justify-content: center;
	max-width: 110px;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px var(--black), -1px -1px 1px var(--black), 1px -1px 1px var(--black), -1px 1px 1px var(--black);
}

.packWelcome {
	color: #abcdef;
	padding: 5px;
	background: #3c3c3cac;
	max-width: calc(100% - 378px);
	box-shadow: 0 0 0 2px currentColor;
	order: 2;
}

.selected {
	transition: box-shadow 0.25s ease-in-out,
				background-color 0.5s ease-in-out,
				border-color 0.75s ease-in-out;
}

.details {
	display: grid;
	grid-template-columns: 301px 1fr;
	gap: 0px;
	max-width: calc(100% - 378px);
	box-shadow: 0 0 0 2px currentColor;
	order: 2;
}

.packIncludes, .packDescription {
    transition: opacity 0.5s ease-in-out;
    opacity: 1;
	display: block;
}

.packIncludes {
    grid-column: 1;
    padding: 5px;
}

.packDescription {
    grid-column: 2;
    padding: 5px 5px 5px 15px;
}
.hide {
	display: none;
    opacity: 0;
	visibility: hidden;
	pointer-events: none;
	height: 0;
	overflow: hidden;
}

.flash {animation: calFlash 2.5s ease;}

/*██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
MARK:Login Popup
*/

#loginForm,
#clientForm,
#venueForm,
#ceremonyForm {
	input {
		border: none;
		border-radius: 0;
		margin: 0;
		padding: 0 5px;
	}

	.inputWrapper.invalid,
	.inputWrapper.valid,
	.inputWrapper {
		position: relative;
		margin-bottom: 5px;
		border-width: 1px 1px 3px 1px;
		border-style: solid;
		border-color: #cc0000;
		border-radius: 0 8px 8px 8px;
/*		background-color: #55000033;*/
		padding: 0;
		transition: border-color 0.5s ease, background-color 0.5s ease;
	}
	.inputWrapper.valid {
		border-color: #00ff00;
	}
}

.enInputLabel {
	text-indent: 0;
	text-transform: uppercase;
	font-size: 0.6rem;
	line-height: 0.65rem;
	margin: 2px 0 0 0;
	padding: 1px 0 0 3px;
	color: var(--wispy);
}

.noMatch {
	text-indent: 0;
	text-transform: uppercase;
	font-size: 0.7rem;
	line-height: 0.75rem;
	color: var(--yellow);
	background: var(--maroon);
	margin: 4px 0;
	padding: 4px;
	text-align: center;
}

.loginPopup {
	display: none;
	opacity: 0;
	visibility: hidden;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: #00000060;
    backdrop-filter: blur(3px);
	transition: all 1s ease;
	z-index: 1;
}

.poppedBox {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	min-width: calc(100vw / 2);
	max-width: calc(100vw - 50px);
	height: auto;
	border-radius: 7px;
	border-top-left-radius: 0px;
	background-color: #004b;
	box-shadow: 0 0 0 3px var(--navblue);
	padding: 4px;
	margin: 0 auto;
	z-index: 3;
}

.conceal {
    opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.reveal {
	display: block;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.stepButton,
.cancelLogin,
.resetPassword {
	font: bold 1rem var(--head1);
	text-transform: uppercase;
	border-radius: 8px;
	border: 3px outset;
	letter-spacing: 1px;
	padding: 2px 10px 2px 10px;
	margin-top: 3px;
	width: 100%;
	height: auto;
	background: var(--lightgreen);
	border-color: var(--green);
	color: var(--grey);
	transition: height 1s ease;
	cursor: pointer;
}
.cancelLogin {
	background: var(--maroon);
	border-color: var(--darkred);
	color: var(--wispy);
}
.resetPassword {
	background: var(--gold);
	border-color: var(--gold);
	color: var(--darkgreen);
}
.stepButton:hover,
.cancelLogin:hover,
.resetPassword:hover {
	border: 3px inset;
	padding: 4px 9px 0 11px;
	border-color: var(--green);
}
.cancelLogin:hover {
	border-color: var(--darkred);
}
.resetPassword:hover {
	color: var(--darkgreen);
}

li.loginList {
	margin-left: calc(1rem + 7px);
	list-style-type: disc;
}

.pwToggleHide::before,
.pwToggleShow::before {
	position: absolute;
	top: 60%;
	right: 5px;
	transform: translateY(-50%);
	border: none;
	background: transparent;
	cursor: pointer;
	font-family: mdSymSharp;
	content: "\e8f5";
	color: var(--yellow);
}
.pwToggleShow::before {
	content: "\e8f4";
}

/*██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
MARK:Password




MARK:Complexity
*/

.password-rules__meter {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	max-inline-size: 100%;
	min-inline-size: 100%;
	padding: 0;
	margin: 1px 0 5px 0;
}

.password-rules__meter > :where(span) {
	width: 100%;
	height: 0.5em;
	background-color: #ffffff22;
	border-radius: 360px;
	transition: background-color 1000ms ease-out;
}

password-rules[data-score="1"] .password-rules__meter :first-child {
	background-color: var(--lightpurple);
}

password-rules[data-score="2"] .password-rules__meter :nth-child(-n + 2) {
	background-color: var(--brightred);
}

password-rules[data-score="3"] .password-rules__meter :nth-child(-n + 3) {
	background-color: var(--orange);
}

password-rules[data-score="4"] .password-rules__meter :nth-child(-n + 4) {
	background-color: var(--yellow);
}

password-rules[data-score="5"] .password-rules__meter :nth-child(-n + 5) {
	background-color: var(--green);
}

.password-rules__score::before {
	display: block;
	counter-reset: score var(--score, 0) total var(--total, 5);
	content: counter(score) "/" counter(total);
	font-feature-settings: "tnum";
	font-size: 0.8em;
}

.password-rules__checklist li {
	font-size: 1.05rem;
	position: relative;
	list-style-type: none;
	margin-left: 1.25em;
}

.password-rules__checklist li::before {
	font-family: fontawesome;
	content: "\f146";
	color: #f00;
	position: absolute;
	display: inline-block;
	vertical-align: bottom;
	top: 0;
	right: calc(100% + 0.2em);
	font-size: 1rem;
}

.password-rules__checklist .is-match::before {
	font-family: fontawesome;
	content: "\f14a";
	color: #0b0;
	position: absolute;
	display: inline-block;
	vertical-align: bottom;
	top: 0;
	right: calc(100% + 0.2em);
	font-size: 1rem;
}

/*██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
MARK:Call to Action
*/

.cta-enhancement {
	width: 90%;
	margin: -35px 5% 35px 5%;
	padding: 1px;
	display: flex;
	justify-content: center;
	background-color: var(--navbluetrans);
	box-shadow: 0 0 10px 0 var(--navblue);
	border-radius: 2rem;
    transition: width 3s ease-in, background-color 5s ease-in, box-shadow 5s ease-in;
}

/*██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
MARK:Scrollbars
*/

::-webkit-scrollbar {
	width: 10px;
	background: var(--black);
	transition: background 1s ease;
}
::-webkit-scrollbar-track {
	background: var(--black);
}
::-webkit-scrollbar-thumb {
	min-height: 25%;
	background: #ffff0077;
	border-radius: 20px;
	transition: background 1s ease;
}
::-webkit-scrollbar-thumb:hover {
	background: var(--yellow);
}

/*██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
MARK:Stop Sign
*/

.innerOctagon {
	width: 100px;
	height: 100px;
	transform: rotate(45deg);
	background: #fff;
}

.innerOctagon2 {
	width: 94px;
	height: 94px;
	transform: rotate(45deg);
	background: #f00;
}

.octagon {overflow: hidden;}

.octagon2 {
	width: 94px;
	height: 94px;
	overflow: hidden;
	transform: rotate(-45deg);
	position: relative;
	top: 3px;
	left: 3px;
}

.stop {
	width: 100px;
	height: 100px;
	margin-top: 5px;
}

.stopText {
	font: 2.5rem hps;
	font-weight: bold;
	color: var(--white);
	position: relative;
	transform: rotate(-45deg);
	top: 20px;
	left: 5px;
}

/*██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
MARK:Datepicker
*/

.ui-datepicker .ui-datepicker-multi {width: 14rem;}

.ui-datepicker-multi-5 .ui-datepicker-group {width: 20%;}

.ui-datepicker-multi-6 .ui-datepicker-group {width: 16.66%;}

.ui-datepicker-multi-7 .ui-datepicker-group {width: 14.28%;}

.ui-datepicker-multi-8 .ui-datepicker-group {width: 12.5%;}

.ui-datepicker {
	width: 14rem;
	padding: 0;
}

.ui-datepicker .ui-datepicker-header {padding: 0;}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	top: -1px;
	width: 1.1rem;
	height: 1.1rem;
}

.ui-datepicker table {
	font-family: var(--head1);
	font-variation-settings: 'wdth' 150, 'wght' 400;
	text-shadow: 1px 1px 1px #000;
	text-transform: uppercase;
	font-size: 0.8rem;
	color: var(--white);
	margin: 0;
}
.ui-datepicker td span, .ui-datepicker td a {padding: 2px;}

.ui-datepicker .ui-datepicker-title {
	font-family: var(--head1);
	font-variation-settings: 'wdth' 150, 'wght' 100;
	text-shadow: 1px 1px 1px #000;
	font-size: 0.9rem;
	text-transform: uppercase;
	line-height: 1.2rem;
}

.ui-datepicker th {
	font-weight: normal;
	font-size: 0.6rem;
	padding: 4px 5px;
	width: 13.5%;
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 97.5%;
	margin: 0 auto .4rem;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 1px;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity: .2;}

.ui-widget-content {background: #285c0099;}

.ui-datepicker-inline {width: calc(100% - 10px) !important;}