.ms-blog-MainArea{
	h1,
	h2,
	h3,
	h4{
		font-family: $din-medium;
	}
	@extend %clearfix;
	// margin-top: -10px;
	.ms-blog-LeftColumn{
		.ms-webpart-chrome-vertical{
			display: block;
			box-sizing: border-box;
			padding-left: 20px;
			border-left: 3px $gray-search-border solid;
		}
		.ms-core-listMenu-item.ms-blog-quickLinksTitle{
			font-size: 21px;
			text-transform: none;
			font-family: $din-medium;
			color: black;
		}
		.ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item{
			color: black;
		}
		.ms-webpart-titleText{
			font-size: 21px;
		}
		.ms-blog-adminLinks{
			padding-top: 0px;
			font-size: 14px;
		}
		.ms-blog-quickLinksEntry{
			text-transform: uppercase;
		}
	}
	.ms-webpart-cell-vertical,
	.ms-webpart-chrome-vertical{
		display: block;
	}
}
.ms-blog-postInlineDate{
	padding-top: 6px;
}
.ms-comm-adminLinksListItem{
	a{
		text-transform: uppercase;
		text-decoration: none;
		&:hover{
			color: $red-dark;
		}
	}
	padding: 0.25em 0 0.5em 0;
}
.ms-blog-postBoxDate{
	padding-top: .5em;
}

.ms-blog-postBody{
	font-size: 14px;
}
.ms-blog-postBox{
	h1{
		font-size: 32px;
	}
	h2{
		font-family: $din-medium;
		font-size: 2.3em;
	}
	// @media screen and (min-width: 0px) and (max-width: 480px){
	// 	margin-left: 0px;
	// }
}

.ms-blog-adminLinks{
	padding-left: 0;
}

.ms-blog-postList{
	a{
		color: $red;
		text-decoration: none;
		&:visited{
			color: $red;
		}
		&:hover{
			color: $red-dark;
		}
		&:visited:hover{
			color: $red-dark;
		}

	}
}

.ms-blog-postBox{
	margin: 0 0 32px 0;
	padding: 0 20px 32px 0;

	border: 1px white solid;
	.ms-blog-postBody{
		margin-right: 20px;
	}
	&:hover{
		border: 1px $gray-blogborder solid;
		.ms-blog-postBoxDate{
			border-color: $red-dark;
			background-color: $red-dark;
		}
		// h1{
		// 	color: $red-dark;
		// 	a{
		// 		color: $red-dark;
		// 	}
		// }
		// h2{
		// 	color: $red-dark;
		// 	a{
		// 		color: $red-dark;
		// 	}
		// }
		// h3{
		// 	color: $red-dark;
		// 	a{
		// 		color: $red-dark;
		// 	}
		// }
		.ms-blog-postBoxMargin{
			h2:first-child{
				color: $red-dark;
				a{
					color: $red-dark;
					text-decoration: none !important;
				}
			}
		}
		.ms-blog-command-noLeftPadding{
			color: $red-dark;
			&:hover{
				color: $red-dark;
			}
		}
		.ms-comm-metalineItemSeparator{
			color: $red;
			text-decoration: none;
			&:hover{
				color: $red-dark;
			}
		}
		.ms-blog-postBody{
			a{
				color: $red;
				text-decoration: none;
				&:hover{
					color: $red-dark;
				}
			}
		}
		.ms-secondaryCommandLink,
		.ms-secondaryCommandLink:visited{
			color: $red;
			text-decoration: none;
			&:hover{
				color: $red-dark !important;
			}
		}
		// .ms-blog-command{
		// 	color: $red-dark;
		// 	a{
		// 		color: $red-dark;
		// 	}
		// }
	}
	// @media screen and (min-width: 0px) and (max-width: 480px){
	// 	.ms-blog-postBoxDate{
	// 		margin-right: 1em;
	// 		&::after{
	// 			content: ' ';
	// 			clear: both;
	// 			display: block;
	// 		}
	// 	}
	// }
}
h3{
	font-family: $din-medium;
}