@import url("https://use.typekit.net/kme1zvn.css");

@font-face {
	font-family : "abigail";
	src         : url("https://media1.charityengine.net/WF/_transactionServerFiles/1230/abigail-v4.woff") format("woff");
}

:root {
	--brand-black             : #10141a;
	--gold                    : #c5a07b;
	--gold-light              : #ece0d4;
	--primary-blue            : #1b2d46;
	--primary-accent-blue     : #007692;

	--button-back-hover-flat  : #fdfcfb;
	--button-back-light       : #ebded1;
	--button-back-start       : #d2b598;
	--button-back-end         : #693800;
	--button-back-hover-start : #dec9b5;
	--button-back-hover-end   : #87613b;
}

* {
	/* use !important where necessary to override CE styles */
	box-sizing : border-box !important;
}

html, body {
	font-size : 16px;
	margin    : 0;
	padding   : 0;
}

html body {
	color       : var(--brand-black);
	font-family : "proxima-nova", "Gotham", "Montserrat", "Raleway", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "sans-serif";
}

h1 {
	font-family            : "abigail", Georgia, Palatino, Times, "Times New Roman", serif;
	font-variant-ligatures : discretionary-ligatures;
	font-weight            : bold;
	letter-spacing         : normal;
}

body #ceApp-container {
	background : var(--gold-light);
}

#ceApp.ce-app {
	padding : 2rem;
}

#ceApp #aspnetForm .tsLegends.ce-legend {
	background  : var(--gold-light);
	border-top  : 2px solid var(--gold);
	font-weight : bold;
	line-height : 1.2;
	margin      : .5rem -.5rem;
	max-width   : unset;
	padding     : .5rem;
	width       : calc(100% + 1rem);
}

/* hide "not required' on conditional fields */
label > span,
#payProcessingFeeSystemSectionContainer {
	display : none;
}

#ceApp #aspnetForm .tsFormRows {
	margin-bottom : .5rem;
}

#ceApp #aspnetForm .tsFormRows.event-info-row {
	margin : .5rem 0 0;
}

#aspnetForm .tsFormRows.priEmail,
#aspnetForm .tsFormRows.priPhone {
	margin  : 0;
	padding : 0;
}

fieldset {
	container-type : inline-size;
}

@container (width > 760px) {
	.tsCheckBoxLists.attendingWith {
		display               : grid;
		grid-template-columns : repeat(2, 1fr);
	}
}

.tsFormRows:has(.tsReadOnlyFields) > label {
	font-size   : larger;
	font-weight : bold;
}

label.ce-label {
	font-size : 1rem;
}

label.ce-label + input[type="file"],
.tsReadOnlyFields {
	display : block;
}

@media (width > 760px) {
	#aspnetForm .ce-fieldset:has(.tsFormRows.third) {
		display               : grid;
		grid-template-columns : repeat(3, 1fr);
		grid-gap              : 1%;
	}

	#aspnetForm .ce-fieldset:has(.tsFormRows.third) legend {
		grid-column-end : 3;
	}
}

#aspnetForm .tsFormRows:has(p) {
	margin : 1rem 0 0;
}

.tsFormRows:has(p) label {
	font-size   : 2rem;
	font-weight : bold;
}

#aspnetForm .tsFormRows p:last-child {
	margin : 0;
}

body #ceApp .btn-primary,
body #ceApp input[type="submit"],
body #ceApp .frequencyOptionsContainer input + label,
body #ceApp .announcementTypeContainer label,
body #ceApp .isCost label,
body #ceApp .giftAmountBtn,
body #ceApp .paymentTypeContainer label,
body #ceApp .AccountType label,
body #ceApp .AccountType.tsRadioButtonLists label,
body #ceApp #oneClickGivingYesButton,
body #ceApp .addNights input[type="radio"] + label,
body #ceApp .addRoom input[type="radio"] + label {
	background    : var(--button-back-start) url("https://media2.charityengine.net/WF/_transactionServerFiles/1230/noise.png") !important;
	border        : none !important;
	border-radius : 2rem;
	box-shadow    : none;
	color         : white !important;
	line-height   : 2;
	padding       : 0 1rem;
	text-align    : center;
	width         : 100%;
}

body #ceApp .frequencyOptionsContainer input:checked + label,
body #ceApp .announcementTypeContainer label.active,
body #ceApp .isCost label.active,
body #ceApp .giftAmountBtn.active,
body #ceApp .paymentTypeContainer label.active,
body #ceApp .AccountType label.active,
body #ceApp .addNights input[type="radio"]:checked + label,
body #ceApp .addRoom input[type="radio"]:checked + label {
	background-color : var(--button-back-light) !important;
	color            : var(--button-back-end) !important;
}

body #ceApp .btn-primary:hover,
body #ceApp input[type="submit"]:hover,
body #ceApp .paymentTypeContainer label:hover,
body #ceApp .AccountType label:hover,
body #ceApp #oneClickGivingYesButton:hover,
body #ceApp .addNights input[type="radio"] + label:hover,
body #ceApp .addRoom input[type="radio"] + label:hover {
	background-color : var(--button-back-hover-flat) !important;
	color            : var(--button-back-end) !important;
}

