@charset "utf-8";

/* CSS Document */



	* {

		box-sizing: border-box;

		margin:  0px;

		

	}

	

	body

	{

		margin: 0px;

		

		font-family: Ruda, Arial, Helvetica, sans-serif;

		font-size: 18px;

		color: #999;

		

		

	}

	

	a

	{

		color: cornflowerblue;

		text-decoration: none;

	}

	

	a:hover

	{

		text-decoration: underline;

	}

	

	header { position: fixed; top: 0px; left: 0px; height:  60px; width: 100%; background-color: #000; z-index: 999;

	

		-webkit-box-shadow: 0 2px 7px 0 rgba(0,0,0,0.2);

		box-shadow: 0 2px 7px 0 rgba(0,0,0,0.2);

	

	}

	

	#logo { float:  left; height: 100%;   margin-left: 10px;  /*padding: 0px 10px; background-color: #0084d8;-webkit-box-shadow: inset 0 0 25px 0 rgba(0,0,0,1); box-shadow: inset 0 0 25px 0 rgba(0,0,0,0.25);*/ width: 270px;}



	#logo img { height:  100%; }

	

	#body_wrapper { width: 100%; background-color: #e1e8ef; clear:  both; display:  flex; }

	

	#content { float:  left; width: 67%; background-color:  #e1e8ef;}

	

	#content .content_100 { width: 100%; }



	#body_inner { 

		padding:  20px 0px; 

		margin-left: 50px; 

		background-color:  #FFFFFF; 

		padding-top: 70px; 

		line-height: 1.5em; 		

		overflow:  hidden; 

		padding-bottom: 100px; 

		min-height: 100vh; 

		-webkit-box-shadow: -3px 0 7px 0 rgba(0,0,0,0.05);

		box-shadow: -3px 0 7px 0 rgba(0,0,0,0.05);

	}

	

	#body_inner article 

	{ 

		padding: 20px 20px 20px;

		margin-bottom: 10px;

		border-bottom: 4px solid #e1e8ef;

		text-align: justify;

		clear: both;

		-webkit-box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.10);

		box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.10);

		

	}



	#body_inner section { margin-bottom: 10px; padding: 0px 10px; position: relative; clear:  both;}

	

	#post_navigation { height: 60px;}

	

	h1, h2, h3 {

		

		color: #002c55;

		font-family: 'Merriweather Sans', Source Sans Pro, 'Oswald', sans-serif;

		font-weight: normal;

		line-height: normal;

	}

	

	h1

	{

		color: #002c55;

		font-size: 38px;

		margin-bottom: 0px;

		margin-top: 10px;

	}

	

	h2, h3

	{

		margin-bottom: 15px;

		text-align: left;

	}



	#post_info { font-size: 12px; text-transform: uppercase; color:  #FFF; }

	#post_info a { background-color: #000; padding: 2px 7px; }



	p

	{

		margin-bottom: 20px;

	}

	

	aside { float:  left; width: 33%; background-color: #e1e8ef; min-width: 320px; display: inline-flex; }

	

	#column_inner { width: 340px; background: #f1f1f1; margin-left: 4px; padding: 70px 20px 0px; }

	

	

	

	#post_cover_outer

	{

		width: 100%;

		height:  300px;

		overflow:  hidden;

		position: relative;

		margin-bottom: 20px;

	}

	

	#post_cover

	{

		width: 100%; height: 300px; overflow: hidden;

		background-size: cover;

		background-repeat: no-repeat;

		background-position: center center;

		-webkit-filter: blur(4px);

		-moz-filter: blur(4px);

		-o-filter: blur(4px);

		-ms-filter: blur(4px);

		filter: blur(4px);

		position:  absolute;

		top: 0px;

		z-index: 0;		

		

	}

	

	#post_cover_data

	{

		z-index: 30; position: absolute; padding: 10px 20px;

		color: #FFF;

		text-align: left;

		background-color: rgba(0, 0, 0, 0.55);

		bottom: 20px;

	}

	

	#post_cover_data h1 { color: #FFF; }

	

	#post_navigation { position: relative; margin: 10px 0px; clear:  both; }



	.button_link

	{

		cursor: pointer; 

		

		padding: 15px 15px; 

		font-size: 18px; 

		font-weight:  bold; 

		text-transform: uppercase; 

		font-family: 'Merriweather Sans', Source Sans Pro, 'Oswald', sans-serif; 

		background-color:  cornflowerblue; 

		color: #FFF;

		width: 33%;		

		position:  absolute;

	}

	

	.button_link_right

	{

		

		-webkit-border-radius: 5px 0 0 5px;

		border-radius: 5px 0 0 5px;

		text-align:  left;

		right: 0px;

	}

	

	.button_link_left

	{		

		-webkit-border-radius: 0 5px 5px 0;

		border-radius: 0 5px 5px 0;

		text-align:  right;

		left: 0px;

	}

	

	

	.button_link:hover 

	{

		background-color: #666;

		text-decoration: none;

	}

	

	.post_navigation_center

	{

		position: absolute; padding: 15px 15px; background-color: aliceblue; width: 33%; right: 33.5%;

		-webkit-border-radius: 5px;

		border-radius: 5px;

		height: 57px;

		text-align: center;

	}

	

	.post_share { height: 20px; float:  right; clear:  both; }

	.post_share_div { float:  left; margin-right: 15px; }

	.post_share_fb { margin-top:  -7px; }

	.post_share_last { margin-right:  0px; min-width: 80px; }

	



.post-box 

	{		

		width: 32.65%;

		margin-right: 1%;

		float: left;

		margin-bottom: 20px; 		

	}

	

	.post-box-image 

	{ 

		width: 100%;		

	}



	.post-box-link 

	{  

		font-size: 16px;

		line-height: 1.6em !important;		

		display: block;

		text-align: left;

		color: #999;

	}

	

	.post-box-link:hover

	{

		color: #000;

		text-decoration: none;

	}

	

	.post-box-image-link

	{

		position: relative;

		display: block;

		line-height: normal;

	}

	

	.post-box-image-category

	{

		position: absolute;

		bottom: 5.5px;

		right: 0;

		color: #FFF;

		background-color: #000;

		font-size: 14px;

		text-transform: uppercase;

		padding: 5px 7px;

	}	



	.post-box-3n {

		margin-right: 0;

	}

		

	.post-box-separator {

		clear:  both;

	}

	

	

	h1.outer, h2.outer 

	{

		margin: 10px 10px 15px;

		border-bottom: 4px solid cornflowerblue;

		padding: 5px 0px;

		color: #000;

		clear: both;

		text-transform: uppercase;

	}



	#menu {

		

		    left: 50px;

			width: 270px;

			background: #EEE;

			display: none;

			position: absolute;

			top: 60px;

			z-index: 999;

			-webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.55);

			box-shadow: 0 0 30px 0 rgba(0,0,0,0.35);		

		

	}

	

	#menu_button

	{

		cursor: pointer;

		float: left;

		margin-left: 50px;

		padding-top: 5px;

		height: 100%;

		padding-bottom: 5px;

		background-color: #0084d8;

		-webkit-box-shadow: inset 0 0 25px 0 rgba(0,0,0,1);

		box-shadow: inset 0 0 25px 0 rgba(0,0,0,0.25);		

		

	}

	

	#menu_button img

	{

		height: 100%;

	}



