/* ======================================================================= 
 * Geral
 * ======================================================================= */

html {
	position: relative;
	min-height: 100%;
}

body {
	padding-top: 80px; /* altura da nav */
	margin-bottom: 180px; /* Margin bottom by footer height */
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 300;
	color: #fafafa;
}

/*section:not(#apoios) {
	min-height: 708px;
	min-height: 100vh;
}*/

section.cortes,
section#video {
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 0 150px;
	/*margin: -1px auto 1px;*/
}

h1 {
	font-family: 'Montserrat', 'Open Sans', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: rgba(255,255,255,0.7);
}

h1::first-letter {
	color: #fff;
}

h1.small {
	font-size: 2em;
}

p {
	font-weight: 300;
}

a:hover {
	text-decoration: none;
}

.down-btn-row {
	position: absolute;
	width: 100%;
	bottom: 15px;
	left: 15px;
}

.down-btn-row a {
	color: #fff;
	transition: all 0.2s ease-in;
}

.down-btn-row a:hover {
	font-size: 1.3em;
}

.btn-default {
	border: 1px solid #fff;
	background: transparent;
	padding: 15px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	color: #fff;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 0.5px;
}

.btn-default:hover,
.btn-default:active,
.btn-default:focus {
	background-color: #fff;
	border-color: #fff;
}

a button.btn.bilhetes:hover,
a button.btn.bilhetes:active,
a button.btn.bilhetes:focus {
	text-decoration: none;
	color: #00acc8;
}

a button.btn.bilhetes.amarelo:hover,
a button.btn.bilhetes.amarelo:active,
a button.btn.bilhetes.amarelo:focus {
	color: #ffc627;
}

@media (min-width: 768px) {
	.rotate {
		-webkit-transform: rotate(-2.5deg);
		-moz-transform: rotate(-2.5deg);
		-ms-transform: rotate(-2.5deg);
		-o-transform: rotate(-2.5deg);
	}
	.fade-right,
	.fade-left {
		position: relative;
		opacity: 0;
		transition: all 0.4s ease-in;
	}
	.fade-right {
		right: 100px;
	}
	.fade-left {
		left: 100px;
	}

	.fade-in-right,
	.fade-in-left {
		opacity: 1;
	}
	.fade-in-right {
		right: 0;
	}
	.fade-in-left {
		left: 0;
	}
}

/* ======================================================================= 
 * Navbar
 * ======================================================================= */

nav {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

nav.navbar-default {
	background-color: #00acc8;
	box-shadow: 0px 1px 30px rgba(100,100,100,0.5);
	border: none;
	height: 80px;
}

nav.navbar-default #navbar {
	margin-top: 15px;
}

nav.navbar-default .navbar-brand,
nav.navbar-default .navbar-nav>li>a {
	color: #fff;
}

nav.navbar-default .navbar-header button {
	margin-top: 22px;
}

nav.navbar-default .navbar-brand:hover,
nav.navbar-default .navbar-nav>li>a:hover {
	color: #ffc627;
}

nav.amarelo {
	background-color: #ffc627;
}

nav.azul-claro {
	background-color: #b2e6ee;
}

nav.amarelo .navbar-brand:hover,
nav.amarelo .navbar-nav>li>a:hover {
	color: #00acc8;
}