#ceApp input[type="button"]:not([id*="backButt"]):not([id*="clearButt"]) {
	background-color : #1b2d46 !important;
	background-image : url("https://media2.charityengine.net/WF/_transactionServerFiles/1230/noise.png"), linear-gradient(170deg, rgba(255, 255, 255, .25) -15%, transparent 80%), linear-gradient(to bottom right, var(--button-back-start) 30%, var(--button-back-end) 150%);
	background-size  : 80px, 100%, 100%;
	border-radius    : 5rem;
	border           : 0;
	color            : white !important;
}

#ceApp input[type="button"]:not([id*="backButt"]):not([id*="clearButt"]):hover {
	background-image : url("https://media2.charityengine.net/WF/_transactionServerFiles/1230/noise.png"), linear-gradient(170deg, rgba(255, 255, 255, .25) -15%, transparent 80%), linear-gradient(to bottom right, var(--button-back-hover-start) 30%, var(--button-back-hover-end) 150%);
	color            : var(--button-back-end) !important;
}

#ISRSchedule {
	display               : grid;
	grid-auto-flow        : column dense;
	grid-gap              : 1rem;
	grid-template-columns : repeat(4, 1fr);
	list-style            : none;
	padding               : 0;
}

#ISRSchedule > li {
	font-weight : bold;
}

#ISRSchedule ul {
	font-weight : normal;
	list-style  : disc;
	padding     : 0 0 0 1rem;
}

#aspnetForm .tsFormRows.half.first {
	clear : both;
}

#aspnetForm .tsFormRows.half.last {
	clear : right;
}

#aspnetForm .tsRadioButtonLists:not(.isCost) span[fieldoption_id] {
	display : inline-block;
	float   : none;
	padding : 0 1rem 0 0;
	width   : auto;
}

#aspnetForm .tsFormRows:has(.tsRadioButtonLists),
#aspnetForm .tsFormRows:has(.tsCheckBoxLists) {
	margin : .5rem 0 0;
}

body #ceApp input[type="checkbox"],
body #ceApp input[type="radio"] {
	display   : inline-block;
	float     : none;
	font-size : 1rem !important;
	margin    : .3rem 0 0 0;
}

body #ceApp .addNights input[type="radio"],
body #ceApp .addRoom input[type="radio"],
body #ceApp .paymentTypeContainer input[type="radio"],
body #ceApp .AccountType input[type="radio"] {
	display : none;
}

body #ceApp input[type="checkbox"] + label,
body #ceApp input[type="radio"] + label {
	display : inline-block;
	float   : none;
	margin  : 0 1.5rem 0 1rem;
	width   : auto;
}

body #ceApp .addNights input[type="radio"] + label,
body #ceApp .addRoom input[type="radio"] + label,
body #ceApp .paymentTypeContainer input[type="radio"] + label,
body #ceApp .AccountType input[type="radio"] + label {
	margin : 0 1rem 1rem 0;
}

.warning-msg:has(+ .warning-msg) {
	display : none;
}

.tsVal_itemMarker[style="display: none;"] ~ .warning-msg {
	display: none;
}

#aspnetForm .tsFormRows.noBttmMrgn,
#aspnetForm .tsFormRows.friAddWght,
#aspnetForm .tsFormRows.satAddWght,
#aspnetForm .tsFormRows.gunAllrg,
#aspnetForm .tsFormRows.addGunAllrg {
	margin-bottom : 0;
}

#ceApp #aspnetForm .tsFormRows.prompt {
	margin : 1rem 0 0;
}

#aspnetForm .tsFormRows.prompt p {
	font-size : 1rem;
	margin    : 0;
}

body #ceApp .warning-msg {
	color      : red;
	font-size  : 1rem;
	font-style : italic;
	list-style : none;
}

ul.parsley-errors-list {
	color      : white;
	font-size  : 1rem;
	font-style : italic;
	list-style : none;
	margin     : 0;
	padding    : 0;
}

@media (width > 1000px) {
	#aspnetForm .tsCheckBoxLists.addNghtSel {
		column-count : 2;
	}
}

/* hide errant form rows outside the normal fieldset element */
#aspnetForm > #tsPageMainFormContent > .tsFormRows {
	display : none;
}

.tsFormRows.gunClub .tsContentBlocks {
	display               : grid;
	grid-template-columns : repeat(2, 1fr);
}

#aspnetForm #cc-type-images-container {
	margin-top : -43px;
}

#paymentToggleRow {
	margin : .5rem 0 0;
}

.ticket-quantity-label {
	font-weight : bold;
}

body #ceApp input[disabled] {
	opacity : .5;
}

input.fullRegQty,
input.addNghtQty,
input.addRmQty {
	/* Prevent users clicking on these fields so that
	 * the custom JS can populate them.
	 */
	pointer-events : none;
}

.ts_sys_ReadOnlyFields_ticketSubTotal {
	vertical-align : top;
	padding        : 4px;
	display        : inline-block;
}

.ts_sys_ReadOnlyFields_ticketSubTotal::before {
	content : "$";
}