/*  MICROTHEMER STYLES  */


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

/** General >> Small Group Video Placeholder aspect **/
.fl-node-9obaigjmwqse .pp-video-wrapper:not(.pp-video-has-lightbox) .pp-video-image-overlay img, 
.square-video .pp-video-wrapper:not(.pp-video-has-lightbox) .pp-video-image-overlay img {
	aspect-ratio: 1/1 !important;
}

/** General >> Grad Headings **/
.gradient-headings, 
.gradient-heading {
	background: linear-gradient(135deg, rgb(21, 125, 194), rgb(126, 217, 87)) !important;
	-webkit-animation-duration: .3s !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}

/** General >> Grad Headings Copy 1 **/
.gradient-icon-list .pp-list-item-icon {
	background: linear-gradient(135deg, rgb(21, 125, 194), rgb(126, 217, 87)) !important;
	-webkit-animation-duration: .3s !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}

/** General >> Fl button lightbox content **/
.mfp-content .fl-button-lightbox-content {
	max-width: 800px !important;
	padding: 20px !important;
	border-radius: 15px !important;
}

/** General >> Contact instructions **/
.contact-instructions {
	font-size: 28px !important;
}

/** General >> First Row Padding **/
.entry-content .fl-builder-content .fl-row:not(.landing-page-top-row):first-of-type .fl-row-content-wrap:first-of-type {
	padding-top: 150px !important;
}

/** General >> Contact Holder Buttn **/
.contact-holder a:hover {
	color: #000000 !important;
	background: #ffffff !important;
}

/** General >> High Z **/
.high-z {
	position: relative !important;
	z-index: 99 !important;
}

/** General >> Language Selection **/
html:not([lang="en-US"]):not(.fl-builder-edit) .english-link, 
html:not([lang="es"]):not(.fl-builder-edit) .spanish-link {
	display: none !important;
}


/*= Header ==================== */

/** Header >> Gradient Menu Links mobile size **/
.mobile-menu-large-menu a {
	background: linear-gradient(135deg, rgb(21, 125, 194), rgb(126, 217, 87)) !important;
	-webkit-animation-duration: .3s !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}

/** Header >> Mobile Toggle Area **/
.full-screen-toggle {
	background: #000 !important;
	width: 100vw !important;
	padding: 0 !important;
	position: fixed !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 9 !important;
}
.menu-icons {
	position: relative !important;
	z-index: 99 !important;
}
.switch {
	position: relative !important;
	display: inline-block !important;
	width: 24px !important;
	height: 14px !important;
	border: white 2px solid !important;
	border-radius: 50px !important;
	background: transparent !important;
	margin-bottom: 2px !important;
}
.switch .slider {
	position: absolute !important;
	cursor: pointer !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	-webkit-transition: .4s !important;
	transition: .4s !important;
	background-color: transparent !important;
	border-radius: 50px !important;
}
.switch .slider:before {
	position: absolute !important;
	content: "" !important;
	height: 8px !important;
	width: 8px !important;
	left: 2px !important;
	bottom: 1px !important;
	background-color: white !important;
	-webkit-transition: .4s !important;
	transition: .4s !important;
	border-radius: 50% !important;
}
.switch.active .slider {
	background-color: #000 !important;
}
.switch.active .slider:before {
	transform: translateX(8px) !important;
}
.rb-menu-toggle {
	padding-left: 15px !important;
	cursor: pointer !important;
	color: #fff !important;
	text-transform: uppercase !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 2px !important;
}
.mobile-menu-switcher-text {
	color: white !important;
}
body.no-scroll {
	overflow: hidden !important;
}

/** Header >> Language Selector **/
.country-selector.weglot-dropdown {
	background: rgba(0, 0, 0, 0) !important;
}
.wglanguage-name {
	color: white !important;
	font-weight: 600 !important;
	font-size: 12px !important;
	padding-right: 0px !important;
}
.country-selector.weglot-dropdown .wgcurrent:after {
	background: none !important;
	background-size: contain !important;
	display: inline-block !important;
	position: absolute !important;
	top: 17px !important;
	right: 8px !important;
	width: 13px !important;
	height: 7px !important;
	-ms-interpolation-mode: nearest-neighbor !important;
	image-rendering: -webkit-optimize-contrast !important;
	image-rendering: -o-pixelated !important;
	image-rendering: pixelated !important;
	content: "" !important;
	-webkit-transition: all 200ms !important;
	-o-transition: all 200ms !important;
	-webkit-transition: all 200ms !important;
	transition: all 200ms !important;
}

/** Header >> Tbg select placeholder **/
#staff .tbg-select-placeholder {
	background: white !important;
}


/*= Home Page - Value Stack === */

/** Home Page - Value Stack >> wpbf container **/
.wpbf-page {
	padding: 0 !important;
	margin: 0 !important;
}

/** Home Page - Value Stack >> Sermon Info **/
.bc-post-info, 
.bc-post-info a {
	color: #ffffff !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	padding-top: 10px !important;
}

/** Home Page - Value Stack >> Video Post **/
.video-post-info, 
.video-post-info a {
	color: #000000 !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	padding-top: 10px !important;
}

/** Home Page - Value Stack >> large h2 size **/
.large-h2 h2 {
	font-size: 60px !important;
}


