/*** 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: #fff; }
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; }
/* 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 {
	-moz-transition: opacity .6s;
	-o-transition: opacity .6s;
	-transition: opacity .6s;
	-webkit-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 form.simpleForm #g-recaptcha > div:first-child {
		margin-left: 0;
	}
}
.contentRender #rsvp-container .button,
.contentRender form.simpleForm .button,
.contentRender #sv_submit_event_form input.button,
.contentRender #sv_submit_event_form .svbtn,
.contentRender #multifileuploadcontainer label {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	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 input[type=text], .contentRender #rsvp-container select, contentRender #rsvp-container textarea.textarea {

}

.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-family: 'Font Awesome 5 Free';
	content: '\f078';
	font-weight: 900;
	right: 10px;
}
.contentRender #sv_submit_event_form input[type=radio]:checked ~ label.recur_menu:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	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;
	width: 30px;
	height: 40px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f00c';
	left: 10px;
}

.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-family: 'Font Awesome 5 Free';
	font-weight: 900;
	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 {
	width: 17px;
	height: 24px;
}
.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;
}
/* 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 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 */

/* 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: inherit;
}
/* 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 {
	color: var(--gray);
}
/* 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(--gray);
	line-height: 1;
}
/* 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-size: 28px;
	line-height: 1.2;
	font-weight: 900;
	padding: var(--space-6) 0 var(--space-2);
	color: var(--gray);
	font-family: var(--font-display);
}
/* SET KEY COLOR HERE */
.contentRender #rsvp-container #guestGridHeaderRow,
.contentRender #rsvp-container .eventList_headerRow div,
.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,
.contentRender #sv_submit_event_form .recur_opt input[type=checkbox]:checked ~ label.minilabel,
.contentRender #sv_submit_event_form input[type=radio]:checked ~ label.recur_menu,
.contentRender #sv_submit_event_form .progress {
	background-color: var(--green-alt-1);
	color: white;
}
/* 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: #fff; /* probably fine to leave this white against the above background color */
}
/* 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: 700;
}
/* 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 {
	border: 1px solid var(--golden);
	color: var(--gray);
	background-color: white;
	border-radius: 5px;
	font-weight: 600;
	padding: var(--space-2) var(--space-8);
	font-size: 15px;
	background: var(--white-alt-1);
	font-family: inherit;
}
.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(--white-alt-2);
}
/* SET LINK COLOR HERE */
body.crm-calendar-popup .contentRender a, body.crm-calendar-popup .contentRender a:hover {
	color: var(--green);
	font-size: 1.0625rem;
	font-style: normal;
}
/* 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);
	font-size: 14px;
}
/* OPTIONAL: SET FORM REQUIRED STYLE HERE */
.contentRender #sv_submit_event_form div.datalabel label.svformreq,
.contentRender form.simpleForm .formreq,
.contentRender form.simpleForm label.formreq {
	color: var(--orange);
}
/* SUBMIT EVENT FORM PIKA CALENDAR */
/* To test, click on the start date in a submit event form */
.pika-lendar .is-today .pika-button {
	color: var(--green);
}
.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: #fff;
	background: var(--gray) !important;
	border-radius: 0 !important;
	box-shadow: none;
}
/*** END FORM STYLING ***/