/*** BEGIN FORM STYLING ***/
/* START RESET FORM STYLING. YOU SHOULDN'T HAVE TO MODIFY ANYTHING TILL CUSTOMIZE SECTION  */
 
/* The crm-calendar-popup class is added by JS in the header */
body.crm-calendar-popup  { overflow-y: hidden !important; }
body.crm-calendar-popup::-webkit-scrollbar { display: none; }
body.crm-calendar-popup .contentRender { display: none; } 
body.crm-calendar-popup .crm-calendar-parent { padding: 0; margin: 0; background: var(--white); }
body.crm-calendar-popup table { width: 100%; margin-bottom: 0;}
body.crm-calendar-popup table thead tr th,
body.crm-calendar-popup table tfoot tr th,
body.crm-calendar-popup table tfoot tr td,
body.crm-calendar-popup table tbody tr th,
body.crm-calendar-popup table tbody tr td,
body.crm-calendar-popup table tr td {
	padding: 2px;
	font-size: 12px;
	line-height: 1.6em;
}
body.crm-calendar-popup .lookup-cal,
body.crm-calendar-popup .lookup-calNav { border: none; }
body.crm-calendar-popup .lookup-calNav {
	margin-bottom: 0px;
	border-bottom: 1px solid #ccc;
}
body.crm-calendar-popup .lookup-cal td,
body.crm-calendar-popup .lookup-calNav td { text-align: center; }
body.crm-calendar-popup .lookup-close {
	margin-top: 15px;
	text-transform: uppercase;
	padding-bottom: 20px;
}
/* Add some margin on form h3's when they're mixed into the form */
.contentRender form.simpleForm div + h3 { margin-top: 20px; }
/* TARGET CALENDER TRIGGER ON FORMS*/
.contentRender form.simpleForm a img { margin-bottom: 10px; }
 
.contentRender form.simpleForm .row textarea,
.contentRender form.simpleForm .row input { margin-bottom: 10px; }
.contentRender form.simpleForm .button { display: inline-block; }
.contentRender form.simpleForm .ui-datepicker-trigger {
	position: absolute;
    right: 8px;
    top: 8px;
    z-index: 1;
	cursor: pointer;
}
.contentRender form.simpleForm .svcrm_datepicker { right: 0; }
.contentRender form.simpleForm #fbCalendar { padding: 20px 8px 0; }
.contentRender form.simpleForm #fbCalendar div.fbCalCloseBtn {
	background: none;
	position: absolute;
	top: 1px;
	right: 4px;
	border: none;
}
.contentRender form.simpleForm #fbCalendar div.fbCalCloseBtn::after {
	position: absolute;
	left: 0;
	top: 0;
	font-family: "Font Awesome 6 Pro";
	content: "\f057";
}
.contentRender form.simpleForm #fbCalendar td.CH {
	text-align: center;
	padding-bottom: 4px;
}
.contentRender form.simpleForm #fbCalendar td.CH a.CH {
	position: relative;
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: -1000px;
}
.contentRender form.simpleForm #fbCalendar td.CH a.CH:first-child { float: left; }
.contentRender form.simpleForm #fbCalendar td.CH a.CH:last-child { float: right; }

.contentRender form.simpleForm #fbCalendar td.CH a.CH::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	font-family: "Font Awesome 6 Pro";
	content: "\f104";
	text-align: center;
	text-indent: initial;
}
.contentRender form.simpleForm #fbCalendar td.CH a.CH:last-child::after {
	content: "\f105";
}
.contentRender form.simpleForm #fbCalendar .Day a {
	display: block;
	padding: 4px;
	line-height: 1em;
}
.contentRender form.simpleForm #fbCalendar .Day br {
	display: none;
}

