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

/* ***** DAP - 06.04.14 - Stylesheet for Penttila.com ***** */

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



body {

	margin: 0 auto; padding: 0;

	text-align: center;

	font-family: arial, helvetica sans-serif;

}

h1 {

	margin: 10px 0;

	padding: 0;

	color: #90c24a;

	font-size: 2em;

}

a:link, a:visited {

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

}

label {

	float: right;

	font-weight: bold;

	display: block;

}

.clear { clear: both; }



hr {

	display: block;

	height: 1px;

	border: 0;

	border-top: 1px solid #ccc;

	margin: 1em 0;

	padding: 0;

}



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

/* ***** Header ******************************************* */

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



#header {

	background-color: #32373f;

}

a.navbar-brand {

	height: 137px;

	padding: 0;

}



#header-contact {

	color: #FFFFFF;

	text-align: right;

	margin: 20px 20px 0 0;

	font-size: 20px;

}

#header-contact p {

	margin: 3px 0;

}

#header-contact a:link, #header-contact a:visited {

	color: #FFFFFF;

}

#header-contact img {

	display: inline;

}

#header-contact span {

	color: #90c24a;

}



.jumbotron {

	background-color: #b7a69d;

	/*

	background-image: url(../images/XI-back-plain.jpg);

	background-repeat: no-repeat;

	background-position: top center;

	

	min-height: 587px;

	*/

	padding-top: 0;

	padding-bottom: 0;

}

.jumbotron > .container {

	/* height: 537px; */

}



.jumbo-text {

	/*

	position: absolute;

	bottom: 0;

	*/

	text-align: left;

	float: left;

	position: absolute;

	margin-top: 275px;

	color: #000000;

}

.btn-primary, .btn-primary:hover {

	background-color: #90c24a;

	color: #ffffff;

	border-color: #90c24a;

}

.btn-primary:hover {

	background-color: #90c24a;

	color: #ffffff;

	border-color: #90c24a;

}



/* Extra small devices (phones, less than 768px) */

/* No media query since this is the default in Bootstrap */



/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {

	.jumbo-text {

		margin-top: 100px;

	}

	.jumbo-text.sub-page {

		margin-top: 50px;

	}

}



/* Medium devices (desktops, 992px and up) */

@media (min-width: 991px) {

	.jumbo-text {

		margin-top: 200px;

	}

	.jumbo-text.sub-page {

		margin-top: 75px;

	}

}



/* Large devices (large desktops, 1200px and up) */

@media (min-width: @screen-lg-min) {

	

}



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

/* ***** Body ********************************************* */

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



#content-wrapper {

	min-height: 424px;

	

	text-align: left;

}

/* Small devices (tablets, 768px and up) */

@media (min-width: 991px) {

	#content-wrapper {

		background-image: url(../images/XI-back-bucket.jpg);

		background-repeat: no-repeat;

		background-position: bottom left;

	}

}





#site-content {

	padding: 20px 50px 20px 70px;

	font-size: 14px;

	/*

	border-radius: 15px;

	background: url(../images/content-background.png) repeat 0 50%;

	*/

	color: #000000;

}

#site-content > #title {

	color: #90c24a;

	font-size: 18px;

	font-weight: bold;

}

#site-content > .text {

	

}

#site-content > .text span {

	font-weight: bold;

}

#site-content ul {

	padding-left: 0;

	list-style-type: none;

}

/* Small devices (tablets, 768px and up) */

@media (min-width: @screen-lg-min) {

	#site-content ul {

		float: left;

		width: 50%;

	}

}



#site-content li:before {

    content: "• ";

    color: #90c24a; /* or whatever color you prefer */

}



#testimonial-preview {

	background-color: #90c24a;

	border-radius: 5px;

	padding: 10px 20px;

	color: #ffffff;

}

#testimonial-preview a {

	color: #ffffff;

}



.testimonial-text {

	 padding: 20px 0;

	 border-bottom: solid 2px #333333;

}



.testimonial-text p:before, .testimonial-text p:after {

	content: '"';

	font-weight: bold;

	font-size: 22px;

	color: #90c24a;

}

.testimonial-text:last-child {

	border-bottom: none;

}

.testimonial-text span {

	font-weight: bold;

}



#image_container {

	margin: 0 20px 0 10px;

}

.object_profile_img {

	border: solid 1px #CACACA;

	width: 225px;

	

	box-shadow: #000000 0px 0px 15px;

	-moz-box-shadow: #000000 0px 0px 15px;

	-webkit-box-shadow: #000000 0px 0px 15px;

	

	border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	

	margin: 10px;

}

#lightbox-container-image-box {

  max-width:900px ! important; /* Or your max-width */

  width: 100%; /* use 100% of even 90% , see what works for you */

}

#lightbox-container-image img {

 max-width:675px ! important; /* (your max width - 20) */

 width: 100%; 

}





#foot-contact {

	color: #000000;

	text-align: right;

	margin: 0 20px 0 0;

	font-size: 20px;

}

#footer-contact p {

	margin: 3px 0;

}

#footer-contact a:link, #footer-contact a:visited {

	color: #000000;

}

#footer-contact img {

	display: inline;

}

#footer-contact span {

	color: #90c24a;

}



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

/* ***** Footer ******************************************* */

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



#foot-container {

	padding: 0;

}

footer {

	background-color: #90c24a;

	padding: 15px 0;

}