/*= Buttons =================== */

/** Buttons >> Button Arrow on Transparent btn **/
.transparent-btn .fl-button-left .dashicons-arrow-right-alt {
	color: #ffffff !important;
}

/** Buttons >> Gradient-btn **/
.fl-button {
	border-top-width: 3px !important;
	position: relative !important;
	z-index: 0 !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	overflow: hidden !important;
}
.fl-button-text, 
.fl-button-icon {
	position: relative !important;
	z-index: 1 !important;
}
.fl-button:before {
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	content: '' !important;
	width: 100% !important;
	height: 100% !important;
	position: absolute !important;
	z-index: -1 !important;
	top: 0 !important;
	left: 0 !important;
	border-radius: 4px !important;
	background: linear-gradient(135deg, rgb(21, 125, 194), rgb(126, 217, 87)) !important;
	opacity: 0 !important;
}
.fl-button:hover {
	border-color: #000000 !important;
	opacity: 1 !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
}
.fl-button:hover:before {
	opacity: 1 !important;
}

/** Buttons >> Gradient-btn Copy 1 **/
.gform_button, 
body .gform_wrapper .gform_footer input[type=submit] {
	color: black !important;
	font-size: 16px !important;
	background: white !important;
	padding: 12px 25px 12px 25px !important;
	border: 2px solid black !important;
	border-radius: 10px !important;
}
.gform_button:hover, 
body .gform_wrapper .gform_footer input[type=submit]:hover {
	background: black !important;
	color: white !important;
}

/** Buttons >> Grid Btns **/
.grid-btn a, 
.gform_button {
	font-family: Nunito Sans !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
}
.grid-btn a:hover, 
.grid-btn:hover, 
.gform_button:hover {
	color: #000000 !important;
}
.grid-btn {
	margin-top: 10px !important;
}

/** Buttons >> Grid Btn Icon **/
.grid-btn i {
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	opacity: 0 !important;
}
.grid-btn:hover i {
	opacity: 1 !important;
	transform: translateX(10px) !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
}


/*= Home Page Callouts ======== */

/** Home Page Callouts >> Icon Hover on Callout **/
.fl-callout:hover .fl-icon, 
.post-with-arrows-grid:hover i {
	color: #ffffff !important;
	position: relative !important;
	z-index: 99 !important;
	transform: translateX(15px) !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	overflow-x: visible !important;
	z-index: 999 !important;
}
.fl-callout .fl-icon, 
.post-with-arrows-grid i {
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	-webkit-animation-duration: .3s !important;
	position: relative !important;
	z-index: 99 !important;
	overflow-x: visible !important;
}
.gradient-icon .fl-callout .fl-icon, 
.gradient-icon .pp-list-item-icon, 
.post-with-arrows-grid i {
	-webkit-animation-duration: .3s !important;
	background: linear-gradient(rgb(21, 125, 194), rgb(126, 217, 87)) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}
.fl-callout-has-icon {
	position: relative !important;
	overflow-x: visible !important;
}

/** Home Page Callouts >> Overlay Heading **/
.overlay-heading {
	position: relative !important;
}
.overlay-heading .fl-heading-text {
	-webkit-font-smoothing: antialiased !important;
	background-color: transparent !important;
	mix-blend-mode: difference !important;
}
.overlay-heading h2 {
	color: #fff !important;
}

/** Home Page Callouts >> Closer text paragraph **/
.closer-text p {
	margin-top: -25px !important;
}


/*= Text and Heading Changes == */

/** Text and Heading Changes >> Get Connecte Heading Position **/
.get-connected-heading .fl-heading-text {
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.48) !important;
	position: relative !important;
	top: 0 !important;
	left: -60px !important;
	z-index: 0 !important;
}


/*= Get Connected Slider ====== */

/** Get Connected Slider >> Connection Grid Border Radius **/
.connection-slider-background, 
.connection-gradient-overlay {
	min-height: 400px !important;
	border-radius: 25px !important;
}

/** Get Connected Slider >> Connection Gradient **/
.connection-slider-link .connection-gradient-overlay {
	background-image: linear-gradient(rgba(0, 0, 0, 0.04), rgba(6, 6, 6, 0.98)) !important;
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	overflow: hidden !important;
	opacity: .8 !important;
	content: '' !important;
	-webkit-animation-duration: .3s !important;
}

/** Get Connected Slider >> Connection Gradient Hover **/
.connection-slider-link:hover .connection-gradient-overlay {
	background-image: linear-gradient(rgba(21, 125, 194, 0.9), rgba(126, 217, 87, 0.9)) !important;
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	opacity: 1 !important;
	content: '' !important;
	-webkit-animation-duration: .3s !important;
}

/** Get Connected Slider >> Connection slider text padding **/
.connection-slider-text {
	padding: 20px !important;
}
.connection-slider-text, 
.connection-slider-title, 
.connection-slider-text i {
	color: #ffffff !important;
	position: relative !important;
	z-index: 99 !important;
}

/** Get Connected Slider >> Connection Slider Icon Hover **/
.connection-slider-link .connection-slider-text i {
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	-webkit-animation-duration: .3s !important;
}
.connection-slider-text i {
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	-webkit-animation-duration: .3s !important;
}
.connection-slider-link:hover .connection-slider-text i {
	transform: translateX(15px) !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	-webkit-animation-duration: .3s !important;
}


