/* 
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
*/

/* Add your custom styles here */
.colored-title span {
	color: var(--e-global-color-accent) !important;
}

.aspect-16-9 {
	width: 100%;
	height: 0; 
	  padding-bottom: 56.25%; /* 9 divided by 16 = 0.5625 */

	  background-size: cover;
	  background-position: center;
}

.parent-container {
  position: relative; /* traps the absolute child inside */
  width: 100%;
  
  /* MOVE the ratio to the parent! */
  aspect-ratio: 16 / 9; 
}

.background-div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; /* Fills the parent which now has the ratio */
  
  background-size: cover;
}

.truncate {
  white-space: nowrap;      /* 1. Prevents text from wrapping to a new line */
  overflow: hidden;         /* 2. Hides the text that overflows the element's box */
  text-overflow: ellipsis;  /* 3. Adds the ellipsis (...) to show text is hidden */
  width: 90%; 
}

.truncate-2-line, .truncate-2-line h1 {
  overflow: hidden;                /* 1. Hides the overflowing text */
  text-overflow: ellipsis;         /* 2. Adds the ellipsis */
  display: -webkit-box;
  -webkit-line-clamp: 2;           /* 3. The number of lines to show */
  -webkit-box-orient: vertical;
}

.truncate-3-line {
  overflow: hidden;                /* 1. Hides the overflowing text */
  text-overflow: ellipsis;         /* 2. Adds the ellipsis */
  display: -webkit-box;
  -webkit-line-clamp: 3;           /* 3. The number of lines to show */
  -webkit-box-orient: vertical;
}

.elementor-menu-anchor {
	margin-top: -140px;
}

.post-loop-text h1, .post-loop-text h2, .post-loop-text h3{
    font-size: 1rem !important; /* Reset size to standard body size */
    line-height: 1.5em !important; /* Reset line height */
    margin: 0 !important; /* Remove default headers margins */
    padding: 0 !important;
    font-weight: normal !important; /* Remove bolding if desired */
    display: none; /* Helps text flow better */
}