/*  MICROTHEMER STYLES  */


/*= General =================== */

/** General >> Styling Breadcrumbs, as appearing when placed Above Page Contents in Widgets **/
.ds_dbreadcrumbs {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	font-weight: 500 !important;
	text-align: left !important;
	text-transform: uppercase !important;
	background-color: rgba(255, 255, 255, 0) !important;
	padding-left: 10% !important;
	position: absolute !important;
}

/** General >> Styling Breadcrumbs, on Upcoming Events rollup page **/
.manually-added-breadcrumbs .ds_dbreadcrumbs {
	padding-left: 0 !important;
	margin-top: -70px !important;
	position: relative !important;
}

/** General >> Styling Breadcrumbs, as appearing when placed below standard full-width header **/
.manually-added-breadcrumbs-plain .ds_dbreadcrumbs {
	padding-left: 0 !important;
	margin-bottom: -25px !important;
	position: relative !important;
}

/** General >> Manually added breadcrumbs ds **/
.manually-added-breadcrumbs .ds_dbreadcrumbs {
	
}

/** General >> Homepage: fix vertical alignment of "Learn More" and "Donate" buttons **/
.mt-47 .et_pb_column_2_5 .et_pb_button_alignment_left {
	margin-bottom: 0 !important;
}


/*= Navigation Bar ============ */

/** Navigation Bar >> Main Nav: "DONATE" button shape: before scrolling **/
.donate-button {
	background-color: rgb(233, 67, 66) !important;
	height: 59px !important;
	padding-top: 22px !important;
	padding-right: 45px !important;
	padding-left: 45px !important;
	margin-top: -10px !important;
	margin-right: 5px !important;
	margin-left: 10px !important;
	border-radius: 45px !important;
	-o-transition-property: padding !important;
	-moz-transition-property: padding !important;
	-webkit-transition-property: padding !important;
	transition-property: padding !important;
	-o-transition-duration: 0.25s !important;
	-moz-transition-duration: 0.25s !important;
	-webkit-transition-duration: 0.25s !important;
	transition-duration: 0.25s !important;
	-webkit-transition-timing-function: ease !important;
	transition-timing-function: ease !important;
}

/** Navigation Bar >> Main Nav: "DONATE" button shape: MOBILE **/
.donate-button-mobile {
	background-color: rgb(233, 67, 66) !important;
	height: 59px !important;
	padding-top: 22px !important;
	padding-right: 45px !important;
	padding-left: 45px !important;
	margin-top: -10px !important;
	margin-right: 5px !important;
	margin-left: 10px !important;
	border-radius: 45px !important;
	-o-transition-property: padding !important;
	-moz-transition-property: padding !important;
	-webkit-transition-property: padding !important;
	transition-property: padding !important;
	-o-transition-duration: 0.25s !important;
	-moz-transition-duration: 0.25s !important;
	-webkit-transition-duration: 0.25s !important;
	transition-duration: 0.25s !important;
	-webkit-transition-timing-function: ease !important;
	transition-timing-function: ease !important;
}

/** Navigation Bar >> Height of menu bar after scrolling, adjustment **/
.et-fixed-header .et_menu_container {
	margin-bottom: 0 !important;
}

/** Navigation Bar >> Secondary Nav: "SIgn In", mobile only at top of mobile nav: add icon **/
.sign-in-mobile a::before {
	font-family: FontAwesome !important;
	font-size: 17px !important;
	margin-right: 7px !important;
	position: relative !important;
	top: -1px !important;
	content: "\f2bd" !important;
}

/** Navigation Bar >> Secondary Nav: "SIgn In", make mobile only at top of mobile nav **/
.sign-in-mobile a {
	font-size: 15px !important;
	margin-right: 5px !important;
	content: "\f2bd" !important;
}

/** Navigation Bar >> Secondary Nav: "Shop the FF Store", mobile only at top of mobile nav: add icon **/
.shop-ff-mobile a::before {
	font-family: FontAwesome !important;
	font-size: 17px !important;
	margin-right: 7px !important;
	position: relative !important;
	top: -2px !important;
	content: "\f07a" !important;
}

/** Navigation Bar >> Secondary Nav: "Shop the FF Store", make mobile only at top of mobile nav **/
.shop-ff-mobile a {
	font-size: 15px !important;
	margin-right: 5px !important;
	content: "\f2bd" !important;
}

/** Navigation Bar >> Main Nav: "VOLUNTEER" button shape: before scrolling **/
.volunteer-button {
	background-color: rgb(204, 135, 12) !important;
	height: 59px !important;
	padding-top: 22px !important;
	padding-right: 45px !important;
	padding-left: 45px !important;
	margin-top: -10px !important;
	margin-left: 5px !important;
	border-radius: 45px !important;
	-o-transition-property: padding !important;
	-moz-transition-property: padding !important;
	-webkit-transition-property: padding !important;
	transition-property: padding !important;
	-o-transition-duration: 0.25s !important;
	-moz-transition-duration: 0.25s !important;
	-webkit-transition-duration: 0.25s !important;
	transition-duration: 0.25s !important;
}

/** Navigation Bar >> Main Nav: "VOLUNTEER" button shape: MOBILE **/
.volunteer-button-mobile {
	background-color: rgb(204, 135, 12) !important;
	height: 59px !important;
	padding-top: 22px !important;
	padding-right: 45px !important;
	padding-left: 45px !important;
	margin-top: -10px !important;
	margin-left: 5px !important;
	border-radius: 45px !important;
	-o-transition-property: padding !important;
	-moz-transition-property: padding !important;
	-webkit-transition-property: padding !important;
	transition-property: padding !important;
	-o-transition-duration: 0.25s !important;
	-moz-transition-duration: 0.25s !important;
	-webkit-transition-duration: 0.25s !important;
	transition-duration: 0.25s !important;
}

/** Navigation Bar >> Main Nav: Search field: vertical centering **/
.et_search_outer {
	margin-top: 7px !important;
}

/** Navigation Bar >> Main Nav: "DONATE" button shape: after scrolling **/
.et-fixed-header #top-menu .donate-button {
	background-color: rgb(233, 67, 66) !important;
	height: 50px !important;
	padding-top: 17px !important;
	padding-right: 35px !important;
	padding-left: 35px !important;
	margin-top: -10px !important;
	margin-right: 5px !important;
	margin-left: 10px !important;
	border-radius: 45px !important;
	-o-transition-property: padding !important;
	-moz-transition-property: padding !important;
	-webkit-transition-property: padding !important;
	transition-property: padding !important;
	-o-transition-duration: 0.25s !important;
	-moz-transition-duration: 0.25s !important;
	-webkit-transition-duration: 0.25s !important;
	transition-duration: 0.25s !important;
}

/** Navigation Bar >> Main Nav: "VOLUNTEER" button shape: after scrolling **/
.et-fixed-header #top-menu .volunteer-button {
	background-color: rgb(204, 135, 12) !important;
	height: 50px !important;
	padding-top: 17px !important;
	padding-right: 35px !important;
	padding-left: 35px !important;
	margin-top: -10px !important;
	margin-bottom: 10px !important;
	margin-left: 5px !important;
	border-radius: 45px !important;
	-o-transition-property: padding !important;
	-moz-transition-property: padding !important;
	-webkit-transition-property: padding !important;
	transition-property: padding !important;
	-o-transition-duration: 0.25s !important;
	-moz-transition-duration: 0.25s !important;
	-webkit-transition-duration: 0.25s !important;
	transition-duration: 0.25s !important;
}

/** Navigation Bar >> Main Nav: "VOLUNTEER" button shape: hover color after scrolling **/
.et-fixed-header #top-menu .volunteer-button:hover {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(231, 158, 29) !important;
	-o-transition-property: background-color !important;
	-moz-transition-property: background-color !important;
	-webkit-transition-property: background-color !important;
	transition-property: background-color !important;
	-o-transition-duration: 0.25s !important;
	-moz-transition-duration: 0.25s !important;
	-webkit-transition-duration: 0.25s !important;
	transition-duration: 0.25s !important;
}

/** Navigation Bar >> Main Nav: "DONATE" button shape: hover color after scrolling **/
.et-fixed-header #top-menu .donate-button:hover {
	background-color: rgb(255, 86, 85) !important;
	-o-transition-property: background-color !important;
	-moz-transition-property: background-color !important;
	-webkit-transition-property: background-color !important;
	transition-property: background-color !important;
	-o-transition-duration: 0.25s !important;
	-moz-transition-duration: 0.25s !important;
	-webkit-transition-duration: 0.25s !important;
	transition-duration: 0.25s !important;
}

/** Navigation Bar >> Main Nav: Logo: Size before scrolling **/
#logo {
	min-height: 77px !important;
	margin-top: 15px !important;
}

/** Navigation Bar >> Main Nav: Search icon: before scrolling all pages except homepage **/
#et_search_icon::before {
	color: rgb(22, 22, 22) !important;
	font-size: 22px !important;
	margin-top: 9px !important;
}

/** Navigation Bar >> Main Nav: Search icon: before scrolling, homepage only **/
.mt-47 #et_search_icon::before {
	color: rgb(255, 255, 255) !important;
	font-size: 22px !important;
	margin-top: 9px !important;
}

/** Navigation Bar >> Main nav: Donate button text: make white when active **/
.donate-button.current-menu-item a {
	color: rgb(255, 255, 255) !important;
	opacity: 1 !important;
}

/** Navigation Bar >> Main nav: Donate button text: make white when active after scrolling **/
.et-fixed-header #top-menu  .donate-button.current-menu-item a {
	color: rgb(255, 255, 255) !important;
	opacity: 1 !important;
}

/** Navigation Bar >> Main nav: Volunteer button text: make white on hover **/
.volunteer-button a:hover {
	color: rgb(255, 255, 255) !important;
	opacity: 1 !important;
}

/** Navigation Bar >> Main nav: Donate button text: make white on hover **/
.donate-button a:hover {
	color: rgb(255, 255, 255) !important;
	opacity: 1 !important;
}

/** Navigation Bar >> Main nav: Volunteer button text: make white when active **/
.volunteer-button.current-menu-item a {
	color: rgb(255, 255, 255) !important;
	opacity: 1 !important;
}

/** Navigation Bar >> Main nav: Volunteer button text: make white when active after scrolling **/
.et-fixed-header #top-menu  .volunteer-button.current-menu-item a {
	color: rgb(255, 255, 255) !important;
	opacity: 1 !important;
}

/** Navigation Bar >> MOBILE nav: Donate button text: make white on hover **/
#mobile_menu > .donate-button-mobile > a:hover {
	color: rgb(255, 255, 255) !important;
	opacity: 1 !important;
}

/** Navigation Bar >> MOBILE nav: Volunteer button text: make white on hover **/
#mobile_menu > .volunteer-button-mobile > a:hover {
	color: rgb(255, 255, 255) !important;
	opacity: 1 !important;
}

/** Navigation Bar >> Mobile nav: Donate button shape **/
.et_mobile_menu .donate-button-mobile {
	background-color: rgb(233, 67, 66) !important;
}

/** Navigation Bar >> Mobile nav: Donate button shape, hover **/
.et_mobile_menu .donate-button-mobile:hover {
	background-color: rgb(233, 67, 66) !important;
}

/** Navigation Bar >> Mobile nav: Donate button text **/
.et_mobile_menu .donate-button-mobile a {
	color: rgb(255, 255, 255) !important;
	opacity: 1 !important;
}

/** Navigation Bar >> Secondary Nav: "SIgn In": add icon **/
.sign-in-button a::before {
	font-family: evo_FontAwesome !important;
	font-size: 15px !important;
	margin-right: 5px !important;
	content: "\f2bd" !important;
}

/** Navigation Bar >> Secondary Nav: "SIgn In": hide on mobile **/
.sign-in-button a {
	margin-right: 5px !important;
}

/** Navigation Bar >> Main Nav: "Log Out": hide on desktop **/
.log-out-button a {
	margin-right: 5px !important;
}

/** Navigation Bar >> Secondary Nav: "Shop the Faithful Friend Store": hide on mobile **/
.shop-ff a {
	margin-right: 5px !important;
}

/** Navigation Bar >> Mobile Nav: Hamburger icon: replace with "X" icon when menu is opened **/
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar:before {
	color: rgb(255, 86, 85) !important;
	opacity: 1 !important;
	content: "M" !important;
}

/** Navigation Bar >> Main Nav: Search field: increase "X" close, BEFORE SCROLL, Address visibility issue, NOT HOMEPAGE **/
span.et_close_search_field:after {
	color: rgb(22, 22, 22) !important;
	font-size: 40px !important;
	margin-top: -5px !important;
	opacity: 1 !important;
}

/** Navigation Bar >> Main Nav: Search field: increase "X" close icon size, HOME ONLY **/
.mt-47 span.et_close_search_field:after {
	color: rgb(255, 255, 255) !important;
	font-size: 40px !important;
	margin-top: -5px !important;
}

/** Navigation Bar >> Main Nav: Search field: increase "X" close icon size, HOME ONLY, after scroll **/
.mt-47 .et-fixed-header span.et_close_search_field:after {
	color: rgb(22, 22, 22) !important;
	font-size: 40px !important;
	margin-top: -5px !important;
}

/** Navigation Bar >> Main Nav: "DONATE" button text: after scrolling **/
.et-fixed-header #top-menu .donate-button a {
	color: rgb(255, 255, 255) !important;
}

/** Navigation Bar >> Main Nav: "VOLUNTEER" button text: after scrolling **/
.et-fixed-header #top-menu .volunteer-button a {
	color: rgb(255, 255, 255) !important;
}

/** Navigation Bar >> Main Nav: Search icon: after scrolling **/
.et-fixed-header #et_search_icon::before {
	color: rgb(22, 22, 22) !important;
	font-size: 22px !important;
	margin-top: 3px !important;
}

/** Navigation Bar >> Main Nav: Dropdown arrows: Color changed to red **/
#top-menu .menu-item-has-children > a:first-child::after {
	font-family: FontAwesome !important;
	color: rgb(233, 67, 66) !important;
	font-size: 19px !important;
	margin-top: 2px !important;
	margin-right: 1px !important;
	content: "\f107" !important;
}

/** Navigation Bar >> Main Nav: add solid white background to all pages except homepage before scroll **/
header#main-header {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.08) !important;
	background-color: rgb(255, 255, 255) !important;
	opacity: 1 !important;
}

/** Navigation Bar >> Main Nav: remove solid white background on homepage before scroll **/
.mt-47 header#main-header {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.08) !important;
	background-color: rgba(223, 0, 0, 0) !important;
	opacity: 1 !important;
}

/** Navigation Bar >> Main Nav: Parent link text on all pages except homepage before scrolling **/
#top-menu .menu-item-has-children > a:first-child {
	color: rgb(22, 22, 22) !important;
	opacity: 1 !important;
	content: "\f107" !important;
}

/** Navigation Bar >> Main Nav: Parent link text on homepage only before scrolling, hover color **/
.mt-47 #top-menu .menu-item-has-children > a:first-child:hover {
	color: rgb(255, 255, 255) !important;
	opacity: 1 !important;
	content: "\f107" !important;
}

/** Navigation Bar >> Main Nav: Parent link text on homepage only before scrolling **/
.mt-47 #top-menu .menu-item-has-children > a:first-child {
	color: rgb(255, 255, 255) !important;
	opacity: 1 !important;
	content: "\f107" !important;
}

/** Navigation Bar >> Main Nav: Parent link text on homepage only after scrolling, hover color **/
.mt-47 .et-fixed-header #top-menu .menu-item-has-children > a:first-child:hover {
	color: rgb(233, 67, 66) !important;
	opacity: 1 !important;
	content: "\f107" !important;
}

/** Navigation Bar >> Main Nav: Parent link text on homepage only after scrolling **/
.mt-47 .et-fixed-header #top-menu .menu-item-has-children > a:first-child {
	color: rgb(22, 22, 22) !important;
	opacity: 1 !important;
	content: "\f107" !important;
}

/** Navigation Bar >> Main Nav: add drop shadow to fixed nav after scroll **/
header#main-header.et-fixed-header {
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08) !important;
	background-color: rgb(255, 255, 255) !important;
	opacity: 1 !important;
}

/** Navigation Bar >> Main Nav, Homepage only: Logo: Colorize to white before scrolling **/
.mt-47 #logo {
	filter: invert(100%) sepia(0%) saturate(00%) hue-rotate(25deg) brightness(105%) contrast(104%) !important;
}

/** Navigation Bar >> Secondary Nav: "Shop the Faithful Friend Store": add shopping cart icon **/
.shop-ff a::before {
	font-family: FontAwesome !important;
	font-size: 15px !important;
	margin-right: 5px !important;
	content: "\f07a" !important;
}

/** Navigation Bar >> Secondary Nav: "Call Us" icon: change to FontAwesome icon **/
#et-info-phone::before {
	font-family: FontAwesome !important;
	font-size: 16px !important;
	line-height: 11px !important;
	margin-right: 5px !important;
	content: "\f095" !important;
}

/** Navigation Bar >> Main Nav: Logo: Colorize to black & reduce size after scrolling **/
.et-fixed-header #logo {
	min-height: 54px !important;
	margin-top: 0 !important;
	filter: invert(0%) sepia(4%) saturate(0%) hue-rotate(324deg) brightness(0%) contrast(105%) !important;
}

/** Navigation Bar >> Main Nav: Donate button: highlight on hover **/
.donate-button:hover {
	background-color: rgb(255, 86, 85) !important;
	-o-transition-property: background-color !important;
	-moz-transition-property: background-color !important;
	-webkit-transition-property: background-color !important;
	transition-property: background-color !important;
	-o-transition-duration: 0.25s !important;
	-moz-transition-duration: 0.25s !important;
	-webkit-transition-duration: 0.25s !important;
	transition-duration: 0.25s !important;
	-webkit-transition-timing-function: ease !important;
	transition-timing-function: ease !important;
}

/** Navigation Bar >> Main Nav: Volunteer button: highlight on hover **/
.volunteer-button:hover {
	background-color: rgb(231, 158, 29) !important;
	-o-transition-property: background-color !important;
	-moz-transition-property: background-color !important;
	-webkit-transition-property: background-color !important;
	transition-property: background-color !important;
	-o-transition-duration: 0.25s !important;
	-moz-transition-duration: 0.25s !important;
	-webkit-transition-duration: 0.25s !important;
	transition-duration: 0.25s !important;
	-webkit-transition-timing-function: ease !important;
	transition-timing-function: ease !important;
}

