/*  MICROTHEMER STYLES  */


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

/** General >> Sticky Columns **/
.sticky-col {
	position: -webkit-sticky !important;
	position: sticky !important;
}

/** General >> Make Relative **/
.make-relative {
	position: relative !important;
}

/** General >> slider ratios **/
.fl-slide-mobile-photo, 
.fl-slide-bg-photo {
	aspect-ratio: 9 / 16 !important;
}

/** General >> Perfmatters lazy css bg (::after) **/
.sermons-template-default .fl-row:not(.landing-page-top-row):first-of-type .fl-row-content-wrap:first-of-type {
	padding-top: 20px !important;
}

/** General >> Hidden Overflow **/
.entry-content {
	overflow: hidden !important;
}


/*= Forms ===================== */

/** Forms >> Ff modal btn **/
.minimal-modal-btn .ff_modal_btn {
	font-family: Gotham !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
	border-bottom-width: 1px !important;
	border-bottom-style: solid !important;
	position: relative !important;
	-webkit-transition: .5s !important;
	transition: .5s !important;
	display: inline-block !important;
}
.minimal-modal-btn .ff_modal_btn:hover {
	letter-spacing: .7px !important;
}
.minimal-modal-btn .ff_modal_btn:after {
	position: absolute !important;
	background-image: url('https://propel.church/wp-content/uploads/2024/03/Elements4-e1709326497134.png') !important;
	content: '' !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	width: 50px !important;
	height: 97px !important;
	right: -50px !important;
	bottom: -30px !important;
	z-index: -10 !important;
	transform: rotate(270deg) !important;
	-webkit-transform-origin: center right !important;
	transform-origin: center right !important;
}
.normal_pyv-modal {
	font-family: Roboto Condensed !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	letter-spacing: 1px !important;
	line-height: 18px !important;
	text-transform: uppercase !important;
	padding: 20px 30px !important;
}

/** Forms >> Form Fields Focus **/
.ff-el-input--content input:focus, 
.ff-el-input--content textarea:focus {
	min-height: 45px !important;
	border-left: 3px solid #C77A43 !important;
	border-radius: 0 !important;
}

/** Forms >> Form Fields Basic **/
.ff-el-input--content input, 
.ff-el-input--content textarea {
	background: #f7f7f7 !important;
	margin-top: 5px !important;
	border-color: #ffffff !important;
	border-width: 1px 1px 1px 3px !important;
	border-radius: 0 !important;
	-webkit-transition: .2s ease-in !important;
	transition: .2s ease-in !important;
}
.ff-el-input--content input:focus, 
.ff-el-input--content textarea:focus {
	border-width: 1px 1px 1px 3px !important;
	border-color: #C77A43 !important;
}
.ff_modal_container .ff-el-repeater {
	margin-bottom: -20px !important;
}

/** Forms >> Modal inputs **/
.ff_modal_container .ff-el-input--content input, 
.ff-modal_container .ff-el-input--content textarea {
	background: #f7f7f7 !important;
	height: 47px !important;
	margin-top: 5px !important;
	border-color: #AEB5A5 !important;
	border-width: 1px !important;
	border-radius: 0 !important;
	-webkit-transition: .2s ease-in !important;
	transition: .2s ease-in !important;
}
.ff_modal_container .ff-el-input--content input:focus, 
.ff-modal_container .ff-el-input--content textarea:focus {
	border-width: 1px 1px 1px 3px !important;
	border-color: #839073 !important;
}
.ff_modal_container .ff-el-repeater {
	margin-bottom: -20px !important;
}

/** Forms >> Label **/
.ff-el-input--label {
	font-family: Gotham !important;
	font-size: 12px !important;
	font-weight: 300 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	margin-bottom: 0 !important;
	position: relative !important;
	bottom: -7px !important;
}


/*= Kids ====================== */

/** Kids >> Flexed Number Callouts **/
.number-callout-col .fl-callout-content {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	grid-column-gap: 8px !important;
	column-gap: 8px !important;
}


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

/** Buttons >> Fluent Submit Btn **/
.normal_pyv-modal, 
.ff-btn-submit {
	color: #ffffff !important;
	background-color: #C77A43 !important;
	border-width: medium !important;
	border-style: none !important;
	border-radius: 0 !important;
	position: relative !important;
	z-index: 9 !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
	display: block !important;
}

/** Buttons >> Fluent Btn Hover **/
.normal_pyv-modal:hover, 
.ff-btn-submit:hover {
	transform: translate(6px, -6px) !important;
	opacity: 1 !important;
}

/** Buttons >> Fluent Btn Wrapper Setup **/
.normal_pyv-modal-wrapper, 
.fluentform .ff_submit_btn_wrapper {
	background: #D99B6A !important;
	position: relative !important;
	z-index: 1 !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
	display: inline-block !important;
}

/** Buttons >> Fluent Button Pseudos **/
.fluentform .ff_submit_btn_wrapper:before, 
.fluentform .ff_submit_btn_wrapper:after, 
.normal_pyv-modal-wrapper:before, 
.normal_pyv-modal-wrapper:after {
	background: #D99B6A !important;
	width: 8px !important;
	height: 8px !important;
	position: absolute !important;
	z-index: -1 !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
	display: block !important;
	content: '' !important;
}
.fluentform .ff_submit_btn_wrapper:before, 
.normal_pyv-modal-wrapper:before {
	top: 0 !important;
	left: 0 !important;
	-webkit-transform-origin: top left !important;
	transform-origin: top left !important;
	transform: rotate(0deg) scale(1) !important;
}
.fluentform .ff_submit_btn_wrapper:after, 
.normal_pyv-modal-wrapper:after {
	right: 0 !important;
	bottom: 0 !important;
	-webkit-transform-origin: bottom right !important;
	transform-origin: bottom right !important;
	transform: rotate(0deg) scale(1) !important;
}

/** Buttons >> Fluent Button Wrapper Hovers **/
.fluentform .ff_submit_btn_wrapper:hover:before, 
.normal_pyv-modal-wrapper:hover:before {
	z-index: -1 !important;
	transform: scale(1, 1) rotateZ(-45deg) !important;
}
.fluentform .ff_submit_btn_wrapper:hover:after, 
.normal_pyv-modal-wrapper:hover:after {
	transform: rotate(45deg) scale(1) !important;
	z-index: -1 !important;
}

/** Buttons >> FL Button **/
.fl-button {
	position: relative !important;
	z-index: 9 !important;
	transform: translate(0, 0) !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
	display: block !important;
}

/** Buttons >> FL Button Wrap **/
.fl-button-wrap {
	background-color: #D99B6A !important;
	position: relative !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
	display: inline-block !important;
}

