/*** 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;
}
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; font-family: 'Montserrat', sans-serif; }
.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 h3 {
		padding-left: 8px;
	}
	.contentRender form.simpleForm p.hint,
	.contentRender form.simpleForm .captcha,
	.contentRender form.simpleForm .formCntrls,
	.contentRender form.simpleForm h3 {
		margin-left: 29%;
		text-align: left !important;
		width: auto;
	}
	.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 {	
	-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;
}
/* 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 {
	/*
		Add a font family
	*/
	font-family: 'Montserrat', sans-serif;
}
/* 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 {
	/*
		Add style, weight color to match general html style. Do not set font-family here. Use the above class.
	*/
	font-weight: 400;
	color: #021d44;

}
/* 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: #464646;
}
/* 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 {
	/*
		Add font family, style, weight color to match body.
		The easiest thing here to do is find a match H style on your html-styles page.
	*/
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #021d44;
	font-size: 38px;
}
/* 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 {
	/* 
		Set a background color or tiled image here as well as the color of text over it.
		This will affect things like the loading progress bar as well as some other event
		calendar related items.	
	*/
	background-color: #021d44;
}
/* 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 {
	/* 
		Set your strong weight here for label items that need to be bolded
	*/
	font-weight: bold;
	font-size: 18px;
}
/* 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 {
	/*
		This is your basic button styling. You can use your site submit button styling here.
		E.G. the listings submit styles
	*/
	background-color: transparent;
	border: solid #82bc00 2px;
	color: #021d44;
	padding: 10px 20px;
}
.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 {
	/*
		This is the hover style on the submit buttons
	*/
	background: transparent;
}
/* 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;
}
/* 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: #5b5b5b;
	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: #d81111;
}
/* 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: #49a5d8;
}
.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: #021d44 !important;
	border-radius: 0 !important;
	box-shadow: none;
}
/*** END FORM STYLING ***/