/** Navigation Bar >> Main Nav: Dropdown child links: change font to roboto **/
.sub-menu a {
	font-family: roboto !important;
	font-size: 16px !important;
	font-weight: normal !important;
	text-transform: capitalize !important;
	background-color: rgb(255, 255, 255) !important;
	padding-right: 4% !important;
	padding-left: 4% !important;
	opacity: 1 !important;
}

/** Navigation Bar >> Main Nav: Dropdown child links: hover style **/
.sub-menu a:hover {
	color: rgb(233, 67, 66) !important;
	background-color: rgb(255, 255, 255) !important;
	opacity: 1 !important;
}

/** Navigation Bar >> Main Nav: Dropdown child links, after scroll: hover style **/
.et-fixed-header #top-menu .sub-menu a:hover {
	color: rgb(233, 67, 66) !important;
	background-color: rgb(255, 255, 255) !important;
	opacity: 1 !important;
}

/** Navigation Bar >> Inactive menu link **/
.inactive-menu a {
	opacity: .3 !important;
}


/*= Events Detail Page ======== */

/** Events Detail Page >> Event Title **/
.evo_sin_event_list .evcal_event_title {
	color: black !important;
	font-size: 56px !important;
	font-weight: bold !important;
	font-variant: normal !important;
	text-transform: none !important;
}
.color.evo_sin_page #evcal_list .eventon_list_event a.desc_trig > *, 
.color.evo_sin_page #evcal_list .eventon_list_event .evcal_desc_info em, 
.color.evo_sin_page #evcal_list .eventon_list_event .evcal_desc_info span, 
.color.evo_sin_page #evcal_list .eventon_list_event .evcal_desc_info b, 
.color.evo_sin_page #evcal_list .eventon_list_event .evcal_desc3 em, 
.color.evo_sin_page #evcal_list .eventon_list_event .evcal_desc3 span, 
.color.evo_sin_page #evcal_list .eventon_list_event .evcal_event_title, 
.color.evo_sin_page #evcal_list .eventon_list_event .evcal_desc span.evcal_event_subtitle {
	color: black !important;
}

/** Events Detail Page >> Event Date **/
.evo_sin_event_list .date {
	color: black !important;
	font-size: 44px !important;
	font-weight: bold !important;
	font-variant: normal !important;
	text-transform: none !important;
}

/** Events Detail Page >> Event Date and Month Left Alignment **/
.evo_sin_event_list .evcal_cblock {
	font-size: 44px !important;
	font-weight: bold !important;
	font-variant: normal !important;
	text-transform: none !important;
	padding-top: 9px !important;
	padding-left: 0 !important;
}

/** Events Detail Page >> Intro Title and Time, left padding **/
.evo_sin_event_list .evcal_desc {
	color: black !important;
	font-size: 44px !important;
	font-weight: bold !important;
	font-variant: normal !important;
	text-transform: none !important;
}

/** Events Detail Page >> Event Month **/
.evo_sin_event_list .month {
	color: black !important;
	font-size: 16px !important;
	font-weight: bold !important;
	font-variant: normal !important;
}

/** Events Detail Page >> Event Time and Place **/
.evo_sin_event_list .evcal_desc_info {
	color: rgb(22, 22, 22) !important;
	font-size: 18px !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-align: left !important;
	padding-top: 5px !important;
	padding-left: 5px !important;
	opacity: 1 !important;
}

/** Events Detail Page >> Event Time Icon **/
.evo_sin_event_list .evcal_desc_info .evcal_time::before {
	font-family: evo_FontAwesome !important;
	color: rgb(233, 67, 66) !important;
	font-size: 18px !important;
	font-weight: normal !important;
	font-variant: normal !important;
	margin-left: -5px !important;
	opacity: 1 !important;
	content: "\f017" !important;
}

/** Events Detail Page >> Event Place Icon **/
.evo_sin_event_list .evcal_desc_info .evcal_location::before {
	color: rgb(233, 67, 66) !important;
	font-size: 18px !important;
	font-weight: normal !important;
	font-variant: normal !important;
	top: 2px !important;
	opacity: 1 !important;
}

/** Events Detail Page >> Event Place Left Margin **/
.evo_sin_event_list .evcal_desc_info .evcal_location {
	opacity: 1 !important;
}

/** Events Detail Page >> Event Place Left Margin Copy 1 **/
.evo_sin_event_list .evcal_desc_info .evcal_time {
	margin-right: 20px !important;
	opacity: 1 !important;
}

/** Events Detail Page >> Event Subtitle **/
.evo_sin_event_list .evcal_event_subtitle {
	color: black !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	font-style: italic !important;
	text-transform: none !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

/** Events Detail Page >> Event Volunteer Status **/
.evo_sin_event_list .evors_eventtop_section {
	color: rgb(22, 22, 22) !important;
	font-size: 16px !important;
	font-weight: bold !important;
	font-style: italic !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	margin-top: 15px !important;
	border-top: 1px solid rgb(233, 67, 66) !important;
	opacity: 1 !important;
}

/** Events Detail Page >> Event Volunteer Intro Background Color **/
.evo_sin_event_list .evcal_list_a {
	background-color: rgb(255, 255, 255) !important;
	border-top-width: 1px !important;
}

/** Events Detail Page >> Hide right and top borders **/
.evo_sin_page .eventon_list_event {
	background-color: rgb(255, 255, 255) !important;
	border-style: hidden !important;
	border-radius: 0 !important;
}

/** Events Detail Page >> Remove left colored border by headline **/
.evo_sin_page .evcal_list_a {
	background-color: rgb(255, 255, 255) !important;
	border-style: hidden !important;
	border-radius: 0 !important;
}

/** Events Detail Page >> Remove border radius to create right angle corners **/
#evcal_list {
	background-color: rgb(255, 255, 255) !important;
	border-style: none !important;
	border-radius: 0 !important;
}

/** Events Detail Page >> Event Details top and bottom padding **/
.evo_sin_page .et_pb_section {
	padding-top: 10px !important;
	padding-bottom: 0 !important;
}

/** Events Detail Page >> Event Details left and right padding, content width **/
.evo_sin_page .et_pb_row {
	width: auto !important;
	margin-right: .5vw !important;
	margin-left: 0 !important;
}

/** Events Detail Page >> Event Details, paragraph styling **/
.evo_sin_page  .et_pb_text_inner p {
	color: rgb(22, 22, 22) !important;
	font-size: 18px !important;
}

/** Events Detail Page >> "To volunteer for this event, please first sign in or register…" styling **/
.evo_sin_page  .evcal_evdata_cell p {
	color: rgb(22, 22, 22) !important;
	font-size: 18px !important;
	font-style: normal !important;
}

/** Events Detail Page >> Time styling **/
.evo_sin_page .evo_time p {
	color: black !important;
	font-size: 18px !important;
	font-style: normal !important;
}

/** Events Detail Page >> Location Name styling **/
.evo_sin_page .evo_location_name {
	color: black !important;
	font-size: 18px !important;
	font-style: normal !important;
}

/** Events Detail Page >> Location Street Name styling **/
.evo_sin_page .evo_location_address {
	color: black !important;
	font-size: 18px !important;
	font-style: normal !important;
}

/** Events Detail Page >> Make icons red **/
.evo_sin_page .evcal_evdata_row .evcal_evdata_icons i {
	color: rgb(233, 67, 66) !important;
	opacity: 1 !important;
}

/** Events Detail Page >> Make custom volunteer icon red **/
.evo_sin_page .evcal_evdata_custometa_icons i {
	color: rgb(233, 67, 66) !important;
}

/** Events Detail Page >> Organizer name link **/
.evo_sin_page .evo_card_organizer_name_t a {
	color: rgb(22, 22, 22) !important;
	font-size: 18px !important;
	font-weight: normal !important;
}

/** Events Detail Page >> Organizer name link:hover **/
.evo_sin_page .evo_card_organizer_name_t a:hover {
	color: rgb(255, 255, 255) !important;
	font-size: 18px !important;
	font-weight: normal !important;
}

/** Events Detail Page >> Organizer email address **/
.evo_sin_page .evo_card_organizer_contact {
	color: black !important;
	font-style: normal !important;
}

/** Events Detail Page >> Organizer address styling **/
.evo_sin_page .evo_card_organizer_address {
	color: black !important;
	font-style: normal !important;
}

/** Events Detail Page >> Directions box placeholder text styling **/
.evo_sin_page .getdirections .evoInput::placeholder {
	color: rgb(233, 67, 66) !important;
	font-size: 18px !important;
	font-weight: normal !important;
	font-style: normal !important;
	opacity: 1 !important;
}

/** Events Detail Page >> Directions box placeholder text top and bottom margins **/
.evo_sin_page .getdirections .evoInput {
	color: rgb(22, 22, 22) !important;
	font-size: 18px !important;
	font-weight: normal !important;
	font-style: normal !important;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	opacity: 1 !important;
}

/** Events Detail Page >> Calendar link styling **/
.evo_sin_page .evo_ics_nCal {
	color: rgb(22, 22, 22) !important;
	font-size: 16px !important;
}

/** Events Detail Page >> Calendar link styling:hover **/
.evo_sin_page .evo_ics_nCal:hover {
	color: rgb(233, 67, 66) !important;
	font-size: 16px !important;
	-o-transition-duration: .2s !important;
	-moz-transition-duration: .2s !important;
	-webkit-transition-duration: .2s !important;
	transition-duration: .2s !important;
	opacity: 1 !important;
}

/** Events Detail Page >> Google Calendar link styling **/
.evo_sin_page .evo_ics_gCal {
	color: rgb(22, 22, 22) !important;
	font-size: 16px !important;
}

/** Events Detail Page >> Google Calendar link styling:hover **/
.evo_sin_page .evo_ics_gCal:hover {
	color: rgb(233, 67, 66) !important;
	font-size: 16px !important;
	-o-transition-duration: .2s !important;
	-moz-transition-duration: .2s !important;
	-webkit-transition-duration: .2s !important;
	transition-duration: .2s !important;
	opacity: 1 !important;
}

/** Events Detail Page >> Volunteer For Event description paragraphs **/
.evo_data_val p {
	color: rgb(22, 22, 22) !important;
	font-size: 18px !important;
	font-style: normal !important;
}

/** Events Detail Page >> Volunteer For Event description links **/
.evo_data_val p a {
	color: rgb(233, 67, 66) !important;
	font-size: 18px !important;
	font-style: normal !important;
}

/** Events Detail Page >> Volunteer For Event description links:hover **/
.evo_data_val p a:hover {
	color: rgb(255, 255, 255) !important;
	font-size: 18px !important;
	font-style: normal !important;
	opacity: 1 !important;
}

/** Events Detail Page >> "VOLUNTEER FOR THIS EVENT" headline, hidden **/
.evo_metarow_rsvp .evo_h3 {
	color: black !important;
	display: none !important;
	visibility: collapse !important;
}

/** Events Detail Page >> "We hope you can join us" text, hidden **/
.evors_section .evo_data_val {
	color: black !important;
	display: none !important;
	visibility: collapse !important;
}

/** Events Detail Page >> RSVP icon, hidden **/
.evo_metarow_rsvp .evcal_evdata_icons {
	display: none !important;
	visibility: collapse !important;
}

/** Events Detail Page >> Targeting Twitter Icon **/
.evo_sm .tw .fa::before {
	font-family: evo_FontAwesome !important;
	color: rgb(255, 255, 255) !important;
}

/** Events Detail Page >> Targeting All Social Share Icons **/
.evo_ss .fa::before {
	font-family: evo_FontAwesome !important;
	color: rgb(255, 255, 255) !important;
}

/** Events Detail Page >> Facebook Background Circle **/
.FacebookShare .evo_ss {
	background-color: rgb(58, 87, 154) !important;
}

/** Events Detail Page >> Pinterest Background Circle **/
.pn {
	background-color: rgb(230, 2, 35) !important;
}

/** Events Detail Page >> Email Background Circle **/
.em {
	background-color: rgb(22, 22, 22) !important;
}

/** Events Detail Page >> Twitter Background Circle **/
.tw {
	background-color: rgb(0, 171, 240) !important;
}

/** Events Detail Page >> Social Share Bar padding and border **/
.evo_metarow_socialmedia {
	padding: 20px 0 20px 0 !important;
	border-top-color: rgb(255, 255, 255) !important;
	border-bottom-width: 0 !important;
	border-bottom-style: none !important;
}

/** Events Detail Page >> Event Details, Remove left gray border **/
.eventon_events_list .eventon_list_event .event_description {
	padding: 0 0 30px 0 !important;
	border-top-color: rgb(255, 255, 255) !important;
	border-bottom-width: 0 !important;
	border-bottom-style: none !important;
	border-left-style: none !important;
}

/** Events Detail Page >> Sign In/Register button shape styling **/
a.evors_loginnow_btn.evcal_btn {
	background-color: rgb(233, 67, 66) !important;
	height: 59px !important;
	padding-top: 17px !important;
	padding-right: 45px !important;
	padding-left: 45px !important;
	margin-top: -10px !important;
	margin-right: 5px !important;
	margin-left: 10px !important;
	border-radius: 45px !important;
	-o-transition-property: padding !important;
	-moz-transition-property: padding !important;
	-webkit-transition-property: padding !important;
	transition-property: padding !important;
	-o-transition-duration: 0.25s !important;
	-moz-transition-duration: 0.25s !important;
	-webkit-transition-duration: 0.25s !important;
	transition-duration: 0.25s !important;
	-webkit-transition-timing-function: ease !important;
	transition-timing-function: ease !important;
}

/** Events Detail Page >> Sign In/Register button shape styling:hover **/
.evo_sin_page .evcal_list_a:hover {
	background-color: rgb(254, 254, 254) !important;
}

/** Events Detail Page >> Sign In/Register button shape styling:hover Copy 1 **/
a.evors_loginnow_btn.evcal_btn:hover {
	background-color: rgb(255, 86, 85) !important;
	height: 59px !important;
	padding-top: 17px !important;
	padding-right: 45px !important;
	padding-left: 45px !important;
	margin-top: -10px !important;
	margin-right: 5px !important;
	margin-left: 10px !important;
	border-radius: 45px !important;
	-o-transition-property: background-color !important;
	-moz-transition-property: background-color !important;
	-webkit-transition-property: background-color !important;
	transition-property: background-color !important;
	-o-transition-duration: 0.25s !important;
	-moz-transition-duration: 0.25s !important;
	-webkit-transition-duration: 0.25s !important;
	transition-duration: 0.25s !important;
	-webkit-transition-timing-function: ease !important;
	transition-timing-function: ease !important;
	opacity: 1 !important;
}

/** Events Detail Page >> Top CTA blue bar (PBE item), make text links white on hover **/
#pbe-above-content-wa-wrap .et_pb_bg_layout_dark a:hover {
	color: rgb(254, 254, 254) !important;
}

/** Events Detail Page >> Pbe above content wa wrap div **/
#pbe-above-content-wa-wrap #divi_pb_widget-3 {
	margin-bottom: -190px !important;
	z-index: 1 !important;
	float: none !important;
}

/** Events Detail Page >> Pbe above content wa wrap div Copy 1 **/
#pbe-above-content-wa-wrap #divi_pb_widget-3 {
	margin-bottom: 5px !important;
	z-index: 1 !important;
}

/** Events Detail Page >> Event Detail, width **/
.evo_page_body {
	width: 100% !important;
	max-width: 1200px !important;
	margin-top: -25px !important;
}

/** Events Detail Page >> Hide "Month, Year" above event headline on details page **/
#evcal_head {
	display: none !important;
	visibility: collapse !important;
}

/** Events Detail Page >> HTML item, list items **/
.nf-field-element li {
	color: rgb(22, 22, 22) !important;
	font-size: 18px !important;
	margin-top: 15px !important;
}

/** Events Detail Page >> Link in list item, styled red **/
.nf-field-element li a {
	color: rgb(233, 67, 66) !important;
}

/** Events Detail Page >> Link in list item, styled red:hover **/
.nf-field-element li a:hover {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(233, 67, 66) !important;
	-o-transition-duration: .35s !important;
	-moz-transition-duration: .35s !important;
	-webkit-transition-duration: .35s !important;
	transition-duration: .35s !important;
}

/** Events Detail Page >> "VOLUNTEER" button **/
.open .one {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	font-size: 20px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	letter-spacing: .05em !important;
	background-color: rgb(233, 67, 66) !important;
	padding: 15px 75px 16px 75px !important;
	border-radius: 90px !important;
}

/** Events Detail Page >> "VOLUNTEER" button: hover **/
.open .one:hover {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	font-size: 20px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	letter-spacing: .05em !important;
	background-color: rgb(255, 86, 85) !important;
	padding: 15px 75px 16px 75px !important;
	border-radius: 90px !important;
	-o-transition-duration: .35s !important;
	-moz-transition-duration: .35s !important;
	-webkit-transition-duration: .35s !important;
	transition-duration: .35s !important;
}

/** Events Detail Page >> Black button **/
.black-button {
	background-color: rgb(22, 22, 22) !important;
}

/** Events Detail Page >> Eventon link **/
.eventon_desc_in a {
	color: rgb(233, 67, 66) !important;
}

/** Events Detail Page >> Eventon link, hover **/
.eventon_desc_in a:hover {
	color: rgb(255, 255, 255) !important;
}

/** Events Detail Page >> Eventon list item **/
.eventon_desc_in li {
	color: rgb(22, 22, 22) !important;
}

/** Events Detail Page >> End date **/
.evo_sin_event_list .evo_end .date {
	font-size: 24px !important;
}

/** Events Detail Page >> End month **/
.evo_sin_event_list .evo_end .month {
	font-size: 12px !important;
	font-weight: 600 !important;
}


/*= Events List =============== */

/** Events List >> Event Title left padding **/
.hasFtIMG .evcal_desc2 {
	color: black !important;
	font-size: 24px !important;
	text-transform: none !important;
	letter-spacing: .1px !important;
}

/** Events List >> Event Subtitle left padding **/
.hasFtIMG .evcal_event_subtitle {
	color: black !important;
	font-weight: 500 !important;
	font-style: italic !important;
	text-transform: none !important;
	margin-top: 5px !important;
}

/** Events List >> Event Time left margin **/
.hasFtIMG .evcal_time {
	color: black !important;
	font-size: 16px !important;
	padding-top: 5px !important;
	margin-top: 5px !important;
	margin-left: 3px !important;
	float: left !important;
	clear: both !important;
	opacity: 1 !important;
}

/** Events List >> Event Time left margin:before, make clock red **/
.hasFtIMG .evcal_time:before {
	color: rgb(233, 67, 66) !important;
	font-size: 15px !important;
	top: 4px !important;
	left: -2px !important;
	opacity: 1 !important;
}

