/* ====================================================================================
 * Regras gerais
 */
body{
	overflow: hidden;
	overflow-y: auto;
}

/* ====================================================================================
 * Tipografia
 */
#destaques h2.heading-2 {
	margin-top: 0;
}

#ultimas-noticias .heading-4,
#artigos .heading-4,
#resultados .heading-4 {
	font-size: 2rem;
	line-height: 125%;
	margin-top: 0;
	margin-bottom: 0;
	overflow: hidden;
}

#ultimas-noticias .heading-4,
#artigos .heading-4 {
	max-height: 4.8rem;
}

#resultados .heading-4 {
	max-height: 7.2rem;
}

/* ====================================================================================
 * Seções
 */
.link-categoria {
	float: right;
	color: #FF000A;
	font-size: 1.6rem;
	text-decoration: none;
}

.link-categoria .icon {
	stroke: #FF000A;
	fill: #FF000A;
}

#slider-destaques {
	position: relative;
	padding-bottom: 0;
}

#slider-destaques .button.secondary {
	font-size: 1.2rem;
	height: 34px;
	padding: 0px 15px;
	margin-right: 12px;
	display: inline-block;
}

#slider-destaques h2 {
	font-size: 18px;
	display: none;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	margin: 12px 0;
}

#slider-destaques h2.active {
	display: inline-block;
}

#slider-destaques .slider-controls {
	position: absolute;
	top: 0;
	right: 15px;
}

#slider-destaques .slider-controls div.button-icon {
	height: 32px;
	width: 32px;
	font-size: 15px;
	line-height: 32px;
}

#slider-destaques hr {
	margin-top: 4px;
	margin-bottom: 12px;
}

#ultimas-noticias .heading-3 {
	margin-bottom: 2rem;
}

#artigos .heading-3,
#resultados .heading-3 {
	margin: 2.5rem 0;
}

#artigos .excerpt-container {
	min-height: 10rem;
	margin-bottom: 1rem;
}

/* ====================================================================================
 * Depoimentos
 */
#depoimentos {
	margin: 3rem 0;
	padding: 0;
	background-image: url('../assets/bg-alunos.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	max-height: 550px;
}

#depoimentos .heading-2,
#depoimentos .typo-large,
#depoimentos .typo-large a {
	color: #FFFFFF;
}

#depoimentos .display-desktop {
	padding-bottom: 15px;
}

#depoimentos .display-mobile {
	text-align: center;
}

#depoimentos .display-mobile .typo-large {
	max-width: 308px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.4rem;
}

#depoimentos .typo-large a {
	text-decoration: none;
}

#depoimentos .heading-2 {
	margin-top: 75px;
	margin-bottom: 0;
	font-size: 3.5rem;
	line-height: 4.0rem;
}

#depoimentos .heading-2 span {
	color: #FF000A;
}

#depoimentos .typo-large {
	width: 100%;
	margin-top: 0.4rem;
}

#depoimentos .typo-large .light {
	opacity: 80%;
}

#depoimentos .icon {
	stroke: #FFFFFF;
	fill: #FFFFFF;
}

/* ====================================================================================
 * Sidebar newsletter
 */
.right-sidebar .card.newsletter p {
	color: #06142D;
}

/* ====================================================================================
 * Ajustes responsivos
 */

@media (min-width: 768px) {
	.link-categoria {
		font-size: 1.8rem;
	}

	#ultimas-noticias .heading-4,
	#artigos .heading-4 {
		height: 5.6rem;
		max-height: 5.6rem;
	}

	#resultados .heading-4 {
		height: 7.4rem;
		max-height: 7.4rem;
	}

	#ultimas-noticias .right-sidebar .heading-4,
	#artigos .right-sidebar .heading-4 {
		height: auto;
		overflow: visible;
	}
}

@media (min-width: 980px) {
	#slider-destaques .heading-4 {
		width: calc(100% - 80px);
		margin: 4px 0;
	}

	#slider-destaques .slider-controls {
		margin-top: 0px;
		position: relative;
		float: right;
		right: 0;
	}

	#ultimas-noticias .right-sidebar {
		margin-top: -4rem;
	}

	#ultimas-noticias .thumb-side a.img-container img {
		width: 100%;
		height: auto;
	}

	#depoimentos .heading-2 {
		margin-top: 110px;
	}

	#depoimentos .card-quote {
		margin-top: 108px;
	}

	#artigos .thumb-wide {
		background-color: #FAFBFC;
		min-height: 236px;
	}

	.right-sidebar .widget-socials .heading-4 {
		display: none;
	}

	.right-sidebar .card.newsletter {
		margin-top: 0;
	}

	#slider-destaques h2.active {
		display: inline;
	}

	#slider-destaques hr {
		margin-top: 2rem;
		margin-bottom: 3rem;
	}
}