/*= Event Slider ============== */

/** Event Slider >> Event Slider Border Radius **/
.event-slider-background, 
.event-gradient-overlay {
	border-radius: 25px !important;
}

/** Event Slider >> Event Slider Gradient **/
.event-slider-link .event-gradient-overlay {
	background-image: linear-gradient(rgba(0, 0, 0, 0.04), rgba(6, 6, 6, 0.98)) !important;
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	overflow: hidden !important;
	opacity: .8 !important;
	content: '' !important;
	-webkit-animation-duration: .3s !important;
}

/** Event Slider >> Event Gradient Hover **/
.event-slider-link:hover .event-gradient-overlay {
	background-image: linear-gradient(rgba(21, 125, 194, 0.9), rgba(126, 217, 87, 0.9)) !important;
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	opacity: 1 !important;
	content: '' !important;
	-webkit-animation-duration: .3s !important;
}

/** Event Slider >> Event slider text padding **/
.event-slider-text {
	padding: 20px !important;
}
.event-slider-text, 
.event-slider-title, 
.event-slider-text i {
	color: #ffffff !important;
	position: relative !important;
	z-index: 99 !important;
}

/** Event Slider >> Event Slider Icon Hover **/
.event-slider-link .event-slider-text i {
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	-webkit-animation-duration: .3s !important;
}
.event-slider-text i {
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	-webkit-animation-duration: .3s !important;
}
.event-slider-link:hover .event-slider-text i {
	transform: translateX(15px) !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	-webkit-animation-duration: .3s !important;
}

/** Event Slider >> Date info **/
.date-info {
	color: #000000 !important;
	font-size: 16px !important;
	text-transform: uppercase !important;
	background: #fff !important;
	padding: 10px 35px 10px 35px !important;
	margin: auto !important;
	border-radius: 20px !important;
	position: absolute !important;
	top: 10px !important;
	left: 40px !important;
	right: 10px !important;
	z-index: 9 !important;
	opacity: 1 !important;
}

/** Event Slider >> Event slider date info **/
#uk-slider-0-items .event-slider-date-info {
	font-family: Nunito Sans !important;
	color: #000 !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	opacity: 1 !important;
}
.event-slider-day {
	font-size: 12px !important;
	line-height: 1 !important;
	opacity: .5 !important;
	color: #000000 !important;
}
.event-slider-date {
	font-size: 16px !important;
	color: #000000 !important;
}

/** Event Slider >> Event slider title **/
.event-slider-title {
	font-size: 24px !important;
}

/** Event Slider >> Event subtitle btn **/
.event-subtitle-btn, 
.event-slider-campus {
	font-size: 16px !important;
}

/** Event Slider >> Event slider campus **/
.event-slider-campus {
	font-family: Nunito Sans !important;
	color: #000 !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	background: #fff !important;
	padding: 3px 8px 3px 8px !important;
	border-radius: 25px !important;
}


/*= Slider Arrows ============= */

/** Slider Arrows >> Dark arrows fa arrow right **/
.dark-arrows {
	padding-top: 25px !important;
}
.dark-arrows .fas {
	padding-left: 25px !important;
	color: #000000 !important;
	font-size: 36px !important;
	background: linear-gradient(rgb(21, 125, 194), rgb(126, 217, 87)) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	-webkit-animation-duration: .3s !important;
}
.dark-arrows .right-arrow .fas:hover {
	color: #000000 !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	-webkit-animation-duration: .3s !important;
	transform: translateX(10px) !important;
}
.dark-arrows .left-arrow .fas:hover {
	color: #000000 !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	-webkit-animation-duration: .3s !important;
	transform: translateX(-10px) !important;
}


/*= Location Slider =========== */

/** Location Slider >> Directions Btn **/
.direction-btn a {
	font-family: Nunito Sans !important;
	color: #000 !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
}
.direction-btn a:hover, 
.direction-btn:hover {
	color: #000000 !important;
}
.direction-btn {
	margin-top: 10px !important;
}

/** Location Slider >> Direciotn Btn Location Slider **/
.direction-btn i {
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	opacity: 0 !important;
}
.direction-btn:hover i {
	opacity: 1 !important;
	transform: translateX(10px) !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
}
.arrowed-btn i {
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	opacity: 0 !important;
	font-size: 12px !important;
}
.arrowed-btn:hover i {
	opacity: 1 !important;
	transform: translateX(10px) !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
}

/** Location Slider >> Main location card image **/
.location-slider-post {
	color: #ffffff !important;
	margin-top: 15px !important;
	position: relative !important;
	z-index: 99 !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
}
.location-slider-post:hover {
	color: #ffffff !important;
	position: relative !important;
	z-index: 99 !important;
	transform: translateY(-5px) !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
}


/*= Accordions and Tab ======== */

/** Accordions and Tab >> Main fl accordion button **/
#main .fl-accordion-item {
	background: #ffffff !important;
	border: 2px solid #000 !important;
	border-radius: 8px !important;
	position: relative !important;
	z-index: 999 !important;
}
.fl-accordion-button {
	background: #ffffff !important;
}
.fl-accordion-item .fl-accordion-button-icon {
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	background: linear-gradient(135deg, rgb(0, 0, 0), rgb(0, 0, 0)) !important;
	-webkit-animation-duration: .3s !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}
