/* 
	Fix to make custom snippet areas have the same width  as snippet area main
	Also keeps column width when using the grid (row, z_columns)
*/
.columns {
	max-width: 917px;
}
.row {
	max-width: 917px;
}
.row .z_columns {
	padding-left: 0;
	padding-right: 0;
}

#page_top {
	height: auto;
}

/***********************************************
**				  START: Sidebar	 		  **
***********************************************/
/* Makes sure sidebar keeps to the left */
#sidebar { 
	float:left;
}

/* Creates borders and increase padding */
.latest_posts_synced li { 
	border-bottom: 1px solid grey;
	padding-top: 0.5em;
}

.latest_posts_synced li:first-child { 
	border-bottom: 1px solid grey; 
	padding-top: 0em;
}

@media only screen and (max-width: 767px) {
	.columns.sidebar {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* Margins for Mobile display */
@media only screen and (max-width: 600px) {
	.sidebar {
		margin-bottom: 2em;
	}
}

/***********************************************
**				  END: Sidebar	 		  **
***********************************************/

/***********************************************
**		START LAYOUT: Blog					  **
***********************************************/
.maintop {
	margin-bottom: 5.5em;
}

.maintop > .act_as_snippet_area_main:first-child {
	margin-top: -37px;
}

/* Change margins and paddings on blogg posts */
#blog article {
	margin-bottom: 3.5em;
	padding: 0;
	padding-left: 15px;
	padding-right: 15px;
}

/* Font modd */
#blog .author, .date, .pagination {
	/*font-weight: 200;*/ 
	font-style: normal;
}

#blog p {
	/*font-weight: 300;*/ 
	font-style: normal;
	font-size:14px !important;
}

#blog article header h2 {
	font-size: 30px;
	line-height: 1.2em;
}

/* Removes decoration between posts*/
#blog article::after{
	display: none;
}

#blog article small {
	margin: -7px 0 10px;
	font-size: 13px;
	font-weight: 400;
}
/*
@media only screen and (min-width: 875px) {
	#blog article header h2 {
		padding-right: 6em;	
	}
}
*/
/* Margins for Mobile display */
@media only screen and (max-width: 600px) {
	.maintop {
		margin-bottom: 2em;
	}
}

/***********************************************
**		END LAYOUT: Blog					  **
***********************************************/