/** Events List >> Event location, left margin **/
.hasFtIMG .evcal_location {
	color: black !important;
	font-size: 16px !important;
	line-height: 19px !important;
	padding-left: 12px !important;
	margin-top: 7px !important;
	margin-left: 3px !important;
	float: left !important;
	clear: both !important;
	opacity: 1 !important;
}

/** Events List >> Event location, left margin:before, make map pin red **/
.hasFtIMG .evcal_location:before {
	font-family: FontAwesome !important;
	color: rgb(233, 67, 66) !important;
	font-size: 19px !important;
	top: 0 !important;
	left: -3px !important;
	opacity: 1 !important;
}

/** Events List >> Increase time and location opacity to full **/
.hasFtIMG .evcal_desc_info {
	opacity: 1 !important;
}

/** Events List >> Volunteers needed, left padding **/
.hasFtIMG .remaining_count {
	font-weight: bold !important;
	font-style: italic !important;
	margin-top: 5px !important;
	opacity: 1 !important;
}

/** Events List >> "Featured" Bug, left padding **/
.hasFtIMG .featured {
	padding-left: 9px !important;
	margin-bottom: 8px !important;
}

/** Events List >> Remove right border **/
.eventon_events_list .eventon_list_event {
	border-right-style: none !important;
}

/** Events List >> Hover background gray **/
.evcal_list_a:hover {
	background-color: rgb(235, 235, 235) !important;
	border-right-style: none !important;
}

/** Events List >> Left Padding Event Date **/
.hasFtIMG .evcal_cblock {
	color: black !important;
}

/** Events List >> Et link **/
.nf-form-content .nf-field-container .field-wrap {
	background-color: rgba(0, 0, 0, 0) !important;
}

/** Events List >> Evo date **/
.evo_end .date {
	font-size: 18px !important;
}

/** Events List >> Evo month **/
.evo_end .month {
	font-size: 11px !important;
}

/** Events List >> Evc 15823620005217 event location name **/
.event_location_name {
	color: black !important;
}


/*= Events Detail Page Sidebar = */

/** Events Detail Page Sidebar >> Increase Sidebar Width, Add Top Overlay Styling **/
#sidebar {
	padding-left: 0 !important;
	margin-top: -95px !important;
	position: relative !important;
	z-index: 9999 !important;
	float: right !important;
}

/** Events Detail Page Sidebar >> ALL EVENTS page, Move sidebar down below blue bar **/
.mt-17 #divi_pb_widget-2 {
	margin-top: 90px !important;
	position: relative !important;
	z-index: 999 !important;
}

/** Events Detail Page Sidebar >> Remove Sidebar Vertical Rule **/
#main-content .container::before {
	display: none !important;
	visibility: collapse !important;
}


/*= Sign In Form ============== */

/** Sign In Form >> Field Labels **/
#restrict-login-form .rcp_login_data label {
	color: rgb(255, 255, 255) !important;
	font-weight: bold !important;
}

/** Sign In Form >> Lost Password field label color **/
#restrict-login-form #rcp_lostpassword_form label {
	color: rgb(255, 255, 255) !important;
	font-weight: bold !important;
}

/** Sign In Form >> Lost Password, style existing error message **/
#restrict-login-form .rcp_error.empty_username {
	padding: 10px 10px 11px 10px !important;
	border-radius: 0 !important;
}

/** Sign In Form >> Forgot password "Invalid username or email" styling **/
#restrict-login-form .rcp_error.invalidcombo {
	padding: 10px 10px 11px 10px !important;
	border-radius: 0 !important;
}

/** Sign In Form >> Sign in "Please enter a password" styling **/
#restrict-login-form .rcp_error.empty_password {
	padding: 10px 10px 11px 10px !important;
	border-radius: 0 !important;
}

/** Sign In Form >> Sign in, two errors, remove gray background between errors **/
#restrict-login-form .rcp_message.error {
	background-color: rgba(0, 0, 0, 0) !important;
	padding: 10px 10px 11px 10px !important;
	border-radius: 0 !important;
}

/** Sign In Form >> Text Fields **/
#restrict-login-form .required {
	font-size: 18px !important;
	width: 100% !important;
	height: 50px !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
	margin-top: 8px !important;
	border-style: none !important;
	border-radius: 5px !important;
}

/** Sign In Form >> "Remember Me" **/
#restrict-login-form .rcp_login_data > p:nth-of-type(3) > label {
	font-size: 14px !important;
	font-weight: normal !important;
}

/** Sign In Form >> Remember Me Checkbox **/
#rcp_user_remember {
	width: 20px !important;
	height: 20px !important;
	margin-top: 6px !important;
	border-style: none !important;
}

/** Sign In Form >> "Lost Your Password?" **/
.rcp_lost_password a {
	font-size: 15px !important;
	font-weight: bold !important;
	margin-top: -30px !important;
	float: right !important;
}

/** Sign In Form >> Login Button **/
#rcp_login_submit {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	color: rgb(255, 255, 255) !important;
	font-size: 16px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	background-color: rgb(233, 67, 66) !important;
	width: 100% !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	border-style: none !important;
	border-radius: 90px !important;
}

/** Sign In Form >> Login Button:hover **/
#rcp_login_submit:hover {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	color: rgb(255, 255, 255) !important;
	font-size: 16px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	background-color: rgb(255, 86, 85) !important;
	width: 100% !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	border-style: none !important;
	border-radius: 90px !important;
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-o-transition-duration: 0.5s !important;
	-moz-transition-duration: 0.5s !important;
	-webkit-transition-duration: 0.5s !important;
	transition-duration: 0.5s !important;
}

/** Sign In Form >> Request Password Reset button **/
#rcp_lostpassword_submit {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	color: rgb(255, 255, 255) !important;
	font-size: 16px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	background-color: rgb(233, 67, 66) !important;
	width: 100% !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	border-style: none !important;
	border-radius: 90px !important;
}

/** Sign In Form >> Request Password Reset Button:hover **/
#rcp_lostpassword_submit:hover {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	color: rgb(255, 255, 255) !important;
	font-size: 16px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	background-color: rgb(255, 86, 85) !important;
	width: 100% !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	border-style: none !important;
	border-radius: 90px !important;
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-o-transition-duration: 0.5s !important;
	-moz-transition-duration: 0.5s !important;
	-webkit-transition-duration: 0.5s !important;
	transition-duration: 0.5s !important;
}


/*= Volunteer Application Form = */

/** Volunteer Application Form >> Styling of "required fields" label **/
.nf-form-fields-required {
	color: rgb(166, 168, 175) !important;
	font-size: 14px !important;
	text-align: right !important;
	background-color: rgba(249, 249, 249, 0) !important;
	padding-top: 10px !important;
	margin-top: 5px !important;
}

/** Volunteer Application Form >> Section Headers **/
.nf-field-element h4 {
	font-family: Roboto, Helvetica, Arial, Lucida, sans-serif !important;
	font-size: 24px !important;
	font-weight: normal !important;
	margin-top: 30px !important;
}

/** Volunteer Application Form >> Form field labels styling **/
.nf-field-label label {
	color: rgb(22, 22, 22) !important;
	background-color: rgba(249, 249, 249, 0) !important;
}

/** Volunteer Application Form >> Nf field element label **/
.nf-field-element label {
	color: rgb(22, 22, 22) !important;
}

/** Volunteer Application Form >> SUBMIT button styling **/
.submit-wrap .ninja-forms-field {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	color: rgb(255, 255, 255) !important;
	font-size: 20px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	letter-spacing: .5px !important;
	background-color: rgb(233, 67, 66) !important;
	width: 100% !important;
	height: auto !important;
	padding: 15px 45px 16px 45px !important;
	margin-top: 15px !important;
	border-radius: 50px !important;
}

/** Volunteer Application Form >> SUBMIT button styling: hover **/
.submit-wrap .ninja-forms-field:hover {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	color: rgb(255, 255, 255) !important;
	font-size: 20px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	letter-spacing: .5px !important;
	background-color: rgb(255, 86, 85) !important;
	width: 100% !important;
	height: auto !important;
	padding: 15px 45px 16px 45px !important;
	border-radius: 50px !important;
}

/** Volunteer Application Form >> Progress Bar **/
.nf-progress-container {
	margin-bottom: -20px !important;
}

/** Volunteer Application Form >> "Next" button **/
.nf-next {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	font-size: 20px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	letter-spacing: .05em !important;
	background-color: rgb(233, 67, 66) !important;
	padding: 15px 125px 16px 125px !important;
	border-radius: 90px !important;
}

/** Volunteer Application Form >> "Next" button: hover **/
.nf-next:hover {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(255, 86, 85) !important;
}

/** Volunteer Application Form >> "Previous" button **/
.nf-previous {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	color: rgb(22, 22, 22) !important;
	font-size: 16px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	letter-spacing: .05em !important;
	background-color: rgb(242, 242, 242) !important;
	padding: 15px 45px 16px 45px !important;
	border-radius: 90px !important;
}

/** Volunteer Application Form >> "Previous" button: hover **/
.nf-previous:hover {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	color: rgb(22, 22, 22) !important;
	font-size: 16px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	letter-spacing: .05em !important;
	background-color: rgb(235, 235, 235) !important;
	padding: 15px 45px 16px 45px !important;
	border-radius: 90px !important;
}

/** Volunteer Application Form >> Progress Bar, Highlighted **/
.nf-progress {
	height: 15px !important;
}

/** Volunteer Application Form >> state dropdown styling **/
#nf-form-6-cont .nf-form-content .list-select-wrap .nf-field-element div {
	background-color: rgb(255, 255, 255) !important;
	border-radius: 5px !important;
}

/** Volunteer Application Form >> Nf field element [type="tel"] **/
#nf-form-6-cont .nf-field-element [type="tel"] {
	color: rgb(22, 22, 22) !important;
	background-color: rgb(255, 255, 255) !important;
	border-radius: 5px !important;
}

/** Volunteer Application Form >> Nf field 84 **/
#nf-form-6-cont #nf-field-84 {
	color: rgb(22, 22, 22) !important;
	background-color: rgb(255, 255, 255) !important;
	border-radius: 5px !important;
}

/** Volunteer Application Form >> state dropdown text color **/
#nf-form-6-cont .nf-form-content select.ninja-forms-field {
	color: rgb(22, 22, 22) !important;
}

/** Volunteer Application Form >> ET Button Styling, Red **/
a.small-button.smallred {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	color: rgb(255, 255, 255) !important;
	font-size: 16px !important;
	font-style: normal !important;
	text-transform: capitalize !important;
	text-shadow: 0 0 rgba(0, 0, 0, 0) !important;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
	background-color: rgb(233, 67, 66) !important;
	background-image: linear-gradient(rgb(233, 67, 66), rgb(233, 67, 66)) !important;
	padding: 14px 35px 15px 35px !important;
	margin-right: 4px !important;
	margin-left: 4px !important;
	border-style: none !important;
	border-radius: 45px !important;
}

/** Volunteer Application Form >> ET Box, Info **/
.et-box-content, 
.et-info {
	font-family: Roboto, Helvetica, Arial, Lucida, sans-serif !important;
	color: rgb(22, 22, 22) !important;
	font-size: 18px !important;
	text-align: center !important;
	text-shadow: 0 0 rgba(0, 0, 0, 0) !important;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
	background-color: rgb(242, 242, 242) !important;
	border-style: none !important;
}

/** Volunteer Application Form >> ET Box, Info, hide icon **/
.et-box.et-info::before {
	display: none !important;
}


/*= Upcoming Events, View All page = */

/** Upcoming Events, View All page >> Remove vertical rule to right of Divi Sidebar **/
.et_pb_widget_area_left {
	padding-right: 0 !important;
	border-right-style: none !important;
}

/** Upcoming Events, View All page >> Month Label **/
.evcal_month_line p {
	text-transform: capitalize !important;
	margin-top: 25px !important;
	margin-bottom: 5px !important;
}

/** Upcoming Events, View All page >> Slide Description **/
#FF-Slider .et_pb_slide_description {
	width: 40% !important;
	min-width: 300px !important;
	padding-top: 170px !important;
	float: left !important;
}

/** Upcoming Events, View All page >> Slide Image **/
#FF-Slider .et_pb_slide_image {
	width: 55% !important;
	padding-top: 30px !important;
	right: -5% !important;
	float: right !important;
}

/** Upcoming Events, View All page >> Arrows styling **/
#FF-Slider .et-pb-slider-arrows a {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(233, 67, 66) !important;
	border-radius: 45px !important;
}

/** Upcoming Events, View All page >> Left arrow position **/
#FF-Slider .et-pb-slider-arrows .et-pb-arrow-prev {
	left: 10px !important;
	opacity: 1 !important;
}

/** Upcoming Events, View All page >> Right arrow position **/
#FF-Slider .et-pb-slider-arrows .et-pb-arrow-next {
	opacity: 1 !important;
}

/** Upcoming Events, View All page >> Slider Top Margin **/
#FF-Slider .et_pb_slide {
	margin-top: -140px !important;
}

/** Upcoming Events, View All page >> Container Margin Bottoms, Global **/
#FF-Slider.et_pb_section {
	height: 385px !important;
}


/*= Events Detail Page, Save Progress = */

/** Events Detail Page, Save Progress >> Save Button, icon **/
.save-wrap::before {
	font-family: evo_FontAwesome !important;
	color: rgb(166, 168, 175) !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	position: absolute !important;
	top: 11px !important;
	opacity: 1 !important;
	content: "\f0c7" !important;
}

/** Events Detail Page, Save Progress >> Save Button, icon:hover **/
.save-wrap:hover:before {
	font-family: evo_FontAwesome !important;
	color: rgb(233, 67, 66) !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	position: absolute !important;
	top: 11px !important;
	-o-transition-property: color !important;
	-moz-transition-property: color !important;
	-webkit-transition-property: color !important;
	transition-property: color !important;
	-o-transition-duration: 0.5s !important;
	-moz-transition-duration: 0.5s !important;
	-webkit-transition-duration: 0.5s !important;
	transition-duration: 0.5s !important;
	opacity: 1 !important;
	content: "\f0c7" !important;
}

/** Events Detail Page, Save Progress >> Save Button **/
.save-wrap .nf-element {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	color: rgb(166, 168, 175) !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	letter-spacing: .01em !important;
	background-color: rgba(249, 249, 249, 0) !important;
	padding-left: 20px !important;
	margin-bottom: -10px !important;
	border-radius: 90px !important;
}

/** Events Detail Page, Save Progress >> Save Button:hover **/
.save-wrap .nf-element:hover {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	color: rgb(233, 67, 66) !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	letter-spacing: .01em !important;
	padding-left: 20px !important;
	margin-bottom: -10px !important;
	border-radius: 90px !important;
}

/** Events Detail Page, Save Progress >> Load Saved Progress **/
.nf-form-cont legend {
	color: rgb(22, 22, 22) !important;
	font-weight: bold !important;
	font-style: italic !important;
	background-color: rgb(255, 255, 255) !important;
	padding-top: 10px !important;
}

/** Events Detail Page, Save Progress >> Nf saves item table data **/
.nf-saves-item td {
	color: rgb(233, 67, 66) !important;
}

/** Events Detail Page, Save Progress >> Load **/
.load {
	color: rgb(255, 255, 255) !important;
	font-weight: bold !important;
	background-color: rgb(233, 67, 66) !important;
	padding-right: 30px !important;
	padding-left: 30px !important;
	border-radius: 90px !important;
}

/** Events Detail Page, Save Progress >> Save Container **/
.nf-saves-cont {
	color: rgb(255, 255, 255) !important;
	padding-top: 5px !important;
	border-style: none !important;
}


/*= Volunteer Short Form ====== */

/** Volunteer Short Form >> Form Header **/
.form_header {
	font-size: 30px !important;
	line-height: 1.2em !important;
	text-transform: none !important;
	margin-bottom: 10px !important;
}

/** Volunteer Short Form >> Field Section Label **/
.evors_subtitle i {
	font-style: normal !important;
}

/** Volunteer Short Form >> Field Section Label, add Asterisk **/
.evors_subtitle i::after {
	color: rgb(255, 255, 255) !important;
	font-style: normal !important;
	padding-left: 2px !important;
	content: '*' !important;
}

/** Volunteer Short Form >> Fields Labels **/
.inputfield label {
	margin-top: 5px !important;
}

/** Volunteer Short Form >> Text Fields styling Copy 1 **/
.form_row [type="text"] {
	color: rgb(22, 22, 22) !important;
	font-size: 18px !important;
	font-style: normal !important;
	background-color: rgb(255, 255, 255) !important;
	height: 50px !important;
}

/** Volunteer Short Form >> Form [type="text"] **/
.form_row [type="text"]::placeholder {
	color: rgb(166, 168, 175) !important;
	font-style: normal !important;
}

/** Volunteer Short Form >> Asterisk styling **/
.form_section .required {
	color: rgb(255, 255, 255) !important;
	font-style: normal !important;
	text-decoration: none !important;
	padding-left: 2px !important;
}

/** Volunteer Short Form >> Dropdown **/
.dropdown {
	color: rgb(22, 22, 22) !important;
	font-size: 18px !important;
	background-color: rgb(255, 255, 255) !important;
	height: 50px !important;
}

/** Volunteer Short Form >> Submit **/
#evorsvp_form a.evors_submit, 
#evorsvp_form #change_rsvp_form, 
#evorsvp_form #call_change_rsvp_form, 
#evorsvp_form #submit_rsvp_form {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	color: rgb(255, 255, 255) !important;
	font-size: 20px !important;
	text-align: center !important;
	background-color: rgb(22, 22, 22) !important;
	width: 100% !important;
	padding-top: 14px !important;
	padding-bottom: 15px !important;
	margin-top: 15px !important;
	border-radius: 90px !important;
}

/** Volunteer Short Form >> Submit:hover **/
#evorsvp_form a.evors_submit, 
#evorsvp_form #change_rsvp_form, 
#evorsvp_form #call_change_rsvp_form, 
#evorsvp_form #submit_rsvp_form:hover {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	color: rgb(255, 255, 255) !important;
	font-size: 20px !important;
	text-align: center !important;
	background-color: rgb(255, 86, 85) !important;
	width: 100% !important;
	padding-top: 14px !important;
	padding-bottom: 15px !important;
	margin-top: 15px !important;
	border-radius: 90px !important;
	opacity: 1 !important;
}

/** Volunteer Short Form >> Red Container, right margin **/
.open .evors_incard_form {
	margin-right: 0 !important;
}

/** Volunteer Short Form >> Close "X" **/
.evors_incard_close {
	background-color: rgba(255, 255, 255, 0) !important;
	opacity: 1 !important;
}