.fl-accordion-item:hover .fl-accordion-button-icon {
	opacity: 1 !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	background: linear-gradient(135deg, rgb(21, 125, 194), rgb(126, 217, 87)) !important;
	-webkit-animation-duration: .3s !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	transform: translateX(5px) !important;
}

/** Accordions and Tab >> Accordion Text **/
.fl-accordion-button-label, 
.fl-accordion-content, 
.fl-accordion-button-icon {
	color: #000 !important;
	position: relative !important;
	z-index: 999999 !important;
}
.fl-accordion-content {
	background: #fff !important;
	padding-top: 10px !important;
}


/*= Touchpoint Groups ========= */

/** Touchpoint Groups >> Small Group Archive Header **/
.post-type-archive-tp_inv_smallgroup .archive-header, 
.tp_inv_smallgroup-template-default .archive-header {
	background: #000 !important;
	padding-top: 140px !important;
}
.post-type-archive-tp_inv_smallgroup .archive-header h1 {
	color: #fff !important;
	font-size: 48px !important;
}
.tp_inv_smallgroup-template-default .archive-header h1 {
	padding-bottom: 60px !important;
	padding-top: 40px !important;
	color: #ffffff !important;
	font-size: 36px !important;
}

/** Touchpoint Groups >> Filter Bar **/
.TouchPoint-Involvement {
	max-width: 80vw !important;
	margin: auto !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	margin-bottom: 45px !important;
}

/** Touchpoint Groups >> Single Filter **/
.filterBar-filter {
	margin-right: 10px !important;
	margin-left: 10px !important;
}

/** Touchpoint Groups >> Group Titles **/
.inv-list h2 {
	font-size: 22px !important;
	margin-bottom: 0 !important;
}

/** Touchpoint Groups >> Group Buttons **/
.involvement-actions .btn {
	font-family: "Nunito Sans" !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	padding-right: 25px !important;
	position: relative !important;
}
.involvement-actions a.btn {
	padding-right: 25px !important;
	font-family: "Nunito Sans" !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	position: relative !important;
	font-size: 14px !important;
}
.direction-btn a {
	font-family: Nunito Sans !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
}
.direction-btn a:hover, 
.direction-btn:hover {
	color: #000000 !important;
}
.direction-btn {
	margin-top: 10px !important;
}

/** Touchpoint Groups >> Group Button Arrow **/
.involvement-actions .btn:after {
	font-family: 'Dashicons' !important;
	position: absolute !important;
	top: 1px !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	opacity: 0 !important;
	content: "\f344" !important;
	-webkit-animation-duration: .3s !important;
}
.involvement-actions .btn:hover:after {
	color: #000000 !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	-webkit-animation-duration: .3s !important;
	transform: translateX(8px) !important;
	opacity: 1 !important;
}

/** Touchpoint Groups >> Group Card **/
.post-type-archive-tp_inv_smallgroup .tp_inv_smallgroup {
	background: white !important;
	min-height: 280px !important;
	margin: 15px !important;
	border: 2px solid black !important;
	border-radius: 15px !important;
	position: relative !important;
	-webkit-backface-visibility: hidden !important;
	backface-visibility: hidden !important;
	-webkit-transition: 0.5s !important;
	transition: 0.5s !important;
	-webkit-transition: all 0.5s ease !important;
	-webkit-backface-visibility: hidden !important;
}
.post-type-archive-tp_inv_smallgroup .tp_inv_smallgroup:hover {
	-webkit-transition: all 0.3s ease !important;
	-webkit-transition: all 0.3s ease !important;
	transition: all 0.3s ease !important;
	-webkit-transform: translate3D(0, -1px, 0) !important;
	transform: translate3D(0, -1px, 0) !important;
	-webkit-box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 0 3px 16px rgba(39, 44, 49, 0.07) !important;
	box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 0 3px 16px rgba(39, 44, 49, 0.07) !important;
}

/** Touchpoint Groups >> Group Meta **/
.tp_inv_smallgroup .post-meta-single, 
.involvement-logistics .meta-text {
	font-family: 'Nunito Sans' !important;
	color: #ffffff !important;
	font-size: 12px !important;
	line-height: 1 !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	background: linear-gradient(145deg, rgba(21, 125, 194, 1), rgba(126, 217, 87, 1)) !important;
	padding: 5px 15px 5px 15px !important;
	margin-bottom: 5px !important;
	border-radius: 25px !important;
	display: inline-block !important;
	opacity: 1 !important;
}
.involvement-logistics .meta-text {
	font-size: 18px !important;
}
.swal2-loader button {
	border-radius: 15px !important;
}

/** Touchpoint Groups >> Group Description **/
.tp_inv_smallgroup .entry-content {
	font-family: "Nunito Sans" !important;
	font-size: 15px !important;
	line-height: 1.4 !important;
	padding-top: 20px !important;
}

/** Touchpoint Groups >> BTN Group Position **/
.inv_smallgroup-actions {
	position: absolute !important;
	bottom: 15px !important;
	left: 17px !important;
}