nav.navbar-default .navbar-brand img {
	height: 55px;
	margin-top: -5px;
	opacity: 1;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

nav li button.btn.bilhetes {
	margin-top: -13px;
}

nav.transparente li a button.btn.bilhetes:hover,
nav.transparente li a button.btn.bilhetes:active,
nav.transparente li a button.btn.bilhetes:focus,
nav.amarelo li a button.btn.bilhetes:hover,
nav.amarelo li a button.btn.bilhetes:active,
nav.amarelo li a button.btn.bilhetes:focus {
	color: #ffc627;
}

nav.azul-claro li a button.btn.bilhetes:hover,
nav.azul-claro li a button.btn.bilhetes:active,
nav.azul-claro li a button.btn.bilhetes:focus {
	color: #b2e6ee;
}

@media (min-width: 768px) {
	nav.transparente {
		background-color: transparent;
		box-shadow: none;
	}

	nav.transparente .navbar-header .navbar-brand img {
		opacity: 0;
	}
}

@media (max-width: 768px) {
	nav.navbar-default .navbar-toggle,
	nav.navbar-default .navbar-collapse,
	nav.navbar-default .navbar-form  {
		border-color: #008DA5;
	}

	nav.navbar-default .navbar-collapse {
		background-color: #069DB5;
		border-bottom: 1px solid #008DA5;
	}

	nav.navbar-default .navbar-toggle:focus,
	nav.navbar-default .navbar-toggle:hover {
		background-color: #008DA5;
	}

	nav.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}

	nav.amarelo .navbar-toggle,
	nav.amarelo .navbar-collapse,
	nav.amarelo .navbar-form {
		border-color: #C59C28;
	}

	nav.amarelo .navbar-collapse {
		background-color: #ECB61B;
		border-bottom: 1px solid #c59c28;
	}

	nav.amarelo .navbar-toggle:focus,
	nav.amarelo .navbar-toggle:hover {
		background-color: #C59C28;
	}

	nav.azul-claro .navbar-toggle,
	nav.azul-claro .navbar-collapse,
	nav.azul-claro .navbar-form {
		border-color: #82B7BF;
	}

	nav.azul-claro .navbar-collapse {
		background-color: #9BD7E0;
		border-bottom: 1px solid #82B7BF;
	}

	nav.azul-claro .navbar-toggle:focus,
	nav.azul-claro .navbar-toggle:hover {
		background-color: #82B7BF;
	}
}

/* ======================================================================= 
 * Hero
 * ======================================================================= */

section#hero {
	margin-top: -80px; /* altura da nav */
	/*background: radial-gradient(
		rgba(0, 0, 0, 0.2), 
		rgba(0, 0, 0, 0.2)
		), url("../img/bg.jpg") no-repeat center center;*/
	background: url("../img/bg.jpg") no-repeat center center fixed;
	background-size: cover;
	padding-top: 150px;
	position: relative;
	min-height: 708px;
	min-height: 100vh;
}

section#hero h1 {
	margin-top: -50px;
	color: #fff;
	text-shadow: 1px 1px 10px #111;
	text-shadow: 1px 1px 10px rgba(0,0,0,0.5);
}

/* ======================================================================= 
 * Video
 * ======================================================================= */

section#video {
	background-color: #000;
	background-image: url("../img/fundo-azul.svg");
	margin-top: -0.3px;
	padding: 100px 0;
}

/* ======================================================================= 
 * Intro
 * ======================================================================= */

section#intro {
	background-color: #00acc8;
	background-image: url("../img/fundo-amarelo.svg");
	padding-bottom: 0;
}

section#intro img {
	/*border: 10px solid #008DA5;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	margin-top: 10px;*/
	margin-top: 100px;
}

section#intro h6 {
	font-weight: 300;
}

section#intro h6 strong {
	font-weight: 600;
}

section#intro .container-fluid {
	padding: 0;
	overflow: hidden;
}

section#intro #container-campo {
	height: 400px;
	background-image: url("../img/local2.png");
	background-size: contain;
	background-repeat: no-repeat;
}

section#intro #container-campo #horario {
	margin-top: 50px;
	background-color: #00acc8;
	background-color: rgba(0, 172, 200, 0.8);
	padding: 10px 20px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

section#intro #container-campo #horario:hover {
	background-color: #00acc8;
}

section#intro #container-campo #horario h1 {
	color: #fff;
	font-size: 3.5em;
}

section#intro #container-campo #horario h6 {
	color: #fff;
}

@media (max-width: 768px) {
	section#intro #container-campo {
		height: 200px;
		background-size: cover;
		background-position: 80% center;
	}

	section#intro #container-campo #horario h1 {
		font-size: 2em;
	}
}


section#intro #container-mapa .rotate {
	height: 430px;
}

section#intro #mapa {
	margin-top: 100px;
	margin-left: -10px;
	height: 403px;
	width: 107%;
	/*border: 10px solid #008DA5;*/
}

@media (min-width: 768px) {
	.gmnoprint {
		right: 345px !important;
	}
	.gmnoprint.gm-style-cc {
		right: 239px !important;
	}
	.gm-style-cc {
		right: 100px !important;
	}
	.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
		margin: 20px 110px !important;
		right: 28px !important;
	}
}
@media (max-width: 768px) {
	.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
		margin-right: 60px !important;
	}
}
.gmnoprint:last-child {
	width: 100%;
	margin-left: 30px !important;
}

/* ======================================================================= 
 * Conferência
 * ======================================================================= */

section#conferencia,
section#competicao {
	background-color: #ffc627;
	background-image: url("../img/fundo-azul.svg");
	margin-top: -0.3px;
}