/* New Google Captcha Styling */
#g-recaptcha > div { margin-left: auto; margin-right: auto; }
.contentRender form.simpleForm .captcha img,
.contentRender #sv_submit_event_form img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}
.contentRender form.simpleForm .hint,
.contentRender #sv_submit_event_form .sv_api_hint {
	display: block;
	text-align: center;
}
.contentRender form.simpleForm .captcha #code,
.contentRender #sv_submit_event_form #code {
	width: 200px;
	display: block;
	margin: 0 auto;
	margin-top: -13px;
}
.contentRender form.simpleForm .captcha { overflow: hidden; }
.contentRender form.simpleForm .captcha #capimage { float: left;  margin-top: 10px; margin-right: 8px; }
.contentRender form.simpleForm .captcha .hint { margin-top: 10px; }
.contentRender #sv_submit_event_form .svrecurall *,#sv_submit_event_form #recur_show_1 {
	transition: opacity .6s;
}
.contentRender #sv_submit_event_form select,
.contentRender #sv_submit_event_form select[size], #sv_submit_event_form select[multiple],
.contentRender #sv_submit_event_form input[type=text] { padding: 6px; }
.contentRender #sv_submit_event_form td:not(:first-child) {
	padding-left: 0;
	vertical-align: middle;
}
.contentRender #sv_submit_event_form table.fileuploads thead th,
.contentRender #sv_submit_event_form label.recur_menu,
.contentRender #sv_submit_event_form legend,
.contentRender #sv_submit_event_form div.datalabel label {
	font-weight: normal;
}
.contentRender #sv_submit_event_form .progress {
	background: grey;
	height: 22px;
	line-height: 18px;
}
.contentRender div#sv_submit_event_form.submitEventForm { padding: 0 !important; }
.contentRender #sv_submit_event_form .svrecurall *,#sv_submit_event_form #recur_show_1{
	-moz-transition:all .6s;
	-o-transition:all .6s;
	transition:all .6s;
	-webkit-transition:all .6s;
}
.contentRender #sv_submit_event_form #recur_opts_3 .inner_recur_opt ul ul li {
	width: 13%;
	display: inline-block;
}
.contentRender #sv_submit_event_form #customdate_list {padding: 0 !important; }
.contentRender #sv_submit_event_form #customdate_list table { margin-bottom: 0; border: 1px solid #ddd; }
.contentRender #sv_submit_event_form #customdate_list table td,
.contentRender #sv_submit_event_form #customdate_list table tr { border: none; }
.contentRender #sv_submit_event_form .recur_opt .detailbar { vertical-align: middle; }
.contentRender #sv_submit_event_form .recur_opt td {padding: 2px 0;}
.contentRender #sv_submit_event_form input[type=radio]:checked ~ div.recur_opt { max-height: 100%; }
.contentRender #sv_submit_event_form #recur_opts_99 { overflow-y: auto !important; }
.contentRender #sv_submit_event_form .inner_recur_opt,
.contentRender #sv_submit_event_form label.recur_menu { margin: 0 1.25em ;}
.contentRender #sv_submit_event_form .inner_recur_opt { padding: 0 1.25em 0 1.25em; }
.contentRender #sv_submit_event_form #recur_range {
	margin: 0 1.25em;
	padding: 0 1.25em 0 1.25em;
}
.contentRender #sv_submit_event_form .div_fld_data_recurType ul label {
	height: 50px;
	line-height: 46px;
}
.contentRender #sv_submit_event_form .inner_recur_opt select {
	border: none;
	border-radius: 2px;
	min-width: 60px;
	padding-right: 24px;
}
.contentRender #sv_submit_event_form .svrecurall input[type=text]:not(#customdate) {
	border: none;
	border-radius: 2px;
}
.contentRender #sv_submit_event_form .svrecurall #customdate {
	width: 130px;
	text-align: center;
}
.contentRender form.simpleForm input[type="checkbox"]+label, .contentRender form.simpleForm input[type="radio"]+label {
	display: inline; /* foundation overrride */
}
.contentRender form.simpleForm .formCntrls,
.contentRender form.simpleForm h3 { text-align: center; }
@media only screen and (min-width: 40.125em) {
	.contentRender form.simpleForm p.hint,
	.contentRender form.simpleForm .captcha,
	.contentRender form.simpleForm .formCntrls,
	.contentRender form.simpleForm h3 {
		text-align: left !important;
	}
	.contentRender form.simpleForm .columns p.hint {
		margin: 8px 0 10px 0;
		padding-left: 0px;
	}
	.contentRender form.simpleForm .captcha img,
	.contentRender form.simpleForm .captcha #code { margin-left: 0; }
	.contentRender form.simpleForm .hint { text-align: left; }
}
.contentRender #rsvp-container .button,
.contentRender form.simpleForm .button,
.contentRender #sv_submit_event_form input.button,
.contentRender #sv_submit_event_form .svbtn,
.contentRender #multifileuploadcontainer label {	
	box-shadow: none;
}
.contentRender #rsvp-container .button,
.contentRender form.simpleForm .button,
.contentRender #sv_submit_event_form input.button,
.contentRender #sv_submit_event_form .svbtn,
.contentRender #multifileuploadcontainer label {
	border-radius: 0px;
}
.contentRender form.simpleForm h3,
.contentRender #sv_submit_event_form .formhead {
	background-color: transparent;
}
.contentRender #rsvp-container .button,
.contentRender form.simpleForm .button,
.contentRender #sv_submit_event_form input.button,
.contentRender #sv_submit_event_form .svbtn,
.contentRender #multifileuploadcontainer label {
	background: grey; /* just a color so we can see our buttons */
	border: none;
}
.contentRender form.simpleForm div input,
.contentRender #sv_submit_event_form div input {
	border-radius: initial;
}
.contentRender #rsvp-container { padding: 0; }
.contentRender #rsvp-container #rsvp-inner-contents,
.contentRender #rsvp-container .eventListTable { width: 100% !important; }
.contentRender #rsvp-container div.eventTypeHeader {
	text-decoration: none;
	padding: 0;
	display: block;
	white-space: normal;
}
.contentRender #rsvp-container .button { border-radius: 0; }
.contentRender #rsvp-container .eventListCell_button,
.contentRender #rsvp-container .eventListCell_deadline,
.contentRender #rsvp-container .eventListCell_edate,
.contentRender #rsvp-container .eventListCell_sdate {
	width: 12%;
}
.contentRender #rsvp-container div.eventListCell_eventname { white-space: pre-wrap; }
.contentRender #rsvp-container table tr:nth-of-type(even),
.contentRender #rsvp-container div.evenrow {background: none;}
.contentRender #rsvp-container table tr:nth-of-type(odd),
.contentRender #rsvp-container div.oddrow { background-color: #f1f1f1; }
.contentRender #rsvp-container #eventdetailbuttonrow { margin-top: 20px; }
.contentRender #searchEmail,
.contentRender #label_searchEmail {
	display: inline;
}
.contentRender #registrationForm label { width: 15%; display: inline-block; } 
.contentRender #registrationForm label + div { display: inline-block; width: 65%;} 
.contentRender #registrationForm select { width: auto; min-width: 100px }
	