/** Buttons >> Fl Button Wrap Pseudos **/
.fl-button-wrap:before, 
.fl-button-wrap:after {
	background-color: #D99B6A !important;
	width: 8px !important;
	height: 8px !important;
	position: absolute !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
	display: block !important;
	content: '' !important;
}
.fl-button-wrap:before {
	top: 0 !important;
	left: 0 !important;
	-webkit-transform-origin: top left !important;
	transform-origin: top left !important;
	transform: rotate(-45deg) scale(0) !important;
}
.fl-button-wrap:after {
	right: 0 !important;
	bottom: 0 !important;
	-webkit-transform-origin: bottom right !important;
	transform-origin: bottom right !important;
	transform: rotate(45deg) scale(0) !important;
}

/** Buttons >> FL Button Wrap Hovers **/
.fl-button-wrap:hover .fl-button {
	transform: translate(6px, -6px) !important;
}
.fl-button-wrap:hover:before {
	transform: rotate(-45deg) scale(1) !important;
}
.fl-button-wrap:hover:after {
	transform: rotate(45deg) scale(1) !important;
}

/** Buttons >> Secondary Btn **/
.secondary-btn .fl-button-wrap {
	background-color: #839EB2 !important;
}
.secondary-btn .fl-button-wrap:before, 
.secondary-btn .fl-button-wrap:after {
	background-color: #839EB2 !important;
}

/** Buttons >> Tertiary Btn **/
.tertiary-btn .fl-button-wrap {
	background-color: #AEB5A5 !important;
}
.tertiary-btn .fl-button-wrap:before, 
.tertiary-btn .fl-button-wrap:after {
	background-color: #AEB5A5 !important;
}
.tertiary-btn .fl-button {
	background: #839073 !important;
	border-color: #839073 !important;
}

/** Buttons >> Kids - Primary Btn **/
.kids-tertiary-btn .fl-button-wrap {
	background-color: #E1C2C9 !important;
}
.kids-tertiary-btn .fl-button-wrap:before, 
.kids-tertiary-btn .fl-button-wrap:after {
	background-color: #E1C2C9 !important;
}
.kids-tertiary-btn .fl-button {
	background: #533747 !important;
	border-color: #533747 !important;
}

/** Buttons >> Kids - Secondary Btn **/
.kids-secondary-btn .fl-button-wrap {
	background-color: #B4D0B6 !important;
}
.kids-secondary-btn .fl-button-wrap:before, 
.kids-secondary-btn .fl-button-wrap:after {
	background-color: #B4D0B6 !important;
}
.kids-secondary-btn .fl-button {
	background: #78AF97 !important;
	border-color: #78AF97 !important;
}

/** Buttons >> Kids - Tertiary Btn **/
.kids-primary-btn .fl-button-wrap {
	background-color: #4D8CC9 !important;
}
.kids-primary-btn .fl-button-wrap:before, 
.kids-primary-btn .fl-button-wrap:after {
	background-color: #4D8CC9 !important;
}
.kids-primary-btn .fl-button {
	background: #355571 !important;
	border-color: #355571 !important;
}

/** Buttons >> Students - Primary Btn **/
.students-primary-btn .fl-button-wrap {
	background-color: #D7D4CE !important;
}
.students-primary-btn .fl-button-wrap:before, 
.students-primary-btn .fl-button-wrap:after {
	background-color: #D7D4CE !important;
}
.students-primary-btn .fl-button {
	background: #302C2D !important;
	border-color: #302C2D !important;
}

/** Buttons >> Students - Secondary Btn **/
.students-secondary-btn .fl-button-wrap {
	background-color: #B4D0B6 !important;
}
.students-secondary-btn .fl-button-wrap:before, 
.students-secondary-btn .fl-button-wrap:after {
	background-color: #B4D0B6 !important;
}
.students-secondary-btn .fl-button {
	background: #4C717A !important;
	border-color: #4C717A !important;
}

/** Buttons >> Students - Tertiary Btn **/
.students-tertiary-btn .fl-button-wrap {
	background-color: #E1C2C9 !important;
}
.students-tertiary-btn .fl-button-wrap:before, 
.students-tertiary-btn .fl-button-wrap:after {
	background-color: #E1C2C9 !important;
}
.students-tertiary-btn .fl-button {
	background: #953F4A !important;
	border-color: #953F4A !important;
}

/** Buttons >> Xmas Green Button **/
.xmas-green-btn.fl-button-wrap {
	background-color: #2b8142 !important;
}
.xmas-green-btn.fl-button-wrap:before, 
.xmas-green-btn.fl-button-wrap:after {
	background-color: #2b8142 !important;
}

/** Buttons >> Xmas Red Button **/
.xmas-red-btn.fl-button-wrap {
	background-color: #e50101 !important;
}
.xmas-red-btn.fl-button-wrap:before, 
.xmas-red-btn.fl-button-wrap:after {
	background-color: #e50101 !important;
}

/** Buttons >> Large Buttons **/
.large-buttons .fl-button {
	padding: 25px 75px 25px 75px !important;
}
.large-buttons .fl-button-text {
	font-size: 28px !important;
}

/** Buttons >> Minimal Btn **/
.minimal-btn {
	border-bottom-width: 1px !important;
	border-bottom-style: solid !important;
	position: relative !important;
	-webkit-transition: .5s !important;
	transition: .5s !important;
	display: inline-block !important;
}
.minimal-btn:hover {
	letter-spacing: 2px !important;
}
.minimal-btn:after {
	position: absolute !important;
	background-image: url('https://propel.church/wp-content/uploads/2023/07/Elements28-e1692038154252.png') !important;
	content: '' !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	width: 150px !important;
	height: 200px !important;
	left: 0 !important;
	top: -60px !important;
	z-index: -10 !important;
}


/*= Headings ================== */

/** Headings >> Tape Left **/
.tape-left::before {
	width: 160px !important;
	height: 360px !important;
	position: absolute !important;
	top: -50px !important;
	left: -60px !important;
	z-index: 1 !important;
	display: inline-block !important;
	overflow: visible !important;
	content: '' !important;
	background-image: url('https://propel.church/wp-content/uploads/2023/07/Elements7.svg') !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
}

/** Headings >> Tape Blue Highlight and Tilt **/
.blue-highlight .fl-heading {
	font-family: "Dharma Gothic" !important;
	font-size: 88px !important;
	line-height: 1.4em !important;
	background-color: #3F4D5E !important;
	padding: 5px 20px 0 50px !important;
	display: inline !important;
	-webkit-box-decoration-break: clone !important;
	-ms-box-decoration-break: clone !important;
	-o-box-decoration-break: clone !important;
	box-decoration-break: clone !important;
	box-shadow: 10px 0px 0px #3F4D5D, -10px 0 0 #3F4D5D !important;
}
.blue-highlight {
	transform: rotate(-2deg) !important;
}

/** Headings >> White Headings **/
.white-heading h1, 
.white-heading h2, 
.white-heading h3 {
	color: #ffffff !important;
}

/** Headings >> Smaller H2 **/
.small-h-two h2 {
	font-size: 32px !important;
}

/** Headings >> Smaller H3 **/
.small-h-three h3 {
	font-size: 18px !important;
}

