/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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
*/

/* Colors

Blue: --e-global-color-primary: #06AAD1;
Red: --e-global-color-secondary: #EC2847;
Dark Grey: --e-global-color-text: #333746;
Dark Blue: --e-global-color-accent: #243451;
Light Grey: --e-global-color-1a250bc: #F1F2EB;
Grey: --e-global-color-e1a81f2: #BCBDC0;
Green: --e-global-color-4cbd0d6: #DFE21A;
White: --e-global-color-012f646: #FFFFFF;

 */

.fade-blur::before {
	transition: filter .3s ease;
}

/* ======================================================================================
 * 
 * BUTTONS
 * 
 * ======================================================================================*/

.elementor-kit-6 .elementor-button:hover {
	text-decoration: none;
}

.elementor-element.elementor-button-info .elementor-button {
	background-color: transparent;
    color: var(--e-global-color-primary);
    border: 2px solid var(--e-global-color-primary);
    padding: 13px 28px;
}
.elementor-element.elementor-button-info .elementor-button:hover {
	background-color: var(--e-global-color-secondary);
    color: var(--e-global-color-012f646);
    border-color: var(--e-global-color-secondary);
}
.elementor-element.elementor-button-success .elementor-button {
	background-color:  var(--e-global-color-012f646);
    color: var(--e-global-color-primary);
}
.elementor-element.elementor-button-success .elementor-button:hover {
	background-color: var(--e-global-color-secondary);
    color: var(--e-global-color-012f646);
}
.elementor-element.elementor-button-warning .elementor-button {
	background-color: transparent;
    color: var(--e-global-color-012f646);
    border: 2px solid var(--e-global-color-012f646);
    padding: 13px 28px;
}
.elementor-element.elementor-button-warning .elementor-button:hover {
	background-color: var(--e-global-color-secondary);
    color: var(--e-global-color-012f646);
    border-color: var(--e-global-color-secondary);
}


/* ======================================================================================
 * 
 * HEADER
 * 
 * ======================================================================================*/
.elementor-element-15dfe6a.elementor-sticky--effects {
    min-height: 70px;
    background-color: #000000cc;
}
/*.elementor-element-15dfe6a.elementor-sticky--effects .elementor-widget-theme-site-logo img {
    width: 45px !important;
    height: 45px;
    object-fit: cover;
    object-position: left;
}*/
.elementor-element-15dfe6a.elementor-sticky--effects .elementor-widget-divider {
    display: none;
}


/* ======================================================================================
 * 
 * NAV
 * 
 * ======================================================================================*/
.mega-dropdown .elementor-cta .elementor-cta__bg-overlay {
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 50%);
}
.mega-dropdown .elementor-cta__content {
	min-height: 400px !important;
}

.mobileNav.elementor-element.elementor-element-bcbee15 nav.elementor-nav-menu--dropdown > ul > li > a {
	padding-top: 12px;
	padding-bottom: 12px;
}

.elementor-206 .mobileNav.elementor-element.elementor-element-bcbee15 ul ul.elementor-nav-menu--dropdown {
	border-left: 1px solid #ffffff80;
	margin-bottom: 10px;
}
.elementor-206 .mobileNav.elementor-element.elementor-element-bcbee15 ul ul.elementor-nav-menu--dropdown a.elementor-sub-item {
	font-family: Lato;
	font-size: 18px;
	font-weight: 500;
}


/* ======================================================================================
 * 
 * EVENTS
 * 
 * ======================================================================================*/
.upcoming-events {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px 25px;
	text-align: center;
}
.single-event-listing {
	display: flex;
    flex-direction: column;
    align-items: center;
}
.single-event-listing .event-image {
	width: 90%;
    z-index: 2;
    padding-top: 0;
    margin-bottom: -30px;
}
.single-event-listing .event-image img {
	border-radius: 10px;
	box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.25);
	transition: all cubic-bezier(0.785, 0.135, 0.150, 0.860) .5s;
}
.single-event-listing .event-info {
	width: 100%;
    background: #ffffff;
    padding: 35px 20px 20px;
    border-radius: 10px;
    z-index: 1;
    margin-left: 0;
    text-align: center;
}
.single-event-listing .event-info .event-excerpt p {
	color: var(--e-global-color-text);
    font-weight: 400;
}
.single-event-listing .event-info h3 {
	color: var(--e-global-color-text);
	margin-bottom: 8px;
}
.single-event-listing:hover .event-info h3 {
	color: var(--e-global-color-secondary);
}
.single-event-listing .event-info .event-dates {
	color: var(--e-global-color-text);
	margin-bottom: 8px;
}
a.single-event-listing .event-info .event-excerpt {
	margin-bottom: 16px;
}
a.single-event-listing:hover .event-info .event-excerpt p {
	color: var(--e-global-color-text);
}
a.single-event-listing:hover .elementor-button {
	background-color: var(--e-global-color-secondary);
}
a.single-event-listing:hover {
	text-decoration: none !important;
}
a.single-event-listing:hover .event-image img {
	transform: scale(1.08);
}
@media screen and (max-width: 1024px) {
	.single-event-listing .event-image {
		40%;
	}
}
@media screen and (max-width: 767px) {
	.upcoming-events {
    	grid-template-columns: 1fr;
	}
	.single-event-listing {
		display: block;
	}
	.single-event-listing .event-image {
		width: 90%;
		margin: 0 auto -30px;
		padding-top: 0px;
	}
	.single-event-listing .event-info {
		width: 100%;
		padding: 35px 20px 30px 20px;
		margin-left: 0;
	}
}

/* ======================================================================================
 * 
 * FOOTER
 * 
 * ======================================================================================*/
.footerNav a:hover {
	color: #ffffff !important;
	text-decoration: underline !important;
}

/*==============================================================================================
 * 
 * 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;
}