/*
Theme Name: Lääne elu lite teema
Version: 1.0
*/

body{
	font-family:system-ui,-apple-system;
	margin:0;
	background:#fff;
	color:#111;
}

.container{
	max-width:800px;
	margin:20px auto;
	padding:0 15px;
}

.post{
	border-bottom:1px solid #eee;
	padding:15px 0;
}

.post h2{
	margin:0 0 5px;
	font-size:20px;
}

.post a{
	color:#007bff;
	text-decoration:none;
}

.post a:hover{
	text-decoration:underline;
}

.meta{
	font-size:13px;
	color:#666;
	margin-bottom:10px;
}

.excerpt{
	font-size:15px;
	line-height:1.5;
	margin-bottom:10px;
}

.read-more{
	font-weight:bold;
	font-size:14px;
}

/* RESET */
/* HEADER */
.header{
	border-bottom:1px solid #eee;
	padding:10px;
}

.header-top{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.logo a{
	font-size:22px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

.menu-toggle{
	cursor:pointer;
	font-size:15px;
	padding:6px 10px;
	background:#f2f2f2;
	border:1px solid #ddd;
	border-radius:4px;
}

.site-menu{
	display:none;
	margin-top:10px;
}

.site-menu.active{
	display:block;
}

.main-menu,
.main-menu ul{
	list-style:none;
	padding:0;
	margin:0;
}

.main-menu li{
	border-bottom:1px solid #eee;
}

.main-menu a{
	display:block;
	padding:8px 10px;
	text-decoration:none;
	color:#222;
	font-size:14px;
}

.main-menu ul{
	padding-left:15px;
	background:#fafafa;
}

.post{
	margin-bottom:25px;
}

.post h2{
	line-height:1.3;
}

.excerpt{
	color:#333;
}

.pagination{
	margin-top:30px;
	display:flex;
	flex-wrap:wrap;
	gap:5px;
	justify-content:center;
}

.pagination a,
.pagination span{
	padding:6px 10px;
	border:1px solid #ddd;
	text-decoration:none;
	font-size:14px;
	color:#333;
}

.pagination .current{
	background:#333;
	color:#fff;
}

/** Sticky header **/

.header{
	position:sticky;
	top:0;
	z-index:9999;
	background:#fff;
	border-bottom:1px solid #eee;
}