/** Headings >> Text BG Color **/
.text-bg-color h1 {
	font-family: "Dharma Gothic" !important;
	font-size: 88px !important;
	line-height: 1.3em !important;
	display: inline-block !important;
}
.text-bg-color .fl-heading-text {
	background-color: #3F4D5E !important;
	padding: 8px 0px  1px 0 !important;
	box-shadow: 15px 0 0 #3F4D5E, -15px 0 0 #3F4D5E !important;
	-webkit-box-decoration-break: clone !important;
	-ms-box-decoration-break: clone !important;
	-o-box-decoration-break: clone !important;
	box-decoration-break: clone !important;
}
.text-bg-color {
	transform: rotate(-2deg) !important;
}

/** Headings >> KIDS - Blue Highlight Tilt **/
.kids-blue-highlight .fl-heading {
	font-family: "Dharma Gothic" !important;
	font-size: 88px !important;
	line-height: 1.4em !important;
	background-color: #4D8CC9 !important;
	padding: 3px 20px 0 50px !important;
	transform: rotateZ(-2deg) !important;
	display: inline !important;
	-webkit-box-decoration-break: clone !important;
	-ms-box-decoration-break: clone !important;
	-o-box-decoration-break: clone !important;
	box-decoration-break: clone !important;
}
.kids-blue-highlight {
	transform: rotate(-2deg) !important;
}

/** Headings >> KIDS - Text BG Color **/
.kids-text-bg-color h1 {
	font-family: "Dharma Gothic" !important;
	font-size: 5em !important;
	line-height: 1.1em !important;
	display: inline !important;
}
.kids-text-bg-color span.fl-heading-text {
	background-color: #4D8CC9 !important;
	padding: 10px 0px !important;
	box-shadow: 15px 0 0 #4D8CC9, -15px 0 0 #4D8CC9 !important;
	-webkit-box-decoration-break: clone !important;
	-ms-box-decoration-break: clone !important;
	-o-box-decoration-break: clone !important;
	box-decoration-break: clone !important;
}
.kids-text-bg-color {
	transform: rotate(-2deg) !important;
}

/** Headings >> STUDENTS - Blue Highlight Tilt **/
.students-blue-highlight .fl-heading {
	font-family: "Dharma Gothic" !important;
	font-size: 8em !important;
	line-height: 1.4em !important;
	background-color: #302C2D !important;
	padding: 3px 20px 0 50px !important;
	transform: rotateZ(-2deg) !important;
	display: inline !important;
}
.students-blue-highlight {
	transform: rotate(-2deg) !important;
}


/*= Repeat Headings =========== */

/** Repeat Headings >> Repeat Heading **/
.repeat-heading h2, 
.repeat-heading-two h2 {
	font-family: "Dharma Gothic", Verdana, Arial, sans-serif !important;
	color: rgb(210, 204, 195) !important;
	font-size: 12em !important;
	line-height: .73em !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0 !important;
	white-space: nowrap !important;
	margin: 0 !important;
}

/** Repeat Headings >> Repeat Column **/
.repeat-column {
	height: 80vh !important;
	overflow: hidden !important;
}


/*= Panel Hovers ============== */

/** Panel Hovers >> Uk slider 0 items **/
.uk-slider-container {
	padding-right: 20px !important;
	position: relative !important;
}

/** Panel Hovers >> Panel Title **/
.panel-bottom-title {
	font-family: "Dharma Gothic" !important;
	color: #ffffff !important;
	font-size: 60px !important;
	line-height: 1.4em !important;
	background-color: #3F4D5E !important;
	padding: 10px 0 10px 0 !important;
	display: inline !important;
	box-shadow: 15px 0 0 #3F4D5E, -15px 0 0 #3F4D5E !important;
	-webkit-box-decoration-break: clone !important;
	-ms-box-decoration-break: clone !important;
	-o-box-decoration-break: clone !important;
	box-decoration-break: clone !important;
}
.panel-content {
	transform: rotate(-2deg) !important;
}
.panel-bg:hover .panel-content {
	
}

/** Panel Hovers >> Panel Content **/
.panel-content {
	color: #fff !important;
	margin: 0 20px 20px 30px !important;
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	z-index: 2 !important;
	-o-transition-duration: .45s !important;
	-moz-transition-duration: .45s !important;
	-webkit-transition-duration: .45s !important;
	transition-duration: .45s !important;
	-webkit-transition-timing-function: ease-in-out !important;
	transition-timing-function: ease-in-out !important;
	-webkit-transition-delay: 0s !important;
	transition-delay: 0s !important;
}
.panel-bg:hover .panel-content {
	transform: translate(12px, -12px) !important;
}

/** Panel Hovers >> Panel BG Background **/
.panel-bg {
	background-color: #839EB2 !important;
	margin: 0 2px 0 2px !important;
	position: relative !important;
}

/** Panel Hovers >> Panel Bg Image **/
.panel-bg-img {
	width: 100% !important;
	position: relative !important;
	z-index: 1 !important;
	transform: translate(0, 0) !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
	display: block !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	aspect-ratio: 3  / 4 !important;
}

/** Panel Hovers >> Panel Bg Image Hover **/
.panel-wrap:hover .panel-bg-img {
	transform: translate(12px, -12px) !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
	overflow: visible !important;
}

/** Panel Hovers >> Pane BGl Pseudos **/
.panel-bg:before, 
.panel-bg:after {
	background-color: #839EB2 !important;
	width: 17px !important;
	height: 17px !important;
	position: absolute !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
	display: block !important;
	content: '' !important;
}
.panel-bg::before {
	top: 0px !important;
	left: 0px !important;
	-webkit-transform-origin: top left !important;
	transform-origin: top left !important;
	transform: rotate(-45deg) scale(0) !important;
}
.panel-bg::after {
	bottom: 0px !important;
	right: 0px !important;
	-webkit-transform-origin: bottom right !important;
	transform-origin: bottom right !important;
	transform: rotate(-45deg) scale(0) !important;
}

/** Panel Hovers >> Panel Pseudos Hover 1 **/
.panel-wrap:hover .panel-bg::before {
	transform: rotateZ(-45deg) !important;
}
.panel-wrap:hover .panel-bg::after {
	transform: rotateZ(45deg) !important;
}
.panel-wrap {
	margin: 12px 12px 0 0 !important;
}
.panel-bg-img {
	opacity: 1 !important;
}


/*= Callout Hovers ============ */

/** Callout Hovers >> Callout Learn More Link **/
.callout-learn-more-link .fl-callout-cta-link {
	font-family: Gotham !important;
	color: #091E22 !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	padding-bottom: 5px !important;
	border-bottom: 1px solid #091E22 !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
	display: inline !important;
}
.callout-learn-more-link:hover .fl-callout-cta-link {
	letter-spacing: 2px !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
}

/** Callout Hovers >> Callout BG Background **/
.callout-panel-link .fl-module-content {
	margin: 0 !important;
	position: relative !important;
	z-index: 2 !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
}
.callout-panel-link {
	background-color: #C77A42 !important;
	position: relative !important;
}

