/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

/* Margin bottom by footer height */
@media (min-width:1200px) {
    .footer {
        position:absolute;
        min-height: 216px;
    }
    body {
        margin-bottom: 216px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .footer {
        min-height: 236px;
        position: absolute;
    }
    body {
        margin-bottom: 236px;
    }
}

body > #main-content {
  padding: 94px 0 0 0;

}

#hero-image {
    position:relative;
    background:url("images/hero.jpg");
    background-size:cover;
    margin-bottom:0;
    padding:0;
    min-height:225px;
}

@media (max-width: 767px) {
    .nav>li>a {
        line-height:2.5em;
        text-align:center;
    }
}

#hero-image > div:first-child {
    position:absolute;
    bottom:5%;
    width:100%;
    text-align:center;
}

#hero-image h1 {
    margin-top: 400px;
    font-size: 500%;
    color: black;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}

#after-hero {
    margin-top:30px;
    text-align: center;
}

.testimonial-giver {
    color:#676767;
    font-size:130%
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

.footer {
  bottom: 0;
  width: 100%;
}

.footer h3 {
    padding-left:15px;
}

.footer1 {
    font-size:14px;
    padding-top:20px;
    padding-bottom:30px;
    background-color:#E36C0A;
    color:#FFFFFF;
}

.footer2 {
    background: #0E5BA5;
    padding: 20px 0;
    color: #FFFFFF;
    font-size: 14px;
}

.footer2 p {
    margin-bottom:0;
}

@media (min-width: 992px) {
	.footer2 div.row p:last-child {
		text-align:right;
	}
}

/* Nav styles
-------------------------------------------------- */

.navbar {
    margin-bottom:0;
}

.navbar-brand {
    padding-top:0;
    padding-bottom:0;
}

.dropdown-menu>li>a {
    line-height:1.2em;
}

/* Styles for the Registration page
-------------------------------------------------- */

#or-text {
	font-weight:bold; 
	font-size:120%;
	padding-bottom:0.5em;
}

@media (min-width:768px) {
	#or-text {
		padding-top:1.5em;
		text-align:center;
	}
}

@media (min-width:768px) and (max-width:992px) {
	#or-login {
		width:83.33333333%;
		padding-left:16.66666667%;
	}

	#or-login .panel {
		margin-left:15px;
	}
}
	

/* Styles for the Booking page
-------------------------------------------------- */
.column {
	width: 20%;
	float: left;
	padding: 0 10px;
}

.dayHeader {
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}

.secondWeek {
	display: none;
}

.disabled {
	opacity: 0.4;
}

.slot  {
	background: #A2CA7D;
	padding: 10px;
	margin: 10px 0;
	color: #333;
	text-align: center;
	cursor: pointer;
}

.availableSlot {
	background: #A2CA7D;
	padding: 10px;
	margin: 10px 0;
	color: #333;
	cursor: pointer;
	text-align: center;
}

.availableSlot:hover, div.selected{
	background: #6BB327;
	color: #fff;
	font-weight: bold;
}

.wrapper {
	display: table;
	margin: auto;
}

#first {
	display: table-cell;
}

#second { 
	display: table-cell;
	padding-left: 20px;
}

.clear {
	clear: both;
}