/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* ELEMENTOR COLOR VARIABLES
 * RED: --e-global-color-secondary
 * GREY: --e-global-color-9d55fe3
 */
/* TRICK FOR LOCATING ELEMENTS CAUSING UNWANTED HORIZONTAL SCROLL 
* { outline: 1px red solid !important; visibility: visible !important }*/
/*===========================================================================
 * 
 * GLOBAL ELEMENTS
 * 
 * ========================================================================*/
/*.watch-live-button {
	display: none;
}*/
/* HYPERLINKS
 * -------------------------------------*/
.elementor-kit-6 .site-main p a, .elementor-kit-6 .site-main ul a, .elementor-kit-6 .site-main ol a {
    color: #000000;
    font-weight: 700;
    border-bottom: 2px solid #E00035;
	transition: all .3s ease;
}
.elementor-kit-6 .site-main a:hover {
    color: #E00035;
}

.elementor-tab-title a {
	border-bottom: none;
}

h1.elementor-heading-title a, h2.elementor-heading-title a, h3.elementor-heading-title a {
	font-weight: 400;
}

/* BUTTONS
 * -------------------------------------*/
.elementor-kit-6 .elementor-element.elementor-button-info .elementor-button {
	background-color: transparent;
	color: #ffffff;
	border-bottom-width: 2px;
}
.elementor-kit-6 .elementor-element.elementor-button-info .elementor-button:hover {
	border-color: #ffffff;
}
/* RED SQUARE BUTTON */
.elementor-element.elementor-button-success .elementor-button {
	background-color: var(--e-global-color-secondary);
	border: none;
	padding: 15px 30px;
	color: #ffffff;
}
.elementor-element.elementor-button-success .elementor-button:hover {
	background-color: #000000;
	color: #ffffff;
}
.elementor-kit-6 .elementor-element.elementor-button-success .elementor-button.elementor-size-xs {
	padding: 6px 20px 8px;
}
@media screen and (max-width:767px) {
	.alignleft {
		float: none;
		display: block;
		margin: 0 auto 10px;
	}
}

/* BLACK TEXT BUTTON */
.elementor-kit-6 .elementor-element.elementor-button-warning .elementor-button {
	font-size: 17px;
	background-color: transparent;
	border-color: transparent;
}
.elementor-kit-6 .elementor-element.elementor-button-warning .elementor-button:hover {
	border-color: var(--e-global-color-secondary);
}

/* RED LINK BUTTON */
.elementor-kit-6 .elementor-element.elementor-button-danger .elementor-button {
	background-color: transparent;
    font-size: 17px;
    color: var(--e-global-color-secondary);
    border: none;
	padding: 5px 15px 7px;
}
.elementor-kit-6 .elementor-element.elementor-button-danger .elementor-button:hover {
	background-color: var(--e-global-color-secondary);
	color: #ffffff;
}

/* PAGE HEADERS
 * -------------------------------------*/
