body
{
	background:url('img/bg.jpg');
	background-size: cover;
	background-attachment:fixed;
	font-size:18px;
	padding-right:0px !important;
}

img 
{
	max-width:100%;
}

#rekisteriseloste
{
	position:fixed;
	bottom:10px;
	left:40px;
	font-size:16px;
	z-index:100;
	    background: rgba(255,255,255,0.9);
	padding:8px;
	width:220px;
    border-radius: 6px;
	text-align:center;
}
#rekisteriseloste.mobile
{
	position:relative;
	bottom:0px;
	left:0px;
	font-size:16px;
	z-index:100;
	text-align:center;
	right:0px;
	width:100%;
	background:none;
}
#rekisteriseloste a,#rekisteriseloste a:hover,#rekisteriseloste a:active,#rekisteriseloste a:visited
{
	color:#000;
}

.event
{
	margin-top:10px;
	border-bottom: none;
}
.event:last-child
{
	border-bottom:none;
}
hr
{
	clear: both;
}
.event
{
	padding-top:10px;
	clear: both;
}
.event p
{
	position:relative;
	padding-top:10px;
}
.event p.left
{
	display:inline-block;
	max-width:200px;
	vertical-align:top;

}
.event p.right
{
	display:inline-block;
	max-width: calc(100% - 210px);
}
.event .datetime
{
	font-weight:bold;
}
.event img
{
	float: left;
	max-width:200px;
	margin-right:10px;
}
.event:nth-child(odd) img
{
	float:right;
}
.event :after
{
	display:inline-block;
	clear: both;
	content: " ";
}

.event .left
{
height:0px;
}
.event a
{
	word-break: break-all;
}

.modal-open
{
    overflow-y: scroll;
	height:100%;
}
.modal-open .modal
{
    overflow-y: hidden;	
}
.modal
{
	max-width:100%;
	max-height:100%;
}
.modal-dialog
{
	height:100%;
	max-height:100%;
	max-width:100%;
}
.modal-content
{
	max-width:100%;
	height:calc(100% - 60px);
}
.modal-body
{
	height: calc( 100% - 185px);
	text-align:center;
	overflow-y:auto;
}
.modal-body p
{
	font-size: 12px;
	text-align: left;
	margin:0px;
}
.modalimg
{
	max-width:100%;
	max-height:100%;
	opacity:0;
	-webkit-transition: all 0.1s; /* Safari */
    transition: all 0.1s;
	margin-left:auto;
	margin-right:auto;
}
.loader
{
	position:absolute;
	top:30%;
	left:50%;
	margin-left:-32px;
	margin-top:-32px;
	display:none;
}
.loader.show
{
	display:block;
}
.imgcontainer
{
	min-width:50%;
	min-height:50%;
	max-width:100%;
}
.modalimg.show
{
	opacity:1;
}

#menufooter
{
	position:absolute;
	bottom:20px;
	right:20px;
}

p
{
	padding:6px;
}

.navbar-default .navbar-nav>li>a {
    color: #555;
}
a.linkTarget
{
	position:relative;
	margin-top:-40px;
	height:40px;
	display:block;
	visibility:hidden;
}

h3
{
color:#555;
text-align:center;
position:relative;
margin-top:5px;
}

.bs-docs-section > h3
{
margin-top:20px;
}
h3:after
{
	display:block;
	height:1px;
	content: " ";
	border:1px dashed rgba(0,0,0,0.3);
}

.bs-docs-section
{
	background:rgba(255,255,255,0.9);
	position:relative;
	padding:5px;
	margin-bottom:20px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);
}

#mainContainer .thumbs
{
	text-align:center;
}

#mainContainer .thumbnail
{
	display:inline-block;
	width:150px;
	position:relative;
	font-size:11px;
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,.075);
	vertical-align:middle;
}


.thumblist
{
	overflow-y:hidden;
	overflow-x:scroll;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	white-space:nowrap;
	background:#ddd;
	border-right:6px solid #ddd;
	border-left:6px solid #ddd;
	text-align:center;
}
.thumblist li
{
	border-right:6px solid #ddd;
	display: inline;
	vertical-align:middle;
	background:#ddd;
	width:100px;
	height:66px;
	overflow:hidden;
}
.thumblist li:last-child
{
	border-right:0px;
}
.thumblist li img
{
	position:relative;	
}

#mainContainer .thumbnail img
{
  object-fit: cover;
	display:block;
	max-width:100%;
	max-height:90px;
	text-align:center;
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,.175);
}