.contentRender #rsvp-container .registrationForm-eventName { text-align: left; }
.contentRender #rsvp-container .button { margin-bottom: 0; }

 /* START SUBMIT EVENT TAB RESET CSS */
.contentRender #sv_submit_event_form input[type=radio] ~ label.recur_menu,
.contentRender #sv_submit_event_form input[type=radio]:checked ~ label.recur_menu {
	background-image: none;
	position: relative;
}

.contentRender #sv_submit_event_form input[type=radio] ~ label.recur_menu:after {
	position: absolute;
	width: 17px;
	height: 17px;
	font: var(--fa-font-solid);
	content: '\f078';
	right: 10px;
}
.contentRender #sv_submit_event_form input[type=radio]:checked ~ label.recur_menu:after {
	font: var(--fa-font-solid);
	content: '\f077';
}
.contentRender #sv_submit_event_form .div_fld_data_recurType li input[type="radio"] + label,
.contentRender #sv_submit_event_form .div_fld_data_recurType li input[type="checkbox"] + label { position: relative; }
.contentRender #sv_submit_event_form .div_fld_data_recurType li input[type="radio"]:checked + label:before,
.contentRender #sv_submit_event_form .div_fld_data_recurType li input[type="checkbox"]:checked + label:before {
	position: absolute;
	font: var(--fa-font-solid);
	content: '\f00c';
	left: 10px;
	top:  50%;
	translate: 0 -50%;
}

.contentRender #sv_submit_event_form a.deleteit { background-image: none; position: relative; }
.contentRender #sv_submit_event_form a.deleteit:before {
	position: absolute;
	width: 30px;
	height: 40px;
	font: var(--fa-font-solid);
	content: '\f1f8';
	left: 10px;
}
.contentRender #sv_submit_event_form .div_fld_data_recurType li input[type="radio"]:checked + label.minilabel:before,
.contentRender #sv_submit_event_form .div_fld_data_recurType li input[type="checkbox"]:checked + label.minilabel:before {
	right: 3px;
	top: 3px;
	left: unset;
	translate:  unset;
}
.contentRender #sv_submit_event_form .recur_opt input[type=checkbox]:checked ~ label,
.contentRender #sv_submit_event_form .recur_opt input[type=radio]:checked ~ label,
.contentRender #sv_submit_event_form #recur_range input[type=checkbox]:checked ~ label,
.contentRender #sv_submit_event_form #recur_range input[type=radio]:checked ~ label {
	background-image: none;
}
.contentRender #sv_submit_event_form .recur_opt input[type=checkbox]:checked ~ label.minilabel,
.contentRender #sv_submit_event_form .recur_opt input[type=radio]:checked ~ label.minilabel {
	background-image: none;
}
@media (min-width: 701px) {
	.contentRender #sv_submit_event_form .div_fld_data_recurType li input[type="radio"]:checked + label.minilabel:before,
	.contentRender #sv_submit_event_form .div_fld_data_recurType li input[type="checkbox"]:checked + label.minilabel:before {
		width: 17px;
		left: 10px;
		top: 50%;
		translate: 0 -50%;
		right: auto;
	}
}
/* END SUBMIT EVENT TAB RESET CSS */
@media only screen and (max-width: 64em) {
	.contentRender #rsvp-container .eventListTable { display: block; }
	.contentRender #rsvp-container div.eventList_headerRow { display: none };
	.contentRender #rsvp-container .eventListCell { position: relative; }
	.contentRender #rsvp-container .eventListRow { padding: 10px; display: block; }
	.contentRender #rsvp-container .eventListCell:not(.eventListCell_button)::before {
		content: attr(data-title) ":\00A0";
		display: inline-block;
		clear:both;
		width: 10em;
		position: absolute;
		left: 0;
	}
	.contentRender #rsvp-container .eventListCell {
		padding-top: 0;
		padding-left: 10em;
		width: 100%;
		display: block;
		position: relative;
	}
	.contentRender #rsvp-container .eventListCell.eventListCell_button { padding-left: 0; }
	.contentRender #rsvp-container .times, .contentRender #rsvp-container .day { display: block; }
	.contentRender #rsvp-container div.eventListCell:empty { display: none; }
}
.contentRender #rsvp-container .rcost_description, .contentRender  #rsvp-container .cost_description:empty { display: none; } 
.contentRender .guestsGridTable { margin-top: 20px; } 
.contentRender #rsvp-container table { border: none; }
/* undoing some legacy rsvp code */
.contentRender #rsvp-container .registrationForm, .contentRender #rsvp-container .guestRegistrationForm {
	width: 90% !important;
}