/** Touchpoint Groups >> Small Group Single Content Width **/
.type-tp_inv_smallgroup {
	font-family: 'Nunito Sans' !important;
	max-width: 600px !important;
	min-height: 400px !important;
	margin: auto !important;
}

/** Touchpoint Groups >> Popup Group Btns **/
.swal2-actions .swal2-confirm, 
.swal2-actions .swal2-cancel, 
.swal2-actions .swal2-deny {
	font-family: 'Nunito Sans' !important;
	font-weight: 600 !important;
	letter-spacing: 1px !important;
	padding: 10px 25px 10px 25px !important;
	border-radius: 15px !important;
}

/** Touchpoint Groups >> Swal2 backdrop show swal2 popup **/
.swal2-backdrop-show .swal2-popup {
	border: 2px solid #000 !important;
	border-radius: 25px !important;
}

/** Touchpoint Groups >> Title in Popup **/
#swal2-title .no-wrap {
	font-family: 'Nunito Sans' !important;
	white-space: normal !important;
	display: block !important;
	Color: #000 !important;
}
#swal2-title {
	font-size: 24px !important;
	color: #000 !important;
}

/** Touchpoint Groups >> List Width **/
.inv-list {
	max-width: 90vw !important;
	margin: auto !important;
}


/*= Hope Grid ================= */

/** Hope Grid >> Hope Card Title **/
.hope-card-title {
	color: #000000 !important;
	font-size: 18px !important;
	line-height: 1 !important;
	padding-top: 10px !important;
	margin-bottom: 10px !important;
}

/** Hope Grid >> Hope Post Item **/
.hope-posts {
	background: #ffffff !important;
	min-height: 15vh !important;
	padding: 20px !important;
	border: 2px solid black !important;
	border-radius: 15px !important;
	-webkit-backface-visibility: hidden !important;
	backface-visibility: hidden !important;
	-webkit-transition: 0.5s !important;
	transition: 0.5s !important;
	-webkit-transition: all 0.5s ease !important;
	-webkit-backface-visibility: hidden !important;
}
.hope-posts:hover {
	-webkit-transition: all 0.3s ease !important;
	-webkit-transition: all 0.3s ease !important;
	transition: all 0.3s ease !important;
	-webkit-transform: translate3D(0, -1px, 0) !important;
	transform: translate3D(0, -1px, 0) !important;
	-webkit-box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 0 3px 16px rgba(39, 44, 49, 0.07) !important;
	box-shadow: 0 0 1px rgba(39, 44, 49, 0.17), 0 3px 16px rgba(39, 44, 49, 0.17) !important;
}

/** Hope Grid >> Hope Card Category **/
.hope-card-category {
	color: #ffffff !important;
	font-size: 12px !important;
	line-height: 1 !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	background: linear-gradient(145deg, rgba(21, 125, 194, 0.9), rgba(126, 217, 87, 0.9)) !important;
	padding: 5px 15px 5px 15px !important;
	margin-bottom: 5px !important;
	border-radius: 25px !important;
	display: inline-block !important;
}

/** Hope Grid >> Strong **/
.hope-info-list strong {
	font-size: 18px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
}
.hope-info-list {
	font-size: 16px !important;
	letter-spacing: 1px !important;
}
.hope-modal-contact-btn a {
	font-size: 12px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	padding-right: 15px !important;
	background: #000000 !important;
	color: #ffffff !important;
	padding: 4px 12px !important;
	border-radius: 15px !important;
}
.hope-modal-contact-btn a:hover {
	color: #000 !important;
	background: #f2f2f2 !important;
}


/*= facets ==================== */

/** facets >> Fieldset **/
fieldset {
	border: medium none #000000 !important;
}


/*= Students Page ============= */

/** Students Page >> Image Grow **/
.img-grow .fl-row-content-wrap {
	background-position: 50% !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	z-index: 0 !important;
	transform-style: preserve-3d !important;
	transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0) !important;
	-webkit-transition: transform 1s ease-in !important;
	transition: transform 1s ease-in !important;
	display: block !important;
}
.img-grow .fl-row-content-wrap:hover {
	transform: translate3d(0px, 0px, 0px) scale3d(1.02, 1.02, 1.02) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) !important;
	transform-style: preserve-3d !important;
	-webkit-transition: transform 1s ease-in-out !important;
	transition: transform 1s ease-in-out !important;
}

/** Students Page >> Campus Selector Events **/
.uk-subnav-pill a {
	font-size: 14px !important;
	text-transform: uppercase !important;
	margin: auto !important;
	border-radius: 20px !important;
	top: 10px !important;
	left: 40px !important;
	right: 10px !important;
	z-index: 9 !important;
	opacity: 1 !important;
}

/** Students Page >> Link Copy 1 **/
.uk-subnav-pill .uk-active a {
	background-image: linear-gradient(135deg, rgb(21, 125, 194), rgb(126, 217, 87)) !important;
}

/** Students Page >> Sticky rows **/
#main .sticky-rows {
	background: #ffffff !important;
	position: -webkit-sticky !important;
	top: 0 !important;
	z-index: 99 !important;
	position: fixed !important;
}

/** Students Page >> Tbg select _3 **/
.staff-facet .tbg-select {
	font-family: Nunito Sans !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	background: white !important;
	padding-left: 15px !important;
	border-color: #2087B7 !important;
}