#mainContainer .thumbnail .caption
{
	text-align:center;
	width:100%;
	padding-left:0px;
	padding-right:0px;
}
#mainContainer .thumbnail:hover
{
	border-color: #ff9000;
}

#mainContainer .thumbnail p
{
	padding-top:0px;
	margin-top:10px;
	text-align:center;
	width:100%;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
	margin-bottom:0px;
}

#listTitle
{
	display:none;
}
#tietoja div
{
	max-width:100%;
}
#info
{
	margin-bottom:20px;
}
#info img
{
	margin: 10px;
	max-width:calc(100% - 20px);
}

#intro
{
	text-align:center;
	color:#fff;
	text-shadow: 1px 1px 5px rgba(0,0,0,1), 1px 1px 6px rgba(0,0,0,0.6), 3px 3px 10px rgba(0,0,0,0.4);
	margin-bottom:20px;
	margin-top:80px;
}
#introwrapper{
  background:none;
  padding:0px;
  
}
#introimage img{
	padding:0px;
	margin:0px;
	background:none;
}
#introimage p
{
	position:absolute;
	bottom:0px;
	text-align:center;
	left:20px;
	right:20px;
	color:#FFF;
	text-shadow: 0px 0px 2px rgba(0,0,0,1), 2px 2px 8px rgba(0,0,0,0.4);	
}
#intro h1
{
	font-family:'alex_brushregular';
	font-size:65px;
}
.sidebar-nav a
{
	text-decoration: none;
	color:#555;
}
#listTitle h3 a:hover
{
	background:rgba(50,50,50,0.0);
	color:#000;
}
#intro p
{
	margin:0px;
	font-size:20px;
}
  .sidebar-nav {
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:20;
  }

/* Navbar left */
/* make sidebar nav vertical */ 
@media (min-width: 768px) {
	#introimage img{
		border-radius:6px;
	}
	.bs-docs-section
	{
		border-radius:6px;
	}

	#intro
	{
		text-align:center;
		color:#fff;
		margin-bottom:49px;
		margin-top:-8px;
		padding-left:200px;
	}
	#intro p
	{
		margin-top:-14px;
	}
	#intro h1
	{
		font-size:84px;
	}
	
	#mainContainer .thumbnail
	{
		width:380px;
		font-size:14px;
		
	}
	#mainContainer .thumbnail .caption
	{
    padding-top:6px;
		width:380px;
		font-size:14px;
	}
	
	#mainContainer .thumbnail img
	{
		max-height:290px;
		height:290px;
	}
	#menufooter
	{
		left:20px;
	}

	
	body
	{
		padding:40px;
		padding-right:40px !important;
	}
	#listTitle
	{
		display:block;
	}

  .sidebar-nav {
	width:220px;
	position:fixed;
	top:40px;
	left:40px;
	bottom:0px;
  }
  .sidebar-nav .navbar.navbar-default
  {
	  background:rgba(255,255,255,0.9);
	  padding-bottom:40px;
	  border-radius:6px;
  }
  .sidebar-nav .navbar .navbar-collapse {
    padding: 20px;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
	text-shadow: 2px 2px 6px rgba(0,0,0,0.3);
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .sidebar-nav .navbar li a:hover {
	  background:rgba(50,50,50,0.9);
	  color:#FFF;
  }
  #mainContainer
  {
	  margin-left:240px;
  }
  #mainContainer .bs-docs-section
  {
	  margin-right:auto;
	  margin-left:auto;
	  max-width:800px;
	  
  }
  
}

@media (min-width: 1000px) {
	#info p
	{
		display:inline-block;
		/*max-width:calc(100% - 260px);*/
		vertical-align:top;
	}
}

/* Modal dialog overrides */
@media (min-width: 768px)
{
  .modal-dialog {
    width: 900px;
    margin: 30px auto;
    
}

		#shop
		{
      font-size: 20px;
      z-index: 100;
      background: rgba(255,255,255,0.9);
      padding: 8px;
      width: 220px;
      border-radius: 6px;
      text-align: center;
      margin-bottom: 10px;
      border: solid 4px #719fc7;
		}
		#shop a
		{
      display: block;
      width: 100%;
      text-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
      padding-top: 6px;
      padding-bottom: 4px;
      color:#2e6da4;
		}
		#shop a:hover
		{
		    background: rgba(50,50,50,0.9);
      color: #FFF !important;
		}