.blogIndex h1 {
	color: white;
}

.blogIndex a:not(.button) {
	display: block;
	margin: 2rem 0;
	color: white;
}

.blogIndex time {
	font-size: .75rem;
}

.blogIndex header {
	font-size: 1.25rem;	
	line-height: 100%;
}

.blogIndex a:not(.button):hover {
	color: var(--gold);
	text-decoration: underline;
}

/* above is general (main page), below is specific (higher specificity) (for blogcats)  */

.blogCategories {
	margin: 0 auto;
	width: 600px; min-height: 700px;
/* 	border: 1px solid red; */
}

.blogCategories .postsLinks {
	display: none;
}

.blogCategories h1 {
	text-align: center;
}

.blogCategories h2 {
	margin: 0; /* jquery slideToggle jump fix*/
	width: max-content; /* чтобы border-bottom не была во всю ширину, заменить потом на внутренний span как у спойлеров */
	cursor: pointer;
	border-bottom: 1px dotted black;
}

.blogCategories a:not(.button) {
	margin: 2rem;
	color: var(--dark);
}

.blogCategories a:not(.button):hover {
	color: var(--dark);
	text-decoration: underline;
}

@media(max-width: 1050px) {
	.blogCategories {		
		width: 100%; min-height: auto;
		padding: 0 var(--mobileGutter);
	}
}