/** Students Page >> Tbg select **/
.tbg-select {
	font-size: 16px !important;
	width: 100% !important;
	max-width: 260px !important;
	padding: 5px 10px 5px 10px !important;
	border-color: #000000 !important;
}


/*= Events Single ============= */

/** Events Single >> Single event campus name **/
.single-event-campus-name .fl-heading {
	font-family: Nunito Sans !important;
	color: #fff !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	background: linear-gradient(135deg, rgb(21, 125, 194), rgb(126, 217, 87)) !important;
	padding: 5px 25px 5px 25px !important;
	border-radius: 25px !important;
	display: inline-block !important;
}

/** Events Single >> Callout Icons on Event Single Page **/
.event-details-callout .fl-callout:hover .fl-icon {
	transform: translateX(0) !important;
}
.event-details-callout .fl-icon {
	background: linear-gradient(rgb(21, 125, 194), rgb(126, 217, 87)) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}


/*= Location Specific ========= */

/** Location Specific >> Rock Bridge Name Gradient **/
.location-rb-gradient .fl-heading {
	font-family: Nunito Sans !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	background: linear-gradient(135deg, rgb(21, 125, 194), rgb(126, 217, 87)) !important;
	padding: 5px 15px 5px 15px !important;
	border-radius: 25px !important;
	display: inline-block !important;
}

/** Location Specific >> Campus Pastor title/name **/
.cp-info {
	padding-left: 15px !important;
}


/*= Panels with Hover ========= */

/** Panels with Hover >> Panel BG **/
.panel-bg {
	box-shadow: 7px 7px 20px 0 rgba(0, 0, 0, .4) !important;
	height: 100% !important;
	border-radius: 25px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	position: relative !important;
	z-index: auto !important;
	transform-style: preserve-3d !important;
	transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0) !important;
	-webkit-transition: box-shadow .35s !important;
	transition: box-shadow .35s !important;
	overflow: hidden !important;
	cursor: pointer !important;
	-webkit-transition: transform .4s ease-in-out !important;
	transition: transform .4s ease-in-out !important;
}
.panel-bg:hover {
	box-shadow: 0 0 20px rgba(122, 122, 122, .5) !important;
	transform: translate3d(0px, 0px, 0px) scale3d(1.01, 1.01, 1.01) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) !important;
	transform-style: preserve-3d !important;
	-webkit-transition: transform .4s ease-in-out !important;
	transition: transform .4s ease-in-out !important;
}

/** Panels with Hover >> Panel BG Image **/
.panel-bg-img {
	background-position: 50% !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	width: 100% !important;
	position: relative !important;
	z-index: 0 !important;
	transform-style: preserve-3d !important;
	transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0) !important;
	-webkit-transition: transform 1s ease-in !important;
	transition: transform 1s ease-in !important;
	display: block !important;
}
.panel-bg-img:hover {
	transform: translate3d(0px, 0px, 0px) scale3d(1.04, 1.04, 1.04) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) !important;
	transform-style: preserve-3d !important;
	-webkit-transition: transform 1s ease-in-out !important;
	transition: transform 1s ease-in-out !important;
}

/** Panels with Hover >> Panel BG Overlay **/
.dark-overlay {
	background-image: linear-gradient(rgba(0, 0, 0, .35), rgba(0, 0, 0, .35)) !important;
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 1 !important;
	-webkit-transition: transform 1s ease-in !important;
	transition: transform 1s ease-in !important;
	opacity: 1 !important;
}
.panel-bg:hover .dark-overlay {
	opacity: .333 !important;
}

/** Panels with Hover >> Panel Content **/
.panel-content {
	color: #fff !important;
	margin: 0 20px 20px 30px !important;
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	z-index: 0 !important;
}
.panel-content h2 {
	color: #fff !important;
}

/** Panels with Hover >> Panel Content Copy 1 **/
.panel-content {
	color: #fff !important;
	margin: 0 20px 20px 30px !important;
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	z-index: 0 !important;
}
.panel-content h2 {
	color: #fff !important;
}


/*= Sermon Player ============= */

/** Sermon Player >> Media Toggle **/
.sermon-toggle-btn {
	font-size: 16px !important;
	line-height: 2.3 !important;
	text-align: center !important;
	background: #ffffff !important;
	width: 35px !important;
	height: 35px !important;
	border-radius: 50px !important;
	position: absolute !important;
	top: 20px !important;
	right: 5px !important;
	z-index: 99 !important;
}
.toggle-btn {
	position: relative !important;
	top: 0 !important;
	right: 0 !important;
}


/*= Resources ================= */

/** Resources >> Dropdown words **/
.tbg-options-item, 
.tbg-options-dropdown, 
.tbg-facet[data-facet-type=dropdownmulti] .tbg-multiselect-items .tbg-checkbox-item .tbg-checkbox-label {
	font-size: 16px !important;
}
.tbg-option-count, 
.slider-list-posts {
	font-size: 12px !important;
	color: grey !important;
}