.page-header-gradient > .elementor-background-overlay {
	background-image: linear-gradient( 250deg, #1A1A1A22 44%, #1A1A1A 89%), linear-gradient(180deg, #1A1A1A00 70%, #1A1A1A 100%) !important;
}
.page-header-gradient.dark > .elementor-background-overlay {
	background-image: linear-gradient( 250deg, #1A1A1A22 44%, #1A1A1A 89%), linear-gradient(180deg, #1A1A1A00 70%, #1A1A1A 100%), linear-gradient(0deg, #1A1A1A00 80%, #1A1A1A77 100%) !important;
}

@media screen and (max-width:767px) {
	.page-header-gradient.dark > .elementor-background-overlay {
		background-image: linear-gradient( 250deg, #1A1A1A99 44%, #1A1A1A 89%), linear-gradient(180deg, #1A1A1A00 70%, #1A1A1A 100%), linear-gradient(0deg, #1A1A1A00 80%, #1A1A1A00 100%) !important;
	}
	.page-header-gradient > .elementor-background-overlay {
		background-image: linear-gradient( 250deg, #1A1A1A99 44%, #1A1A1A 89%), linear-gradient(180deg, #1A1A1A00 70%, #1A1A1A 100%) !important;
	}
}

/* OUTLINE HEADINGS
 * -------------------------------------*/
.addOutline {
	z-index: 2;
}
.addOutline h1.elementor-heading-title, .addOutline h2.elementor-heading-title {
	z-index: 2;
}
.outlineHeader {
	user-select: none;
	z-index: -1;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff33;
    text-transform: uppercase;
    font-family: 'trade-gothic-next-condensed';
    font-size: 150px;
    position: absolute;
    white-space: nowrap;
    top: 35%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.addOutline.scrollHeading .outlineHeader {
	left: 0;
	transform: translate(-20%,-50%)
}
.addOutline.dark .outlineHeader {
	-webkit-text-stroke-color: #26262622;
}
@media screen and (max-width:767px) {
	.outlineHeader {
		font-size: 80px;
		top: 45%;
	}
}

/* RED LINE HEADINGS
 * --------------------------*/
.redLineHeading > div {
	overflow: hidden;
	position: relative;
}
.redLineHeading .elementor-heading-title::after {	
	content: '';
    width: 100%;
    height: 2px;
    background: #E00035;
    display: inline;
    position: absolute;
    margin-left: 20px;
}
.redLineHeading h1.elementor-heading-title::after {
	bottom: 38px;
}
.redLineHeading h2.elementor-heading-title::after {
	bottom: 28px;
}
.redLineHeading h3.elementor-heading-title::after {
	bottom: 18px;
}
.redLineHeading h4.elementor-heading-title::after {
	bottom: 12px;
}
.redLineHeading h5.elementor-heading-title::after {
	bottom: 10px;
}
@media screen and (max-width: 767px) {
	.redLineHeading h1.elementor-heading-title::after {
		bottom: 28px;
	}
	.redLineHeading h2.elementor-heading-title::after {
		bottom: 18px;
	}
	.redLineHeading h3.elementor-heading-title::after {
		bottom: 14px;
	}
}

/* BIG OUTLINED NUMBER BG
 * ----------------------------------------*/
.number-bg::before {
    content: '';
    font-family: 'trade-gothic-next-condensed', sans-serif;
    font-size: 110px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #26262622;
    text-transform: uppercase;
    font-family: 'trade-gothic-next-condensed';
    position: absolute;
    top: 30%;
    left: -5%;
    transform: translateY(-50%);
}
.number-bg.one::before { content: '1'; }
.number-bg.two::before { content: '2'; }
.number-bg.three::before { content: '3'; }
.number-bg.four::before { content: '4'; }
.number-bg.five::before { content: '5'; }
.number-bg.six::before { content: '6'; }
.number-bg.seven::before { content: '7'; }
.number-bg.eight::before { content: '8'; }
.number-bg.nine::before { content: '9'; }
.number-bg.ten::before { content: '10'; }
.number-bg.eleven::before { content: '11'; }
.number-bg.twelve::before { content: '12'; }
.number-bg.thirteen::before { content: '13'; }
.number-bg.fourteen::before { content: '14'; }
.number-bg.fifteen::before { content: '15'; }

/* TEXT SETTINGS
 * ------------------------------------*/
.elementor-kit-6 .site-main .elementor-widget-text-editor ol, .elementor-kit-6 .site-main .elementor-widget-text-editor ul {
	margin: 7px 0;
}
.elementor-kit-6 .site-main .elementor-widget-text-editor ol > li {
	margin-bottom: 7px;
}
.elementor-kit-6 .site-main .elementor-widget-text-editor ol ul, .elementor-kit-6 .site-main .elementor-widget-text-editor ol ol, .elementor-kit-6 .site-main .elementor-widget-text-editor ul ul, .elementor-kit-6 .site-main .elementor-widget-text-editor ul ol {
	margin-top: 5px;
}

/*======================================================================
 * 
 * NAV
 * 
 * ===================================================================*/
.elementor-nav-menu--main {
	justify-content: flex-end;
}
.elementor-nav-menu--main .elementor-nav-menu a .sub-arrow {
	display: none;
}
.elementor-nav-menu--main .elementor-nav-menu .elementor-nav-menu--dropdown a {
    font-weight: 700;
    font-size: 15px;
    padding: 8px 10px !important;
	border-left: none;
	color: #000000;
}
.elementor-nav-menu--main .elementor-nav-menu .elementor-nav-menu--dropdown a:hover {
	background-color: var(--e-global-color-9d55fe3);
    color: #E00035;
	padding: 8px 10px;
}
.elementor-nav-menu--main .elementor-nav-menu ul {
    padding: 10px !important;
}
.elementor-nav-menu--dropdown .elementor-sub-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-sub-item.highlighted {
	background-color: var(--e-global-color-9d55fe3);
	color: #000000;
}
/* MOBILE NAV
 * --------------------------------------*/
.mobile-nav nav {
	background-color: transparent;
}
.mobile-nav nav > ul.elementor-nav-menu > li {
	overflow: hidden;
}
.mobile-nav nav > ul.elementor-nav-menu > li > a {
	animation-fill-mode: both;
	font-size: 36px;
	font-weight: 700;
	line-height: 1em;
	color: #ffffff;
	display: inline-block;
	padding: 10px 20px 10px 0;
}
.mobile-nav nav > ul.elementor-nav-menu > li > a:hover, .mobile-nav nav > ul.elementor-nav-menu > li > a.highlighted, .mobile-nav nav > ul.elementor-nav-menu > li > a.elementor-item-active, .mobile-nav nav > ul.elementor-nav-menu > li > a:focus, .mobile-nav nav > ul.elementor-nav-menu > li > a.elementor-item-active, .mobile-nav nav > ul.elementor-nav-menu > li a.elementor-sub-item:focus, .mobile-nav nav > ul.elementor-nav-menu > li a.elementor-sub-item:hover {
	background-color: transparent;
}
.mobile-nav nav > ul.elementor-nav-menu ul {
	background-color: transparent;
	margin-left: 2px;
}
.mobile-nav nav > ul.elementor-nav-menu ul li {
	border-left: 2px solid #E00035;
}
.mobile-nav nav > ul.elementor-nav-menu ul li a.elementor-sub-item, .mobile-nav nav > ul.elementor-nav-menu ul li a.elementor-sub-item.highlighted, .mobile-nav nav > ul.elementor-nav-menu ul li a.elementor-sub-item.elementor-item-active {
	font-size: 17px;
	font-weight: bold;
	color: #ffffff;
	border: none;
	background: transparent;
}

.mobile-nav-secondary ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mobile-nav-secondary ul li {
	padding: 5px 0;
}
.mobile-nav-secondary ul li a {
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
}
.mobile-nav-secondary ul li a:hover {
	color: #ffffff;
}
.mobile-nav nav > ul.elementor-nav-menu ul ul {
	padding-left: 15px;
}
.mobile-nav nav > ul.elementor-nav-menu ul ul li {
	border: none;
}
.mobile-nav nav > ul.elementor-nav-menu ul ul li a {
	font-weight: 400 !important;
}

.mobile-nav .eicon-close:before {
    content: "";
    background-image: url('/wp-content/uploads/2021/08/mobile-nav-close-1.svg');
    width: 25px;
    height: 25px;
    display: block;
}

@media screen and (max-width:767px) {
	.header-main.elementor-sticky--effects {
		background-color: #1A1A1A;
	}
}

/* FORM FIELDS
 * --------------------------------------*/
.elementor-kit-6 input:not([type="button"]):not([type="submit"]), .elementor-kit-6 textarea, .elementor-kit-6 .elementor-field-textual {
	transition: all .3s ease;
}
 * .elementor-kit-6 input:not([type="button"]):not([type="submit"]):focus, .elementor-kit-6 textarea:focus, .elementor-kit-6 .elementor-field-textual:focus {
	 border-color: #000000;
	 border-width: 2px;
	 box-shadow: 0px 0px 20px #00000033;
}
.elementor-kit-6 .elementor-search-form--focus input.elementor-search-form__input {
	color: #1a1a1a;
}

/*===============================================================================================
 * 
 * HOME PAGE
 * 
 * ============================================================================================*/
.home-cta .elementor-cta .elementor-cta__bg-overlay, .home-cta  .elementor-cta:hover .elementor-cta__bg-overlay {
	background-image: linear-gradient(0deg, hsla(0,0%,0%,.5), hsla(0,0%,0%,.1) 50%);
	background-color: transparent;
}
.home-cta .elementor-cta .elementor-cta__button.elementor-button {
	border-width: 0 0 2px 0;
	border-color: var(--e-global-color-secondary);
	transition: border-color .3s ease;
}
.home-cta .elementor-cta:hover .elementor-cta__button.elementor-button {
	border-color: white;
}

/* LATEST SERMON 
 * -------------------------------------------------------------*/
.play-sermon {
	position: relative;
}
.play-sermon .play-icon {
    position: absolute;
    bottom: 15px;
    left: 30px;
}
.play-sermon .play-icon-bg, .play-sermon .play-icon-play {
	transition: all .3s ease;
}
.play-sermon .play-icon-bg {
	fill: #E00035;
}
.play-sermon .play-icon-play {
	fill: #ffffff;
}
.play-sermon:hover .play-icon-bg {
	fill: #ffffff;
}
.play-sermon:hover .play-icon-play {
	fill: #000000;
}
.latest-sermon {
	background-size: cover;
	background-position: center center;
	padding: 250px 40px 200px 40px;
}
.latest-sermon.elementor .elementor-background-overlay {
	background-image: linear-gradient( 250deg, #1A1A1A22 44%, #1A1A1A 89%), linear-gradient(180deg, #1A1A1A00 70%, #1A1A1A 100%), linear-gradient(0deg, #1A1A1A00 80%, #1A1A1A77 100%) !important;
}
.latest-sermon .latest-sermon-box {
	position: relative;
	display: flex;
}
.latest-sermon .latest-sermon-box .col-50 {
	width: 50%;
}
.latest-sermon .latest-sermon-info {
	font-weight: 700;
	overflow: hidden;
	padding-left: 10px;
	border-left: 2px solid #E00035;
}
.latest-sermon .latest-sermon-links {
	margin-top: 15px;
	font-size: 17px;
}
.latest-sermon .latest-sermon-links a {
	color: #ffffff;
	border-bottom: 2px solid transparent !important;
}
.latest-sermon .latest-sermon-links a:hover {
	border-bottom: 2px solid #ffffff !important;
	color: #ffffff !important;
}

@media screen and (max-width: 1024px) {
	.play-sermon .play-icon {
    	width: 55px;
		bottom: 15px;
	}
}
@media screen and (max-width:767px) {
	.latest-sermon {
		padding: 200px 10px 150px 10px;
	}
	.latest-sermon .latest-sermon-box {
		flex-wrap: wrap;
	}
	.latest-sermon .latest-sermon-box .col-50 {
		min-width: 100%;
	}
	.elementor-kit-6 .latest-sermon h1.sermon-title-home {
		font-size: 45px;
	}
	.play-sermon .play-icon {
		position: relative;
		width: 40px;
    	height: 40px;
    	left: -2px;
    	bottom: -6px;
	}
}

/* HOME EVENTS
 * ---------------------------------------------*/
.home-events .ecs-posts > article:nth-child(even) > div > section > div {
	flex-direction: row-reverse;
}
.home-events .single-event:nth-child(even) .event-container {
	flex-direction: row-reverse;
}

.home-events a {
	color: #000;
	font-weight: 400;
	transition: all .3s ease;
}
.home-events .event-container {
	display: flex;
	overflow: hidden;
}
.home-events .event-container > div {
	width: 50%;
}
.home-events .event-container:nth-child(even) {
	flex-direction: row-reverse;
}
.home-events .event-container .event-photo {
	background: center center/cover;
	transform: scale(1.02);
	z-index: 1;
	transition: transform .5s ease;
}
.home-events a:hover .event-photo {
	transform: scale(1);
	transition: transform .5s ease;
}
.home-events .event-container .event-info {
	padding: 7%;
	z-index: 2;
	background: white;
	transition: all .5s ease;
}
.home-events .single-event .event-info .event-dates {
    display: inline-block;
	font-weight: bold;
	font-size: 17px;
    background: var(--e-global-color-9d55fe3);
    padding: 5px 15px;
    margin-bottom: 15px;
}
.home-events .event-container .event-info p:first-of-type {
	display: none;
}
.home-events .event-container .event-info .event-excerpt {
	padding-bottom: 15px;
}
.home-events a .event-container .event-info .event-title {
	transition: color .3s ease;
}
.home-events a:hover .event-container .event-info .event-title, .home-events a:hover .event-container .event-info .elementor-button {
	color: var(--e-global-color-secondary);
}
.home-events a:hover .event-container .event-info {
	color: #000;
}
@media screen and (max-width:767px) {
	.home-events .event-container {
		flex-wrap: wrap;
	}
	.home-events .event-container .event-photo {
		height: 250px;
	}
	.home-events .event-container > div {
		width: 100%;
	}
	.home-events .event-container .event-info {
		padding: 20px 20px 50px;
	}
}


/*==============================================================================================
 * 
 * SERVE OPPORTUNITIES
 * 
 *==============================================================================================*/
.opportunity-meta {
	padding: 3px 0;
	display: flex;
}
.opportunity-meta .opportunity-icon {
	width: 25px;
    padding-right: 10px;
	text-align: center;
	font-size: 16px;
}



/*==============================================================================================
 * 
 * UPCOMING EVENTS
 * 
 *==============================================================================================*/

.upcoming-events .event-container {
	padding-bottom: 50px;
	border-bottom: 3px solid var( --e-global-color-9d55fe3 );
	margin-bottom: 50px;
}
.upcoming-events .single-event {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
	transition: all .3s ease;
}
.upcoming-events .single-event .event-image {
    place-self: center;
}
.upcoming-events .single-event .event-info {
    color: #000000;
    place-self: center;
}
.upcoming-events .single-event .event-info h3 {
    transition: all .3s ease;
}
.upcoming-events .single-event .event-info .event-dates {
    display: inline-block;
    background: var(--e-global-color-9d55fe3);
    padding: 5px 15px;
    margin-bottom: 15px;
}
.upcoming-events .single-event .event-info .event-excerpt {
    font-weight: normal;
}
.upcoming-events .event-container:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
}

.upcoming-events .single-event:hover {
    transform: scale(.985);
}
.upcoming-events .single-event:hover h3, .upcoming-events .single-event:hover .elementor-button {
    color: var(--e-global-color-secondary);
}

.past-event-notice {
	background-color: #E00035;
	color: #ffffff;
	padding: 5px 10px;
}
.past-event-notice a {
	color: #ffffff;
}
.past-event-notice a:hover {
	color: black !important;
}

@media screen and (max-width:767px) {
    .upcoming-events .event-container {
    	padding-bottom: 50px;
    	border-bottom: 15px solid #eee;
    	margin-bottom: 0px;
    }
    .upcoming-events .single-event {
	    display: grid;
	    grid-template-columns:1fr;
	    gap: 10px;
    }
    .upcoming-events .single-event .event-info {
        padding: 0 20px;
    }
    .upcoming-events .single-event:hover {
     transform: none;
    }
}


/*==============================================================================================
 * 
 * SERMON ARCHIVE
 * 
 *==============================================================================================*/




/*==============================================================================================
 * 
 * MAILCHIMP
 * 
 *==============================================================================================*/

#mc_embed_signup {
	font-size: 16px;
}
#mc_embed_signup .mc-field-group {
	margin-bottom: 15px;
}
#mc_embed_signup .content__gdprLegal, #mc_embed_signup .content__gdpr p {
	font-size: 14px;
	line-height: 1.25;
}
#mc_embed_signup label[for="mce-EMAIL"] {
    padding-bottom: 10px;
}
#mc_embed_signup .indicates-required {
    font-size: 15px;
    font-style: italic;
    margin-bottom: 10px;
}
#mc_embed_signup .checkbox.subfield input {
	margin-right: 5px;
}

/*==============================================================================================
 * 
 * Animation Tweaks
 * 
 *==============================================================================================*/
@keyframes fadeInUpNew {
	0% { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeInUp {
	animation-name: fadeInUpNew !important;
}
@keyframes fadeInDownNew {
	0% { opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeInDown {
	animation-name: fadeInDownNew !important;
}
@keyframes fadeInLeftNew {
	0% { opacity: 0; transform: translate3d(-50px, 0, 0); }
	100% { opacity: 1; transform: translate3d(0, 0, 0); }
}
.fadeInLeft {
	animation-name: fadeInLeftNew !important;
}
@keyframes fadeInRightNew {
	from { opacity: 0; transform: translate3d(50px, 0, 0) }
	to { opacity: 1; transform: none }
}
.fadeInRight {
	animation-name: fadeInRightNew !important
}
@keyframes zoomInNew {
  from { opacity: 0; -webkit-transform: scale3d(0.95, 0.95, 0.95); transform: scale3d(0.95, 0.95, 0.95);
  }
  50% { opacity: 1; }
}
.zoomIn {
    animation-name: zoomInNew !important;
}
.animated.animated-fast {
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
}