section#conferencia h2 {
	font-weight: 700;
}

section#conferencia ul li {
	text-transform: uppercase;
	line-height: 1.8em;
	font-size: 0.9em;
	font-weight: 300;
	border-bottom: 1px solid;
}

section#conferencia ul li:nth-child(2n) {
	width: 70%;
}

section#conferencia ul li:nth-child(3n) {
	width: 85%;
}


/* ======================================================================= 
 * Feira
 * ======================================================================= */

section#feira {
	background-color: #00acc8;
	background-image: url("../img/fundo-amarelo.svg");
}

/* ======================================================================= 
 * Competição
 * ======================================================================= */

section#competicao {
	/*background-image: url("../img/fundo-azul-claro.svg");*/
	background-image: none;
}

/* ======================================================================= 
 * Apoios
 * ======================================================================= */

section#apoios {
	background-color: #b2e6ee;
	/*background-image: url("../img/fundo-azul.svg");*/
	padding: 40px 0 20px;
}

section#apoios .row.logos-apoios {
	margin-top: 30px;
}

section#apoios .row.logos-apoios .thumbnail_container {
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	margin-bottom:20px;
}

section#apoios .row.logos-apoios .thumbnail {
	position:absolute;
	width:100%;
	height:100%;
	background: none;
	border: none;
}

section#apoios .row.logos-apoios .thumbnail img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

/* ======================================================================= 
 * Social
 * ======================================================================= */

section#social {
	background-color: #00acc8;
	/*background-image: url("../img/fundo-azul.svg");*/
	min-height: 560px;
	padding-bottom: 80px;
}

section#social .juicer-feed h1.referral a {
	font-size: 0.8em;
	color: #fafafa;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

section#social .row:nth-of-type(1) > div {
	margin-top: 50px;
}

/* ======================================================================= 
 * Voluntariado
 * ======================================================================= */

body.page-voluntariado section {
	min-height: 708px;
	min-height: 100vh;
}

section#intro-vol {
	background-color: #ffc627;
	background: linear-gradient( rgba(255, 198, 39, 0.95), rgba(255, 198, 39, 0.95) ), url('../img/bg.jpg') no-repeat center center fixed;
	margin-top: -80px;
	padding: 0;
}

section#intro-vol .container {
	min-height: 708px;
	min-height: 100vh;
	padding-top: 300px;
	position: relative;
}

@media (min-width:768px) {
	section#intro-vol h1 {
		font-size: 4em;
	}

	section#intro-vol p {
		font-size: 1.5em;
	}
}

section#formulario {
	background-color: #00acc8;
	padding-bottom: 50px;
}

section#formulario .container:nth-child(2) {
	margin-top: 70px;
}

section#formulario .checkbox-inline span {
	display: inline-block;
	margin-right: 50px;
}

.help-block {
	color: #eee;
}

/* ======================================================================= 
 * Footer
 * ======================================================================= */

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 180px;
	font-weight: 100 !important;
	background-color: #008DA5;
	border-top: 1px solid #069DB5;
	padding-top: 20px;
}

footer .container a {
	color: #fff;
	text-decoration: none;
	transition: all 0.2s ease-in;
}

footer .container a span#email {
	font-size: 0.9em;
	margin-left: 5px;
	vertical-align: -10%;
}

footer .container a:hover {
	color: #ffc627;
}

footer .container #organizado {
	font-size: 0.8em;
	margin-top: 25px;
}

footer .container#credits {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #00697B;
	padding: 10px;
	font-size: 0.65em;
}

footer .container#credits a {
	color: #ccc;
}

footer .container#credits a:hover {
	color: #fff;
	text-decoration: none;
}

footer .container#credits a:hover span#sublinhado {
	text-decoration: underline;
}

footer .container#credits a span#mudar-icon > .fa + .fa,
footer .container#credits a:hover span#mudar-icon > .fa {
	display: none;
}
footer .container#credits a:hover span#mudar-icon > .fa + .fa {
	display: inherit;
}

/* ======================================================================= 
 * Media queries gerais
 * ======================================================================= */

@media (min-width: 768px) {
	section#intro .row:nth-child(2) p,
	section#conferencia .row:nth-child(2) p,
	section#feira .row:nth-child(1) p:nth-of-type(2) {
		text-align: justify;
	}
}

@media (min-width: 769px) and (max-width: 992px) {
	ul.nav.navbar-nav.navbar-right {
		margin-top: -30px;
		margin-right: -50px;
	}
}