/** Volunteer Short Form >> Close "X"::before **/
.evors_incard_close::before {
	background-color: rgb(22, 22, 22) !important;
	width: 4px !important;
	height: 19px !important;
	opacity: 1 !important;
}

/** Volunteer Short Form >> Close "X":hover::before **/
.evors_incard_close:hover::before {
	background-color: rgb(255, 255, 255) !important;
	width: 4px !important;
	height: 19px !important;
	-o-transition-duration: .35s !important;
	-moz-transition-duration: .35s !important;
	-webkit-transition-duration: .35s !important;
	transition-duration: .35s !important;
	opacity: 1 !important;
}

/** Volunteer Short Form >> Close "X":hover::after **/
.evors_incard_close:hover::after {
	background-color: rgb(255, 255, 255) !important;
	width: 4px !important;
	height: 19px !important;
	-o-transition-duration: .35s !important;
	-moz-transition-duration: .35s !important;
	-webkit-transition-duration: .35s !important;
	transition-duration: .35s !important;
	opacity: 1 !important;
}

/** Volunteer Short Form >> Close "X"::after **/
.evors_incard_close::after {
	background-color: rgb(22, 22, 22) !important;
	width: 4px !important;
	height: 19px !important;
	opacity: 1 !important;
}

/** Volunteer Short Form >> Open change button **/
.open .change {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	background-color: rgb(204, 135, 12) !important;
	padding: 15px 45px 16px 45px !important;
	border-style: none !important;
	border-radius: 90px !important;
}

/** Volunteer Short Form >> "You have volunteered" Open fa checkmark **/
.open .fa-check {
	font-size: 24px !important;
	background-color: rgb(22, 166, 89) !important;
	padding: 15px !important;
}

/** Volunteer Short Form >> RSVP ID **/
#evorsvp_form p.evors_rsvpid_tag {
	color: rgb(255, 255, 255) !important;
	font-size: 24px !important;
	font-weight: normal !important;
	text-align: center !important;
	background-color: rgba(125, 150, 98, 0) !important;
	width: 100% !important;
	padding: 20px 20px 0 20px !important;
	margin-bottom: 20px !important;
	border: 2px none rgb(22, 22, 22) !important;
	display: none !important;
	opacity: 1 !important;
}

/** Volunteer Short Form >> Selected Volunteer Status Button, Unselected **/
#evorsvp_form .rsvp_status .one {
	color: rgb(166, 168, 175) !important;
	font-size: 16px !important;
	background-color: rgba(233, 67, 66, 0) !important;
	padding-right: 35px !important;
	padding-left: 35px !important;
	margin-right: 15px !important;
	border: 2px solid rgb(166, 168, 175) !important;
	opacity: 1 !important;
}

/** Volunteer Short Form >> Selected Volunteer Status Button **/
#evorsvp_form .rsvp_status .set {
	color: rgb(255, 255, 255) !important;
	font-size: 16px !important;
	background-color: rgb(233, 67, 66) !important;
	padding-right: 35px !important;
	padding-left: 35px !important;
	margin-right: 15px !important;
	border: 2px none rgb(22, 22, 22) !important;
	opacity: 1 !important;
}

/** Volunteer Short Form >> Selected Volunteer Status Button, add icon **/
.rsvp_status .set::before {
	font-family: evo_FontAwesome !important;
	color: rgb(255, 255, 255) !important;
	margin-right: 15px !important;
	opacity: 1 !important;
	content: "\f00c" !important;
}

/** Volunteer Short Form >> Rsvp Controls Background **/
.rsvp_status {
	text-align: center !important;
	background-color: rgb(44, 44, 69) !important;
	width: 100% !important;
	padding-top: 20px !important;
	margin-bottom: 20px !important;
}

/** Volunteer Short Form >> Volunteer Status: Not This Time **/
.open .status_n {
	color: rgb(22, 22, 22) !important;
	background-color: rgba(242, 242, 242, 0) !important;
	padding: 10px 5px 10px 5px !important;
	border-bottom-width: 1px !important;
	border-bottom-style: solid !important;
	border-radius: 0 !important;
}

/** Volunteer Short Form >> Volunteer Status: Volunteer **/
.open .status_y {
	color: rgb(22, 22, 22) !important;
	background-color: rgba(242, 242, 242, 0) !important;
	padding: 10px 5px 10px 5px !important;
	border-bottom-width: 1px !important;
	border-bottom-style: solid !important;
	border-radius: 0 !important;
}

/** Volunteer Short Form >> Volunteer status description text styling **/
.open .evors_evc_rsvpchoice_txt {
	color: rgb(22, 22, 22) !important;
	font-size: 18px !important;
	font-weight: normal !important;
	opacity: 1 !important;
}

/** Volunteer Short Form >> "Thank you!" **/
p.evors_section.evors_user_text {
	color: rgb(22, 22, 22) !important;
	opacity: 1 !important;
}

/** Volunteer Short Form >> Volunteer status label text **/
.evors_user_text span {
	color: rgb(22, 22, 22) !important;
	font-size: 24px !important;
	opacity: 1 !important;
}

/** Volunteer Short Form >> Error paragraph **/
.err p {
	font-weight: bold !important;
	background-color: rgb(255, 1, 0) !important;
	width: 100% !important;
	padding: 15px !important;
	opacity: 1 !important;
}

/** Volunteer Short Form >> Highlight error fields **/
.err {
	font-weight: bold !important;
	background-color: rgb(255, 1, 0) !important;
	border-color: rgb(255, 1, 0) !important;
	border-width: 2px !important;
	opacity: 1 !important;
}

/** Volunteer Short Form >> Error background **/
.error {
	background-color: rgb(212, 212, 212) !important;
}

/** Volunteer Short Form >> Hide "Open" RSVP message **/
.open .evors_remaining_spots {
	display: none !important;
}


/*= My Account, RSVP'ed events list stylings = */

/** My Account, RSVP'ed events list stylings >> Checkin **/
.checkin_status {
	display: none !important;
}

/** My Account, RSVP'ed events list stylings >> Count **/
.count {
	display: none !important;
}

/** My Account, RSVP'ed events list stylings >> Check in Volunteer ID #, hide **/
.check-in b {
	display: none !important;
}

/** My Account, RSVP'ed events list stylings >> RSVP selection styling, "Volunteer for this event" **/
.rsvpstatus.status_Volunteer.for.this.event {
	color: rgb(22, 22, 22) !important;
	background-color: rgba(185, 185, 185, 0) !important;
	padding-right: 3px !important;
	padding-left: 3px !important;
	border-bottom-width: 1px !important;
	border-bottom-style: solid !important;
	border-radius: 0 !important;
}

/** My Account, RSVP'ed events list stylings >> RSVP selection styling **/
.eventon_rsvp_rsvplist p span.rsvpstatus {
	color: rgb(233, 67, 66) !important;
	background-color: rgba(185, 185, 185, 0) !important;
	padding-right: 3px !important;
	padding-left: 3px !important;
	border-bottom-width: 1px !important;
	border-bottom-style: solid !important;
	border-radius: 0 !important;
}

/** My Account, RSVP'ed events list stylings >> RSVP selection styling, "Your selection" **/
p.rsvpmanager_event.check-in {
	color: rgb(166, 168, 175) !important;
	font-size: 15px !important;
}

/** My Account, RSVP'ed events list stylings >> RSVP selection styling, "Volunteer for this event":before **/
.rsvpstatus.status_Volunteer.for.this.event:before {
	font-family: evo_FontAwesome !important;
	color: rgb(22, 166, 89) !important;
	padding-right: 4px !important;
	content: "\f00c" !important;
}

/** My Account, RSVP'ed events list stylings >> Event Titles **/
.check-in .event_data a {
	color: rgb(22, 22, 22) !important;
	font-size: 24px !important;
	text-transform: none !important;
}

/** My Account, RSVP'ed events list stylings >> Event Titles : hover **/
.check-in .event_data a:hover {
	color: rgb(255, 255, 255) !important;
	font-size: 24px !important;
	text-transform: none !important;
}

/** My Account, RSVP'ed events list stylings >> Event Times **/
.check-in .event_time {
	color: rgb(22, 22, 22) !important;
	font-size: 16px !important;
	font-style: normal !important;
}

/** My Account, RSVP'ed events list stylings >> Event Times, add icon **/
.check-in .event_time:before {
	font-family: evo_FontAwesome !important;
	color: rgb(233, 67, 66) !important;
	font-size: 16px !important;
	font-style: normal !important;
	padding-right: 3px !important;
	opacity: 1 !important;
	content: "\f017" !important;
}

/** My Account, RSVP'ed events list stylings >> "Update" button styling **/
.eventon_rsvp_rsvplist .update_rsvp {
	font-size: 14px !important;
	background-color: rgb(233, 67, 66) !important;
	padding-right: 35px !important;
	padding-left: 35px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	border-radius: 90px !important;
}

/** My Account, RSVP'ed events list stylings >> Background container styling **/
.check-in {
	background-color: rgb(242, 242, 242) !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	border-bottom-color: rgb(255, 255, 255) !important;
	border-bottom-width: 5px !important;
	border-left-style: none !important;
}

/** My Account, RSVP'ed events list stylings >> List container styling **/
.eventon_rsvp_rsvplist {
	border-style: none !important;
	border-radius: 0 !important;
}

/** My Account, RSVP'ed events list stylings >> "Your Volunteering RSVPs", hide **/
#eo-rsvp-list .et_pb_text_inner h2 {
	font-size: 36px !important;
	display: none !important;
}

/** My Account, RSVP'ed events list stylings >> Intro, hide **/
.intro {
	display: none !important;
}

/** My Account, RSVP'ed events list stylings >> Fullwidth Header Bar, remove top padding **/
.remove-padding-top .et_pb_module {
	padding-top: 55px !important;
}

/** My Account, RSVP'ed events list stylings >> Fullwidth Menu Bar, remove top padding **/
.remove-menu-padding-top .fullwidth-menu-nav {
	
}

/** My Account, RSVP'ed events list stylings >> Current menu item link, add bottom arrow **/
#menu-my-account .current-menu-item a:after {
	width: 0 !important;
	height: 0 !important;
	border-right: 20px solid transparent !important;
	border-bottom: 20px solid #FFFFFF !important;
	border-left: 20px solid transparent !important;
	position: absolute !important;
	bottom: -11px !important;
	left: calc(50% - 20px) !important;
	content: '' !important;
}


/*= Update RSVP popup window == */

/** Update RSVP popup window >> Form **/
.form_update .form_section {
	text-align: left !important;
}

/** Update RSVP popup window >> Change selection buttons **/
.form_update .one {
	padding-top: 17px !important;
	padding-bottom: 15px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	border-radius: 90px !important;
}

/** Update RSVP popup window >> Close button "X" styling (forward slash of X) **/
.evolbclose::before {
	background-color: rgb(255, 255, 255) !important;
}

/** Update RSVP popup window >> Close button "X" styling (back slash of X) **/
.evolbclose::after {
	background-color: rgb(255, 255, 255) !important;
}


/*= Divi Library: Fingerprinting Appointment CTA = */

/** Divi Library: Fingerprinting Appointment CTA >> Et et pb icon **/
.blurb-icon-left .et_pb_blurb_content {
	text-align: left !important;
}

/** Divi Library: Fingerprinting Appointment CTA >> Mt 1196 et **/
.mt-1196 .et_pb_column_3.left-rule {
	border-right-color: rgb(228, 228, 228) !important;
	border-left: 1px solid rgb(228, 228, 228) !important;
	border-right-width: 1px !important;
}


/*= Divi Library: Upgrade to Pending Volunteer = */

/** Divi Library: Upgrade to Pending Volunteer >> Hide "Join Now" header **/
#upgrade-to-pending-volunteer .rcp_header {
	display: none !important;
}

/** Divi Library: Upgrade to Pending Volunteer >> Hide table showing membership level **/
#upgrade-to-pending-volunteer .rcp_registration_total_details.rcp-table {
	display: none !important;
}

/** Divi Library: Upgrade to Pending Volunteer >> "Register" button **/
#upgrade-to-pending-volunteer #rcp_submit {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	color: rgb(255, 255, 255) !important;
	font-size: 16px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	background-color: rgb(233, 67, 66) !important;
	padding: 13px 45px 14px 45px !important;
	border-style: none !important;
	border-radius: 90px !important;
	opacity: 1 !important;
}

/** Divi Library: Upgrade to Pending Volunteer >> "Register" button:hover **/
#upgrade-to-pending-volunteer #rcp_submit:hover {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	color: rgb(255, 255, 255) !important;
	font-size: 16px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	background-color: rgb(255, 86, 85) !important;
	padding: 13px 45px 14px 45px !important;
	border-style: none !important;
	border-radius: 90px !important;
	-o-transition-duration: .35s !important;
	-moz-transition-duration: .35s !important;
	-webkit-transition-duration: .35s !important;
	transition-duration: .35s !important;
	opacity: 1 !important;
}

/** Divi Library: Upgrade to Pending Volunteer >> Triangle ! icon color **/
.et_pb_blurb_2 .et-pb-icon {
	color: rgb(255, 250, 0) !important;
}


/*= Register Page ============= */

/** Register Page >> Field Labels **/
#restrict-register-form .rcp_user_fieldset label {
	color: rgb(22, 22, 22) !important;
	font-weight: bold !important;
}

/** Register Page >> Text Fields **/
#restrict-register-form #rcp_user_email, 
#rcp_user_first, 
#rcp_user_last, 
#rcp_password, 
#rcp_password_again {
	color: rgb(22, 22, 22) !important;
	font-size: 18px !important;
	width: 100% !important;
	height: 50px !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
	margin-top: 8px !important;
	border-radius: 5px !important;
}

/** Register Page >> confirmation message styling **/
.nf-response-msg {
	font-weight: normal !important;
	text-align: center !important;
	background-color: rgba(22, 166, 89, 0.1) !important;
	padding: 30px 15px 30px 15px !important;
	margin-bottom: 10px !important;
	border: 2px solid rgb(22, 166, 89) !important;
}

/** Register Page >> Choose Membership Level, hide **/
.rcp_subscription_fieldset {
	display: none !important;
	visibility: hidden !important;
}

/** Register Page >> Membership Pricing Table, hide **/
.rcp-table {
	display: none !important;
	visibility: hidden !important;
}

/** Register Page >> "Register New Account" header, hide **/
#restrict-register-form .rcp_header {
	display: none !important;
	visibility: hidden !important;
}

/** Register Page >> "Login" link, hide **/
#restrict-register-form .rcp_login_link {
	display: none !important;
	visibility: hidden !important;
}

/** Register Page >> Register Button **/
#restrict-register-form #rcp_submit {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	color: rgb(255, 255, 255) !important;
	font-size: 16px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	background-color: rgb(233, 67, 66) !important;
	width: 100% !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	border-style: none !important;
	border-radius: 90px !important;
}

/** Register Page >> Register Button:hover **/
#restrict-register-form #rcp_submit:hover {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	color: rgb(255, 255, 255) !important;
	font-size: 16px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	background-color: rgb(255, 86, 85) !important;
	width: 100% !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	border-style: none !important;
	border-radius: 90px !important;
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-o-transition-duration: 0.5s !important;
	-moz-transition-duration: 0.5s !important;
	-webkit-transition-duration: 0.5s !important;
	transition-duration: 0.5s !important;
}


/*= Update Email and Password Form = */

/** Update Email and Password Form >> Save Changes button **/
#restrict-update-form #rcp_profile_editor_submit {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	color: rgb(255, 255, 255) !important;
	font-size: 16px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	background-color: rgb(233, 67, 66) !important;
	width: 250px !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	margin-top: 35px !important;
	border-style: none !important;
	border-radius: 90px !important;
}

/** Update Email and Password Form >> Save changes button: hover **/
#restrict-update-form #rcp_profile_editor_submit:hover {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	color: rgb(255, 255, 255) !important;
	font-size: 16px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	background-color: rgb(255, 86, 85) !important;
	width: 250px !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	margin-top: 35px !important;
	border-style: none !important;
	border-radius: 90px !important;
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-o-transition-duration: 0.5s !important;
	-moz-transition-duration: 0.5s !important;
	-webkit-transition-duration: 0.5s !important;
	transition-duration: 0.5s !important;
}

/** Update Email and Password Form >> Section Labels styling **/
#restrict-update-form #rcp_profile_editor_form legend {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	font-size: 24px !important;
	font-weight: bold !important;
	text-transform: capitalize !important;
	padding-bottom: 15px !important;
}

/** Update Email and Password Form >> Field Labels **/
#restrict-update-form #rcp_profile_editor_form label {
	font-weight: bold !important;
}

/** Update Email and Password Form >> Text Fields **/
#restrict-update-form .rcp-input {
	color: rgb(22, 22, 22) !important;
	font-size: 18px !important;
	width: 100% !important;
	height: 50px !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
	margin-top: 8px !important;
	border-radius: 5px !important;
}

/** Update Email and Password Form >> Display Name, hide **/
#restrict-update-form #rcp_profile_display_name_wrap {
	display: none !important;
}

/** Update Email and Password Form >> Change your password, add top padding **/
#restrict-update-form #rcp_profile_editor_form > fieldset:nth-of-type(2) > legend {
	padding-top: 50px !important;
}


/*= Donation Form Styling, Plus a few universal form stylings = */

/** Donation Form Styling, Plus a few universal form stylings >> "other" donation number field styling **/
#nf-form-13-cont #nf-field-220 {
	color: rgb(22, 22, 22) !important;
	font-size: 18px !important;
	font-style: normal !important;
	background-color: rgb(255, 255, 255) !important;
	height: 50px !important;
	margin-left: 30px !important;
	border-radius: 5px !important;
}

/** Donation Form Styling, Plus a few universal form stylings >> "$" before "other" donation amount field **/
#nf-field-220-wrap .nf-field-element::before {
	font-family: evo_FontAwesome !important;
	color: rgb(22, 22, 22) !important;
	font-size: 18px !important;
	font-style: normal !important;
	position: absolute !important;
	bottom: 10px !important;
	left: 10px !important;
	opacity: 1 !important;
	content: "\f155" !important;
}

/** Donation Form Styling, Plus a few universal form stylings >> "First Name" and "Last Name" field styling, universal **/
.nf-field-element [type="text"] {
	color: rgb(22, 22, 22) !important;
	font-size: 18px !important;
	font-style: normal !important;
	background-color: rgb(255, 255, 255) !important;
	height: 50px !important;
	border-radius: 5px !important;
}