#menu a.menu_main {



			display: block;

			background-color: #0084d8;

			font-size: 13px;

			color: #FFF;

			border-bottom: 1px solid #006db2;

			padding: 7px 10px;

			text-transform: uppercase;

			border-top: 1px solid #408dbe;

		}



		#menu a.menu_main:hover {

			text-decoration: none;

			background-color: #333;

			border-bottom: 1px solid #111;

		}



		#menu a.regular {



			display: block;

			background-color: #525252;

			font-size: 12px;

			color: #FFF;

			border-bottom: 1px solid #3f3f3f;

			padding: 5px 10px;

			text-transform: uppercase;

			border-top: 1px solid #6a6a6a;

		}



		#menu a.regular:hover {

			text-decoration: none;

			background-color: #333;

			border-bottom: 1px solid #111;

		}	



	

	aside .post-box { width: 100%; margin-right: 0px; float:  none;}

	aside .column_section  { width: 300px; margin-bottom: 20px;}

	aside .outer { font-size: 20px; margin: 10px 0px 15px; border-bottom-color: #333;}



	@media (max-width: 1200px) {

		

		header { height: 40px; }

		

		aside {

		  display: none;

		}

		

		#content

		{

			width: 100%;

		}

		

		#body_inner { margin-left: 10px; padding: 7px 0px; padding-top: 25px; padding-bottom: 100px;}

		

		h1 { font-size: 24px;}

		h2 { font-size: 22px;}

		

		#logo { margin-left: 10px; }

		

		#post_cover_outer { height: 180px; }

		#post_cover { height: 220px; }

		#post_cover_data { bottom: 10px; padding: 10px;}

		

		#content article img { width: 100%; }

		

		.post_navigation_center {

			padding: 10px 15px;

			background-color: aliceblue;

			width: 30%;

			left: 35%;

			height: 48px;

		}

		

		.button_link {

			padding: 10px 15px;

		}

		

		#menu_button {

			

			margin-left: 10px;

		}

			

		#menu

		{

			left: 10px;

			top: 40px;

		}

		

			

	}



	@media (max-width: 600px) {



		.post-box { width: 100%; margin-right: 0; }	

		

		h1 { font-size: 19px; }

		

		body { font-size: 16px; }

		

		.button_link {

			padding: 12px 15px 10px;

			font-size: 14px;

		}

		

		.post_navigation_center 

		{    

    		height: 47px;

			font-size: 14px;

			padding: 13px 15px 11px;

		}

	

		#menu a.menu_main {

			font-size: 12px;

			padding: 5px 10px;

		}	

		

	} 

	

	



	@media (max-height: 768px) {

		

		#menu a.menu_main {

			font-size: 12px;

			padding: 5px 10px;

		}

		

	}



	@media (max-width: 350px) {



		.button_link {

			width: 31%;

		}

		

		.post_navigation_center 

		{    

    		font-size: 14px;

    		padding: 13px 10px 11px;

			width: 34%;

    		left: 33%;

		}

		

		#menu a.menu_main {

			font-size: 11px;

			padding: 4px 10px;

		}		

	

		

	}