﻿#s4-bodyContainer #sideNavBox {
	display: none;
}

#s4-bodyContainer #contentBox {
	margin-right: 0;
	margin-left: 0;
	min-width: auto;
}

.sub-header .title {
	border-left: 10px solid #8d9ba4 !important;
}

/* ==========================================
		BEGIN - SECTION REDE MARISTA
============================================= */

.section-rede-marista {
	padding: 0 0 80px;
}

.section-rede-marista .line {
	background: #b6b8ba;
	width: 40px;
	height: 80px;
	margin-bottom: 40px;
}

/* ==========================================
		BEGIN - SLICK CAROUSEL
============================================= */

.carousel .content {
	position: absolute;
	width: 80%;
	z-index: 999;
	top: 40%;
	left: 10%;
}

.carousel .line {
	width: 40px;
	height: 10px;
	background: #fff;
	margin-bottom: 20px;
}

.carousel h3 {
	color: #fff;
	text-transform: uppercase;
}

.carousel .btn {
	margin-top: 50px;
}

/* ==========================================
		BEGIN - SECTION PROJETOS/INICIATIVAS
============================================= */

.section-projetos .line {
	background: #7c8894;
	width: 40px;
	height: 30px;
	margin-bottom: 40px;
}

.section-projetos .line {
	background: #7c8894;
	width: 40px;
	height: 30px;
	margin-bottom: 40px;
}

/* ==========================================
		BEGIN - SECTION EMPREENDIMENTOS
============================================= */

.section-empreendimentos .line {
	width: 40px;
	height: 12px;
	margin: 80px auto 30px;
	background: #2c3e50;
}

.section-empreendimentos h2 {
	color: #2c3e50 !important;
}

.section-empreendimentos .content {
	background-color: #fff;
	margin: 60px 0 80px;
	padding: 80px 60px;
	-webkit-box-shadow: 0px 0px 8px 4px rgba(168, 172, 185, 0.14);
	-moz-box-shadow: 0px 0px 8px 4px rgba(168, 172, 185, 0.14);
	box-shadow: 0px 0px 8px 4px rgba(168, 172, 185, 0.14);
}

.section-empreendimentos .content a {
	display: table;
	border: 1px solid #ecf0f1;
}

.section-empreendimentos .content a .line {
	display: table;
	width: 100px;
	height: 1px;
	margin: -1px auto 0;
}

/* ==========================================
		BEGIN - SECTION NEWS
============================================= */

.section-news .content {
	margin: 40px 0 0;
	background-color: #b6b8ba;
	padding: 0 60px;
}

.section-news .line {
	width: 40px;
	height: 30px;
	background: #003a63;
	margin-bottom: 40px;
}

.section-news h3 {
	color: #003a63;
}

.section-news .media {
	padding-right: 60px;
	padding-bottom: 30px;
}

.section-news .col-lg-5 .media+.media {
	padding-bottom: 0;
}

.section-news .col-lg-5 .line {
	width: 1px;
	height: 100%;
	background: #fff;
	position: absolute;
	right: 15px;
	top: 0;
}

.section-news .col-lg-5,
.section-news .col-lg-7 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.section-news .col-lg-7 .media {
	padding-right: 0;
	border: 0;
}

.section-news h4,
.section-news h5 {
	color: #fff !important;
	font-family: 'montserratbold';
}

.section-news h5 {
	font-size: 1.71em;
}

.section-news h4 {
	font-size: 2em;
}

.section-news p {
	color: #fff;
}

.section-news img {
	max-width: 285px;
}

.section-news .category {
	padding: 5px;
	background: #003a63;
	font-size: 0.71em;
	color: #fff;
}

.section-news .date {
	padding-left: 30px;
	font-size: 0.85em;
	color: #fff;
}

.section-news .button-container {
	margin: 0;
}

.section-news .button-container .btn {
	position: relative;
	float: left;
	margin: 0;
	top: 0;
	left: 0;
}

.section-news .button-container .line {
	width: 67%;
	background: #fff;
	float: right;
	margin: 25px 0;
}

.ug-lightbox .ug-textpanel-title,
.ug-lightbox .ug-textpanel-description {
	color: #fff !important;
	font-family: 'montserratbold';
	text-transform: uppercase;
}

/* ==========================================
		BEGIN - RESPONSIVE
============================================= */

@media (max-width: 1440px) {
	.carousel .content {
		position: absolute;
		width: 89%;
		top: 24%;
		left: 6%;
	}
	.carousel .btn {
		margin-top: 30px;
		margin-bottom: 10px;
	}
	.section-news .button-container .line {
		width: 50%;
	}
	.footer h4 {
		font-size: 1.42em;
	}
	.footer h5 {
		font-size: 1.14em;
	}
}

@media (max-width: 1366px) {
	.section-news .date {
		padding-left: 0;
		padding-top: 5px;
		display: block;
	}
}

@media (max-width: 1024px) {
	.section-news .col-lg-5,
	.section-news .col-lg-7 {
		padding-top: 40px;
		padding-bottom: 10px;
	}
	.footer .vline {
		right: 15px;
	}
	.footer h4 {
		font-size: 1.286em;
	}
	.footer .footer-top h5 {
		font-size: 1.143em;
	}
	.footer .footer-top .line {
		height: 5px;
	}
}

@media (max-width: 414px) {
	.section-rede-marista .news-header {
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.section-rede-marista {
		padding: 0 0 40px;
	}
	.section-rede-marista .news-header h5 {
		margin-bottom: 0px !important;
	}
	.section-rede-marista .btn {
		margin-top: 10px;
	}
}