$inner_paddingH_mb : 20px;
$inner_paddingH_tb : 20px;
$inner_paddingH_dt : 20px;

$inner_paddingV_mb : 40px;
$inner_paddingV_tb : 40px;
$inner_paddingV_dt : 40px;
strong {
    font-weight: 700;
}
.clear {
	clear: both;
}
.locked-scroll {
  overflow: hidden; 
}
section.cont {
	.inner {
		width: 100%; max-width: $lar_max_conteudo; margin: 0 auto; padding: $inner_paddingV_mb $inner_paddingH_mb;
		.page_title {
			border-bottom: solid 1px #000; padding-bottom: .5em;
		}
	}
	img {
		max-width: 100%; height: auto;
	}
}
a.bt_nav {
	background-color: $azul_escuro; color: #FFF; font-size: 16px; padding: 5px 10px;  display: inline-block; text-align: center;
	text-decoration: none; cursor: pointer; text-transform: lowercase;
    &.small {
        font-size: 13px; 
    }
    &.left span {
        margin-right: 5px;
    }
    &.right span {
        margin-left: 5px;
    }
    &:hover {
        background-color: $azul_claro;transition: 0.2s;
    }
}
.box-destqs.cols3, .box-destqs.cols4 {
	
	.box {
		width: 100%; max-width: 480px; 
	}
}
.box-destqs.cols4 {
	padding-top: $inner_paddingH_mb;
}
.box-destqs {
	
	.box {
		background-color: #FFF; 
		border-bottom: solid 2px $azul_escuro; box-shadow: 0 0 5px 0px rgba(0,0,0,0.5); 
		margin: $inner_paddingH_mb auto 0 auto;
		&.clickable {
			cursor: pointer;
		}
		&:first-child {
			
		}
		img {
			display: block; width: 100%; height: auto;
		}
		.date {
			width: 60px; height: 60px; border-radius: 35px; margin: -30px auto 0 auto;
			font-family: $font_textos; text-align: center; line-height: .9;
			background-color: #000; color: #FFF; padding-top: 15px; font-size: 1.1em;  z-index: 2; position: relative;
			pointer-events: none;
			span {
				font-size: .9em;
			}
		}
		.tit, .txt {
			padding: 20px;
		}
		.tit {
			background-color: $azul_escuro; height: 70px;
			h5 {
				color: #FFF; text-transform: uppercase; line-height: 1.2;
				a {
					color: inherit; text-decoration: none;
				}
			}
		}
		.lead2 {
			height: 13.5em;
			position: relative; 
			a {
				position: absolute; bottom: 20px; left: 20px;
			}
		}
		.txt {
			font-size: .9em;
			h5 {
				font-size: 1.1em; margin-bottom: 5px;
			}
			  a.bt_nav {
				  font-size: .9em; line-height: auto;
			  }
			.lead {
				  position: relative;
				  height: 4.8em; /* exactly three lines */
				  overflow: hidden;
				  font-size: .9em; color: #000;
				  p {
					  margin: 0; padding: 0;
					  line-height: 1.2em;
					  font-size: 1em; color: #000;
				  }
				&:after {
					  content: "";
					  text-align: right;
					  position: absolute;
					  bottom: 0em;
					  left: 0;
					  width: 100%;
					  height: 1.5em;
					  background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0));
				}
			 }
			span {
				margin-left: 5px;
			}
		}
	}
	
}
@media only screen and ($cssdevicetext : 768px) { 
	.box-destqs.cols3 {
		
		.box {
			margin: $inner_paddingH_tb 0 0 $inner_paddingH_tb; width: 31%; float: left;
			&:nth-child(3n+1) {
				clear: both;
				margin-left: 0;
			}
		}
	}
	.box-destqs.cols4 {
		padding-top: 2%;
		.box {
			margin: 2% 0 0 2%; width: 32%; float: left;
			&:nth-child(3n+1) {
				clear: both;
				margin-left: 0;
			}
		}
	}
}
@media only screen and ($cssdevicetext : 1024px) { 
	.box-destqs {
		
	}
	.box-destqs.cols4 {
		padding-top: 2%;
		.box {
			margin: 2% 0 0 2%; width: 23.5%; float: left;
			&:nth-child(3n+1) {
				clear: none;
				margin-left: 2%;
			}
			&:nth-child(4n+1) {
				clear: both;
				margin-left: 0;
			}
		}
	}	
}




@media only screen and ($cssdevicetext : 768px) { 
	section.cont {
		.inner {
			width: 100%; max-width: $lar_max_conteudo; margin: 0 auto; padding: $inner_paddingV_tb $inner_paddingH_tb;
		}
	}
}
@media only screen and ($cssdevicetext : 1024px) { 
	section.cont {
		.inner {
			width: 100%; max-width: $lar_max_conteudo; margin: 0 auto; padding: $inner_paddingV_dt $inner_paddingH_dt;
		}
	}	
}