/** Callout Hovers >> Callout Bg Image Hover **/
.callout-panel-link:hover .fl-module-content {
	z-index: 4 !important;
	transform: translate(12px, -12px) !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
	overflow: visible !important;
}

/** Callout Hovers >> Callout Square Pseudos **/
.callout-panel-link:before, 
.callout-panel-link:after {
	background-color: #C77A42 !important;
	width: 17px !important;
	height: 17px !important;
	position: absolute !important;
	z-index: 1 !important;
	transform: scale(0, 0) rotateZ(-45deg) !important;
	-webkit-transition: .15s !important;
	transition: .15s !important;
	display: block !important;
	content: '' !important;
}
.callout-panel-link::before {
	top: 0px !important;
	left: 0px !important;
	-webkit-transform-origin: top left !important;
	transform-origin: top left !important;
}
.callout-panel-link::after {
	bottom: 0px !important;
	right: 0px !important;
	-webkit-transform-origin: bottom right !important;
	transform-origin: bottom right !important;
}

/** Callout Hovers >> Callout Pseudos Hover **/
.callout-panel-link:hover::before {
	z-index: 2 !important;
	transform: rotateZ(-45deg) !important;
}
.callout-panel-link:hover::after {
	transform: rotateZ(45deg) !important;
	z-index: 0 !important;
}

/** Callout Hovers >> Callout paragraph color hover **/
.callout-learn-more-link:hover p {
	color: #424D5C !important;
}


/*= KIDS - Callout Hovers ===== */

/** KIDS - Callout Hovers >> Callout BG Background **/
.kids-callout-panel-link .fl-module-content {
	margin: 0 !important;
	position: relative !important;
	z-index: 2 !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
}
.kids-callout-panel-link {
	background-color: #ED714C !important;
	position: relative !important;
}

/** KIDS - Callout Hovers >> Callout Bg Image Hover **/
.kids-callout-panel-link:hover .fl-module-content {
	z-index: 4 !important;
	transform: translate(12px, -12px) !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
	overflow: visible !important;
}

/** KIDS - Callout Hovers >> Callout Square Pseudos **/
.kids-callout-panel-link:before, 
.kids-callout-panel-link:after {
	background-color: #EB7450 !important;
	width: 17px !important;
	height: 17px !important;
	position: absolute !important;
	z-index: 1 !important;
	transform: scale(0, 0) rotateZ(-45deg) !important;
	-webkit-transition: .15s !important;
	transition: .15s !important;
	display: block !important;
	content: '' !important;
}
.kids-callout-panel-link::before {
	top: 0px !important;
	left: 0px !important;
	-webkit-transform-origin: top left !important;
	transform-origin: top left !important;
}
.kids-callout-panel-link::after {
	bottom: 0px !important;
	right: 0px !important;
	-webkit-transform-origin: bottom right !important;
	transform-origin: bottom right !important;
}

/** KIDS - Callout Hovers >> Callout Pseudos Hover **/
.kids-callout-panel-link:hover::before {
	z-index: 2 !important;
	transform: rotateZ(-45deg) !important;
}
.kids-callout-panel-link:hover::after {
	transform: rotateZ(45deg) !important;
	z-index: 0 !important;
}


/*= STUDENTS - Callout Hovers == */

/** STUDENTS - Callout Hovers >> Callout BG Background **/
.student-callout-panel-link .fl-module-content {
	margin: 0 !important;
	position: relative !important;
	z-index: 2 !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
}
.student-callout-panel-link {
	background-color: #B4D0B6 !important;
	position: relative !important;
}

/** STUDENTS - Callout Hovers >> Callout Bg Image Hover **/
.student-callout-panel-link:hover .fl-module-content {
	z-index: 4 !important;
	transform: translate(12px, -12px) !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
	overflow: visible !important;
}

/** STUDENTS - Callout Hovers >> Callout Square Pseudos **/
.student-callout-panel-link:before, 
.student-callout-panel-link:after {
	background-color: #B4D0B6 !important;
	width: 17px !important;
	height: 17px !important;
	position: absolute !important;
	z-index: 1 !important;
	-webkit-transition: .15s !important;
	transition: .15s !important;
	display: block !important;
	content: '' !important;
}
.student-callout-panel-link::before {
	top: 0px !important;
	left: 0px !important;
	-webkit-transform-origin: top left !important;
	transform-origin: top left !important;
}
.student-callout-panel-link::after {
	bottom: 0px !important;
	right: 0px !important;
	-webkit-transform-origin: bottom right !important;
	transform-origin: bottom right !important;
}

/** STUDENTS - Callout Hovers >> Callout Pseudos Hover **/
.student-callout-panel-link:hover::before {
	z-index: 2 !important;
	transform: rotateZ(-45deg) !important;
}
.student-callout-panel-link:hover::after {
	transform: rotateZ(45deg) !important;
	z-index: 0 !important;
}


/*= Slider Panels ============= */

/** Slider Panels >> Flex Panels **/
.flexing {
	max-width: 1040px !important;
	height: 440px !important;
	margin-top: 40px !important;
	margin-bottom: 40px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	cursor: pointer !important;
	-webkit-flex: 1 !important;
	flex: 1 !important;
}
.slide-panel {
	height: 100% !important;
	position: relative !important;
	-webkit-transition: flex .75s ease !important;
	transition: flex .75s ease !important;
	background-size: cover !important;
}
.slide-panel-cover {
	-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;
	-webkit-align-items: center !important;
	align-items: center !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
}
.slide-panel-title {
	color: #ffffff !important;
	text-align: center !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	position: absolute !important;
	transform: rotate(-90deg) !important;
	width: 250px !important;
	font-weight: 700 !important;
}
.slide-panel-content {
	opacity: 0 !important;
	position: absolute !important;
	-webkit-transition: opacity .75s ease !important;
	transition: opacity .75s ease !important;
	background: #C2B499 !important;
	height: 100% !important;
	width: 100% !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;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	padding: 60px !important;
}
.slide-panel-content h3 {
	font-weight: 700 !important;
}
.slide-panel:hover .slide-panel-content, 
.slide-panel:focus .slide-panel-content {
	opacity: 1 !important;
}
.slide-panel:hover .slide-panel-title, 
.slide-panel:focus .slide-panel-title {
	opacity: 0 !important;
}
.slide-panel:hover, 
.slide-panel:focus, 
.slide-panel.active .slide-panel-content {
	-webkit-flex: 3 !important;
	flex: 3 !important;
}
.slide-panel:not(:hover):not(:focus) {
	-webkit-flex: 1 !important;
	flex: 1 !important;
}
.slide-panel-content h3, 
.slide-panel-content p {
	width: 350px !important;
}


/*= Pseudo Elements =========== */

/** Pseudo Elements >> Slider Bardcode **/
.slider-barcode:after {
	width: 104px !important;
	height: 222px !important;
	position: absolute !important;
	top: -40px !important;
	right: -50px !important;
	z-index: -10 !important;
	content: '' !important;
	background-image: url('https://propel.church/wp-content/uploads/2023/07/Elements19-e1692033054614.png') !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
}

