/***************************************/
/*** 
/*** 
/***************************************/

$red:		#c83838;
$blue:		#3677a9;
$green:		#43a754;
$yellow:	#dcd63d;
$lime:		#3de29e;
$orange:	#ff9600;
$pink:		#db43d2;
$purple:	#8947b7;
$cyan:		#43cfd8;
$gray:		#6b6b6b;
$gray-2:	#8c8c8c;

.red	{ color:$red !important; }
.blue	{ color:$blue !important; }
.green	{ color:$green !important; }
.yellow	{ color:$yellow !important; }
.lime	{ color:$lime !important; }
.orange	{ color:$orange !important; }
.pink	{ color:$pink !important; }
.purple	{ color:$purple !important; }
.cyan	{ color:$cyan !important; }
.gray	{ color:$gray !important; }
.gray-2	{ color:$gray-2 !important; }

@import 'nice-select';

@mixin transition($args...) {
	-webkit-transition: $args;
	   -moz-transition: $args;
		-ms-transition: $args;
		 -o-transition: $args;
			transition: $args;
}
@mixin opacity($opacity) {
	opacity: $opacity;
	$opacity-ie: $opacity * 100;
	filter: alpha(opacity=$opacity-ie); //IE8
}
@mixin transform($transforms) {
	-webkit-transform: $transforms;
	   -moz-transform: $transforms;
		-ms-transform: $transforms;
		 -o-transform: $transforms;
			transform: $transforms;
}
// scale
@mixin scale($scale) {
	@include transform(scale($scale));
}

select {
	display:none !important;
}

.header {
	padding-top:20px;

	.logo {
		margin-top:5px;
	}

	.events-date, .events-details {
		margin-top:40px;
		color:#FFF;
	}
	.events-date {
		background-color:#468cc6;
		padding:10px;
		font-weight:700;

		.bigger {
			font-size:44px;
			line-height:41px;
		}
	}
	.events-details {
		margin-left:1px;
		padding:8.7px;
		background-color:#3677a9;
	}

	.btn-facebook {
		margin-bottom:20px;
	}

	.date-today {
		color:#d1d0d0;
	}

	.search {
		position:relative;
		margin-top:15px;

		input {
			border-top:0px;
			border-left:0px;
			border-right:0px;
			border-bottom:1px solid #f7f7f6;
			background-color:#fcfcfc;
			font-size:14px;
			height:39px;
			font-weight:400;

			&:focus {
				border-bottom-color:$blue;
			}
		}

		.btn-search {
			position:absolute;
			top:2px;
			right:0px;

			i {
				font-size:18px;
			}
		}
	}

	.navbar {
		margin-top:15px;
		background-color:#fcfcfc;
		border-color:#f7f7f6;
		margin-bottom:1px;

		.nav>li {
			font-size:17px;
			color:#6f6f6f;

			&.h {
				&.active>a, a:hover {
					background-color:$red;
					color:#FFF;
					i { color:#FFF !important; }
				}
			}
			&.q {
				&.active>a, a:hover {
					background-color:$blue;
					color:#FFF;
					i { color:#FFF !important; }
				}
			}
			&.p {
				&.active>a, a:hover {
					background-color:$green;
					color:#FFF;
					i { color:#FFF !important; }
				}
			}
			&.a {
				&.active>a, a:hover {
					background-color:$yellow;
					color:#FFF;
					i { color:#FFF !important; }
				}
			}
			&.u {
				&.active>a, a:hover {
					background-color:$lime;
					color:#FFF;
					i { color:#FFF !important; }
				}
			}
			&.f {
				&.active>a, a:hover {
					background-color:$orange;
					color:#FFF;
					i { color:#FFF !important; }
				}
			}
			&.d {
				&.active>a, a:hover {
					background-color:$pink;
					color:#FFF;
					i { color:#FFF !important; }
				}
			}
			&.s {
				&.active>a, a:hover {
					background-color:$purple;
					color:#FFF;
					i { color:#FFF !important; }
				}
			}
			&.c {
				&.active>a, a:hover {
					background-color:$cyan;
					color:#FFF;
					i { color:#FFF !important; }
				}
			}
		}
	}
}

.pages {
	margin-bottom:30px;

	h3, h4 {
		font-weight:700;
	}

	&.home {
		margin-bottom:0px;
	}

	.title-pags {
		margin-top:20px;

		h1 {
			margin-bottom:0px;
		}

		.breadcrumb {
			padding-bottom:15px;
			border-bottom:1px solid #ebe9e9;
			margin-bottom:0px;
		}
	}

	&.parceiros {
		.item {
			display:block;
			margin-bottom:15px;
			min-height:180px;
		}
	}
	&.fotos-e-vdeos {
		.foto {
			> a {
				display:block;
				margin-bottom:15px;
				> .img {
					height:147px;
					overflow:hidden;
					margin-bottom:5px;
					> .view-photo {
						position:absolute;
						font-size:72px;
						line-height:146px;
						width:90%;
						color:$orange;
						text-align:center;
						@include transition(all .2s ease);
						@include scale(.5);
						@include opacity(0);
					}
				}
				&:hover>.img>.view-photo {
					@include opacity(1);
					@include scale(1);
				}
			}
		}
	}

	p, li {
		color:$gray;
	}

	.doa {
		margin-top:2px;
		padding-right:1px;

		.doacao {
			background:url(../images/doacao.jpg) center center no-repeat;
			min-height:328px;
			padding:180px 0 0 350px;

			h1 {
				margin-top:0px;
				line-height:33px;
				color:#FFF;
			}
		}
	}
	.about {
		margin-top:2px;
		padding-left:1px;

		.text {
			padding:0 15px;

			h1 {
				color:$blue;
			}
		}

		.newsletter {
			margin-top:28px;
			background-color:$red;
			min-height:101px;
			padding:15px 29px;
			color:#FFF;
			font-size:18px;

			.fa-envelope-o {
				float:left;
				font-size:68px;
				margin-right:15px;
			}

			.btn-send {
				position:relative;
				left:-4px;
				padding:7px 12px;
			}
		}
	}
	.block-home {
		margin-top:2px;

		&.feli { padding-left:1px; }
		&.agen { padding-right:1px; }

		.block-text {
			min-height:344px;
			padding:110px 20px 0;

			&.feli-text {
				background:url(../images/felicidade.jpg) center center no-repeat;
				h1 {
					color:$purple;
				}
			}
			&.agen-text {
				background:url(../images/agenda.jpg) center center no-repeat;
				h1 {
					color:$yellow;
				}
			}

			h1 {
				margin-top:0px;
				line-height:33px;
			}
			p {
				font-size:18px;
				color:#FFF;
			}
		}
	}
}

.footer {
	margin-top:2px;
	background-color:$blue;
	color:#FFF;

	.logo-webmail {
		padding:40px 0;
	}
	.webmail {
		padding-top:30px;

		.web-text {
			position:relative;
			top:-8px;
			text-transform:uppercase;
			font-style:italic;
			font-weight:700;
		}
		i {
			color:$red;
			font-size:36px;
		}
		.webmail-link {
			display:block;
			color:#FFF;

			&:hover {
				text-decoration:none;
			}
		}
	}
	.copy {
		padding:25px 0;

		.developed {
			color:#BBB;
		}
		.link-tmontec {
			color:#FFF;
			.t {
				color:$red;
			}
		}
	}
	.line {
		border-top:1px solid #747474;
		border-bottom:1px solid #606060;
	}
}