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

/* --- Title Styling --- */
.sld-cat-title {
  font-size: 22px;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 10px;
  border-bottom: 4px solid #3BB042; /* Updated underline color */
  padding-bottom: 5px;
}

/* --- Individual Link Items --- */
.sld-single-item {
  padding: 16px;
  background-color: #fdfdfd;
  border-bottom: 1px solid #e5e5e5;
  transition: background-color 0.3s ease, border-left 0.3s ease;
  position: relative;
}

/* --- Hover Effect --- */
.sld-single-item:hover {
  background-color: #f5f5f5;
  border-left: 4px solid #2D5523; /* Green hover bar */
}

/* --- Link Text --- */
.sld-title a {
  font-size: 16px;
  color: #29373D; /* Updated base link color */
  text-decoration: none;
}

.sld-title a:hover {
  color: #2D5523; /* Updated hover link color */
  text-decoration: underline;
}

/* --- Circle Icon (Arrow) --- */
.sld-icon {
  font-size: 14px;
  color: #999;
  margin-right: 10px;
}

.sld-single-item:hover .sld-icon {
  color: #2D5523; /* Match hover color */
}

/* --- Search Bar Styling (Optional) --- */
.sld-search-box {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px 10px;
  font-size: 14px;
  width: 100%;
  max-width: 300px;
  margin-bottom: 20px;
}