/** Pseudo Elements >> Swatch Slider Btns **/
.swatch-bg {
	position: relative !important;
	-webkit-transition: .5s !important;
	transition: .5s !important;
}
.swatch-bg:hover {
	letter-spacing: 3px !important;
}
.swatch-bg:after {
	position: absolute !important;
	background-image: url('https://propel.church/wp-content/uploads/2023/07/Elements10-e1692459982144.png') !important;
	content: '' !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	width: 100px !important;
	height: 180px !important;
	right: 40px !important;
	top: -40px !important;
	z-index: -10 !important;
	transform: rotate(80deg) !important;
}

/** Pseudo Elements >> Pseudo is Relative **/
.pseudo {
	position: relative !important;
}

/** Pseudo Elements >> Arrows On Top **/
.arrows-on-top:before {
	position: absolute !important;
	content: '' !important;
	background-image: url('/wp-content/uploads/2023/07/Elements13.png') !important;
	background-size: contain !important;
	width: 450px !important;
	height: 450px !important;
	left: -150px !important;
	top: -220px !important;
}

/** Pseudo Elements >> Paper Overlay **/
.paper-overlay .fl-row-content-wrap {
	position: relative !important;
}
.paper-overlay .fl-row-content-wrap:after {
	content: '' !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
	background-image: url('/wp-content/uploads/2023/07/PACKING-04-scaled.jpg') !important;
	z-index: 99 !important;
	opacity: .5 !important;
	mix-blend-mode: hard-light !important;
}
.paper-overlay .fl-row-content {
	z-index: 999 !important;
	position: relative !important;
}

/** Pseudo Elements >> Top 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;
}
.entry-content .fl-builder-content .fl-row:not(.landing-page-top-row):last-of-type .fl-row-content-wrap:last-of-type {
	padding-bottom: 80px !important;
}

/** Pseudo Elements >> Pp video player **/
.fm-vertical-video .pp-video-player, 
.fm-vertical-video .pp-fit-aspect-ratio, 
.fm-vertical-video .pp-video-wrapper {
	width: 100% !important;
	aspect-ratio: 9 / 14 !important;
}

/** Pseudo Elements >> High Z **/
.higher-z {
	position: relative !important;
	z-index: 9 !important;
}


/*= Images ==================== */

/** Images >> Primary Img Tape Psuedo **/
.primary-tape-img .fl-photo :before {
	background-image: url("/wp-content/uploads/2023/07/primary-tape.png") !important;
	content: '' !important;
	display: inline-block !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	margin: auto !important;
	top: -50px !important;
	width: 150px !important;
	height: 200px !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	z-index: 999 !important;
	opacity: 1 !important;
}

/** Images >> Primary Img Tape Relative **/
.primary-tape-img .fl-photo {
	transform: rotateZ(-9deg) !important;
	position: relative !important;
}

/** Images >> Bottom Left Squiggles **/
.bottom-left-squiggles .fl-photo :after {
	background: url("/wp-content/uploads/2023/07/Elements24.png") !important;
	position: absolute !important;
	content: '' !important;
	width: 350px !important;
	height: 350px !important;
	z-index: 9 !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	left: -40% !important;
	top: 50% !important;
}

/** Images >> Green Shadow **/
.green-shadow img {
	box-shadow: -20px 20px 0 0 rgb(131, 144, 115) !important;
}

/** Images >> PP Slider **/
.bx-viewport {
	height: 85vh !important;
}
.fl-slide-mobile-photo img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
}
.fl-content-slider-wrapper {
	height: 100% !important;
}
.fl-content-slider-wrapper .fl-slide {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
}
.fl-slide-foreground {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	aspect-ratio: 1 / 1 !important;
}


/*= Sermon Changes ============ */

/** Sermon Changes >> Series Grid Relative **/
.fm-series-grid {
	background-color: #8DC6BF !important;
	position: relative !important;
	aspect-ratio: 16 / 9 !important;
}
.fm-series-grid img {
	position: relative !important;
	z-index: 1 !important;
}

/** Sermon Changes >> Series Grid Image Hover Hover 1 **/
.fm-series-card-image-link img:hover {
	transform: translate(6px, -6px) !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
}

/** Sermon Changes >> Series Grid Pseudos **/
.fm-series-grid:before, 
.fm-series-grid:after {
	background-color: #8DC6BF !important;
	width: 8px !important;
	height: 8px !important;
	position: absolute !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
	display: block !important;
	content: '' !important;
}
.fm-series-grid:before {
	top: 0 !important;
	left: 0 !important;
	-webkit-transform-origin: top left !important;
	transform-origin: top left !important;
	transform: rotate(0deg) scale(1) !important;
}
.fm-series-grid:after {
	right: 0 !important;
	bottom: 0 !important;
	-webkit-transform-origin: bottom right !important;
	transform-origin: bottom right !important;
	transform: rotate(0deg) scale(1) !important;
}

/** Sermon Changes >> Series Grid Pseudos HOVER **/
.fm-series-grid:hover:before {
	transform: scale(1, 1) rotateZ(-45deg) !important;
}
.fm-series-grid:hover:after {
	transform: rotate(45deg) scale(1) !important;
}

/** Sermon Changes >> Hide Player controls on swiper **/
.sermon-swiper .plyr__control, 
.sermon-swiper .plyr__controls, 
.sermon-grid-item .plyr__controls, 
.sermon-grid-item .plyr__control {
	display: none !important;
}

/** Sermon Changes >> Swiper slide active **/
.sermon-swiper .swiper-slide, 
.sermon-grid-item {
	background: white !important;
	height: auto !important;
	padding: 10px !important;
}
.sermon-swiper, 
.sermon-grid-item {
	overflow: visible !important;
}

/** Sermon Changes >> Sermon swiper title **/
.sermon-swiper .sermon-swiper-title, 
.sermon-grid-item .sermon-grid-title {
	font-family: Gotham !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
}
.sermon-swiper .sermon-swiper-meta, 
.sermon-grid-item .sermon-grid-meta {
	font-family: Gotham !important;
	font-size: 12px !important;
	font-weight: 300 !important;
}

/** Sermon Changes >> Sermon Video Relative Changes **/
.sermon-swiper-video, 
.sermon-grid-video {
	position: relative !important;
	z-index: 9 !important;
	transform: translate(0, 0) !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
	display: block !important;
}

/** Sermon Changes >> Sermon Video Hover Move **/
.swiper-slide:hover .sermon-swiper-video, 
.sermon-grid-item:hover .sermon-grid-video {
	position: relative !important;
	transform: translate(6px, -6px) !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
}

/** Sermon Changes >> Sermon Vid container BG **/
.sermon-swiper-video-container, 
.sermon-grid-video-container {
	background-color: #8DC6BF !important;
	position: relative !important;
}

/** Sermon Changes >> Sermon Vid Aspect **/
.sermon-grid-video img {
	object-fit: cover !important;
	aspect-ratio: 16/9 !important;
}