/** Donation Form Styling, Plus a few universal form stylings >> Email Address field, universal **/
[type="email"] {
	color: rgb(22, 22, 22) !important;
	font-size: 18px !important;
	font-style: normal !important;
	background-color: rgb(255, 255, 255) !important;
	height: 50px !important;
	border-radius: 5px !important;
}

/** Donation Form Styling, Plus a few universal form stylings >> Select an Amount Buttons **/
.select-more-amounts {
	
}

/** Donation Form Styling, Plus a few universal form stylings >> Show more amounts label **/
.show-more-amounts label {
	color: rgb(233, 67, 66) !important;
	font-size: 15px !important;
	font-weight: bold !important;
	padding-bottom: 5px !important;
	margin-top: -10px !important;
	margin-left: 45px !important;
}

/** Donation Form Styling, Plus a few universal form stylings >> Show more amounts, hide checkbox and show down arrow **/
.show-more-amounts label:after {
	font-family: evo_FontAwesome !important;
	font-size: 24px !important;
	background-color: rgba(247, 247, 247, 0) !important;
	border-style: none !important;
	opacity: 1 !important;
	content: "\f107" !important;
}

/** Donation Form Styling, Plus a few universal form stylings >> Show more amounts, hide checkbox and show down arrow Copy 1 **/
.show-more-amounts label:before {
	font-family: evo_FontAwesome !important;
	color: rgb(22, 22, 22) !important;
	font-size: 18px !important;
	background-color: rgb(255, 255, 255) !important;
	width: 20px !important;
	border-style: none !important;
	left: -28px !important;
	content: "\f00c" !important;
}

/** Donation Form Styling, Plus a few universal form stylings >> "Select an amount" styling **/
#nf-form-13-cont #nf-label-field-216 {
	font-size: 22px !important;
	font-weight: bold !important;
}

/** Donation Form Styling, Plus a few universal form stylings >> "Select a payment method" styling **/
#nf-form-13-cont #nf-label-field-221 {
	font-size: 22px !important;
	font-weight: bold !important;
}

/** Donation Form Styling, Plus a few universal form stylings >> "Select a donation frequency" styling **/
#nf-form-13-cont #nf-label-field-222 {
	font-size: 22px !important;
	font-weight: bold !important;
}

/** Donation Form Styling, Plus a few universal form stylings >> Not available paragraph **/
.not-available p {
	font-size: 14px !important;
	margin-top: -15px !important;
	margin-bottom: 15px !important;
	margin-left: 30px !important;
}

/** Donation Form Styling, Plus a few universal form stylings >> Section Headers styling **/
#nf-form-13-cont .nf-field-element h3 {
	font-size: 28px !important;
	padding-bottom: 0 !important;
}

/** Donation Form Styling, Plus a few universal form stylings >> Divider rule styling **/
#nf-form-13-cont .nf-field-element hr {
	background-color: rgba(255, 255, 255, 0) !important;
	border-width: 0 !important;
}


/*= Contact Us Form =========== */

/** Contact Us Form >> Nf field 247 wrap div Copy 1 **/
#nf-field-247-wrap div {
	background-color: rgb(255, 255, 255) !important;
	border-radius: 5px !important;
}

/** Contact Us Form >> Message Field Styling **/
#nf-field-242 {
	background-color: rgb(255, 255, 255) !important;
}

/** Contact Us Form >> Nf field 247 **/
#nf-field-247 {
	color: rgb(22, 22, 22) !important;
}


/*= What We Do, Detail Page Styles = */

/** What We Do, Detail Page Styles >> Et pb controllers **/
.ff-gallery .et-pb-controllers {
	display: none !important;
}

/** What We Do, Detail Page Styles >> Left arrow styling **/
.ff-gallery .et-pb-slider-arrows .et-pb-arrow-prev {
	color: rgb(255, 255, 255) !important;
	font-size: 55px !important;
	background-color: rgb(233, 67, 66) !important;
	border-radius: 45px !important;
	left: -25px !important;
	z-index: 999 !important;
	opacity: 1 !important;
}

/** What We Do, Detail Page Styles >> Right arrow styling **/
.ff-gallery .et-pb-slider-arrows .et-pb-arrow-next {
	color: rgb(255, 255, 255) !important;
	font-size: 55px !important;
	background-color: rgb(233, 67, 66) !important;
	border-radius: 45px !important;
	right: -25px !important;
	z-index: 999 !important;
	opacity: 1 !important;
}

/** What We Do, Detail Page Styles >> Slider **/
.ff-gallery .et-pb-slider {
	overflow: visible !important;
	opacity: 1 !important;
}

/** What We Do, Detail Page Styles >> Ff gallery **/
.ff-gallery {
	overflow: visible !important;
}


/*= Navigation Bar _2 ========= */

/** Navigation Bar _2 >> [type="search"] **/
[type="search"] {
	color: rgb(22, 22, 22) !important;
}

/** Navigation Bar _2 >> [type="search"] Copy 1 **/
.mt-47 [type="search"] {
	color: rgb(255, 255, 255) !important;
}

/** Navigation Bar _2 >> [type="search"] placeholder color **/
[type="search"]::placeholder {
	color: rgb(22, 22, 22) !important;
}

/** Navigation Bar _2 >> [type="search"] placeholder color, HOMEPAGE ONLY **/
.mt-47 [type="search"]::placeholder {
	color: rgb(255, 255, 255) !important;
}

/** Navigation Bar _2 >> [type="search"] placeholder on fixed header **/
.et-fixed-header [type="search"]::placeholder {
	color: rgb(22, 22, 22) !important;
}


/*= Events Detail Page _2 ===== */

/** Events Detail Page _2 >> Hide "Make A Contribution" icon, above optional button **/
.evo_metarow_cusF2 .evcal_evdata_custometa_icons {
	display: none !important;
	visibility: collapse !important;
}

/** Events Detail Page _2 >> Hide "Make a contribution" text above optional button **/
.evo_metarow_cusF2 .evo_h3 {
	display: none !important;
	visibility: collapse !important;
}

/** Events Detail Page _2 >> Custom Button Styling **/
.evo_cusmeta_btn {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	font-size: 20px !important;
	letter-spacing: .025em !important;
	padding: 14px 45px 16px 45px !important;
	border-radius: 45px !important;
}

/** Events Detail Page _2 >> Custom Button Styling, Hover **/
.evo_cusmeta_btn:hover {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	font-size: 20px !important;
	letter-spacing: .025em !important;
	background-color: rgb(255, 86, 85) !important;
	padding: 14px 45px 16px 45px !important;
	border-radius: 45px !important;
	-o-transition-duration: .2s !important;
	-moz-transition-duration: .2s !important;
	-webkit-transition-duration: .2s !important;
	transition-duration: .2s !important;
	opacity: 1 !important;
}

/** Events Detail Page _2 >> "Learn More" link, hover **/
a .evo_h3:hover {
	color: rgb(233, 67, 66) !important;
	-o-transition-duration: .25s !important;
	-moz-transition-duration: .25s !important;
	-webkit-transition-duration: .25s !important;
	transition-duration: .25s !important;
}

/** Events Detail Page _2 >> Evo below title **/
.evo_below_title {
	
}

/** Events Detail Page _2 >> Evcal list expanded **/
#evcal_list .expanded {
	
}


/*= Newsletter ================ */

/** Newsletter >> hide "* indicates required" text **/
#newsletter_signup .nf-form-fields-required {
	display: none !important;
}

/** Newsletter >> Hide "save progress" message **/
#newsletter_signup #formSave17 {
	display: none !important;
}

/** Newsletter >> Submit button: remove extra top padding **/
#nf-field-261_1 {
	font-size: 16px !important;
	padding-right: 10% !important;
	padding-left: 10% !important;
	margin-top: 0 !important;
}


/*= Blog ====================== */

/** Blog >> Post **/
.mt-5093 .post {
	background-color: rgb(242, 242, 242) !important;
	padding-bottom: 55px !important;
}

/** Blog >> Read More link **/
.mt-5093 .more-link {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(233, 67, 66) !important;
	padding: 13px 30px 14px 30px !important;
	border-radius: 90px !important;
}

/** Blog >> Post content inner paragraph **/
.mt-5093 .post-content-inner p {
	padding-bottom: 25px !important;
}


/*( Large Desktop )*/
@media (min-width: 1340px) {

	/*= Navigation Bar ============ */

	/** Navigation Bar >> Main Nav: "DONATE" button shape: before scrolling **/
	.donate-button {
	padding-right: 45px !important;
	padding-left: 45px !important;
}

	/** Navigation Bar >> Main Nav: "DONATE" button shape: MOBILE **/
	.donate-button-mobile {
	padding-right: 40px !important;
	padding-left: 40px !important;
	display: none !important;
}

	/** Navigation Bar >> Height of menu bar, adjustment **/
	.et_menu_container {
	max-width: 1820px !important;
	margin-bottom: 13px !important;
}

	/** Navigation Bar >> Height of menu bar after scrolling, adjustment **/
	.et-fixed-header .et_menu_container {
	max-width: 1820px !important;
	margin-bottom: 0 !important;
}

	/** Navigation Bar >> Main Nav: Links and buttons: Reduced margin on Medium Desktop media query **/
	#et-top-navigation {
	padding-left: 0 !important;
}

	/** Navigation Bar >> Secondary Nav: "SIgn In", mobile only at top of mobile nav: add icon **/
	.sign-in-mobile a::before {
	display: none !important;
}

	/** Navigation Bar >> Secondary Nav: "SIgn In", make mobile only at top of mobile nav **/
	.sign-in-mobile a {
	display: none !important;
}

	/** Navigation Bar >> Secondary Nav: "Shop the FF Store", mobile only at top of mobile nav: add icon **/
	.shop-ff-mobile a::before {
	display: none !important;
}

	/** Navigation Bar >> Secondary Nav: "Shop the FF Store", make mobile only at top of mobile nav **/
	.shop-ff-mobile a {
	display: none !important;
}

	/** Navigation Bar >> Main Nav: "VOLUNTEER" button shape: before scrolling **/
	.volunteer-button {
	padding-right: 45px !important;
	padding-left: 45px !important;
}

	/** Navigation Bar >> Main Nav: "VOLUNTEER" button shape: MOBILE **/
	.volunteer-button-mobile {
	padding-right: 40px !important;
	padding-left: 40px !important;
	display: none !important;
}

	/** Navigation Bar >> Main Nav: "Log Out": hide on desktop **/
	.log-out-button a {
	display: none !important;
}


	/*= Events Detail Page ======== */

	/** Events Detail Page >> Event Date **/
	.evo_sin_event_list .date {
	
}

	/** Events Detail Page >> Event Date and Month Left Alignment **/
	.evo_sin_event_list .evcal_cblock {
	
}

	/** Events Detail Page >> Intro Title and Time, left padding **/
	.evo_sin_event_list .evcal_desc {
	
}

	/** Events Detail Page >> Event Month **/
	.evo_sin_event_list .month {
	
}

	/** Events Detail Page >> Event Time and Place **/
	.evo_sin_event_list .evcal_desc_info {
	
}

	/** Events Detail Page >> Event Time Icon **/
	.evo_sin_event_list .evcal_desc_info .evcal_time::before {
	
}

	/** Events Detail Page >> Event Place Icon **/
	.evo_sin_event_list .evcal_desc_info .evcal_location::before {
	
}

	/** Events Detail Page >> Event Place Left Margin **/
	.evo_sin_event_list .evcal_desc_info .evcal_location {
	
}

	/** Events Detail Page >> Event Place Left Margin Copy 1 **/
	.evo_sin_event_list .evcal_desc_info .evcal_time {
	
}

	/** Events Detail Page >> Event Subtitle **/
	.evo_sin_event_list .evcal_event_subtitle {
	
}

	/** Events Detail Page >> Event Volunteer Status **/
	.evo_sin_event_list .evors_eventtop_section {
	
}

	/** Events Detail Page >> Event Volunteer Intro Background Color **/
	.evo_sin_event_list .evcal_list_a {
	
}

	/** Events Detail Page >> Hide right and top borders **/
	.evo_sin_page .eventon_list_event {
	
}

	/** Events Detail Page >> Remove left colored border by headline **/
	.evo_sin_page .evcal_list_a {
	
}

	/** Events Detail Page >> Remove border radius to create right angle corners **/
	#evcal_list {
	
}

	/** Events Detail Page >> Sign In/Register button shape styling **/
	a.evors_loginnow_btn.evcal_btn {
	padding-right: 45px !important;
	padding-left: 45px !important;
}

	/** Events Detail Page >> Sign In/Register button shape styling:hover **/
	.evo_sin_page .evcal_list_a:hover {
	
}

	/** Events Detail Page >> Sign In/Register button shape styling:hover Copy 1 **/
	a.evors_loginnow_btn.evcal_btn:hover {
	padding-right: 45px !important;
	padding-left: 45px !important;
}


	/*= General =================== */

	/** General >> Styling Breadcrumbs, as appearing when placed Above Page Contents in Widgets **/
	.ds_dbreadcrumbs {
	padding-left: 10% !important;
}

	/** General >> Styling Breadcrumbs, on Upcoming Events rollup page **/
	.manually-added-breadcrumbs .ds_dbreadcrumbs {
	
}

	/** General >> Styling Breadcrumbs, as appearing when placed below standard full-width header **/
	.manually-added-breadcrumbs-plain .ds_dbreadcrumbs {
	margin-top: -15px !important;
	margin-bottom: -25px !important;
}


	/*= Upcoming Events, View All page = */

	/** Upcoming Events, View All page >> Slide Description **/
	#FF-Slider .et_pb_slide_description {
	padding-top: 190px !important;
}

	/** Upcoming Events, View All page >> Slide Image **/
	#FF-Slider .et_pb_slide_image {
	padding-top: 50px !important;
}

	/** Upcoming Events, View All page >> Left arrow position **/
	#FF-Slider .et-pb-slider-arrows .et-pb-arrow-prev {
	left: 10px !important;
}

	/** Upcoming Events, View All page >> Right arrow position **/
	#FF-Slider .et-pb-slider-arrows .et-pb-arrow-next {
	right: 10px !important;
}

	/** Upcoming Events, View All page >> Slider Top Margin **/
	#FF-Slider .et_pb_slide {
	margin-top: -130px !important;
}

	/** Upcoming Events, View All page >> Container Margin Bottoms, Global **/
	#FF-Slider.et_pb_section {
	
}


	/*= My Account, RSVP'ed events list stylings = */

	/** My Account, RSVP'ed events list stylings >> Current menu item link, add bottom arrow **/
	#menu-my-account .current-menu-item a:after {
	
}


	/*= Events Detail Page _2 ===== */

	/** Events Detail Page _2 >> Evcal list expanded **/
	#evcal_list .expanded {
	max-height: 450px !important;
}


}