.contentRender form.simpleForm .columns fieldset {
	margin: 0;
	padding: 0;
}

/*********/
/*---- RFP Overrides ----*/
/*********/
#rfpForm {
	margin-block-end: 60px;
}

#rfpForm #label_btnSubmit,
#rfpForm #tr_rfp_submit > .td_label,
#rfpForm #startRFP_buttonrow label:is(#label_startRFP, #label_rest) {
	display: none;
}

.contentRender form.simpleForm .columns fieldset {
	margin: 0;
	padding: 0;
}

.contentRender form.simpleForm .rfp_table {
	margin-block-end: 30px !important;
}

#rfpForm #td_formField_rfp_decision label.hidden {
	display: none !important;
}

#rfpForm #notlisted_selection_row label.hidden {
	display: none;
}

.contentRender #rfpForm.simpleForm img.ui-datepicker-trigger {
	z-index: 1 !important;
	position: relative;
}

#table_rfp_inspection,
#table_rfp_reqRBdate1 {
	position: relative;
	z-index: 2 ;
}


#rfp_responsedate_calendar, 
#rfp_decisiondate_calendar, 
#rfp_responseDate_calendar, 
#rfp_decisionDate_calendar, 
#rfp_arrival1_calendar, 
#rfp_arrival2_calendar, 
#rfp_arrival3_calendar, 
#rfp_departure1_calendar, 
#rfp_departure2_calendar, 
#rfp_departure3_calendar {
	z-index: 10 !important;
}

#rfpCalendar a.CH:hover {
	font-weight: var(--font-weight-bold);
	font-family: "Arial";
}

#rfpCalendar a.Day:hover {
	font-weight: var(--font-weight-medium) !important;
	font-family: "Arial";
}

#rfpForm select {
	cursor: pointer; 
}

#rfpForm #td_formField_rfp_reqRBStart1 {
	position: relative !important;
}

#rfpForm #td_formField_rfp_reqRBStart1 .cal-wrapper img.ui-datepicker-trigger,
#rfpForm #td_formField_rfp_reqRBEnd1 .cal-wrapper img.ui-datepicker-trigger {
	transform: translateY(50%);
}

#rfpForm #rfp_arrival1_blurMsg.validation_blurMsg {
	translate: -100% 32px;
}

.contentRender_name_plugins_crm_rfp p {
	margin-block-end: 20px !important;
}

#rfpForm table:is(
	#table_rfp_roomblock,
	#table_rfp_meetinghistory
) {
	display: block;
	overflow: auto;
}

@media screen and (max-width: 639px) {
	#rfpForm table.rfp_table td.td_label {
		width: 100px !important;
	}
	
	#rfpForm table:is(
		#table_rfp_specFile,
		#table_rfp_arrival,
		#table_rfp_altarrival1,
		#table_rfp_altarrival2,
		#table_rfp_pattern,
		#table_rfp_reqRBdate1,
		#table_rfp_decision,
		#table_rfp_inspection
	) {
		width: 100%;
		display: block;
	}
	
	#rfpForm table:is(
		#table_rfp_specFile,
		#table_rfp_arrival,
		#table_rfp_altarrival1,
		#table_rfp_altarrival2,
		#table_rfp_pattern,
		#table_rfp_reqRBdate1,
		#table_rfp_decision,
		#table_rfp_inspection
	) > tbody {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		width: 100%;
	}
	
	
	#rfpForm table:is(
		#table_rfp_decision,
		#table_rfp_inspection,
		#table_rfp_arrival,
		#table_rfp_altarrival1,
		#table_rfp_altarrival2,
		#table_rfp_reqRBdate1
	) > tbody > tr {
		display: flex;
		flex-direction: column;
	}
	
	#rfpForm table#table_rfp_specFile tbody > tr {
		display: flex;
		flex-direction: column;
	}
	
	#rfpForm table:is(
		#table_rfp_specFile,
		#table_rfp_arrival,
		#table_rfp_altarrival1,
		#table_rfp_altarrival2,
		#table_rfp_pattern,
		#table_rfp_reqRBdate1,
		#table_rfp_decision,
		#table_rfp_inspection
	) > tbody > td {
		width: 100%;
		display: block;
	}
	
	#rfpForm table:is(
		#table_rfp_specFile,
		#table_rfp_arrival,
		#table_rfp_altarrival1,
		#table_rfp_altarrival2,
		#table_rfp_pattern,
		#table_rfp_reqRBdate1,
		#table_rfp_decision,
		#table_rfp_inspection
	) > tbody > tr > td.td_label {
		width: 100% !important;
	}
	
	#rfpForm table:is(
		#table_rfp_arrival,
		#table_rfp_altarrival1,
		#table_rfp_altarrival2
	) table > tbody > tr > td:not(.Day, .CH) {
		width: 100%;
		display: block;
		position: relative;
	}
	
	#rfpForm table:is(
		#table_rfp_arrival,
		#table_rfp_altarrival1,
		#table_rfp_altarrival2
	) table > tbody > tr > td .cal-wrapper {
		width: 100%;
		display: grid;
		grid-template-columns: 100px 1fr;
		gap: 20px;
		margin-block-end: 20px;
	}
	
	
	#rfpForm table:is(
		#table_rfp_arrival,
		#table_rfp_altarrival1,
		#table_rfp_altarrival2
	) > table > tbody > tr > td .cal-wrapper > input {
		width: 100%;
	}
	
	#rfpForm table:is(
		#table_rfp_arrival,
		#table_rfp_altarrival1,
		#table_rfp_altarrival2
	) .svcrm_datepicker {
		top: 100%;
		right: 0;
		z-index: 10 !important;
	}
	
	#td_formField_rfp_inspection table {
		width: 100% !important;
	}
	
	#rfpForm table#table_rfp_pattern #td_formField_rfp_pattern, 
	#rfpForm table#table_rfp_pattern #td_formField_rfp_pattern fieldset {
		width: 100%;
		display: block;
	}
}