/** Sermon Changes >> Sermon Video Container PSEUDOS **/
.sermon-swiper-video-container:before, 
.sermon-swiper-video-container:after, 
.sermon-grid-video-container:after, 
.sermon-grid-video-container:before {
	background-color: #8DC6BF !important;
	width: 8px !important;
	height: 8px !important;
	position: absolute !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
	display: block !important;
	content: '' !important;
}
.sermon-swiper-video-container:before, 
.sermon-grid-video-container:before {
	top: 0 !important;
	left: 0 !important;
	-webkit-transform-origin: top left !important;
	transform-origin: top left !important;
	transform: rotate(0deg) scale(1) !important;
}
.sermon-swiper-video-container:after, 
.sermon-grid-video-container:after {
	right: 0 !important;
	bottom: 0 !important;
	-webkit-transform-origin: bottom right !important;
	transform-origin: bottom right !important;
	transform: rotate(0deg) scale(1) !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
}

/** Sermon Changes >> Sermon Video PSEUDOS HOVER **/
.swiper-slide:hover .sermon-swiper-video-container:before, 
.sermon-grid-item:hover .sermon-grid-video-container:before {
	z-index: 1 !important;
	transform: scale(1, 1) rotateZ(-45deg) !important;
}
.swiper-slide:hover .sermon-swiper-video-container:after, 
.sermon-grid-item:hover .sermon-grid-video-container:after {
	transform: scale(1, 1) rotateZ(45deg) !important;
	z-index: 1 !important;
}

/** Sermon Changes >> Swiper Nav BG **/
.swiper-nav {
	background: url("/wp-content/uploads/2023/07/FOLDED-02-scaled.jpg") !important;
	width: 150px !important;
	padding: 15px 30px 35px 30px !important;
	margin-top: 30px !important;
}

/** Sermon Changes >> Sermon Swiper Icon Hover **/
.sermon-swiper .dashicons:hover {
	filter: brightness(1.2) !important;
	cursor: pointer !important;
	pointer-events: fill !important;
}

/** Sermon Changes >> Flip Previous Icon **/
.swiper-sermon-prev .dashicons-controls-play {
	transform: scaleX(-1) !important;
	-moz-transform: scaleX(-1) !important;
	-o-transform: scaleX(-1) !important;
	-webkit-transform: scaleX(-1) !important;
}

/** Sermon Changes >> Sermon Swiper Nav Style **/
.sermon-swiper .dashicons {
	color: #C77A43 !important;
	font-size: 42px !important;
}

/** Sermon Changes >> Single Sermon Big Title **/
.single-sermon-post-title-big {
	color: #383A39 !important;
	line-height: 1em !important;
	filter: brightness(1.2) !important;
	position: absolute !important;
	top: -40px !important;
	left: -20px !important;
	z-index: -1 !important;
	opacity: .5 !important;
}

/** Sermon Changes >> Single sermon date **/
.single-sermon-post-info .single-sermon-date {
	font-size: 12px !important;
}

/** Sermon Changes >> Single Sermon Info **/
.single-sermon-grid {
	font-family: Gotham !important;
	color: #ffffff !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.5px !important;
	padding-top: 10px !important;
}


/*= Content Swiper ============ */

/** Content Swiper >> Flip Previous Icon Copy 1 **/
.swiper-slide-prev .dashicons-controls-play {
	transform: scaleX(-1) !important;
	-moz-transform: scaleX(-1) !important;
	-o-transform: scaleX(-1) !important;
	-webkit-transform: scaleX(-1) !important;
}

/** Content Swiper >> Contnet Swiper Nav **/
.swiper .dashicons, 
.connect-swiper .dashicons {
	color: #C77A43 !important;
	font-size: 42px !important;
}

/** Content Swiper >> Sermon Swiper Nav Style Copy 2 Moved 1 **/
.content-swiper .dashicons:hover {
	filter: brightness(1.2) !important;
	cursor: pointer !important;
	pointer-events: fill !important;
}


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

/** Event Slider >> Event slider img container **/
.event-slider-img-container {
	background-color: #D99B6A !important;
	margin-top: 4px !important;
	position: relative !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
	display: inline-block !important;
}

/** Event Slider >> Event slider IMG **/
.event-slider-img {
	position: relative !important;
	z-index: 9 !important;
	transform: translate(0, 0) !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
	display: block !important;
}

/** Event Slider >> Event Slider Pseudos **/
.event-slider-img-container::before, 
.event-slider-img-container::after {
	background-color: #D99B6A !important;
	width: 8px !important;
	height: 8px !important;
	position: absolute !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
	display: block !important;
	content: '' !important;
}
.event-slider-img-container::before {
	top: 0 !important;
	left: 0 !important;
	-webkit-transform-origin: top left !important;
	transform-origin: top left !important;
	transform: rotate(-45deg) scale(0) !important;
}
.event-slider-img-container::after {
	right: 0 !important;
	bottom: 0 !important;
	-webkit-transform-origin: bottom right !important;
	transform-origin: bottom right !important;
	transform: rotate(45deg) scale(0) !important;
}

/** Event Slider >> Event Slider Pseudos HOVER **/
.event-info-container:hover .event-slider-img-container:before {
	transform: scale(1, 1) rotateZ(-45deg) !important;
}
.event-info-container:hover .event-slider-img-container::after {
	transform: rotate(45deg) scale(1) !important;
}

/** Event Slider >> Event slider IMG HOVER **/
.event-info-container:hover .event-slider-img {
	transform: translate(6px, -6px) !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
}

/** Event Slider >> Event slider day **/
.event-slider-day {
	font-family: gotham !important;
	color: #AB8B50 !important;
	font-size: 14px !important;
	line-height: 1em !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
}

/** Event Slider >> Event slider date **/
.event-slider-date {
	font-family: Gotham !important;
	font-size: 12px !important;
	font-weight: 400 !important;
}

/** Event Slider >> Event slider time **/
.event-slider-time {
	font-family: Gotham !important;
	font-size: 12px !important;
	font-weight: 400 !important;
}

/** Event Slider >> Event slider title **/
.event-slider-title {
	font-family: Dharma Gothic !important;
	font-size: 3.5em !important;
	font-weight: bold !important;
	margin-bottom: 0 !important;
}

/** Event Slider >> Event Slider LINK **/
.event-slider-link {
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 9999 !important;
}

/** Event Slider >> Event Dates Times **/
.events-dates-times {
	padding-bottom: 10px !important;
}

/** Event Slider >> Event Subtitle Btn **/
.event-subtitle-btn {
	font-family: Gotham !important;
	color: #091E22 !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.5px !important;
	border-bottom: 1px solid black !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
	display: inline-block !important;
}
.dashicons-controls-play:before {
	top: 3.5px !important;
	position: relative !important;
}
.event-info-container:hover .event-subtitle-btn {
	letter-spacing: 2.5px !important;
}


/*= Resource Grids ============ */

