/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }


body {
	background: url("../img/taustakuva.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
	padding: 0;
	margin: auto;
}

.container {
	background: url(../img/container-bg.png) repeat;
	}

.header {
	margin-top: 10px;
	}
	
a, a:hover, a:focus {
	color: #c41aa1;
	outline: 0 none;
	}
	
a.brand h4 {
	margin: 5px 0 0;
	text-transform: uppercase;
	color: #333;
}

.brand h2 {
	margin: 0 0 10px;
	color: #333;
}

a.brand:hover, a.brand:hover, a.brand:focus {
	text-decoration: none;
}

@media (min-width: 767px)  {
	h3, .h3 {
		font-size: 20px;
	}
}

h3 a, h3 a:hover { color: #333; cursor: pointer; text-decoration: none;}
	
/* common styles */

.intro-text {font-size: 20px;}
.margin-top { margin-top: 10px;}
.margin-double { margin-top: 20px;}
.margin-triple { margin-top: 30px;}


/* navigation  */
.navbar-default {
    background-color: #333;
    border-color: #E7E7E7;
}

.navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #fff;
    color: #c41aa1;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #c41aa1;
}
.navbar-brand { display: none;}
@media (max-width: 767px) {
	.navbar-brand { display: block;}
	.navbar-brand { color: #fff !important;}
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #666;
}

.navbar-toggle {
    background-color: #c41aa1;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: rgba(238,21,218,1.00);
}

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

/* carousel */
.carousel-caption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
    bottom: 0;
    left: 0;
    padding: 15px;
    position: absolute;
    right: 0;
}

.carousel-control {
	top: 35%;
	left: 0px;
	width: 40px;
	height: 80px;
	font-size: 114px;
	font-weight: 100;
	line-height: 67px;
	color: #333;
	text-align: center;
	background: #FFF none repeat scroll 0% 0%;
	text-shadow: unset;
	opacity: 0.9;
	background-image: none !important;
}

.carousel-control:hover, .carousel-control:focus {
    color: #000;
    opacity: 1;
}

	
	
/* tables */
	
table {
	background: #fff;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
	background: #eee;
}

.jumbotron {
	/*background: url(../img/container-bg.png) repeat;
	background: url(../img/taustakuva.jpg) no-repeat center -650px;	*/
	background: url(../img/frontpage-banner.jpg) no-repeat center;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
	padding-top: 0px !important;
	height: 300px;
	border-radius: 0 !important;
	}
	
.jumbotron .banner-caption {
	background: url(../img/container-bg.png) repeat;
	padding: 15px;
	font-size: 16px;
	width: 400px;
	margin: 20px;
	box-shadow: 0 8px 6px -6px #000;
}

.jumbotron .banner-caption p {
	font-size: 16px !important;
	color: #000;
}

.jumbotron .banner-caption h1 {
	font-size: 24px !important;
	margin-top: 0px;
	color: #000;
}

@media (max-width: 767px) {
	.jumbotron .banner-caption {
	width: 100%;
	margin: 0px;
	}
}
	

.rounded-banner {
	border-radius: 3px;
	width: 100%;}
	

	

/* thumbnails */
	
.thumbnail > a {
    background: none repeat scroll 0 0 #eee;
    box-shadow: 0 8px 6px -6px #CDCDCD;
    display: block;
    height: 250px;
    line-height: 265px;
    text-align: center;
    vertical-align: middle;
	padding: 20px;
}

.thumbnail .caption {
	word-wrap: break-word;
	-webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
}