#rfpForm #cntrlBar > input {
	margin: 20px 20px 0 0;
}

/* rfp form calendars */

.contentRender #rfpForm.simpleForm .cal-wrapper {
	position: relative;
}
.contentRender #rfpForm.simpleForm .cal-wrapper input {
	margin-bottom: 0;
	height: 32px;
}
.contentRender #rfpForm.simpleForm img.ui-datepicker-trigger {
	right: 10px;	
	top: 50%;
	transform: translateY(-50%);
	vertical-align: middle;
	position: absolute;
}

/* END RESET */
 
/*=============================================*/
/*=====----- CUSTOMIZE THE FOLLOWING -----=====*/
/*=============================================*/

/* UPDATE VARIABLES BELOW AS NEEDED */

:is(.contentRender_name_plugins_crm_formbuilder, .contentRender_name_plugins_events_submitevent, .contentRender #rfpForm.simpleForm) form, .contentRender #rfpForm.simpleForm {
	--form-heading-font-family: var(--font-display);
	--form-heading-font-weight: var(--font-weight-bold);
	--form-heading-font-style: normal;
	--form-heading-color: var(--gray-800);

	--label-font-family: var(--font-body);
	--label-font-weight: var(--font-weight-medium);
	--label-font-style: normal;
	--label-color: var(--primary-color-900);

	--input-color: var(--gray-900);
	--input-disabled-color: var(--gray-800);
	--input-border-color: var(--gray-500);

	--option-background: var(--white);
	--option-color: var(--black);

	--form-key-color: var(--teal);
	--form-key-color-dark: var(--primary-color-900);

	--required-color: #d81111;

	margin: var(--space-8) 0;
}

:is(.contentRender_name_plugins_crm_formbuilder, .contentRender_name_plugins_events_submitevent, .contentRender #rfpForm.simpleForm) label {
	display: inline-block;
	margin-bottom: .25rem;
	font-size: var(--text-base);
	font-family: var(--label-font-family);
	font-weight: var(--label-font-weight);
	text-align: left !important;
}

:is(.contentRender_name_plugins_crm_formbuilder, .contentRender_name_plugins_events_submitevent, .contentRender #rfpForm.simpleForm) #multifileuploadcontainer label {
	font-size: var(--text-sm);
	font-weight: bold;
}

:is(.contentRender_name_plugins_crm_formbuilder, .contentRender_name_plugins_events_submitevent, .contentRender #rfpForm.simpleForm) :is(select, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea)
{
	display: block;
	width: 100%;
	padding: var(--space-2) !important;
	background-color: var(--white);
	border: 1px solid var(--input-border-color);
	border-radius: 0;
	font-size: 16px; /* keep this the way it is because it will prevent auto-zooming when inputs are focused on mobile */
	color: var(--input-color);
	letter-spacing: 0.02rem;
	line-height: 1;
	position: relative;
	z-index: 1;
}

#rfpForm tbody tr input {
	border: 1px solid var(--input-border-color);
}

:is(.contentRender_name_plugins_crm_formbuilder, .contentRender_name_plugins_events_submitevent, .contentRender #rfpForm.simpleForm) :is(select[readonly], select[disabled], input[type="text"][readonly], input[type="text"][disabled], input[type="password"][readonly], input[type="password"][disabled], input[type="date"][readonly], input[type="date"][disabled], input[type="datetime"][readonly], input[type="datetime"][disabled], input[type="datetime-local"][readonly], input[type="datetime-local"][disabled], input[type="month"][readonly], input[type="month"][disabled], input[type="week"][readonly], input[type="week"][disabled], input[type="email"][readonly], input[type="email"][disabled], input[type="number"][readonly], input[type="number"][disabled], input[type="search"][readonly], input[type="search"][disabled], input[type="tel"][readonly], input[type="tel"][disabled], input[type="time"][readonly], input[type="time"][disabled], input[type="url"][readonly], input[type="url"][disabled], textarea[readonly], textarea[disabled]) {
	background-color: var(--white);
	border: 1px solid rgba(0,0,0,.15);
	color: var(--input-disabled-color);
}

