/* 
    Created on : 13.5.2015, 13:37:47
    Author     : matj
*/
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,200,700&subset=latin,latin-ext);

body { background: url(../img/bg.jpg) top; background-size: cover; }

.h1, .h2, .h3, h1, h2, h3 { margin-top:0; margin-bottom:10px; }
h2 { font-size:20px; line-height: normal; }
h3 { font-size:18px; line-height: normal; }

.container { max-width:960px; position: relative; }
.red-line { background:#e00000; color:white; }
.red-line a { color:#f0f0f0; }
.red-line a:hover { color:#ffffff; background: none; }
.red-line .nav>li>a:hover,.red-line .nav>li>a:focus { background: none; }
.red-line h2 { 
    font-size:18px; line-height: 50px; margin:0; 
    padding:0; float:left; text-indent: 152px; 
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 200;
} 


h1 { 
    font-size:50px; line-height: 100px; margin:0; 
    padding:0; float:left; text-indent: 150px; 
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 200;
} 
h1 strong { font-weight: 600; }
h2 strong { font-weight: 600; }


@media (max-width: 768px) { 
	h1 {
		font-size: 30px;
		line-height: 1.2em;
		margin: 0;
		margin-top:40px;
		text-align:center;
		padding: 0;
		float: none;
		clear: both;
		text-indent: 0;
		font-family: "Source Sans Pro", sans-serif;
		font-weight: 200;
	}
	.container { } 
} 
 


.page-header { border:0; margin:0; padding:0; }


.ribbon { width:150px; height:172px; display: block; }
.container .ribbon,.container .ribbon:hover { top:-30px; left:0px; background:url(../img/ribbon.png) no-repeat top; position: absolute; text-decoration: none; z-index:10; }
.heart {
    font-size: 80px;
    color: #e00000;
    animation: beat .4s infinite alternate;
    transform-origin: center;
    text-shadow:0 0 4px #eeeeee;
    text-align: center;
    line-height: 168px;
}


/* Heart beat animation */
@keyframes beat{
    to { transform: scale(1.2); text-shadow:2px 2px 10px #bbb; }
}

.content-container { background:white; border-radius: 20px; min-height: 100px; margin-top:20px; box-shadow: 2px 2px 5px #999; padding-bottom:30px; }
.main-navbar { background:#555; border-radius:20px; margin:0 -15px 30px; float:none; }
.main-navbar>li>a { font-size:18px; color:#ffcccc; background:none; padding-left:40px; }
.main-navbar>li>a:hover,.main-navbar>li>a:focus { background:none; color:white; }


.list-group-item-time { font-size:40px; font-weight:bold;  line-height: 45px; width:130px;}
.reservations .color-red { cursor: not-allowed; }
.reservations .list-group-item .fa-2x { padding-top:5px; }
.reservations .panel-title { line-height:normal; font-size:20px; }
.reservations .panel-title big { font-size: 1.6em; padding-top:10px; display: block; }

.footer { padding:20px; color:#777; }  
.footer a { color:#000; }  




.reservationsnew .list-group-item-time { font-size:20px; text-align: center; display: block; width:auto; line-height:normal; display: block; }
.reservationsnew .list-group-item-heading { font-size:14px; text-align: center;  }



.color-green,a.color-green  { color:#00d000; }
.color-blue,a.color-blue  { color:#0000d0; }
a.color-green .list-group-item-heading { color:#00d000; }
a.color-green:hover  { color:#00aa00; }
.color-red { color:#d00000; }
.color-orange { color:#d58512; }

.next-reservations-item { font-size:22px; }

.panel-default { border-color:#666; }