/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.4
	Stable tag: 3.4.4
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/
/* HERO */
.custom-header .hero {
  background: #D0D0D0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}
.custom-header .hero-banner,
.custom-header .custom-logo,
.custom-header .site-logo img {
  max-height: 150px;
  width: auto;
  height: auto;
  margin: 0 auto;
  display: block;
}

/* TOPBAR */
.custom-header .topbar {
  background: #0d0d0d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 18px;
  gap: 12px;
}

/* social icons */
.custom-header .social { 
  display: flex; 
  gap: 14px; 
  align-items: center; 
  margin-left: 63px; 
}
.custom-header .social .social-icon { 
  width: 22px; 
  height: auto; 
  display: block; 
}

/* top-actions */
.custom-header .top-actions {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-left: auto;
  white-space: nowrap;
  margin-right:61px;
}
.custom-header .live { 
  display: flex; 
  align-items: center; 
  gap: 8px; 
  font-weight: 700; 
  color: #fff; 
}
.custom-header .live .live-icon { 
  width: 20px; 
  height: auto; 
  display: block; 
}
.custom-header .btn {
  background: #fff;
  color: #000;
  padding: 8px 16px;
  border-radius: 8px;
  font-weight: 700;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}

/* NAV */
.custom-header .nav-wrap { border-top: 1px solid #eee; }
.custom-header .nav {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 12px 18px;
  background: #fff;
  flex-wrap: wrap;
  margin-left:60px;
}
.custom-header .links { 
  display: flex; 
  gap: 65px; 
  align-items: center; 
  margin-left: 18px; 
}
.custom-header .links a { 
  text-decoration: none; 
  font-weight: 600; 
  color: #111; 
}
.custom-header .links a:hover { 
  text-decoration: underline; 
}

/* right-controls */
.custom-header .right-controls {
  display: flex; 
  align-items: center; 
  gap: 23px; 
  margin-right:61px; 
  margin-left: 34px;
}
.custom-header .search { 
  display: flex; 
  align-items: center;
  font-size: 16px;
  cursor: pointer; 
}
.search i {
  font-size: 18px;
  color: #333;
}
.custom-header .search .search-icon { 
  width: 20px; 
  height: auto; 
  display: block; 
}
.custom-header .flag-img { 
  width: 24px; 
  height: auto; 
  display: block; 
}
.custom-header .lang-select {
  border: none;
  background: transparent;
  font-weight: 600;
  cursor: pointer;
}

/* FLAG + LANGUAGE SELECT */
.lang {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}
.lang select {
  border: none;
  background: transparent;
  font-weight: 600;
  cursor: pointer;
  padding: 4px;
}

/* ------------------- */
/* RESPONSIVE TWEAKS  */
/* ------------------- */
@media (max-width:900px) {
  .custom-header .hero-banner,
  .custom-header .custom-logo { max-height: 120px; }

  .custom-header .links { gap: 20px; margin-left: 12px; }

  .custom-header .social { margin-left: 0; }
  .custom-header .top-actions { margin-right: 0; }
  .custom-header .nav { margin-left: 0; }
  .custom-header .right-controls { margin-right: 0; margin-left: 0; }
}

@media (max-width:560px) {
  .custom-header .nav { 
    flex-direction: column; 
    align-items: flex-start; 
    width: 100%; 
  }

  .custom-header .right-controls { 
    width: 100%; 
    justify-content: space-between; 
    margin: 8px 0 0 0; 
  }

  .custom-header .topbar { 
    flex-wrap: wrap; 
    padding-bottom: 8px; 
  }

  .custom-header .top-actions { 
    margin-left: 0; 
    width: 50%; 
    justify-content: flex-end; 
  }

  .custom-header .links { 
    flex-wrap: wrap; 
    gap: 16px; 
  }
}
/* Universal: style featured / post images across many themes/plugins */
.post img.wp-post-image,
.entry .wp-post-image,
.entry-content img.wp-post-image,
.article img.wp-post-image,
.post-thumbnail img,
.featured img,
.wp-block-image img,
.elementor-post__thumbnail img,
.archive .post img,
.blog .post img {
  max-height: 500px;
  width: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 33px;
  height: auto; /* allow object-fit to work with constrained height */
}

/* If the theme sets a fixed height on the image container, constrain it there */
.post .post-thumbnail,
.entry .post-thumbnail,
.elementor-post__thumbnail {
  max-height: 500px;
  overflow: hidden;
}

/* If this still gets overridden, use the stronger rule (use sparingly) */
.post img.wp-post-image.override,
.entry img.wp-post-image.override,
.elementor-post__thumbnail img.override {
  max-height: 500px !important;
  object-fit: cover !important;
  width: 100% !important;
  margin-bottom: 33px !important;
}