:is(.contentRender_name_plugins_crm_formbuilder, .contentRender_name_plugins_events_submitevent, .contentRender #rfpForm.simpleForm) :is(select, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea):focus-visible {
	outline: none;
	border-color: var(--form-key-color-dark);
}

:is(.contentRender_name_plugins_crm_formbuilder, .contentRender_name_plugins_events_submitevent, .contentRender #rfpForm.simpleForm) :is(select[readonly], select[disabled], input[type="text"][readonly], input[type="text"][disabled], input[type="password"][readonly], input[type="password"][disabled], input[type="date"][readonly], input[type="date"][disabled], input[type="datetime"][readonly], input[type="datetime"][disabled], input[type="datetime-local"][readonly], input[type="datetime-local"][disabled], input[type="month"][readonly], input[type="month"][disabled], input[type="week"][readonly], input[type="week"][disabled], input[type="email"][readonly], input[type="email"][disabled], input[type="number"][readonly], input[type="number"][disabled], input[type="search"][readonly], input[type="search"][disabled], input[type="tel"][readonly], input[type="tel"][disabled], input[type="time"][readonly], input[type="time"][disabled], input[type="url"][readonly], input[type="url"][disabled], textarea[readonly], textarea[disabled]):focus-visible {
	border-color: rgba(0,0,0,.15);
	box-shadow: none;
}

:is(.contentRender_name_plugins_crm_formbuilder, .contentRender_name_plugins_events_submitevent, .contentRender #rfpForm.simpleForm) textarea {
	height: auto;
	min-height: 7em;
}

:is(.contentRender_name_plugins_crm_formbuilder, .contentRender_name_plugins_events_submitevent, .contentRender #rfpForm.simpleForm) :is(input[type="checkbox"], input[type="radio"]) {
	display: inline-block;
}

:is(.contentRender_name_plugins_crm_formbuilder, .contentRender_name_plugins_events_submitevent, .contentRender #rfpForm.simpleForm) :is(input[type="checkbox"], input[type="radio"]) + label {
	display: inline-block;
	margin-left: var(--space-2);
	margin-right: var(--space-4);
	margin-bottom: 10px;
}

:is(.contentRender_name_plugins_crm_formbuilder, .contentRender_name_plugins_events_submitevent, .contentRender #rfpForm.simpleForm) .svrecurall :is(input[type="checkbox"], input[type="radio"]) + label {
	display: block;
	margin-left: 0;
	margin-right: 0;
}

:is(.contentRender_name_plugins_crm_formbuilder, .contentRender_name_plugins_events_submitevent, .contentRender #rfpForm.simpleForm) .svrecurall :is(input[type="checkbox"], input[type="radio"]).recurtype {
	opacity: 0;
	width: 0;
	height: 0;
}

:is(.contentRender_name_plugins_crm_formbuilder, .contentRender_name_plugins_events_submitevent, .contentRender #rfpForm.simpleForm) .svrecurall .wrapsmall input {
	width: auto;
}

:is(.contentRender_name_plugins_crm_formbuilder, .contentRender_name_plugins_events_submitevent, .contentRender #rfpForm.simpleForm) input[type="checkbox"] {
	cursor: pointer;
	width: 16px;
	height: 16px;
	padding: 0;
	background: none;
	border: 1px solid var(--black);
	background: none;
}

:is(.contentRender_name_plugins_crm_formbuilder, .contentRender_name_plugins_events_submitevent, .contentRender #rfpForm.simpleForm) input[type="radio"] {
	cursor: pointer;
	width: 16px;
	height: 16px;
	padding: 0;
	background: none;
	border: 1px solid var(--black);
	border-radius: 50%;
	background: none;
}

:is(.contentRender_name_plugins_crm_formbuilder, .contentRender_name_plugins_events_submitevent, .contentRender #rfpForm.simpleForm) input[type="radio"]:checked {
	background: var(--form-key-color-dark);
	border-color: var(--form-key-color-dark);
}

::-webkit-input-placeholder {
	color: inherit;
}

:-moz-placeholder {
	color: inherit;
}

::-moz-placeholder {
	color: inherit;
}

:-ms-input-placeholder {
	color: inherit;
}

[id*="rowcontainer"] {
	margin-bottom: var(--space-5);
}

#sv_submit_event_form input[type="text"] {
	border-color: var(--input-border-color) !important;
}

#sv_submit_event_form label.recur_menu {
	border-radius: 0 !important;
	padding: var(--space-2) var(--space-6) var(--space-2) var(--space-4) !important;
	height: auto !important;
	margin: 0 !important;
	font-size: var(--text-lg) !important;
	background-color: var(--form-key-color) !important;
	color: var(--white);
}

#sv_submit_event_form input[name="recurtype"] {
	display: block;
}

#sv_submit_event_form .svrecurall > fieldset > div {
	margin-bottom: var(--space-2);
}

.contentRender #sv_submit_event_form .inner_recur_opt,
#sv_submit_event_form .norecurrencemsg,
.contentRender #sv_submit_event_form #recur_range {
	padding: var(--space-5) !important;
	margin: 0 !important;
	border: 1px solid var(--form-key-color-dark);
}