/*( Medium Desktop )*/
@media (min-width: 980px) and (max-width: 1339px) {

	/*= Navigation Bar ============ */

	/** Navigation Bar >> Main Nav: "DONATE" button shape: before scrolling **/
	.donate-button {
	padding-right: 25px !important;
	padding-left: 25px !important;
	margin-left: 0 !important;
}

	/** Navigation Bar >> Main Nav: "DONATE" button shape: MOBILE **/
	.donate-button-mobile {
	padding-right: 25px !important;
	padding-left: 25px !important;
	margin-left: 0 !important;
	display: none !important;
}

	/** Navigation Bar >> Height of menu bar, adjustment **/
	.et_menu_container {
	width: auto !important;
	margin-right: 4% !important;
	margin-bottom: 10px !important;
	margin-left: 4% !important;
}

	/** Navigation Bar >> Height of menu bar after scrolling, adjustment **/
	.et-fixed-header .et_menu_container {
	width: auto !important;
	margin-right: 4% !important;
	margin-bottom: 0 !important;
	margin-left: 4% !important;
}

	/** Navigation Bar >> Main Nav: Links and buttons: Reduced margin on Medium Desktop media query **/
	#et-top-navigation {
	padding-left: 0 !important;
}

	/** Navigation Bar >> Secondary Nav: "SIgn In", mobile only at top of mobile nav: add icon **/
	.sign-in-mobile a::before {
	display: none !important;
}

	/** Navigation Bar >> Secondary Nav: "SIgn In", make mobile only at top of mobile nav **/
	.sign-in-mobile a {
	display: none !important;
}

	/** Navigation Bar >> Secondary Nav: "Shop the FF Store", mobile only at top of mobile nav: add icon **/
	.shop-ff-mobile a::before {
	display: none !important;
}

	/** Navigation Bar >> Secondary Nav: "Shop the FF Store", make mobile only at top of mobile nav **/
	.shop-ff-mobile a {
	display: none !important;
}

	/** Navigation Bar >> Main Nav: "VOLUNTEER" button shape: before scrolling **/
	.volunteer-button {
	padding-right: 25px !important;
	padding-left: 25px !important;
	margin-left: 0 !important;
}

	/** Navigation Bar >> Main Nav: "VOLUNTEER" button shape: MOBILE **/
	.volunteer-button-mobile {
	padding-right: 25px !important;
	padding-left: 25px !important;
	margin-left: 0 !important;
	display: none !important;
}

	/** Navigation Bar >> Main Nav: "DONATE" button shape: after scrolling **/
	.et-fixed-header #top-menu .donate-button {
	padding-right: 25px !important;
	padding-left: 25px !important;
	margin-left: 0 !important;
}

	/** Navigation Bar >> Main Nav: "VOLUNTEER" button shape: after scrolling **/
	.et-fixed-header #top-menu .volunteer-button {
	padding-right: 25px !important;
	padding-left: 25px !important;
	margin-left: 0 !important;
}

	/** Navigation Bar >> Main Nav: "VOLUNTEER" button shape: hover color after scrolling **/
	.et-fixed-header #top-menu .volunteer-button:hover {
	padding-right: 25px !important;
	padding-left: 25px !important;
	margin-left: 0 !important;
}

	/** Navigation Bar >> Main Nav: "DONATE" button shape: hover color after scrolling **/
	.et-fixed-header #top-menu .donate-button:hover {
	padding-right: 25px !important;
	padding-left: 25px !important;
	margin-left: 0 !important;
}

	/** Navigation Bar >> Main Nav: Logo: Size before scrolling **/
	#logo {
	height: 55px !important;
	min-height: 55px !important;
}

	/** Navigation Bar >> Main Nav: "Log Out": hide on desktop **/
	.log-out-button a {
	display: none !important;
}


	/*= Events Detail Page ======== */

	/** Events Detail Page >> Event Title **/
	.evo_sin_event_list .evcal_event_title {
	font-size: 44px !important;
}

	/** Events Detail Page >> Event Date **/
	.evo_sin_event_list .date {
	font-size: 40px !important;
}

	/** Events Detail Page >> Event Date and Month Left Alignment **/
	.evo_sin_event_list .evcal_cblock {
	font-size: 40px !important;
	padding-top: 5px !important;
}

	/** Events Detail Page >> Intro Title and Time, left padding **/
	.evo_sin_event_list .evcal_desc {
	font-size: 40px !important;
	padding-top: 5px !important;
}

	/** Events Detail Page >> Event Month **/
	.evo_sin_event_list .month {
	
}

	/** Events Detail Page >> Event Time and Place **/
	.evo_sin_event_list .evcal_desc_info {
	
}

	/** Events Detail Page >> Event Time Icon **/
	.evo_sin_event_list .evcal_desc_info .evcal_time::before {
	
}

	/** Events Detail Page >> Event Place Icon **/
	.evo_sin_event_list .evcal_desc_info .evcal_location::before {
	
}

	/** Events Detail Page >> Event Place Left Margin **/
	.evo_sin_event_list .evcal_desc_info .evcal_location {
	
}

	/** Events Detail Page >> Event Place Left Margin Copy 1 **/
	.evo_sin_event_list .evcal_desc_info .evcal_time {
	
}

	/** Events Detail Page >> Event Subtitle **/
	.evo_sin_event_list .evcal_event_subtitle {
	
}

	/** Events Detail Page >> Event Volunteer Status **/
	.evo_sin_event_list .evors_eventtop_section {
	
}

	/** Events Detail Page >> Event Volunteer Intro Background Color **/
	.evo_sin_event_list .evcal_list_a {
	
}

	/** Events Detail Page >> Hide right and top borders **/
	.evo_sin_page .eventon_list_event {
	
}

	/** Events Detail Page >> Remove left colored border by headline **/
	.evo_sin_page .evcal_list_a {
	
}

	/** Events Detail Page >> Remove border radius to create right angle corners **/
	#evcal_list {
	
}

	/** Events Detail Page >> Sign In/Register button shape styling **/
	a.evors_loginnow_btn.evcal_btn {
	padding-right: 25px !important;
	padding-left: 25px !important;
	margin-left: 0 !important;
}

	/** Events Detail Page >> Sign In/Register button shape styling:hover **/
	.evo_sin_page .evcal_list_a:hover {
	
}

	/** Events Detail Page >> Sign In/Register button shape styling:hover Copy 1 **/
	a.evors_loginnow_btn.evcal_btn:hover {
	padding-right: 25px !important;
	padding-left: 25px !important;
	margin-left: 0 !important;
}


	/*= Events List =============== */

	/** Events List >> Event Title left padding **/
	.hasFtIMG .evcal_desc2 {
	
}

	/** Events List >> Event Subtitle left padding **/
	.hasFtIMG .evcal_event_subtitle {
	
}

	/** Events List >> Event Time left margin **/
	.hasFtIMG .evcal_time {
	
}

	/** Events List >> Event location, left margin **/
	.hasFtIMG .evcal_location {
	
}

	/** Events List >> Volunteers needed, left padding **/
	.hasFtIMG .remaining_count {
	
}

	/** Events List >> "Featured" Bug, left padding **/
	.hasFtIMG .featured {
	
}

	/** Events List >> Left Padding Event Date **/
	.hasFtIMG .evcal_cblock {
	
}


	/*= Events Detail Page Sidebar = */

	/** Events Detail Page Sidebar >> Increase Sidebar Width, Add Top Overlay Styling **/
	#sidebar {
	
}

	/** Events Detail Page Sidebar >> ALL EVENTS page, Move sidebar down below blue bar **/
	.mt-17 #divi_pb_widget-2 {
	
}

	/** Events Detail Page Sidebar >> Remove Sidebar Vertical Rule **/
	#main-content .container::before {
	
}


	/*= General =================== */

	/** General >> Styling Breadcrumbs, as appearing when placed Above Page Contents in Widgets **/
	.ds_dbreadcrumbs {
	padding-left: 4% !important;
}

	/** General >> Styling Breadcrumbs, on Upcoming Events rollup page **/
	.manually-added-breadcrumbs .ds_dbreadcrumbs {
	margin-top: -60px !important;
}

	/** General >> Styling Breadcrumbs, as appearing when placed below standard full-width header **/
	.manually-added-breadcrumbs-plain .ds_dbreadcrumbs {
	margin-top: -10px !important;
}


	/*= Upcoming Events, View All page = */

	/** Upcoming Events, View All page >> Slide Description **/
	#FF-Slider .et_pb_slide_description {
	
}

	/** Upcoming Events, View All page >> Left arrow position **/
	#FF-Slider .et-pb-slider-arrows .et-pb-arrow-prev {
	left: 10px !important;
}

	/** Upcoming Events, View All page >> Right arrow position **/
	#FF-Slider .et-pb-slider-arrows .et-pb-arrow-next {
	right: 0 !important;
}

	/** Upcoming Events, View All page >> Container Margin Bottoms, Global **/
	#FF-Slider.et_pb_section {
	
}


	/*= What We Do, Detail Page Styles = */

	/** What We Do, Detail Page Styles >> Left arrow styling **/
	.ff-gallery .et-pb-slider-arrows .et-pb-arrow-prev {
	font-size: 52px !important;
}

	/** What We Do, Detail Page Styles >> Right arrow styling **/
	.ff-gallery .et-pb-slider-arrows .et-pb-arrow-next {
	font-size: 52px !important;
}

	/** What We Do, Detail Page Styles >> Slider **/
	.ff-gallery .et-pb-slider {
	
}


	/*= Events Detail Page _2 ===== */

	/** Events Detail Page _2 >> Evcal list expanded **/
	#evcal_list .expanded {
	max-height: 400px !important;
}


}


/*( Small Desktop & Large Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {

	/*= Navigation Bar ============ */

	/** Navigation Bar >> Main Nav: "DONATE" button shape: before scrolling **/
	.donate-button {
	display: none !important;
}

	/** Navigation Bar >> Height of menu bar, adjustment **/
	.et_menu_container {
	width: auto !important;
	margin-right: 4% !important;
	margin-bottom: 20px !important;
	margin-left: 4% !important;
}

	/** Navigation Bar >> Height of menu bar after scrolling, adjustment **/
	.et-fixed-header .et_menu_container {
	width: auto !important;
	margin-right: 4% !important;
	margin-bottom: 0 !important;
	margin-left: 4% !important;
}

	/** Navigation Bar >> Secondary Nav: "Shop the FF Store", make mobile only at top of mobile nav **/
	.shop-ff-mobile a {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

	/** Navigation Bar >> Main Nav: "VOLUNTEER" button shape: before scrolling **/
	.volunteer-button {
	display: none !important;
}

	/** Navigation Bar >> Main Nav: "VOLUNTEER" button shape: MOBILE **/
	.volunteer-button-mobile {
	margin-bottom: 25px !important;
}

	/** Navigation Bar >> Main Nav: Search field: vertical centering **/
	.et_search_outer {
	margin-top: 15px !important;
}

	/** Navigation Bar >> Main Nav: Logo: Size before scrolling **/
	#logo {
	height: 55px !important;
	min-height: 55px !important;
}

	/** Navigation Bar >> Main Nav: Menu hamburger icon: restyle to use FontAwesome **/
	.mobile_menu_bar::before {
	font-size: 45px !important;
	line-height: 0 !important;
	font-style: normal !important;
	top: 23px !important;
}

	/** Navigation Bar >> Main Nav: Menu hamburger icon: vertical position, homepage only **/
	.mt-47 .mobile_menu_bar::before {
	font-size: 45px !important;
	line-height: 0 !important;
	font-style: normal !important;
	top: 23px !important;
}

	/** Navigation Bar >> Main Nav: Search icon: before scrolling all pages except homepage **/
	#et_search_icon::before {
	font-size: 30px !important;
	line-height: 0 !important;
	margin-top: 0 !important;
	top: 21px !important;
}

	/** Navigation Bar >> Main Nav: Search icon: before scrolling, homepage only **/
	.mt-47 #et_search_icon::before {
	font-size: 30px !important;
	line-height: 0 !important;
	margin-top: 0 !important;
	top: 21px !important;
}

	/** Navigation Bar >> Mobile menu: background color and decrease padding **/
	#mobile_menu {
	background-color: rgb(255, 255, 255) !important;
	padding-top: 0 !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
	margin-top: 25px !important;
}

	/** Navigation Bar >> Mobile Menu font size and color **/
	.et_mobile_menu a {
	color: rgb(0, 0, 0) !important;
	font-size: 16px !important;
	text-transform: capitalize !important;
	letter-spacing: .015rem !important;
}

	/** Navigation Bar >> Mobile Menu: Capitalize parent menu items and add top margin **/
	#mobile_menu > li > a {
	text-transform: uppercase !important;
	letter-spacing: .01rem !important;
	background-color: rgba(255, 255, 255, 0) !important;
	margin-top: 20px !important;
	border-bottom-color: rgba(0, 0, 0, 0) !important;
}

	/** Navigation Bar >> Mobile Menu: Parent menu items, Hover: make red on hover **/
	#mobile_menu > li > a:hover {
	color: rgb(239, 43, 43) !important;
	text-transform: uppercase !important;
	letter-spacing: .01rem !important;
	background-color: rgba(255, 255, 255, 0) !important;
	margin-top: 20px !important;
	border-bottom-color: rgba(0, 0, 0, 0) !important;
	opacity: 1 !important;
}

	/** Navigation Bar >> Mobile Menu: Child Links: uncapitalize links and convert to Roboto **/
	#mobile_menu .sub-menu a {
	font-family: roboto !important;
	font-weight: normal !important;
	text-transform: none !important;
	letter-spacing: .01rem !important;
	padding-left: 0 !important;
	margin-left: -10px !important;
	border-bottom-color: rgb(255, 255, 255) !important;
}

	/** Navigation Bar >> Mobile Menu: Child Link, Hover: make red when hover **/
	#mobile_menu .sub-menu a:hover {
	font-family: roboto !important;
	color: rgb(239, 43, 43) !important;
	font-weight: normal !important;
	text-transform: none !important;
	letter-spacing: .01rem !important;
	background-color: rgba(255, 255, 255, 0) !important;
	padding-left: 0 !important;
	opacity: 1 !important;
}

	/** Navigation Bar >> Mobile nav: Donate button shape **/
	.et_mobile_menu .donate-button-mobile {
	text-align: center !important;
	padding-top: 0 !important;
	margin-top: 30px !important;
	margin-right: 4% !important;
	margin-left: 4% !important;
}

	/** Navigation Bar >> Mobile nav: Donate button shape, hover **/
	.et_mobile_menu .donate-button-mobile:hover {
	text-align: center !important;
	background-color: rgb(255, 86, 85) !important;
	padding-top: 0 !important;
	margin-top: 30px !important;
	margin-right: 4% !important;
	margin-left: 4% !important;
	-o-transition-property: background-color !important;
	-moz-transition-property: background-color !important;
	-webkit-transition-property: background-color !important;
	transition-property: background-color !important;
	-o-transition-duration: .25s !important;
	-moz-transition-duration: .25s !important;
	-webkit-transition-duration: .25s !important;
	transition-duration: .25s !important;
	-webkit-transition-timing-function: ease !important;
	transition-timing-function: ease !important;
}

	/** Navigation Bar >> Mobile nav: Donate button text **/
	.et_mobile_menu .donate-button-mobile a {
	color: rgb(255, 255, 255) !important;
	font-size: 20px !important;
	text-align: center !important;
	padding-top: 17px !important;
}

	/** Navigation Bar >> Mobile nav: Volunteer button shape **/
	.et_mobile_menu .volunteer-button-mobile {
	text-align: center !important;
	padding-top: 0 !important;
	margin-top: 20px !important;
	margin-right: 4% !important;
	margin-left: 4% !important;
}

	/** Navigation Bar >> Mobile nav: Volunteer button shape, hover **/
	.et_mobile_menu .volunteer-button-mobile:hover {
	text-align: center !important;
	background-color: rgb(234, 162, 34) !important;
	padding-top: 0 !important;
	margin-top: 20px !important;
	margin-right: 4% !important;
	margin-left: 4% !important;
	-o-transition-property: background-color !important;
	-moz-transition-property: background-color !important;
	-webkit-transition-property: background-color !important;
	transition-property: background-color !important;
	-o-transition-duration: .25s !important;
	-moz-transition-duration: .25s !important;
	-webkit-transition-duration: .25s !important;
	transition-duration: .25s !important;
	-webkit-transition-timing-function: ease !important;
	transition-timing-function: ease !important;
}

	/** Navigation Bar >> Mobile nav: Volunteer button text **/
	.et_mobile_menu .volunteer-button-mobile a {
	color: rgb(255, 255, 255) !important;
	font-size: 20px !important;
	text-align: center !important;
	padding-top: 17px !important;
}

	/** Navigation Bar >> Secondary Nav: "SIgn In": add icon **/
	.sign-in-button a::before {
	
}

	/** Navigation Bar >> Secondary Nav: "SIgn In": hide on mobile **/
	.sign-in-button a {
	display: none !important;
}

	/** Navigation Bar >> Main Nav: "Log Out": hide on desktop **/
	.log-out-button a {
	
}

	/** Navigation Bar >> Secondary Nav: "Shop the Faithful Friend Store": hide on mobile **/
	.shop-ff a {
	display: none !important;
}

	/** Navigation Bar >> Mobile Nav: Hamburger icon: replace with "X" icon when menu is opened **/
	#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar:before {
	color: rgb(255, 86, 85) !important;
}

	/** Navigation Bar >> Main Nav: Search field: increase "X" close, BEFORE SCROLL, Address visibility issue, NOT HOMEPAGE **/
	span.et_close_search_field:after {
	font-size: 50px !important;
	line-height: 28px !important;
}

	/** Navigation Bar >> Main Nav: Search field: increase "X" close icon size, HOME ONLY **/
	.mt-47 span.et_close_search_field:after {
	font-size: 50px !important;
	line-height: 28px !important;
}

	/** Navigation Bar >> Main Nav: Search field: increase "X" close icon size, HOME ONLY, after scroll **/
	.mt-47 .et-fixed-header span.et_close_search_field:after {
	font-size: 50px !important;
	line-height: 28px !important;
}


	/*= Events Detail Page ======== */

	/** Events Detail Page >> Event Title **/
	.evo_sin_event_list .evcal_event_title {
	font-size: 40px !important;
}

	/** Events Detail Page >> Event Date **/
	.evo_sin_event_list .date {
	font-size: 36px !important;
}

	/** Events Detail Page >> Event Date and Month Left Alignment **/
	.evo_sin_event_list .evcal_cblock {
	font-size: 36px !important;
	padding-top: 5px !important;
}

	/** Events Detail Page >> Intro Title and Time, left padding **/
	.evo_sin_event_list .evcal_desc {
	font-size: 36px !important;
}

	/** Events Detail Page >> Event Month **/
	.evo_sin_event_list .month {
	
}

	/** Events Detail Page >> Event Time and Place **/
	.evo_sin_event_list .evcal_desc_info {
	
}

	/** Events Detail Page >> Event Time Icon **/
	.evo_sin_event_list .evcal_desc_info .evcal_time::before {
	
}

	/** Events Detail Page >> Event Place Icon **/
	.evo_sin_event_list .evcal_desc_info .evcal_location::before {
	
}

	/** Events Detail Page >> Event Place Left Margin **/
	.evo_sin_event_list .evcal_desc_info .evcal_location {
	
}

	/** Events Detail Page >> Event Place Left Margin Copy 1 **/
	.evo_sin_event_list .evcal_desc_info .evcal_time {
	
}

	/** Events Detail Page >> Event Subtitle **/
	.evo_sin_event_list .evcal_event_subtitle {
	
}

	/** Events Detail Page >> Event Volunteer Status **/
	.evo_sin_event_list .evors_eventtop_section {
	
}

	/** Events Detail Page >> Event Volunteer Intro Background Color **/
	.evo_sin_event_list .evcal_list_a {
	
}

	/** Events Detail Page >> Hide right and top borders **/
	.evo_sin_page .eventon_list_event {
	
}

	/** Events Detail Page >> Remove left colored border by headline **/
	.evo_sin_page .evcal_list_a {
	
}

	/** Events Detail Page >> Remove border radius to create right angle corners **/
	#evcal_list {
	
}

	/** Events Detail Page >> Sign In/Register button shape styling **/
	a.evors_loginnow_btn.evcal_btn {
	text-align: center !important;
	max-width: 250px !important;
	margin-top: 15px !important;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

	/** Events Detail Page >> Sign In/Register button shape styling:hover **/
	.evo_sin_page .evcal_list_a:hover {
	
}

	/** Events Detail Page >> Sign In/Register button shape styling:hover Copy 1 **/
	a.evors_loginnow_btn.evcal_btn:hover {
	
}

	/** Events Detail Page >> Pbe above content wa wrap div **/
	#pbe-above-content-wa-wrap #divi_pb_widget-3 {
	margin-bottom: -160px !important;
}

	/** Events Detail Page >> Pbe above content wa wrap div Copy 1 **/
	#pbe-above-content-wa-wrap #divi_pb_widget-3 {
	margin-bottom: 5px !important;
}


	/*= Events Detail Page Sidebar = */

	/** Events Detail Page Sidebar >> Increase Sidebar Width, Add Top Overlay Styling **/
	#sidebar {
	margin-top: 0 !important;
}

	/** Events Detail Page Sidebar >> ALL EVENTS page, Move sidebar down below blue bar **/
	.mt-17 #divi_pb_widget-2 {
	width: 100% !important;
	margin-top: 0 !important;
	margin-bottom: -75px !important;
}

	/** Events Detail Page Sidebar >> Remove Sidebar Vertical Rule **/
	#main-content .container::before {
	margin-top: 0 !important;
}


	/*= Events List =============== */

	/** Events List >> Event Time left margin **/
	.hasFtIMG .evcal_time {
	
}

	/** Events List >> Volunteers needed, left padding **/
	.hasFtIMG .remaining_count {
	
}


	/*= General =================== */

	/** General >> Styling Breadcrumbs, as appearing when placed Above Page Contents in Widgets **/
	.ds_dbreadcrumbs {
	padding-left: 4.5% !important;
}

	/** General >> Styling Breadcrumbs, on Upcoming Events rollup page **/
	.manually-added-breadcrumbs .ds_dbreadcrumbs {
	margin-bottom: -20px !important;
}

	/** General >> Styling Breadcrumbs, as appearing when placed below standard full-width header **/
	.manually-added-breadcrumbs-plain .ds_dbreadcrumbs {
	margin-top: -40px !important;
	margin-bottom: -20px !important;
}


	/*= Monarch Social Sharing Styling = */

	/** Monarch Social Sharing Styling >> "Share This" styling on tablet and mobile **/
	.et_social_heading {
	color: rgb(255, 255, 255) !important;
	font-weight: bold !important;
	background-color: rgb(233, 67, 66) !important;
}

	/** Monarch Social Sharing Styling >> "Share This" arrow styling on tablet and mobile **/
	.et_social_heading:after {
	color: rgb(255, 255, 255) !important;
	font-weight: bold !important;
}

	/** Monarch Social Sharing Styling >> "Share this" close button styling on tablet and mobile **/
	.et_social_mobile .et_social_close:after {
	color: rgb(255, 255, 255) !important;
}

	/** Monarch Social Sharing Styling >> Styling of minimized share icon toggle on tablet or mobile **/
	.et_social_mobile_button.et_social_active_button:before {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(233, 67, 66) !important;
	opacity: 1 !important;
}


	/*= Upcoming Events, View All page = */

	/** Upcoming Events, View All page >> Slide Description **/
	#FF-Slider .et_pb_slide_description {
	width: 100% !important;
	min-width: auto !important;
	padding-top: 150px !important;
	padding-bottom: 300px !important;
}

	/** Upcoming Events, View All page >> Slide Image **/
	#FF-Slider .et_pb_slide_image {
	width: 70% !important;
	padding-top: 15px !important;
	top: 400px !important;
}

	/** Upcoming Events, View All page >> Left arrow position **/
	#FF-Slider .et-pb-slider-arrows .et-pb-arrow-prev {
	left: -10px !important;
}

	/** Upcoming Events, View All page >> Right arrow position **/
	#FF-Slider .et-pb-slider-arrows .et-pb-arrow-next {
	right: 0 !important;
}

	/** Upcoming Events, View All page >> Slider Top Margin **/
	#FF-Slider .et_pb_slide {
	margin-top: -100px !important;
}

	/** Upcoming Events, View All page >> Container Margin Bottoms, Global **/
	#FF-Slider.et_pb_section {
	height: 350px !important;
}

	/** Upcoming Events, View All page >> Adjust "Overflow" on left/right arrows **/
	.et-last-child .et_pb_bg_layout_dark {
	overflow: visible !important;
}


	/*= My Account, RSVP'ed events list stylings = */

	/** My Account, RSVP'ed events list stylings >> Fullwidth Header Bar, remove top padding **/
	.remove-padding-top .et_pb_module {
	padding-top: 22px !important;
}

	/** My Account, RSVP'ed events list stylings >> Fullwidth Menu Bar, remove top padding **/
	.remove-menu-padding-top .fullwidth-menu-nav {
	padding-top: 22px !important;
}

	/** My Account, RSVP'ed events list stylings >> Current menu item link, add bottom arrow **/
	#menu-my-account .current-menu-item a:after {
	bottom: -20px !important;
}


	/*= Update Email and Password Form = */

	/** Update Email and Password Form >> Mobile Menu Styling, My Account options **/
	#my-account .et_mobile_nav_menu {
	text-align: right !important;
	width: 90% !important;
	padding-top: 25px !important;
}

	/** Update Email and Password Form >> Mobile Menu Styling, My Account, replace hamburger with arrow **/
	#my-account .mobile_menu_bar::before {
	font-family: evo_FontAwesome !important;
	color: rgb(255, 193, 85) !important;
	opacity: 1 !important;
	content: "\f107" !important;
}

	/** Update Email and Password Form >> Mobile Menu Styling, My Account label: before **/
	#my-account .et_mobile_nav_menu:before {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	color: rgb(255, 193, 85) !important;
	font-weight: bold !important;
	text-align: left !important;
	background-color: rgb(62, 62, 85) !important;
	width: 83% !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 30px !important;
	margin-top: -3px !important;
	position: absolute !important;
	left: 5vw !important;
	content: "Quick Links" !important;
}

	/** Update Email and Password Form >> Dropdown Menu Styling **/
	#mobile_menu1 {
	text-align: left !important;
	background-color: rgb(255, 255, 255) !important;
}

	/** Update Email and Password Form >> Mobile link **/
	#mobile_menu1 a {
	color: rgb(22, 22, 22) !important;
	border-bottom-style: none !important;
}

	/** Update Email and Password Form >> Mobile link: hover **/
	#mobile_menu1 a:hover {
	color: rgb(233, 67, 66) !important;
	background-color: rgba(0, 0, 0, 0) !important;
	opacity: 1 !important;
}


	/*= What We Do, Detail Page Styles = */

	/** What We Do, Detail Page Styles >> Left arrow styling **/
	.ff-gallery .et-pb-slider-arrows .et-pb-arrow-prev {
	font-size: 50px !important;
}

	/** What We Do, Detail Page Styles >> Right arrow styling **/
	.ff-gallery .et-pb-slider-arrows .et-pb-arrow-next {
	font-size: 50px !important;
}

	/** What We Do, Detail Page Styles >> Slider **/
	.ff-gallery .et-pb-slider {
	
}


	/*= Events Detail Page _2 ===== */

	/** Events Detail Page _2 >> Evcal list expanded **/
	#evcal_list .expanded {
	max-height: 400px !important;
}


}


