:root {
	--black: #151515;
	--white: #FFF;
	--primary: #000000;
	--secondary: #caa862;
	--tertiary: #cfc8bc;
}
::selection {
	background: var(--secondary);
	color: var(--primary);
	text-shadow: none
}
html, body:not(.dark-light-modes) {
	font-family: 'IBM Plex Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6, .g-order-summary .g-order-summary-top-title {
	font-family: 'Montserrat', sans-serif !important;
}
p {
	font-weight: 400;
}
input[type=date], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
	font-family: "IBM Plex Sans", sans-serif;
}
input[type=date]:hover, input[type=date]:focus, input[type=date]:focus-visible, input[type=date]:focus-within, input[type=datetime]:hover, input[type=datetime]:focus, input[type=datetime]:focus-visible, input[type=datetime]:focus-within, input[type=email]:hover, input[type=email]:focus, input[type=email]:focus-visible, input[type=email]:focus-within, input[type=month]:hover, input[type=month]:focus, input[type=month]:focus-visible, input[type=month]:focus-within, input[type=number]:hover, input[type=number]:focus, input[type=number]:focus-visible, input[type=number]:focus-within, input[type=password]:hover, input[type=password]:focus, input[type=password]:focus-visible, input[type=password]:focus-within, input[type=search]:hover, input[type=search]:focus, input[type=search]:focus-visible, input[type=search]:focus-within, input[type=tel]:hover, input[type=tel]:focus, input[type=tel]:focus-visible, input[type=tel]:focus-within, input[type=text]:hover, input[type=text]:focus, input[type=text]:focus-visible, input[type=text]:focus-within, input[type=time]:hover, input[type=time]:focus, input[type=time]:focus-visible, input[type=time]:focus-within, input[type=url]:hover, input[type=url]:focus, input[type=url]:focus-visible, input[type=url]:focus-within, input[type=week]:hover, input[type=week]:focus, input[type=week]:focus-visible, input[type=week]:focus-within, textarea:hover, textarea:focus, textarea:focus-visible, textarea:focus-within {
	border-color: var(--secondary) !important;
	font-family: 'IBM Plex Sans', sans-serif;
}
select:hover, select:focus, select:focus-visible, select:focus-within {
	border-color: var(--secondary) !important;
}
input.input-validation-error, .input-validation-error+.g-faux-input.checkbox {
	border-color: #d61111 !important;
}
body.natchtemplate-light .l-header .g-nav-main .charity-logo img,
body.natchtemplate-light .l-header.complex-header .g-nav-main .charity-logo img {
	max-height: 100px;
}
body.natchtemplate-light .l-header .g-nav-main .g-nav-main-item a {
	background: none !important;
}
body.natchtemplate-light main a {
	color: var(--primary);
}
body.natchtemplate-light main a:hover,
body.natchtemplate-light main a:focus {
	color: var(--secondary);
}
.g-button.primary {
	border: 1px solid var(--primary);
	color: var(--white);
	background-color: var(--primary) !important;
	background: var(--primary) !important;
}
.g-button.primary:hover,
.g-button.primary:focus {
	border: 1px solid var(--secondary);
	color: var(--primary) !important;
	background-color: var(--secondary) !important;
	background: var(--secondary) !important;
}
main .g-grid .g-driver .g-driver-link,
main .g-grid .g-driver .g-driver-link .g-driver-icon.reverse {
	background: var(--primary);
	color: var(--white);
}
main .g-grid .g-driver .g-driver-link .g-driver-text, .g-driver-icon.reverse {
	color: var(--white);
}
main .g-grid .g-driver {
	display: none !important;
}
.l-gdpr-banner button.g-button.secondary {
	background-color: transparent;
	border: 1px solid var(--secondary);
	color: var(--white);
	padding: 2px 18px;
}
main .g-masthead .g-inner h1 {
	font-size: 42px;
	font-weight: 700;
}
.complex-header .g-nav-main ul {
	max-width: 350px;
}
.complex-header .g-nav-main ul .g-nav-main-item:first-of-type {
	width: 60%;
}
.complex-header .g-nav-main ul .g-nav-main-item:nth-of-type(2) {
	width: 60%;
}
.complex-header .g-nav-main ul .g-nav-main-item:first-of-type a img {
	max-width: 100%;
	width: auto;
	height: auto;
	max-height: 100%;
}
.complex-header .g-nav-main ul .g-nav-main-item:nth-of-type(2) a {
	padding: 0;
}
.complex-header .g-nav-main ul .g-nav-main-item {
	display: flex;
	align-self: center;
}
.l-header .g-nav-main ul:after {
	content: none;
}
.l-header .g-nav-main .g-nav-main-item a {
	display: flex !important;
}
.l-header .g-nav-main .g-nav-main-item a.active:after,
.l-header .g-nav-main .g-nav-main-item a:hover:after {
	background: none;
}
main .g-grid table.see-table tr.ticket td[data-cost] span {
	font-size: inherit;
}
.form-fields .form-field label.contain .g-faux-input.checkbox {
	border-color: var(--secondary)
}
body.natchtemplate-light input[type=checkbox]:checked+.g-faux-input {
	background: var(--secondary) !important;
	border-color: var(--secondary) !important;
}
.g-countdown-container.inline .page-countdown .timer, .g-countdown-container.mobile-only .page-countdown .timer {
	color: var(--primary);
}
#addressFieldsEntry .form-fields {
	align-items: flex-end;
}
.v-customer-service-index .g-grid .g-grid-col.x8 .warning.g-small-print {
	background: var(--tertiary);
	color: var(--primary);
}
.g-overlay-content {
	background: var(--secondary);
	color: var(--primary);
}
@media (max-width:600px) {
	div#support_center_button a {
		font-size: 10px;
		white-space: nowrap;
		padding: 10px;
		line-height: .75 !important;
		max-height: 30px !important;
		min-height: 30px !important;
	}
	.complex-header .g-nav-main ul {
		max-width: 180px !important;
	}
}
.g-masthead.green-content .g-masthead-content {
	color: var(--primary) !important;
}
#customerServiceResendEmail .g-button.small {
	white-space: nowrap;
	max-width: none !important;
}
.cs-navbar-container a .g-button.primary.cs-navbar-item {
	min-height: 100px;
	height: 100%;
}
.cs-navbar-container a span {
	font-size: 14px;
	font-family: 'IBM Plex Sans';
	font-weight: 400;
}
.customer-service-link-dropdown-box-top i.arr-down, .customer-service-link-dropdown-box-top i.arr-up {
	border-color: var(--primary);
}
a.g-button[href="/customerservice/vieworder"] {
	height: 100% !important;
}
input[type=checkbox]:checked~.g-faux-input, input[type=radio]:checked~.g-faux-input {
	background: var(--secondary);
	border-color: var(--secondary);
}
.g-faux-input {
	border-color: var(--secondary);
}
.alt-info-note, .success-imp {
	background: var(--tertiary);
	color: var(--black);
}
.l-complete .alt-info-note a.g-button.primary {
	line-height: 35px;
}
.v-ticket-claim-manage .tcm-container .requires-invite {
	background-color: var(--black);
}
.v-ticket-claim-manage .tcm-container .tc-actions svg {
	color: var(--secondary);
}
.v-ticket-claim-manage .tcm-container .claim-summary-icon {
	color: var(--primary);
}
.v-ticket-claim-manage .tcm-container .header.requires-invite,
.v-ticket-claim-manage .tcm-container .requires-invite .claim-summary-icon {
	color: var(--white);
}
.v-ticket-claim-manage .tcm-container .requires-invite .MuiSvgIcon-root {
	fill: var(--white);
}
.v-ticket-claim-manage section.g-ui-box.assign-box.desktop-only {
	border-color: var(--secondary);
	background-color: var(--tertiary);
}
.v-ticket-claim-get .warning {
	background-color: var(--tertiary);
	font-family: "IBM Plex Sans";
}
.v-ticket-claim-get .warning .claimActionBtn a {
	font-family: "IBM Plex Sans";
}
.v-customer-service-index .g-button.primary.small.g-claim-tickets-button,
.v-ticket-claim-get .g-button.secondary.small[href="/ticketclaim/manage"] {
	white-space: nowrap;
	max-width: none !important;
	font-family: "IBM Plex Sans" !important;
}
.v-ticket-claim-get form.claimActionBtn button,
.v-ticket-claim-get .swal2-content #swal2-content,
.v-ticket-claim-get .swal2-actions button.swal2-confirm.swal2-styled,
#react-confirm-alert .react-confirm-alert-body,
button#claimTicketBtn {
	font-family: "IBM Plex Sans" !important;
}
.v-ticket-claim-get .swal2-actions button.swal2-confirm.swal2-styled,
.v-ticket-claim-get .swal2-actions button.swal2-cancel.swal2-styled {
	background-color: var(--primary) !important;
	border-left-color: var(--primary) !important;
	border-right-color: var(--primary) !important;
}
#react-confirm-alert .react-confirm-alert-button-group button {
	background-color: var(--primary);
	font-family: "IBM Plex Sans";
}
.v-ticket-claim-manage .tcm-container .ticket-dl-btn {
	background-color: var(--primary);
	font-family: "IBM Plex Sans";
}
#react-confirm-alert .react-confirm-alert-button-group button:hover,
#react-confirm-alert .react-confirm-alert-button-group button:focus,
#react-confirm-alert .react-confirm-alert-button-group button:active {
	background-color: var(--secondary);
	color: var(--white);
}
@media (max-width:540px) {
	main .g-grid table.see-table tr.t-head.offer-description th {
		line-height: 2;
		padding-top: .8em;
	}
	#selecttickets h3 {
		padding: .8em 2.5em .8em 1rem;
	}
	main .g-grid table.see-table tr.t-head.offer-description h3 {
		min-height: 48px;
		max-height: none;
		text-indent: 0;
	}
}