#sv_submit_event_form input[type=radio]:checked ~ div#recur_opts_1.recur_opt,
.contentRender #sv_submit_event_form input[type=radio]:checked ~ div.recur_opt {
	max-height: none !important;
}

#sv_submit_event_form .recur_opt input[type=checkbox] ~ label.minilabel, #sv_submit_event_form .recur_opt input[type=radio] ~ label.minilabel {
	padding-left: var(--space-8) !important;
}

.contentRender #sv_submit_event_form .div_fld_data_recurType ul label[for*="monthlyRT"],
.contentRender #sv_submit_event_form .div_fld_data_recurType ul label[for*="monthlyRT"] > span,
.contentRender #sv_submit_event_form .div_fld_data_recurType ul label[for*="yearlyRT"],
.contentRender #sv_submit_event_form .div_fld_data_recurType ul label[for*="yearlyRT"] > span {
	display: flex;
	align-items: center;
	gap: var(--space-2);
}

.contentRender #sv_submit_event_form .div_fld_data_recurType ul label[for="monthlyRT_4"] > span,
.contentRender #sv_submit_event_form .div_fld_data_recurType ul label {
	height: auto;
	display: inline-flex;
	align-items: baseline;
	gap: var(--space-2);
}

.contentRender #sv_submit_event_form .div_fld_data_recurType ul label {
	margin-inline: var(--space-1);
}

.contentRender #sv_submit_event_form .div_fld_data_recurType ul label[for*="monthlyRT"],
.contentRender #sv_submit_event_form .div_fld_data_recurType ul label[for*="yearlyRT"] {
	flex-wrap: wrap;
}

@media (max-width:700px) {
	#sv_submit_event_form .recur_opt li input[type="radio"] ~ label {
		padding-left: 28px !important;
	}
}
 