/** Resources >> Resource Button styling **/
.resource-grid-button-link {
	font-size: 14px !important;
	font-weight: 800 !important;
	text-decoration: underline !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	margin-top: 10px !important;
	margin-right: 10px !important;
}
.resource-grid-button-link:hover {
	color: #000000 !important;
}
.resource-grid-button-link i {
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	opacity: 0 !important;
	color: #000000 !important;
}
.resource-grid-button-link:hover i {
	opacity: 1 !important;
	transform: translateX(10px) !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
}

/** Resources >> Paragraph **/
.resource-grid-content p {
	font-size: 14px !important;
}


/*( Large Desktop )*/
@media (min-width: 1200px) {
	/** Home Page - Value Stack >> Locations modal **/
	#locations-modal {
	min-width: 75vw !important;
}

	/** Home Page - Value Stack >> Locations modal uk margin auto vertical **/
	#locations-modal .uk-modal-body {
	min-width: 65vw !important;
}

	/** General >> First Row Padding **/
	.entry-content .fl-builder-content .fl-row:not(.landing-page-top-row):first-of-type .fl-row-content-wrap:first-of-type {
	padding-top: 200px !important;
}

}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {
	/** Mobile Specific changes >> Four Images changes. **/
	.all-in-img-parent .fl-col-group {
	width: 100% !important;
	margin: 0 25px 0 0 !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-flow: row wrap !important;
	-moz-flex-flow: row wrap !important;
	-ms-flex-flow: row wrap !important;
	flex-flow: row wrap !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	-webkit-align-content: space-around !important;
	align-content: space-around !important;
	grid-gap: 0 !important;
	gap: 0 !important;
}
.all-in-img-one, 
.all-in-img-three {
	max-width: 60% !important;
}
.all-in-img-two, 
.all-in-img-four {
	max-width: 30% !important;
}
.all-in-img-one .fl-col-content, 
.all-in-img-two .fl-col-content, 
.all-in-img-three .fl-col-content, 
.all-in-img-four .fl-col-content {
	min-height: 250px !important;
}

	/** General >> First Row Padding **/
	.entry-content .fl-builder-content .fl-row:not(.landing-page-top-row):first-of-type .fl-row-content-wrap:first-of-type {
	padding-top: 120px !important;
}

}


/*( Tablet & Phone )*/
@media (max-width: 767px) {
	/** Text and Heading Changes >> Get Connecte Heading Position **/
	.get-connected-heading .fl-heading-text {
	left: 0 !important;
}

	/** Home Page - Value Stack >> large h2 size **/
	.large-h2 h2 {
	font-size: 36px !important;
}

	/** Mobile Specific changes >> Four Images changes. **/
	.all-in-img-parent .fl-col-group {
	width: 100% !important;
	margin: 0 25px 0 0 !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-flow: row wrap !important;
	-moz-flex-flow: row wrap !important;
	-ms-flex-flow: row wrap !important;
	flex-flow: row wrap !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	-webkit-align-content: space-around !important;
	align-content: space-around !important;
	grid-gap: 20px 1px !important;
	gap: 20px 1px !important;
	grid-column-gap: 0 !important;
	column-gap: 0 !important;
}
.all-in-img-one, 
.all-in-img-three {
	max-width: 60% !important;
	object-fit: contain !important;
}
.all-in-img-two, 
.all-in-img-four {
	max-width: 30% !important;
	max-height: 10% !important;
}
.all-in-img-three {
	order: 1 !important;
}
.all-in-img-one .fl-col-content, 
.all-in-img-two .fl-col-content, 
.all-in-img-three .fl-col-content, 
.all-in-img-four .fl-col-content {
	min-height: 250px !important;
}

	/** Mobile Specific changes >> Fl node p1jc42d6ti5m **/
	div.fl-row .fl-col-content {
	padding: 20px !important;
}

	/** Touchpoint Groups >> Filter Bar **/
	.TouchPoint-Involvement {
	margin-bottom: 20px !important;
	display: -webkit-inline-flexbox !important;
	display: -moz-inline-flexbox !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
	-webkit-flex-flow: row wrap !important;
	-moz-flex-flow: row wrap !important;
	-ms-flex-flow: row wrap !important;
	flex-flow: row wrap !important;
	-webkit-flex: 35% !important;
	flex: 35% !important;
}

	/** General >> First Row Padding **/
	.entry-content .fl-builder-content .fl-row:not(.landing-page-top-row):first-of-type .fl-row-content-wrap:first-of-type {
	padding-top: 120px !important;
}

	/** Students Page >> Social Row Headings Mobile **/
	.youth-socials-row h2 {
	font-size: 24px !important;
	line-height: 2 !important;
}

	/** Students Page >> Social Row Headings Mobile Copy 1 **/
	.youth-socials-row .fl-col {
	font-size: 24px !important;
	line-height: 2 !important;
}

	/** Staff Slider >> Padding Left on three lists **/
	.staff-slider .secondary-list {
	padding-left: 15px !important;
}

	/** Staff Slider >> Padding Left on three lists Copy 1 **/
	.staff-slider .normal-post-text {
	padding-left: 15px !important;
}

	/** Header >> Mobile Toggle Area **/
	.full-screen-toggle {
	
}
body.no-scroll .full-screen-menu {
	overflow: auto !important;
	height: 100vh !important;
}

}


