body{
	background-color: #dedede;
}


/* ************* Intro ************* */

.intro{
	padding: 150px 0 100px;
	color: white;
	background-image: url('../images/start-page/bg0.jpg');
	background-size: cover;
	background-position: center center;
	max-width: 100%;
	box-shadow: inset 0 -100px 75px -50px rgba(0,0,0,0.85);
	position: relative;
}

/* ************* Posts Results ************* */

.posts{
	margin-top: -50px;
	margin-bottom: 50px;
}

.posts .card{
	box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
	margin-bottom: 20px;
}

.post_title{
	font-size:1.8rem;
	position: relative;
	border: 0px solid red;
	z-index:1;
	color: white;
	margin-top:15px;
	margin-bottom:30px;
	padding-right: 10px;
}

.post_title::before{
	content: '';
	position: absolute;
	width: calc(100% + 42px);
	background-color: #3E4C61;
	top: -15px;
	bottom: -20px;
	left: -40px;
	z-index:-1;
	border-radius:5px;
	box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
	border-top: 1px solid rgba(170, 170, 170, 0.1);
	border-left: 1px solid rgba(170, 170, 170, 0.1);
	border-bottom: 1px solid rgba(0,0,0, 0.35);
}

.borda{
	border: 1px solid red;
}

.post_date{
	margin-bottom: 0.3em;
}

.post_date::before{
	content: "\f017";
	font-family: fontAwesome;
	margin-right: 0.5em; 
}

.post_autor::before{
	content: "\f2c0";
	font-family: fontAwesome;
	margin-right: 0.5em; 
}

.post_preview_img{
	/* padding: 0; */
}

.post_preview_text p{		/* styles for '...' */ 
  overflow: hidden;
  position: relative; 
  line-height: 1.5rem;
  max-height: 6rem; 
  text-align: justify;  
  /* margin-right: -8px; */
  /* padding-left: 8px; */
  /* padding-right: 8px; */
  border: 0px red solid;
  box-sizing: border-box;
}

.post_preview_text p:before {		/* create the ... */
  /* content: '\f141'; */
  content: '\f101';
  font-family: fontAwesome;
  font-size: .75rem;
  transform: translate(-3px, 0px);
  /* content: '...'; */
  position: absolute;
  padding: 0;
  box-sizing: border-box;
  right: 0;
  bottom: 0;
  border: 0px green solid;
  
}

.post_preview_text p:after {			/* hide ... if we have text, which is less than or equal to max lines */
  content: '';
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  border:0px blue solid;
  background-color: white;
}

.linha_post_preview{
	position: relative;
}

.btn_open_post::after{
	content: '\f178  ';
	font-family: fontAwesome;
	margin-left: .6em;
}


/* ************* Pagination ************* */

.pagination span{
	cursor: pointer;
}

.pagination .active span{
	background-color:#1e2329;
	border:1px #85949d solid;
	cursor: default;
}

.pagination .active span:hover{
	background-color:#1e2329;
	border:1px #85949d solid;
	cursor: default;
}

/* ************* Pagination ************* */

.pagination span{
	cursor: pointer;
}

.pagination .active span{
	background-color:#1e2329;
	border:1px #85949d solid;
	cursor: default;
}

.pagination .active span:hover{
	background-color:#1e2329;
	border:1px #85949d solid;
	cursor: default;
}

/* ************* Sombras ************* */

/* .sombra { */
	/* -webkit-box-shadow: 2px 2px 15px rgba(0,0,0, .35); */
	/* -moz-box-shadow: 2px 2px 10px #555555; */
	/* -o-box-shadow: 2px 2px 10px #555555; */
	/* -ms-box-shadow: 2px 2px 10px #555555; */
	/* box-shadow: 2px 2px 15px rgba(0,0,0, .35); */
/* } */


/* ************* Parallax ************* */

/* .parallax_supported{visibility: hidden;} */
/* .conteudo_parallax {margin-top: -50px;} */
/* .img-parallax {margin-top: 50px;width:auto;} */

/* @supports (transform-style: preserve-3d) { */
	
	/* .parallax_supported{ */
		/* visibility: visible; */
	/* } */
	
	/* .block_parallax { */
	  /* perspective: 1px; */
	  /* perspective-origin: center; */
	  /* transform-style: preserve-3d; */
	  /* height: 100vh; */
	  /* overflow-x: hidden; */
	  /* overflow-y: scroll; */
	/* } */

	/* .img-parallax { */
	  /* position: relative; */
	  /* transform: translateZ(-2px) scale(3.05); */
	  /* z-index: -1; */
	/* } */
	


	/* .conteudo_parallax { */
	  /* display: block; */
	  /* position: absolute; */
	  /* width: 100%; */
	  /* z-index: 1; */
	  /* /* top: 200px; */ */
	  /* margin: 0px; */
	/* } */
/* } */