/*( Tablet & Large Phone )*/
@media (max-width: 767px) {

	/*= Navigation Bar ============ */

	/** Navigation Bar >> Main Nav: "DONATE" button shape: before scrolling **/
	.donate-button {
	display: none !important;
}

	/** Navigation Bar >> Height of menu bar, adjustment **/
	.et_menu_container {
	width: auto !important;
	margin-right: 4% !important;
	margin-bottom: 20px !important;
	margin-left: 4% !important;
}

	/** Navigation Bar >> Height of menu bar after scrolling, adjustment **/
	.et-fixed-header .et_menu_container {
	width: auto !important;
	margin-right: 4% !important;
	margin-bottom: 0 !important;
	margin-left: 4% !important;
}

	/** Navigation Bar >> Secondary Nav: "Shop the FF Store", make mobile only at top of mobile nav **/
	.shop-ff-mobile a {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

	/** Navigation Bar >> Main Nav: "VOLUNTEER" button shape: before scrolling **/
	.volunteer-button {
	display: none !important;
}

	/** Navigation Bar >> Main Nav: "VOLUNTEER" button shape: MOBILE **/
	.volunteer-button-mobile {
	margin-bottom: 25px !important;
}

	/** Navigation Bar >> Main Nav: Search field: vertical centering **/
	.et_search_outer {
	margin-top: 15px !important;
}

	/** Navigation Bar >> Main Nav: Logo: Size before scrolling **/
	#logo {
	height: 55px !important;
	min-height: 55px !important;
}

	/** Navigation Bar >> Main Nav: Menu hamburger icon: restyle to use FontAwesome **/
	.mobile_menu_bar::before {
	font-size: 45px !important;
	line-height: 0 !important;
	top: 17px !important;
}

	/** Navigation Bar >> Main Nav: Menu hamburger icon: vertical position, homepage only **/
	.mt-47 .mobile_menu_bar::before {
	font-size: 45px !important;
	line-height: 0 !important;
	top: 21px !important;
}

	/** Navigation Bar >> Main Nav: Search icon: before scrolling all pages except homepage **/
	#et_search_icon::before {
	font-size: 30px !important;
	line-height: 0 !important;
	margin-top: 0 !important;
	top: 17px !important;
}

	/** Navigation Bar >> Main Nav: Search icon: before scrolling, homepage only **/
	.mt-47 #et_search_icon::before {
	font-size: 30px !important;
	line-height: 0 !important;
	margin-top: 0 !important;
	top: 21px !important;
}

	/** Navigation Bar >> Mobile menu: background color and decrease padding **/
	#mobile_menu {
	background-color: rgb(255, 255, 255) !important;
	padding-top: 0 !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
	margin-top: 25px !important;
}

	/** Navigation Bar >> Mobile Menu font size and color **/
	.et_mobile_menu a {
	color: rgb(0, 0, 0) !important;
	font-size: 16px !important;
	text-transform: capitalize !important;
	letter-spacing: .015rem !important;
}

	/** Navigation Bar >> Mobile Menu: Capitalize parent menu items and add top margin **/
	#mobile_menu > li > a {
	text-transform: uppercase !important;
	letter-spacing: .01rem !important;
	background-color: rgba(0, 0, 0, 0) !important;
	margin-top: 20px !important;
	border-bottom-color: rgba(0, 0, 0, 0) !important;
}

	/** Navigation Bar >> Mobile Menu: Parent menu items, Hover: make red on hover **/
	#mobile_menu > li > a:hover {
	color: rgb(239, 43, 43) !important;
	text-transform: uppercase !important;
	letter-spacing: .01rem !important;
	background-color: rgba(0, 0, 0, 0) !important;
	margin-top: 20px !important;
	border-bottom-color: rgba(0, 0, 0, 0) !important;
	opacity: 1 !important;
}

	/** Navigation Bar >> Mobile Menu: Child Links: uncapitalize links and convert to Roboto **/
	#mobile_menu .sub-menu a {
	font-family: roboto !important;
	font-weight: normal !important;
	text-transform: none !important;
	letter-spacing: .01rem !important;
	padding-left: 0 !important;
	margin-left: -10px !important;
	border-bottom-color: rgb(255, 255, 255) !important;
}

	/** Navigation Bar >> Mobile Menu: Child Link, Hover: make red when hover **/
	#mobile_menu .sub-menu a:hover {
	font-family: roboto !important;
	color: rgb(239, 43, 43) !important;
	font-weight: normal !important;
	text-transform: none !important;
	letter-spacing: .01rem !important;
	background-color: rgba(0, 0, 0, 0) !important;
	padding-left: 0 !important;
	border-bottom-color: rgb(255, 255, 255) !important;
	opacity: 1 !important;
}

	/** Navigation Bar >> Mobile nav: Donate button shape **/
	.et_mobile_menu .donate-button-mobile {
	padding-top: 0 !important;
	margin-top: 30px !important;
	margin-right: 4% !important;
	margin-left: 4% !important;
}

	/** Navigation Bar >> Mobile nav: Donate button shape, hover **/
	.et_mobile_menu .donate-button-mobile:hover {
	background-color: rgb(255, 86, 85) !important;
	padding-top: 0 !important;
	margin-top: 30px !important;
	margin-right: 4% !important;
	margin-left: 4% !important;
	-o-transition-property: background-color !important;
	-moz-transition-property: background-color !important;
	-webkit-transition-property: background-color !important;
	transition-property: background-color !important;
	-o-transition-duration: 0.25s !important;
	-moz-transition-duration: 0.25s !important;
	-webkit-transition-duration: 0.25s !important;
	transition-duration: 0.25s !important;
	-webkit-transition-timing-function: ease !important;
	transition-timing-function: ease !important;
}

	/** Navigation Bar >> Mobile nav: Donate button text **/
	.et_mobile_menu .donate-button-mobile a {
	color: rgb(255, 255, 255) !important;
	font-size: 20px !important;
	text-align: center !important;
	padding-top: 17px !important;
}

	/** Navigation Bar >> Mobile nav: Volunteer button shape **/
	.et_mobile_menu .volunteer-button-mobile {
	text-align: right !important;
	padding-top: 0 !important;
	margin-top: 20px !important;
	margin-right: 4% !important;
	margin-left: 4% !important;
}

	/** Navigation Bar >> Mobile nav: Volunteer button shape, hover **/
	.et_mobile_menu .volunteer-button-mobile:hover {
	text-align: right !important;
	background-color: rgb(234, 162, 34) !important;
	padding-top: 0 !important;
	margin-top: 20px !important;
	margin-right: 4% !important;
	margin-left: 4% !important;
	-o-transition-property: background-color !important;
	-moz-transition-property: background-color !important;
	-webkit-transition-property: background-color !important;
	transition-property: background-color !important;
	-o-transition-duration: .25s !important;
	-moz-transition-duration: .25s !important;
	-webkit-transition-duration: .25s !important;
	transition-duration: .25s !important;
	-webkit-transition-timing-function: ease !important;
	transition-timing-function: ease !important;
}

	/** Navigation Bar >> Mobile nav: Volunteer button text **/
	.et_mobile_menu .volunteer-button-mobile a {
	color: rgb(255, 255, 255) !important;
	font-size: 20px !important;
	text-align: center !important;
	padding-top: 17px !important;
}

	/** Navigation Bar >> Secondary Nav: "SIgn In": hide on mobile **/
	.sign-in-button a {
	display: none !important;
}

	/** Navigation Bar >> Main Nav: "Log Out": hide on desktop **/
	.log-out-button a {
	
}

	/** Navigation Bar >> Secondary Nav: "Shop the Faithful Friend Store": hide on mobile **/
	.shop-ff a {
	display: none !important;
}

	/** Navigation Bar >> Main Nav: Search field: increase "X" close, BEFORE SCROLL, Address visibility issue, NOT HOMEPAGE **/
	span.et_close_search_field:after {
	font-size: 45px !important;
	line-height: 30px !important;
}

	/** Navigation Bar >> Main Nav: Search field: increase "X" close icon size, HOME ONLY **/
	.mt-47 span.et_close_search_field:after {
	font-size: 45px !important;
	line-height: 30px !important;
}

	/** Navigation Bar >> Main Nav: Search field: increase "X" close icon size, HOME ONLY, after scroll **/
	.mt-47 .et-fixed-header span.et_close_search_field:after {
	font-size: 45px !important;
	line-height: 30px !important;
}


	/*= Events Detail Page ======== */

	/** Events Detail Page >> Event Title **/
	.evo_sin_event_list .evcal_event_title {
	font-size: 36px !important;
}

	/** Events Detail Page >> Event Date **/
	.evo_sin_event_list .date {
	font-size: 30px !important;
}

	/** Events Detail Page >> Event Date and Month Left Alignment **/
	.evo_sin_event_list .evcal_cblock {
	font-size: 30px !important;
	padding-top: 6px !important;
}

	/** Events Detail Page >> Intro Title and Time, left padding **/
	.evo_sin_event_list .evcal_desc {
	font-size: 30px !important;
	padding-top: 6px !important;
}

	/** Events Detail Page >> Event Month **/
	.evo_sin_event_list .month {
	
}

	/** Events Detail Page >> Event Time and Place **/
	.evo_sin_event_list .evcal_desc_info {
	
}

	/** Events Detail Page >> Event Time Icon **/
	.evo_sin_event_list .evcal_desc_info .evcal_time::before {
	
}

	/** Events Detail Page >> Event Place Icon **/
	.evo_sin_event_list .evcal_desc_info .evcal_location::before {
	
}

	/** Events Detail Page >> Event Place Left Margin **/
	.evo_sin_event_list .evcal_desc_info .evcal_location {
	
}

	/** Events Detail Page >> Event Place Left Margin Copy 1 **/
	.evo_sin_event_list .evcal_desc_info .evcal_time {
	
}

	/** Events Detail Page >> Event Subtitle **/
	.evo_sin_event_list .evcal_event_subtitle {
	
}

	/** Events Detail Page >> Event Volunteer Status **/
	.evo_sin_event_list .evors_eventtop_section {
	
}

	/** Events Detail Page >> Event Volunteer Intro Background Color **/
	.evo_sin_event_list .evcal_list_a {
	
}

	/** Events Detail Page >> Hide right and top borders **/
	.evo_sin_page .eventon_list_event {
	
}

	/** Events Detail Page >> Remove left colored border by headline **/
	.evo_sin_page .evcal_list_a {
	
}

	/** Events Detail Page >> Remove border radius to create right angle corners **/
	#evcal_list {
	
}

	/** Events Detail Page >> Sign In/Register button shape styling **/
	a.evors_loginnow_btn.evcal_btn {
	text-align: center !important;
	max-width: 250px !important;
	margin-top: 15px !important;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

	/** Events Detail Page >> Sign In/Register button shape styling:hover **/
	.evo_sin_page .evcal_list_a:hover {
	
}

	/** Events Detail Page >> Sign In/Register button shape styling:hover Copy 1 **/
	a.evors_loginnow_btn.evcal_btn:hover {
	
}

	/** Events Detail Page >> Pbe above content wa wrap div **/
	#pbe-above-content-wa-wrap #divi_pb_widget-3 {
	margin-bottom: -160px !important;
}

	/** Events Detail Page >> Pbe above content wa wrap div Copy 1 **/
	#pbe-above-content-wa-wrap #divi_pb_widget-3 {
	margin-bottom: 5px !important;
}

	/** Events Detail Page >> "VOLUNTEER" button **/
	.open .one {
	padding-right: 75px !important;
	padding-left: 75px !important;
}

	/** Events Detail Page >> "VOLUNTEER" button: hover **/
	.open .one:hover {
	padding-right: 75px !important;
	padding-left: 75px !important;
}


	/*= Events List =============== */

	/** Events List >> Event Title left padding **/
	.hasFtIMG .evcal_desc2 {
	
}

	/** Events List >> Event Subtitle left padding **/
	.hasFtIMG .evcal_event_subtitle {
	
}

	/** Events List >> Event Time left margin **/
	.hasFtIMG .evcal_time {
	
}

	/** Events List >> Event location, left margin **/
	.hasFtIMG .evcal_location {
	
}

	/** Events List >> Volunteers needed, left padding **/
	.hasFtIMG .remaining_count {
	
}

	/** Events List >> "Featured" Bug, left padding **/
	.hasFtIMG .featured {
	
}

	/** Events List >> Left Padding Event Date **/
	.hasFtIMG .evcal_cblock {
	
}


	/*= Events Detail Page Sidebar = */

	/** Events Detail Page Sidebar >> Increase Sidebar Width, Add Top Overlay Styling **/
	#sidebar {
	margin-top: 0 !important;
}

	/** Events Detail Page Sidebar >> ALL EVENTS page, Move sidebar down below blue bar **/
	.mt-17 #divi_pb_widget-2 {
	margin-bottom: -75px !important;
}

	/** Events Detail Page Sidebar >> Remove Sidebar Vertical Rule **/
	#main-content .container::before {
	margin-top: 0 !important;
}


	/*= General =================== */

	/** General >> Styling Breadcrumbs, as appearing when placed Above Page Contents in Widgets **/
	.ds_dbreadcrumbs {
	padding-left: 5% !important;
}

	/** General >> Styling Breadcrumbs, on Upcoming Events rollup page **/
	.manually-added-breadcrumbs .ds_dbreadcrumbs {
	margin-bottom: -10px !important;
}

	/** General >> Styling Breadcrumbs, as appearing when placed below standard full-width header **/
	.manually-added-breadcrumbs-plain .ds_dbreadcrumbs {
	margin-top: -40px !important;
	margin-bottom: -20px !important;
}


	/*= Monarch Social Sharing Styling = */

	/** Monarch Social Sharing Styling >> "Share This" styling on tablet and mobile **/
	.et_social_heading {
	color: rgb(255, 255, 255) !important;
	font-weight: bold !important;
	background-color: rgb(233, 67, 66) !important;
}

	/** Monarch Social Sharing Styling >> "Share This" arrow styling on tablet and mobile **/
	.et_social_heading:after {
	color: rgb(255, 255, 255) !important;
	font-weight: bold !important;
}

	/** Monarch Social Sharing Styling >> "Share this" close button styling on tablet and mobile **/
	.et_social_mobile .et_social_close:after {
	color: rgb(255, 255, 255) !important;
}

	/** Monarch Social Sharing Styling >> Styling of minimized share icon toggle on tablet or mobile **/
	.et_social_mobile_button.et_social_active_button:before {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(233, 67, 66) !important;
	opacity: 1 !important;
}


	/*= Upcoming Events, View All page = */

	/** Upcoming Events, View All page >> Slide Description **/
	#FF-Slider .et_pb_slide_description {
	width: 100% !important;
	padding-top: 130px !important;
	padding-bottom: 200px !important;
	margin-bottom: 25px !important;
}

	/** Upcoming Events, View All page >> Slide Image **/
	#FF-Slider .et_pb_slide_image {
	width: 65% !important;
	padding-top: 30px !important;
	position: absolute !important;
	top: 260px !important;
	right: -5px !important;
	display: block !important;
}

	/** Upcoming Events, View All page >> Left arrow position **/
	#FF-Slider .et-pb-slider-arrows .et-pb-arrow-prev {
	left: -15px !important;
}

	/** Upcoming Events, View All page >> Right arrow position **/
	#FF-Slider .et-pb-slider-arrows .et-pb-arrow-next {
	right: -15px !important;
}

	/** Upcoming Events, View All page >> Slider Top Margin **/
	#FF-Slider .et_pb_slide {
	margin-top: -70px !important;
}

	/** Upcoming Events, View All page >> Container Margin Bottoms, Global **/
	#FF-Slider.et_pb_section {
	height: 350px !important;
}

	/** Upcoming Events, View All page >> Arrows styling **/
	#FF-Slider .et-pb-slider-arrows a {
	background-color: rgba(233, 67, 66, 0) !important;
}

	/** Upcoming Events, View All page >> Adjust "Overflow" on left/right arrows **/
	.et-last-child .et_pb_bg_layout_dark {
	overflow: hidden !important;
	opacity: 1 !important;
}


	/*= Volunteer Application Form = */

	/** Volunteer Application Form >> "Next" button **/
	.nf-next {
	padding-right: 90px !important;
	padding-left: 90px !important;
}

	/** Volunteer Application Form >> "Previous" button **/
	.nf-previous {
	padding-right: 40px !important;
	padding-bottom: 15px !important;
	padding-left: 40px !important;
}

	/** Volunteer Application Form >> "Previous" button: hover **/
	.nf-previous:hover {
	padding-right: 40px !important;
	padding-bottom: 15px !important;
	padding-left: 40px !important;
}


	/*= Volunteer Short Form ====== */

	/** Volunteer Short Form >> Form Header **/
	.form_header {
	font-size: 24px !important;
}


	/*= My Account, RSVP'ed events list stylings = */

	/** My Account, RSVP'ed events list stylings >> Fullwidth Header Bar, remove top padding **/
	.remove-padding-top .et_pb_module {
	padding-top: 0 !important;
}

	/** My Account, RSVP'ed events list stylings >> Fullwidth Menu Bar, remove top padding **/
	.remove-menu-padding-top .fullwidth-menu-nav {
	padding-top: 0 !important;
}

	/** My Account, RSVP'ed events list stylings >> Current menu item link, add bottom arrow **/
	#menu-my-account .current-menu-item a:after {
	bottom: -20px !important;
}


	/*= Update Email and Password Form = */

	/** Update Email and Password Form >> Mobile Menu Styling, My Account options **/
	#my-account .et_mobile_nav_menu {
	text-align: right !important;
	width: 90% !important;
	padding-top: 31px !important;
}

	/** Update Email and Password Form >> Mobile Menu Styling, My Account, replace hamburger with arrow **/
	#my-account .mobile_menu_bar::before {
	font-family: evo_FontAwesome !important;
	color: rgb(255, 193, 85) !important;
	opacity: 1 !important;
	content: "\f107" !important;
}

	/** Update Email and Password Form >> Mobile Menu Styling, My Account label: before **/
	#my-account .et_mobile_nav_menu:before {
	font-family: Oswald, Helvetica, Arial, Lucida, sans-serif !important;
	color: rgb(255, 193, 85) !important;
	font-weight: bold !important;
	text-align: left !important;
	background-color: rgb(62, 62, 85) !important;
	width: 83% !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 30px !important;
	margin-top: -10px !important;
	position: absolute !important;
	left: 5vw !important;
	content: "Quick Links" !important;
}

	/** Update Email and Password Form >> Mobile link **/
	#mobile_menu1 a {
	color: rgb(22, 22, 22) !important;
	border-bottom-style: none !important;
}

	/** Update Email and Password Form >> Mobile link: hover **/
	#mobile_menu1 a:hover {
	color: rgb(233, 67, 66) !important;
	background-color: rgba(0, 0, 0, 0) !important;
	opacity: 1 !important;
}

	/** Update Email and Password Form >> Dropdown Menu Styling **/
	#mobile_menu1 {
	background-color: rgb(255, 255, 255) !important;
}


	/*= Donation Form Styling, Plus a few universal form stylings = */

	/** Donation Form Styling, Plus a few universal form stylings >> "other" donation number field styling **/
	#nf-form-13-cont #nf-field-220 {
	width: 96% !important;
}


	/*= What We Do, Detail Page Styles = */

	/** What We Do, Detail Page Styles >> Left arrow styling **/
	.ff-gallery .et-pb-slider-arrows .et-pb-arrow-prev {
	font-size: 48px !important;
}

	/** What We Do, Detail Page Styles >> Right arrow styling **/
	.ff-gallery .et-pb-slider-arrows .et-pb-arrow-next {
	font-size: 48px !important;
}

	/** What We Do, Detail Page Styles >> Slider **/
	.ff-gallery .et-pb-slider {
	
}


	/*= Events Detail Page _2 ===== */

	/** Events Detail Page _2 >> Evcal list expanded **/
	#evcal_list .expanded {
	max-height: 300px !important;
}


}


