/* GENERAL */
@import url(//fonts.googleapis.com/css?family=Open+Sans:300, 400, 600);
 
html, body {
	height: 100%;
	width: 100%;
	background-color: #222;
}
img.tukija {
	padding-top: 1%;
	padding-bottom: 1%;
}
h2.tukija-heading {
	padding-top: 8%;
}
/* END OF GENERAL */
 
/* TYPOGRAPHY */
section h2 {
	text-transform: uppercase;
	text-align: center;
}
span.required {
	color: #FF0000;
}
/* END OF TYPOGRAPHY */

/* NAVIGATION */
.navbar-transparent {
	margin-bottom: 0;
	background: rgba(17, 17, 17, 0.75);
	border-bottom: 0;
	text-transform: uppercase;
}
.navbar-transparent .navbar-brand, .navbar-transparent .navbar-nav>li>a {
	background-color: transparent;
	font-weight: 400;
	color: #b5b5b5;
	transition: color 0.2s;
}
.navbar-transparent .navbar-nav>.active>a, .navbar-transparent .navbar-nav>.active>a:hover, .navbar-transparent .navbar-nav>li>a:hover {
	background-color: transparent;
	color: #fff;
	transition: color 0.2s;
}
.navbar-transparent .navbar-nav>.active>a, .navbar-transparent .navbar-nav>.active>a:focus, .navbar-transparent .navbar-nav>li>a:focus {
	background-color: transparent;
	color: #fff;
	transition: color 0.2s;
}
.navbar-transparent .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-transparent .navbar-header .navbar-toggle {
	border-color: transparent;
}
.navbar-transparent .navbar-header .navbar-toggle:focus, .navbar-transparent .navbar-header .navbar-toggle:hover, .navbar-transparent .navbar-header .navbar-toggle:active {
	background-color: transparent;
	border-color: transparent;
}
/* END OF NAVIGATION */

/* FOOTER */
footer {
	color: #fff;
	padding: 1% 0;
	background-color: #222;
}
footer p {
	margin: 0;
}
/* END OF FOOTER */

/* PARALLAX */
section.spacer1 {
	background-image: url("../images/spacer1.jpg");
	background-position: center 0px;
	background-size: cover;
}
section.spacer2 {
	background-image: url("../images/spacer2.jpg");
	background-position: center 0px;
	background-size: cover;
}
@media screen and (min-width: 775px) {
	section.parallax {
		background-repeat: no-repeat;
		background-attachment: fixed;
	}
	section.spacer1 {
		height: 400px;
	}
	section.spacer2 {
		height: 400px;
	}
}
@media screen and (max-width: 775px) {
	section.spacer1 {
		height: 250px;
	}
	section.spacer2 {
		height: 250px;
	}
}
/* END OF PARALLAX */

/* HOME PAGE */
section#hero {
	background-image: url('../images/banner1.jpg');
	background-position: center 0px;
	background-size: cover;
	height: 711px;
	max-height: 75%;
}
section#tietoa {
	background-color: #fff;
	padding: 7.5% 0;
	text-align: center;
}
section#jasenyys {
	background-color: #fff;
	padding: 7.5% 0;
	text-align: center;
}
section#jarjestaminen {
	background-color: #fff;
	padding: 7.5% 0;
	text-align: center;
}
section#mediassa {
	background-color: #fff;
	padding: 7.5% 0;
	text-align: center;
}
/* END OF HOME PAGE */

/* OTHER PAGES */
section#content {
	background-color: #fff;
	padding: 5% 0;
	text-align: justify;
}
section#banner-tietoa {
	background-image: url('../images/banner2.jpg');
	background-position: center 0px;
	height: 446px;
	max-height: 75%;
}
section#banner-jasenyys {
	background-image: url('../images/banner3.jpg');
	background-position: center 0px;
	height: 446px;
	max-height: 75%;
}
section#banner-jarjestaminen {
	background-image: url('../images/banner4.jpg');
	background-position: center 0px;
	height: 446px;
	max-height: 75%;
}
section#banner-tapahtumat {
	background-image: url('../images/banner5.jpg');
	background-position: center 0px;
	height: 446px;
	max-height: 75%;
}
section#banner-mediassa {
	background-image: url('../images/banner3.jpg');
	background-position: center 0px;
	height: 446px;
	max-height: 75%;
}
div#map {
	height: 100%;
	width: 100%;
}
#legend {
	font-family: Arial, sans-serif;
	background: rgba(255,255,255,0.65);
	padding: 10px;
	margin: 10px;
	border: 1px solid #000;
}
#legend h3 {
	margin-top: 0;
 }
#legend img {
	vertical-align: middle;
}
#mkkvAllUI, #mkkv2026UI, #mkkv2025UI, #mkkv2024UI, #mkkv2023UI, #mkkv2022UI, #mkkv2021UI, #mkkv2020UI, #mkkv2019UI, #mkkv2018UI, #mkkv2017UI, #mkkv2016UI, #mkkv2015UI, #mkkv2014UI, #mkkv2013UI {
	margin-top: 55px;
}
#mkkvAllText, #mkkv2026Text, #mkkv2025Text, #mkkv2024Text, #mkkv2023Text, #mkkv2022Text, #mkkv2021Text, #mkkv2020Text, #mkkv2019Text, #mkkv2018Text, #mkkv2017Text, #mkkv2016Text, #mkkv2015Text, #mkkv2014Text, #mkkv2013Text {
	color: rgb(25,25,25);
	font-size: 15px;
	line-height: 25px;
	padding-left: 15px;
	padding-right: 15px;
}
section#banner-tukijat {
	background-image: url('../images/banner6.jpg');
	background-position: center 0px;
	height: 446px;
	max-height: 75%;
}
.tukijat-logo {
    padding: 1.5em 0;
}
section#banner-yhteystiedot {
	background-image: url('../images/banner2.jpg');
	background-position: center 0px;
	height: 446px;
	max-height: 446px;
}
.well {
	box-shadow: none !important;
}
/* END OF OTHER PAGES */

/* FORM MESSAGES */
#overlay{
    opacity:0.9;
	display: none;
    background-color:#fff;
	color: #000;
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:1000;
	text-align: center;
	padding-top: 20%;
}
/* END OF FORM MESSAGES */