/*( Phone )*/
@media (max-width: 480px) {
	/** Touchpoint Groups >> Small Group Single Content Width **/
	.type-tp_inv_smallgroup {
	text-align: center !important;
	padding: 0 25px 0 25px !important;
}

	/** Touchpoint Groups >> Group Titles **/
	.inv-list h2 {
	font-size: 18px !important;
	text-align: left !important;
	padding-top: 15px !important;
}

	/** Touchpoint Groups >> Group Meta **/
	.tp_inv_smallgroup .post-meta-single, 
.involvement-logistics .meta-text {
	font-size: 12px !important;
	text-align: start !important;
	margin-top: 10px !important;
	margin-bottom: 0 !important;
	position: relative !important;
}

	/** Touchpoint Groups >> Group Description **/
	.tp_inv_smallgroup .entry-content {
	text-align: left !important;
}

	/** Mobile Specific changes >> Four Images changes. **/
	.all-in-img-parent .fl-col-group {
	width: 100% !important;
	margin: 0 25px 0 0 !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-flow: row wrap !important;
	-moz-flex-flow: row wrap !important;
	-ms-flex-flow: row wrap !important;
	flex-flow: row wrap !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	-webkit-align-content: space-around !important;
	align-content: space-around !important;
	grid-gap: 20px 1px !important;
	gap: 20px 1px !important;
	grid-column-gap: 0 !important;
	column-gap: 0 !important;
}
.all-in-img-one, 
.all-in-img-three {
	max-width: 60% !important;
	object-fit: contain !important;
}
.all-in-img-two, 
.all-in-img-four {
	max-width: 30% !important;
	max-height: 10% !important;
}
.all-in-img-three {
	order: 1 !important;
}
.all-in-img-one .fl-col-content, 
.all-in-img-two .fl-col-content, 
.all-in-img-three .fl-col-content, 
.all-in-img-four .fl-col-content {
	min-height: 200px !important;
}

	/** Mobile Specific changes >> Four Images changes. Copy 1 **/
	.four-image-grid .fl-col-content {
	display: grid !important;
	grid-auto-flow: row !important;
	grid-gap: 0 !important;
	gap: 0 !important;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
	grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto !important;
}
.four-image-grid .fl-col-content > :nth-child(1) {
	grid-area: 1 / 1 / 9 / 11 !important;
}
.four-image-grid .fl-col-content > :nth-child(2) {
	grid-area: 1 / 11 / 9 / 17 !important;
}
.four-image-grid .fl-col-content > :nth-child(3) {
	grid-area: 9 / 1 / 17 / 7 !important;
}
.four-image-grid .fl-col-content > :nth-child(4) {
	grid-area: 9 / 7 / 17 / 17 !important;
}

	/** Mobile Specific changes >> Fl node content **/
	.mobile-padding {
	margin: 15px !important;
}

	/** Mobile Specific changes >> Fl node p1jc42d6ti5m **/
	div.fl-row .fl-col-content {
	padding-right: 15px !important;
	padding-left: 15px !important;
}

	/** Location Specific >> Rock Bridge Name Gradient **/
	.location-rb-gradient .fl-heading {
	font-size: 10px !important;
	font-weight: 600 !important;
}

	/** Location Specific >> Campus Pastor title/name **/
	.cp-info {
	padding-left: 15px !important;
}

	/** Location Specific >> Uk text right **/
	.cp-email-btn {
	font-size: 14px !important;
	margin-top: -5px !important;
}

	/** Get Connected Slider >> Grid Heights on Mobile **/
	.connection-slider-link .uk-height-large {
	height: 260px !important;
}

	/** Get Connected Slider >> Connection Grid Border Radius **/
	.connection-slider-background, 
.connection-gradient-overlay {
	min-height: 350px !important;
}

	/** General >> First Row Padding **/
	.entry-content .fl-builder-content .fl-row:not(.landing-page-top-row):first-of-type .fl-row-content-wrap:first-of-type {
	padding-top: 100px !important;
}

	/** General >> List Slider mobile left padding **/
	.secondary-list {
	padding-left: 0 !important;
}

	/** Students Page >> Social Row Headings Mobile Copy 1 **/
	.youth-socials-row .fl-col {
	padding-bottom: 20px !important;
	padding-left: 20px !important;
}

	/** Staff Slider >> Padding Left on three lists Copy 1 **/
	.staff-slider .normal-post-text {
	padding: 10px !important;
}
.staff-slider .normal-blog-title {
	font-size: 16px !important;
}
.staff-slider .uk-text-meta {
	font-size: 12px !important;
}
.staff-slider .arrowed-btn {
	font-size: 14px !important;
}

	/** Header >> Mobile Toggle Area **/
	.full-screen-toggle {
	
}
body.no-scroll .full-screen-menu {
	overflow: auto !important;
	height: 100vh !important;
}

	/** Header >> Secondary menu padding and stuff **/
	.mobile-menu-left-col {
	margin-top: -50px !important;
}
.mobile-menu-right-col {
	margin-top: -40px !important;
	padding-bottom: 20px !important;
}
.mobile-menu-right-col a, 
.mobile-menu-left-col a {
	padding-left: 0 !important;
	padding-bottom: 5px !important;
}

	/** Header >> Gradient Menu Links mobile size **/
	.mobile-menu-large-menu a {
	font-size: 32px !important;
	padding-top: 0 !important;
}

}