/*
Theme Name: Hello Elementor Child
Theme URI: https://welldesignstudio.com/
Description: Child theme of Hello Elementor, by Well Design Studio
Author: Well Design Studio
Author URI: https://welldesignstudio.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
*/


/* ============================================================================
   GLOBAL DEFAULTS
============================================================================ */

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smooth: antialiased;
}

body {
	overflow-x: hidden;
}


/* ============================================================================
   TYPOGRAPHY
============================================================================ */

h1, h2, h3, h4, h5, h6 {
	color: unset;
}

body ul,
body ol {
	margin-top: 0;
}

ul li:last-child {
	margin-bottom: 15px;
}

.elementor-nav-menu .sub-arrow {
	padding: 3px !important;
}


/* ============================================================================
   LINK STYLING
============================================================================ */

.elementor a,
.elementor a:hover {
	color: unset;
}

.elementor-widget-text-editor a,
.elementor-widget-text-editor a:hover,
.elementor-widget-container p a,
.elementor-widget-container p a:hover {
	color: inherit;
}

p a {
	text-decoration: underline !important;
}


/* ============================================================================
   ELEMENTOR DEFAULTS
============================================================================ */

.elementor-widget-divider .elementor-divider,
.elementor-widget-spacer,
.elementor-widget-divider {
	margin-bottom: 0 !important;
	overflow: hidden;
}

.elementor-widget-icon {
	line-height: 1em;
}

.elementor-widget p:last-child {
	margin: 0;
}

.elementor-widget-wrap > aside.elementor-section {
	width: auto;
}

.elementor-widget-nav-menu li.menu-item > a.elementor-item > span.hidden {
	display: none;
}


/* ============================================================================
   ANIMATIONS
============================================================================ */

.elementor-background-video-container iframe {
	opacity: 1;
	animation: fadeInOpacity 2s ease-in 1;
}

@keyframes fadeInOpacity {
	0%, 80% { opacity: 0; }
	100% { opacity: 1; }
}


/* ============================================================================
   UTILITY CLASSES
============================================================================ */

.no-margin { margin: 0; }
.no-wrap { white-space: nowrap; }

.two-line-ellipsis {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: calc(1em * 2.8);
}


/* ============================================================================
   MEDIA / ASPECT RATIOS
============================================================================ */

.ratio-16x9 {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	border-radius: 20px;
	overflow: hidden;
}

.ratio-16x9 img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translate(-50%, -50%);
}


/* ============================================================================
   COLOR UTILITIES
============================================================================ */

.text-blue-dark { color: #36B3DA; }
.text-blue-light { color: #63CBE8; }
.text-blue-lightest { color: #AEE5F3; }


/* ============================================================================
   EAEL TIMELINE
============================================================================ */

.eael-content-timeline-container {
	max-width: 100% !important;
}

/* Images */
.eael-content-timeline-content img,
.eael-horizontal-timeline-item__card-inner img {
	margin: 0.5em 0 0.8em !important;
	width: 180px !important;
	height: 180px !important;
	object-fit: cover !important;
	object-position: center !important;
	border-radius: 20px !important;
}

/* Hide date */
.eael-horizontal-timeline--align-left .eael-horizontal-timeline-item__meta {
	display: none !important;
}

/* Card */
.elementor-1345 .elementor-element.elementor-element-7effd4f 
.eael-horizontal-timeline-item__card-inner {
	background: var(--e-global-color-5c0c0d7);
	padding: 30px;
	border-radius: 30px;
}

/* Arrows */
.eael-horizontal-timeline .eael-arrow {
	width: 35px !important;
	height: 35px !important;
	line-height: 35px !important;
	font-size: 22px !important;
	margin-top: 15px;
}

.eael-horizontal-timeline .eael-arrow i {
	font-size: 22px !important;
}

/* Excerpt */
.eael-timeline-excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: clip;
	line-height: 1.6em;
	margin-bottom: -5px !important;
}

.eael-timeline-excerpt.expanded {
	-webkit-line-clamp: unset;
	overflow: visible;
}

/* Read more btn */
.eael-read-more-toggle {
	font-family: 'arial-nova', sans-serif !important;
	letter-spacing: 0.75px !important;
	text-transform: uppercase !important;
	display: inline-block;
	margin-top: 17px !important;
	background: none !important;
	border: none !important;
	padding: 0 !important;
	color: #AF0522 !important;
	font-weight: bold !important;
	font-size: 14px !important;
	cursor: pointer;
	text-decoration: none;
	box-shadow: none !important;
}

.eael-read-more-toggle:hover {
	opacity: 0.8;
}

/* Points */
.eael-horizontal-timeline-item__point-content .eael-elements-icon {
	box-shadow: none !important;
}

.eael-horizontal-timeline-item__point-content {
	background-color: transparent !important;
}


/* ============================================================================
   MEDIA QUERIES
============================================================================ */

@media (max-width: 767px) {

	.eael-horizontal-timeline .eael-arrow {
		width: 34px !important;
		height: 34px !important;
		line-height: 34px !important;
		font-size: 20px !important;
	}

	.eael-horizontal-timeline .eael-arrow i {
		font-size: 20px !important;
	}

	.eael-horizontal-timeline .eael-prev-arrow {
		left: 6px !important;
		top: 50% !important;
	}

	.eael-horizontal-timeline .eael-next-arrow {
		right: 6px !important;
		top: 50% !important;
	}
}


/* ============================================================================
   GTRANSLATE (Safe Overrides)
============================================================================ */

.gtranslate_wrapper select, .gtranslate_wrapper input {
	border: 1px solid #000;
	border-radius: 100px; 
	padding: .25rem; 
	width: 100px; 
	background-color: #fff; 
	font-size: 13px; 
}

/* ==========================================================================
   The Events Calendar – Layout Tweaks
   ========================================================================== */

/* Remove bottom spacing in view selector tabs (medium breakpoint) */
.tribe-common--breakpoint-medium.tribe-events
.tribe-events-c-view-selector--tabs
.tribe-events-c-view-selector__list-item {
  margin-bottom: 0;
}


/* ==========================================================================
   The Events Calendar – Images
   ========================================================================== */

/* Photo grid featured images */
.tribe-events-pro.tribe-events-pro-photo--grid
.tribe-events-pro-photo__event
.tribe-events-pro-photo__event-featured-image {
  border-radius: 20px;
}

/* Single event featured image */
.tribe-events-event-image img {
  border-radius: 20px;
}


/* ==========================================================================
   The Events Calendar – Single Event Only
   ========================================================================== */

/* Hide "before events" HTML on single event pages */
.single-tribe_events .tribe-events-before-html {
  display: none !important;
}

/* Remove red hover background on Events top bar items */
.tribe-events .tribe-events-c-top-bar button:hover,
.tribe-events .tribe-events-c-view-selector__list-item:hover,
.tribe-events .tribe-events-c-view-selector__list-item button:hover {
    background-color: transparent !important;
}