/* PAGE */


	/* Content */
		.blog-post-image {
			width: 100%;
			border-bottom: 9px solid #fac214;
			margin-bottom: 1em;
		}

		.page-content {
			font-size: 22px;
			font-size: 2.2rem;
			width: 63%;
			padding-right: 4%;
			border-right: 2px dotted #1b1b1b;
			float: left;
			margin-bottom: 110px;
			min-height: 300px;
		}
		.page-content h1 {
			font-size: 30px;
			font-size: 3rem;
			margin-bottom: 1em;
		}

	/* Blog Posts */

		.blog-posts-article {
			margin-bottom: 65px;
		}

		.blog-posts-article-image {
			float: left;
			margin-right: 20px;
			border-bottom: 9px solid #fac214;
		}
			.category-1 .blog-posts-article-image { border-bottom: 9px solid #1bb7b0; }
			.category-2 .blog-posts-article-image { border-bottom: 9px solid #fac214; }
			.category-3 .blog-posts-article-image { border-bottom: 9px solid #518898; }
			.category-4 .blog-posts-article-image { border-bottom: 9px solid #111940; }
			.category-5 .blog-posts-article-image { border-bottom: 9px solid #313131; }

	 	.blog-posts-article-title {
			font-weight: 300;
			text-transform: none;
			margin-bottom: 0.2em;
		}

		.blog-posts-article-date,
		.blog-posts-article-content,
		.blog-posts-article-read-more {
			font-size: 18px;
			font-size: 1.8rem;
			margin-bottom: 0.2em;
		}

		.blog-posts-article-read-more {
			font-weight: bold;
		}
			.category-1 .blog-posts-article-read-more { color:#1bb7b0; }
			.category-2 .blog-posts-article-read-more { color:#fac214; }
			.category-3 .blog-posts-article-read-more { color:#518898; }
			.category-4 .blog-posts-article-read-more { color:#111940; }
			.category-5 .blog-posts-article-read-more { color:#313131; }

	
	/* Blog Categories */
		.blog-categories-container {
			float: right;
			width: 29%;
		}
		
		.blog-categories-container h2 {
			font-size: 24px; /* Old Browsers */
			font-size: 2.4rem;
			margin-bottom: 45px;
		}

		.blog-categories {
			list-style-type: none;
			font-size: 22px;
			font-size: 2.2rem;
		}

		.blog-categories li {
			margin-bottom: 0.2em;
		}

		.blog-categories a {
			padding-left: 60px;
			background-repeat:  no-repeat;
			background-position: 0 0;
			line-height: 38px;
			display: block;
		}
		.blog-categories a:hover,
		.blog-categories a.current { 
			background-position: 0 -38px; 
		}

		.news-category { background-image: url(../../../../img/marketing/icon-speaker.png); }
		.ideas-category { background-image: url(../../../../img/marketing/icon-lightbulb.png); }
		.technology-category { background-image: url(../../../../img/marketing/icon-phone.png); }
		.press-category { background-image: url(../../../../img/marketing/icon-bubble.png); }
		.jobs-category { background-image: url(../../../../img/marketing/icon-man.png); }



/*------------------------------------*\
    $RESPONSIVE
\*------------------------------------*/

	@media screen and (max-width: 768px) {

		.page-content,
		.blog-categories-container {
			float: none;
			width: 100%;
		}

		.blog-categories-container {
			margin-bottom: 110px;
		}

		.page-content {
			margin-bottom: 35px;
			padding-right: 0;
			border-right: none;
			border-bottom: 2px dotted #1b1b1b;
		}

		.blog-posts-article {
			margin-bottom: 35px;
		}

		.pagination {
			margin-bottom: 35px;
		}

		.blog-categories-container h2 {
			margin-bottom: 30px;
		}

	}


@media screen and (max-width: 700px) {

	.blog-posts-article-image {
		float: left;
		margin-right: 20px;
		border-bottom: 9px solid #fac214;
		width: 48%;
		margin-right: 2%;
	}

	.blog-posts-articles-content {
		font-size: 18px;
		font-size: 1.8rem;
		margin-bottom: 0.2em;
		float: right;
		display: block;
		width: 50%;
	}

}

@media screen and (max-width: 320px) {

	.blog-posts-article-image {
		float: none;
		margin-right: 0;
		width: 100%;
		margin-right: 0;
	}

	.blog-posts-articles-content {
		float: none;
		width: 100%;
	}

}