/** Resource Grids >> Resource Card Setup **/
.resource-content-container {
	background: #ffffff !important;
	width: 100% !important;
	border: 1px solid #C77A42 !important;
	position: relative !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
}
.card-content {
	background: #fff !important;
	padding: 20px !important;
	z-index: 9 !important;
	min-height: 165px !important;
	width: 100% !important;
}
.resource-content-container h3 {
	font-size: 18px !important;
}
.resource-content-container a {
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 3 !important;
}
.resource-grid-module .uk-grid, 
.resource-grid-module  .uk-grid>.uk-grid-margin {
	margin: 0 !important;
}
.resource-grid-module .uk-grid>* {
	padding: 0 !important;
}

/** Resource Grids >> Resource Card Hover **/
.resource-content-container:hover {
	z-index: 1 !important;
	transform: translate(12px, -12px) !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
}

/** Resource Grids >> Resource Card Container BG **/
.resource-card-content {
	background-color: #C77A42 !important;
	height: 165px !important;
	padding: 0 !important;
	margin: 0 !important;
	position: relative !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
}

/** Resource Grids >> View Doc Btn **/
.resource-content-container .resource-subtitle-btn {
	font-family: Gotham !important;
	color: #091E22 !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	padding-bottom: 1px !important;
	border-bottom: 1px solid #091E22 !important;
	position: relative !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
}
.resource-subtitle-btn .dashicons {
	font-size: 18px !important;
	margin-left: -4px !important;
	position: relative !important;
	top: 1px !important;
}
.resource-content-container:hover .resource-subtitle-btn {
	letter-spacing: 3px !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
}
.resource-subtitle-btn {
	margin-right: 15px !important;
}

/** Resource Grids >> Resource Card Pseudos **/
.resource-content-container:before, 
.resource-content-container:after {
	background-color: #C77A42 !important;
	width: 17px !important;
	height: 17px !important;
	position: absolute !important;
	z-index: 0 !important;
	-webkit-transition: .15s !important;
	transition: .15s !important;
	display: block !important;
	content: '' !important;
}
.resource-content-container:before {
	top: 0px !important;
	left: 0px !important;
	-webkit-transform-origin: top left !important;
	transform-origin: top left !important;
	transform: rotate(0deg) scale(0) !important;
	z-index: -9 !important;
}
.resource-content-container:after {
	bottom: 0px !important;
	right: 0px !important;
	-webkit-transform-origin: bottom right !important;
	transform-origin: bottom right !important;
	transform: rotate(0deg) scale(0) !important;
	z-index: -9 !important;
}

/** Resource Grids >> Resource Card Pseudos HOVER **/
.resource-card-content:hover .resource-content-container::before {
	top: -1px !important;
	left: -1px !important;
	transform: scale(1, 1) rotateZ(45deg) !important;
}
.resource-card-content:hover .resource-content-container::after {
	transform: scale(1, 1) rotateZ(-45deg) !important;
	bottom: 1px !important;
	right: -1px !important;
}

/** Resource Grids >> Single Resource Btn **/
.resource-subtitle-btn {
	font-family: Gotham !important;
	color: #ffffff !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.5px !important;
	padding-top: 15px !important;
	border-bottom: 1px solid #ffffff !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
	display: inline-block !important;
}
.resource-subtitle-btn:before {
	top: 3.5px !important;
	position: relative !important;
}
.resource-subtitle-btn:hover {
	letter-spacing: 2.5px !important;
}


/*= Resource Grids Copy 2 ===== */

/** Resource Grids Copy 2 >> Resource Heading Title **/
.resource-content h3 {
	font-size: 18px !important;
	margin-bottom: 0 !important;
}

/** Resource Grids Copy 2 >> Team Name **/
.team-name {
	width: 15px !important;
	height: 15px !important;
	border-radius: 50px !important;
	position: relative !important;
	top: 3px !important;
	display: inline-block !important;
}
.category-name {
	font-size: 12px !important;
	text-transform: uppercase !important;
	font-family: Gotham !important;
	font-weight: 300 !important;
}

/** Resource Grids Copy 2 >> View Doc Btn **/
.resource-btn-subtitle {
	font-family: Gotham !important;
	color: #091E22 !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	padding-bottom: 1px !important;
	margin-right: 15px !important;
	border-bottom: 1px solid #091E22 !important;
	position: relative !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
}
.resource-btn-subtitle .dashicons {
	font-size: 18px !important;
	margin-left: -4px !important;
	position: relative !important;
	top: 1px !important;
}
.resource-container:hover .resource-btn-subtitle {
	letter-spacing: 2px !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
	cursor: pointer !important;
}

/** Resource Grids Copy 2 >> Resource Card Container **/
.resource-container {
	background-color: #061E23 !important;
	position: relative !important;
}

/** Resource Grids Copy 2 >> Resource Card Content **/
.resource-content {
	background: #fff !important;
	width: 100% !important;
	min-height: 150px !important;
	padding: 15px !important;
	margin: 0 !important;
	border: 1px solid #061E23 !important;
	position: relative !important;
	z-index: 3 !important;
	-webkit-transition: transform .15s ease-in !important;
	transition: transform .15s ease-in !important;
	-webkit-transition: .15s ease-in !important;
}
.resource-callout {
	
}

/** Resource Grids Copy 2 >> Resource Card Hover **/
.resource-container:hover .resource-content {
	position: relative !important;
	z-index: 9 !important;
	transform: translate(12px, -12px) !important;
	-webkit-transition: .15s ease-in !important;
	transition: .15s ease-in !important;
}

/** Resource Grids Copy 2 >> Resource Card Pseudos **/
.resource-container:before, 
.resource-container:after {
	background-color: #061E23 !important;
	width: 17px !important;
	height: 17px !important;
	position: absolute !important;
	z-index: 0 !important;
	-webkit-transition: .15s !important;
	transition: .15s !important;
	display: block !important;
	content: '' !important;
}
.resource-container:before {
	top: 0px !important;
	left: 0px !important;
	-webkit-transform-origin: top left !important;
	transform-origin: top left !important;
	transform: rotate(0deg) scale(0) !important;
	z-index: -9 !important;
}
.resource-container:after {
	bottom: 0px !important;
	right: 0px !important;
	-webkit-transform-origin: bottom right !important;
	transform-origin: bottom right !important;
	transform: rotate(0deg) scale(0) !important;
	z-index: -9 !important;
}

/** Resource Grids Copy 2 >> Resource Card Pseudos HOVER **/
.resource-container:hover::before {
	z-index: 4 !important;
	transform: scale(1, 1) rotateZ(-45deg) !important;
}
.resource-container:hover::after {
	transform: rotate(45deg) scale(1) !important;
	z-index: 4 !important;
}


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

/** Groups >> PowerPack Numbered Callouts **/
.pp-number-callouts-col .pp-heading-content {
	width: 100% !important;
	padding-bottom: 15px !important;
	display: grid !important;
	grid-template-columns: auto 1fr !important;
	grid-template-rows: auto auto !important;
	/* Enable grid layout */
	grid-gap: 0 15px !important;
}
.pp-number-callouts-col .pp-heading-content > div:first-child {
	grid-column: 1 !important;
	grid-row: 1 / span 2 !important;
}
.pp-number-callouts-col .pp-heading-content > div:nth-child(2) {
	grid-column: 2 !important;
	grid-row: 1 !important;
}
.pp-number-callouts-col .pp-heading-content > div:nth-child(3) {
	grid-column: 2 !important;
	grid-row: 2 !important;
}


