/*
Theme Name:   Hello Elementor Child
Theme URI:    https://example.com/hello-elementor-child/
Description:  Child theme for Hello Elementor. Adds a blog sidebar and a place for safe customizations.
Author:       Your Name
Author URI:   https://example.com/
Template:     hello-elementor
Version:      1.0.0
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  hello-elementor-child
Tags:         flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* ==========================================================================
   Sidebar layout for single posts
   ========================================================================== */

.site-container {
	display: flex;
	gap: 40px;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 20px;
}

.site-container .site-main {
	flex: 1 1 auto;
	min-width: 0;
}

.site-sidebar {
	flex: 0 0 300px;
}

.site-sidebar .widget {
	margin-bottom: 32px;
}

.site-sidebar .widget-title {
	margin: 0 0 12px;
	font-size: 1.125rem;
}

.site-sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-sidebar ul li {
	padding: 6px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

@media (max-width: 991px) {
	.site-container {
		flex-direction: column;
	}

	.site-sidebar {
		flex: 1 1 auto;
	}
}

/* ==========================================================================
   Your custom styles below
   ========================================================================== */