/* RESET FONT FAMILY */
.contentRender #rsvp-container #eventRegCostsDIV,
.contentRender #rsvp-container div.eventListCell,
.contentRender #sv_submit_event_form .hint,
.contentRender form.simpleForm p.hint:not(.formreq),
.contentRender #sv_submit_event_form legend,
.contentRender form.simpleForm label,
.contentRender form.simpleForm .formtext,
.contentRender form.simpleForm input,
.contentRender form.simpleForm select,
.contentRender #sv_submit_event_form .recur_opt input[type=checkbox] ~ label.minilabel,
.contentRender #sv_submit_event_form .recur_opt input[type=radio] ~ label.minilabel,
.contentRender #sv_submit_event_form table.fileuploads thead th,
.contentRender #sv_submit_event_form select,
.contentRender #sv_submit_event_form select[size], #sv_submit_event_form select[multiple],
.contentRender #sv_submit_event_form input[type=text],
.contentRender #sv_submit_event_form div.datalabel label,
.contentRender #sv_submit_event_form .div_fld_data_recurType ul label,
.contentRender #sv_submit_event_form label.recur_menu {
	font-family: var(--label-font-family);
}
/* RESET FONT STYLE */
.contentRender #rsvp-container #eventRegCostsDIV,
.contentRender #rsvp-container label,
.contentRender #rsvp-container .fieldhint,
.contentRender #rsvp-container div.eventListCell,
.contentRender form.simpleForm .columns label,
.contentRender form.simpleForm .formtext,
.contentRender #sv_submit_event_form #customdate_list .formhead,
.contentRender #sv_submit_event_form table.fileuploads thead th,
.contentRender #sv_submit_event_form select,
.contentRender #sv_submit_event_form select[size], #sv_submit_event_form select[multiple],
.contentRender #sv_submit_event_form input[type=text],
.contentRender #sv_submit_event_form div.datalabel label,
.contentRender form.simpleForm::-webkit-input-placeholder,
.contentRender #sv_submit_event_form input[type=text]::-webkit-input-placeholder {
	font-weight: var(--label-font-weight);
	font-style: var(--label-font-style);
	color: var(--label-color);
}
/* RESET TABLE FONT SIZE HERE */
.contentRender #rsvp-container div.eventListCell.bold.eventListCell_eventname,
.contentRender #rsvp-container div.eventListCell {
	/* Your standard P font size may not work for table fonts. Set this here */ 
	text-align: left;
}
/* OPTIONAL RESET FOR INPUT STYLE */
/* This over-writes foundation style. Double check your select boxes. You may have to adjust the line-height to vertically center text */
.contentRender #rsvp-container input[type=radio],
.contentRender #rsvp-container select[type=checkbox],
.contentRender #rfpForm.simpleForm input[type=radio],
.contentRender #rfpForm.simpleForm input[type=checkbox] {
	height: auto;
}
.contentRender #rsvp-container select,
.contentRender #rsvp-container input,
.contentRender #rsvp-container select,
.contentRender form.simpleForm input,
.contentRender form.simpleForm select,
.contentRender #sv_submit_event_form select,
.contentRender #sv_submit_event_form select[size], #sv_submit_event_form select[multiple],
.contentRender #sv_submit_event_form input[type=text] {
	color: var(--input-color);
}
/* REPLACE WITH A CORE STYLE HEADING */
.contentRender #rsvp-container h2,
.contentRender .registrationForm-eventName,
.contentRender #rsvp-container div.eventTypeHeader,
.contentRender form.simpleForm h3,
.contentRender #sv_submit_event_form .formhead {
	font-family: var(--form-heading-font-family);
	font-weight: var(--form-heading-font-weight);
	font-style: var(--form-heading-font-style);
	color: var(--form-heading-color);
	font-size: var(--text-2xl);
	line-height: var(--leading-tight);
}
/* SET COLOR OVER KEY COLOR HERE (E.G RSVP HEADER) */
.contentRender #rsvp-container .eventListCell:before,
.contentRender #rsvp-container .eventList_headerRow div,
.contentRender #rsvp-container #guestsTbody th,
.contentRender #rsvp-container .eventList_headerRow div {
	color: var(--white);
}
/* STRONG WEIGHT FOR LABELS */
.contentRender #rsvp-container .eventListCell:before,
.contentRender #rsvp-container .eventList_headerRow div,
.contentRender #sv_submit_event_form #customdate_list .formhead,
.contentRender #sv_submit_event_form legend {
	font-weight: var(--font-weight-bold);
}
/* STYLE SUBMIT BUTTONS */
.contentRender #rsvp-container .button,
.contentRender form.simpleForm .button,
.contentRender #sv_submit_event_form input.button,
.contentRender #sv_submit_event_form .svbtn,
.contentRender #multifileuploadcontainer label {
	font-family: var(--font-body);
    line-height: var(--leading-none);
    border: none;
    padding: 10px 15px;
    font-size: var(--text-sm);
	border: 2px solid var(--sw-button-primary-bg);
	text-transform: uppercase;
    color: var(--sw-button-primary-color);
    text-decoration: none !important;
    border-radius: 0;
    background-color: var(--sw-button-primary-bg);
    font-weight: bold;
	cursor: pointer;
	transition: color var(--transition-appendix), background-color var(--transition-appendix), border-color var(--transition-appendix);
}
.contentRender #rsvp-container .button:hover,
.contentRender #rsvp-container .button:active,
.contentRender form.simpleForm .button:hover,
.contentRender form.simpleForm .button:active,
.contentRender #sv_submit_event_form input.button:hover,
.contentRender #sv_submit_event_form input.button:active,
.contentRender #sv_submit_event_form .svbtn:hover,
.contentRender #sv_submit_event_form .svbtn:active,
.contentRender #multifileuploadcontainer label:hover,
.contentRender #multifileuploadcontainer label:active {
    background-color: var(--sw-button-primary-bg-hover);
	color: var(--sw-button-primary-color-hover);
	text-decoration: underline;
}
/* SET LINK COLOR HERE */
body.crm-calendar-popup .contentRender a, body.crm-calendar-popup .contentRender a:hover {
	/*
		This is a generic link style for the calendar popup.
 
		It's recommended you test the calendar popup but you might wanna limit your style here to color and family.
		The font size should be able to work across all sites.
	*/
	font-size: 1.0625rem;
	font-style: normal;
	color: var(--primary-color-900);
}
/* OPTIONAL: SET FORM HINT STYLE HERE */
.contentRender #sv_submit_event_form .hint,
.contentRender form.simpleForm p.hint:not(.formreq) {
	/* Default styling here. Changing is optional */
	color: var(--gray-800);
	font-size: var(--text-sm);
}
/* OPTIONAL: SET FORM REQUIRED STYLE HERE */
#rfpForm label.req,
.contentRender #sv_submit_event_form div.datalabel label.svformreq,
.contentRender form.simpleForm .formreq,
.contentRender form.simpleForm label.formreq {
	color: var(--required-color) !important;
}

#rfpForm .validation_blurMsg {
	background-color: var(--required-color) !important;
	border-color: var(--required-color) !important;
}
/* SUBMIT EVENT FORM PIKA CALENDAR */
/* To test, click on the start date in a submit event form */
.pika-lendar .is-today .pika-button {
	/*
		Set a link color here. This can be standard site anchor color
	*/
	color: var(--gold-light);
}
.pika-lendar .pika-button:hover,
.pika-lendar .is-selected .pika-button {
	/*
		Set your hover/selected background and text color here.
		Note the Pika calendar uses important here so this is required to overwrite.
	*/
	color: var(--white);
	background: var(--teal) !important;
	border-radius: 0 !important;
	box-shadow: none;
}
.medium-9.columns {
	position: relative;
}
#the_crmform a[href='#']>img {
	right: 6px;
	left: unset !important;
	z-index: 1;
}
body.crm-calendar-popup .lookup-close,
body.crm-calendar-popup .lookup-calHolder a,
body.crm-calendar-popup td.lookup-calDay a,
body.crm-calendar-popup td.lookup-calToday a {
	color: var(--gold-light);
	font-family: var(--font-body);
}
#sv_submit_event_form .recur_opt input[type=checkbox]:checked ~ label, #sv_submit_event_form .recur_opt input[type=radio]:checked ~ label, #sv_submit_event_form #recur_range input[type=checkbox]:checked ~ label, #sv_submit_event_form #recur_range input[type=radio]:checked ~ label {
	background-color: var(--teal) !important;
}
/*** END FORM STYLING ***/