/*= Footer 2 ================== */

/** Footer 2 >> Relative Footer **/
.propel-footer {
	position: relative !important;
	overflow: visible !important;
}
.propel-footer .fl-row-content {
	position: relative !important;
	z-index: 9 !important;
}
.fl-builder-content-10586 {
	overflow: visible !important;
}

/** Footer 2 >> Footer **/
body:not(.fl-builder-edit) .propel-footer:after {
	background: url("https://propel.church/wp-content/uploads/2024/01/Untitled-design-4.png") no-repeat !important;
	width: 100vw !important;
	min-height: 658px !important;
	position: absolute !important;
	bottom: 23% !important;
	z-index: 4 !important;
	content: '' !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-attachment: scroll !important;
	pointer-events: none !important;
}


/*= Events Grid and Facets ==== */

/** Events Grid and Facets >> Fieldset **/
.fl-module-tbg-taxonomy-facet fieldset {
	border-width: medium !important;
	border-style: none !important;
}
.fl-module-tbg-taxonomy-facet legend {
	display: none !important;
}
.tbg-select {
	background: white !important;
}

/** Events Grid and Facets >> Backgrounds **/
#event_list_facet .individual-event {
	padding: 0 !important;
	margin: 5px !important;
}
#event_list_facet .event-info-container {
	background: #ffffff !important;
	padding: 15px !important;
}


/*= Modal ===================== */

/** Modal >> PYV Modal body **/
.ff_modal_container .ff-btn-next, 
.ff_modal_container .ff-btn-prev {
	color: #091E22 !important;
	font-size: 12px !important;
	background: white !important;
	padding: 2px 0 2px 0 !important;
	border-bottom: 1px solid #091E22 !important;
	-webkit-transition: .5s !important;
	transition: .5s !important;
}
.ff_modal_container .ff-btn-next:hover, 
.ff_modal_container .ff-btn-prev:hover {
	letter-spacing: 1.7px !important;
}

/** Modal >> Ff active (::before) **/
.ff-step-titles {
	border-radius: 0 !important;
}
.ff-step-title li.ff_active, 
.ff-step-titles li.ff_completed {
	color: #091E22 !important;
}
.fluentform .ff-step-titles li.ff_active:before, 
.fluentform .ff-step-titles li.ff_completed:before {
	background: #839073 !important;
	border-radius: 0 !important;
}
.fluentform .ff-step-titles li:before {
	border-radius: 0 !important;
}
.fluentform .ff-step-titles li.ff_active:after, 
.fluentform .ff-step-titles li.ff_completed:after {
	background: #839073 !important;
}

/** Modal >> Modal Sizing **/
.ff_modal_container {
	max-width: 600px !important;
	height: 400px !important;
	position: relative !important;
	z-index: 99999999 !important;
	box-shadow: -10px 10px 0 0 rgb(131, 144, 115) !important;
}
.lity.lity-opened {
	z-index: 9999 !important;
}


/*( < 980 )*/
@media (max-width: 979.98px) {
	/** General >> Perfmatters lazy css bg (::after) **/
	.sermons-template-default .fl-row:not(.landing-page-top-row):first-of-type .fl-row-content-wrap:first-of-type {
	padding-top: 40px !important;
}

}


/*( < 768 )*/
@media (max-width: 767.98px) {
	/** Buttons >> Large Buttons **/
	.large-buttons .fl-button {
	padding: 15px 30px 15px 30px !important;
}
.large-buttons .fl-button-text {
	font-size: 16px !important;
}

	/** Sermon Changes >> Single sermon date **/
	.single-sermon-post-info .single-sermon-date {
	font-size: 12px !important;
}

	/** General >> Perfmatters lazy css bg (::after) **/
	.sermons-template-default .fl-row:not(.landing-page-top-row):first-of-type .fl-row-content-wrap:first-of-type {
	padding-top: 70px !important;
}

}


/*( < 480 )*/
@media (max-width: 479.98px) {
	/** Repeat Headings >> Repeat Column **/
	.repeat-column {
	height: 100px !important;
	margin: 0 !important;
}

	/** Headings >> STUDENTS - Blue Highlight Tilt **/
	.students-blue-highlight .fl-heading {
	font-size: 40px !important;
}

	/** Headings >> KIDS - Text BG Color **/
	.kids-text-bg-color h1 {
	font-size: 4em !important;
}

	/** Headings >> Text BG Color **/
	.text-bg-color h1 {
	font-size: 2.8em !important;
}

	/** Headings >> Tape Blue Highlight and Tilt **/
	.blue-highlight .fl-heading {
	font-size: 4em !important;
	padding-left: 10px !important;
	margin-left: 30px !important;
}

	/** Headings >> Tape Left **/
	.tape-left::before {
	width: 120px !important;
	height: 360px !important;
	padding-left: 0 !important;
	top: -40px !important;
	left: -30px !important;
}

	/** General >> slider ratios **/
	.fl-slide-mobile-photo, 
.fl-slide-bg-photo {
	height: 100% !important;
	aspect-ratio: 9 / 14 !important;
}
.bx-viewport {
	height: 500px !important;
}

	/** General >> Perfmatters lazy css bg (::after) **/
	.sermons-template-default .fl-row:not(.landing-page-top-row):first-of-type .fl-row-content-wrap:first-of-type {
	padding-top: 70px !important;
}

	/** Panel Hovers >> Panel Title **/
	.panel-bottom-title {
	font-size: 36px !important;
	padding: 10px 0 8px 0 !important;
}

	/** Footer 2 >> Footer **/
	body:not(.fl-builder-edit) .propel-footer:after {
	background: url("/wp-content/uploads/2024/01/Untitled-design-5.png") !important;
	min-height: 1480px !important;
}

	/** Pseudo Elements >> Top 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;
}
.entry-content .fl-builder-content .fl-row:not(.landing-page-top-row):last-of-type .fl-row-content-wrap:last-of-type {
	padding-bottom: 120px !important;
}

	/** Sermon Changes >> Series Grid Relative **/
	.fm-series-grid {
	aspect-ratio: 16/9 !important;
}

	/** Sermon Changes >> Single Sermon Big Title **/
	.single-sermon-post-title-big {
	font-size: 3em !important;
	max-height: 80vh !important;
	top: -100px !important;
	left: 10px !important;
	z-index: -1 !important;
	overflow: hidden !important;
}

	/** Sermon Changes >> Single sermon date **/
	.single-sermon-post-info .single-sermon-date {
	font-weight: 200 !important;
	text-transform: none !important;
	filter: brightness(.7) !important;
}

	/** Modal >> Modal Sizing **/
	.ff_modal_container {
	height: 75vh !important;
	margin: 15px !important;
}

}