/*( Phone )*/
@media (max-width: 480px) {

	/*= Navigation Bar ============ */

	/** Navigation Bar >> Main Nav: "DONATE" button shape: before scrolling **/
	.donate-button {
	display: none !important;
}

	/** Navigation Bar >> Height of menu bar, adjustment **/
	.et_menu_container {
	margin-bottom: 20px !important;
}

	/** Navigation Bar >> Height of menu bar after scrolling, adjustment **/
	.et-fixed-header .et_menu_container {
	margin-bottom: 0 !important;
}

	/** Navigation Bar >> Main Nav: Search field: vertical centering **/
	.et_search_outer {
	
}

	/** Navigation Bar >> Main Nav: Logo: Size before scrolling **/
	#logo {
	
}

	/** Navigation Bar >> Main Nav: Search icon: before scrolling all pages except homepage **/
	#et_search_icon::before {
	top: 17px !important;
}

	/** Navigation Bar >> Main Nav: Search icon: before scrolling, homepage only **/
	.mt-47 #et_search_icon::before {
	
}

	/** Navigation Bar >> Mobile menu: background color and decrease padding **/
	#mobile_menu {
	
}

	/** Navigation Bar >> Mobile Menu font size and color **/
	.et_mobile_menu a {
	
}

	/** Navigation Bar >> Mobile Menu: Capitalize parent menu items and add top margin **/
	#mobile_menu > li > a {
	
}

	/** Navigation Bar >> Main Nav: Search field: increase "X" close, BEFORE SCROLL, Address visibility issue, NOT HOMEPAGE **/
	span.et_close_search_field:after {
	font-size: 40px !important;
}

	/** Navigation Bar >> Main Nav: Search field: increase "X" close icon size, HOME ONLY **/
	.mt-47 span.et_close_search_field:after {
	font-size: 40px !important;
}

	/** Navigation Bar >> Main Nav: Search field: increase "X" close icon size, HOME ONLY, after scroll **/
	.mt-47 .et-fixed-header span.et_close_search_field:after {
	font-size: 40px !important;
}

	/** Navigation Bar >> Main Nav: add solid white background to all pages except homepage before scroll **/
	header#main-header {
	
}


	/*= Events Detail Page ======== */

	/** Events Detail Page >> Event Title **/
	.evo_sin_event_list .evcal_event_title {
	font-size: 30px !important;
}

	/** Events Detail Page >> Event Date **/
	.evo_sin_event_list .date {
	font-size: 30px !important;
}

	/** Events Detail Page >> Event Date and Month Left Alignment **/
	.evo_sin_event_list .evcal_cblock {
	font-size: 30px !important;
	padding-top: 4px !important;
}

	/** Events Detail Page >> Intro Title and Time, left padding **/
	.evo_sin_event_list .evcal_desc {
	font-size: 30px !important;
	padding-top: 4px !important;
}

	/** Events Detail Page >> Event Month **/
	.evo_sin_event_list .month {
	
}

	/** Events Detail Page >> Event Time and Place **/
	.evo_sin_event_list .evcal_desc_info {
	
}

	/** Events Detail Page >> Event Time Icon **/
	.evo_sin_event_list .evcal_desc_info .evcal_time::before {
	
}

	/** Events Detail Page >> Event Place Icon **/
	.evo_sin_event_list .evcal_desc_info .evcal_location::before {
	
}

	/** Events Detail Page >> Event Place Left Margin **/
	.evo_sin_event_list .evcal_desc_info .evcal_location {
	margin-left: 0 !important;
}

	/** Events Detail Page >> Event Place Left Margin Copy 1 **/
	.evo_sin_event_list .evcal_desc_info .evcal_time {
	
}

	/** Events Detail Page >> Event Subtitle **/
	.evo_sin_event_list .evcal_event_subtitle {
	
}

	/** Events Detail Page >> Event Volunteer Status **/
	.evo_sin_event_list .evors_eventtop_section {
	
}

	/** Events Detail Page >> Event Volunteer Intro Background Color **/
	.evo_sin_event_list .evcal_list_a {
	
}

	/** Events Detail Page >> Hide right and top borders **/
	.evo_sin_page .eventon_list_event {
	
}

	/** Events Detail Page >> Remove left colored border by headline **/
	.evo_sin_page .evcal_list_a {
	
}

	/** Events Detail Page >> Remove border radius to create right angle corners **/
	#evcal_list {
	
}

	/** Events Detail Page >> Sign In/Register button shape styling **/
	a.evors_loginnow_btn.evcal_btn {
	text-align: center !important;
	max-width: 250px !important;
	margin-top: 15px !important;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

	/** Events Detail Page >> Sign In/Register button shape styling:hover **/
	.evo_sin_page .evcal_list_a:hover {
	
}

	/** Events Detail Page >> Sign In/Register button shape styling:hover Copy 1 **/
	a.evors_loginnow_btn.evcal_btn:hover {
	
}

	/** Events Detail Page >> Pbe above content wa wrap div **/
	#pbe-above-content-wa-wrap #divi_pb_widget-3 {
	margin-bottom: -160px !important;
}

	/** Events Detail Page >> Pbe above content wa wrap div Copy 1 **/
	#pbe-above-content-wa-wrap #divi_pb_widget-3 {
	margin-bottom: 5px !important;
}

	/** Events Detail Page >> Event Detail, width **/
	.evo_page_body {
	margin-top: -25px !important;
}

	/** Events Detail Page >> "VOLUNTEER" button **/
	.open .one {
	font-size: 18px !important;
	padding-right: 50px !important;
	padding-left: 50px !important;
}

	/** Events Detail Page >> "VOLUNTEER" button: hover **/
	.open .one:hover {
	font-size: 18px !important;
	padding-right: 50px !important;
	padding-left: 50px !important;
}


	/*= Events List =============== */

	/** Events List >> Event Title left padding **/
	.hasFtIMG .evcal_desc2 {
	
}

	/** Events List >> Event Subtitle left padding **/
	.hasFtIMG .evcal_event_subtitle {
	
}

	/** Events List >> Event Time left margin **/
	.hasFtIMG .evcal_time {
	
}

	/** Events List >> Event Time left margin:before, make clock red **/
	.hasFtIMG .evcal_time:before {
	
}

	/** Events List >> Event location, left margin **/
	.hasFtIMG .evcal_location {
	
}

	/** Events List >> Volunteers needed, left padding **/
	.hasFtIMG .remaining_count {
	
}

	/** Events List >> "Featured" Bug, left padding **/
	.hasFtIMG .featured {
	
}

	/** Events List >> Left Padding Event Date **/
	.hasFtIMG .evcal_cblock {
	
}


	/*= Events Detail Page Sidebar = */

	/** Events Detail Page Sidebar >> Increase Sidebar Width, Add Top Overlay Styling **/
	#sidebar {
	
}

	/** Events Detail Page Sidebar >> ALL EVENTS page, Move sidebar down below blue bar **/
	.mt-17 #divi_pb_widget-2 {
	
}

	/** Events Detail Page Sidebar >> Remove Sidebar Vertical Rule **/
	#main-content .container::before {
	
}


	/*= General =================== */

	/** General >> Styling Breadcrumbs, as appearing when placed Above Page Contents in Widgets **/
	.ds_dbreadcrumbs {
	padding-left: 6% !important;
}

	/** General >> Styling Breadcrumbs, on Upcoming Events rollup page **/
	.manually-added-breadcrumbs .ds_dbreadcrumbs {
	margin-top: -3% !important;
}

	/** General >> Styling Breadcrumbs, as appearing when placed below standard full-width header **/
	.manually-added-breadcrumbs-plain .ds_dbreadcrumbs {
	margin-top: -45px !important;
	margin-bottom: -20px !important;
}


	/*= Monarch Social Sharing Styling = */

	/** Monarch Social Sharing Styling >> "Share This" styling on tablet and mobile **/
	.et_social_heading {
	color: rgb(255, 255, 255) !important;
	font-weight: bold !important;
	background-color: rgb(233, 67, 66) !important;
}


	/*= Upcoming Events, View All page = */

	/** Upcoming Events, View All page >> Slide Description **/
	#FF-Slider .et_pb_slide_description {
	padding-top: 85px !important;
	margin-bottom: 50px !important;
}

	/** Upcoming Events, View All page >> Slide Image **/
	#FF-Slider .et_pb_slide_image {
	width: 100% !important;
	padding-top: 30px !important;
	top: 300px !important;
	left: 0 !important;
	right: 0 !important;
	display: block !important;
}

	/** Upcoming Events, View All page >> Left arrow position **/
	#FF-Slider .et-pb-slider-arrows .et-pb-arrow-prev {
	left: -18px !important;
}

	/** Upcoming Events, View All page >> Right arrow position **/
	#FF-Slider .et-pb-slider-arrows .et-pb-arrow-next {
	right: -15px !important;
}

	/** Upcoming Events, View All page >> Slider Top Margin **/
	#FF-Slider .et_pb_slide {
	margin-top: -40px !important;
}

	/** Upcoming Events, View All page >> Container Margin Bottoms, Global **/
	#FF-Slider.et_pb_section {
	
}

	/** Upcoming Events, View All page >> Adjust "Overflow" on left/right arrows **/
	.et-last-child .et_pb_bg_layout_dark {
	opacity: 1 !important;
}

	/** Upcoming Events, View All page >> Arrows styling **/
	#FF-Slider .et-pb-slider-arrows a {
	background-color: rgba(233, 67, 66, 0) !important;
}


	/*= Volunteer Application Form = */

	/** Volunteer Application Form >> "Next" button **/
	.nf-next {
	font-size: 18px !important;
	padding-right: 50px !important;
	padding-left: 50px !important;
}

	/** Volunteer Application Form >> "Next" button: hover **/
	.nf-next:hover {
	padding-right: 30px !important;
	padding-left: 30px !important;
}

	/** Volunteer Application Form >> "Previous" button **/
	.nf-previous {
	padding-right: 30px !important;
	padding-left: 30px !important;
}

	/** Volunteer Application Form >> "Previous" button: hover **/
	.nf-previous:hover {
	padding-right: 30px !important;
	padding-left: 30px !important;
}


	/*= Volunteer Short Form ====== */

	/** Volunteer Short Form >> Form Header **/
	.form_header {
	
}


	/*= My Account, RSVP'ed events list stylings = */

	/** My Account, RSVP'ed events list stylings >> Event Titles **/
	.check-in .event_data a {
	font-size: 20px !important;
}

	/** My Account, RSVP'ed events list stylings >> Event Titles : hover **/
	.check-in .event_data a:hover {
	font-size: 20px !important;
}

	/** My Account, RSVP'ed events list stylings >> "Your Volunteering RSVPs", hide **/
	#eo-rsvp-list .et_pb_text_inner h2 {
	font-size: 30px !important;
}

	/** My Account, RSVP'ed events list stylings >> Current menu item link, add bottom arrow **/
	#menu-my-account .current-menu-item a:after {
	
}


	/*= Update Email and Password Form = */

	/** Update Email and Password Form >> Save Changes button **/
	#restrict-update-form #rcp_profile_editor_submit {
	width: 100% !important;
}

	/** Update Email and Password Form >> Save changes button: hover **/
	#restrict-update-form #rcp_profile_editor_submit:hover {
	width: 100% !important;
}


	/*= Donation Form Styling, Plus a few universal form stylings = */

	/** Donation Form Styling, Plus a few universal form stylings >> "other" donation number field styling **/
	#nf-form-13-cont #nf-field-220 {
	width: 90% !important;
}


	/*= What We Do, Detail Page Styles = */

	/** What We Do, Detail Page Styles >> Left arrow styling **/
	.ff-gallery .et-pb-slider-arrows .et-pb-arrow-prev {
	left: -18px !important;
	opacity: 1 !important;
}

	/** What We Do, Detail Page Styles >> Right arrow styling **/
	.ff-gallery .et-pb-slider-arrows .et-pb-arrow-next {
	right: -18px !important;
	opacity: 1 !important;
}

	/** What We Do, Detail Page Styles >> Slider **/
	.ff-gallery .et-pb-slider {
	
}


	/*= Events Detail Page _2 ===== */

	/** Events Detail Page _2 >> Evcal list expanded **/
	#evcal_list .expanded {
	max-height: 300px !important;
}


}