/* Prevents sticky navbar overlay of body contents */
body {
	padding-top: 3rem;
  color: #515154;
}

/* Begin Sticky footer styles */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}
/* End Sticky footer styles */

/* Spaces out the content 'rows' on the Home page */
.home-row {
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.inner-row {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#home-welcome .row {
  background-color: rgba(256, 256, 256, 0.9);
}
#home-welcome .row p, #home-welcome .row h2 {
  margin-top: 1rem;
}

/* Overrides default Bootstrap colours, minor stylistic tweaks */
a {
  color: #7aa5a1;
}
.navbar {
  padding: .3rem 1rem;
}
#main-nav {
  /* background-color: #38aab1; */
  background-color: #329096;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.6);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,0.6);
  box-shadow: 0 0 4px rgba(0,0,0,0.6);
}
.navbar-brand, .nav-link, .navbar-dark .navbar-nav .nav-link {
  color: #fff;
}
.navbar-brand img {
  max-width: 100%;
}
.btn-primary {
  /* background-color: #7cb7b1;
  border-color: #61928d; */
  background-color: #7aa5a1;
  border-color: #628481;
}
.masthead-container {
  background-image: url('../img/iris-1520x500-hd.jpg');
  background-size: cover;
}
#jumbotron-message {
  max-width: 550px;
  background-color: #fff;
  margin-left: auto;
}
#home-services {
  /* background-color: #93dbe0; */
  background-color: #d6f1f3;
  margin-top: 2rem;
}
.home-service {
  background-color: #fff;
  margin: 0 5px;
  padding-bottom: 1rem;
  border-radius: 3px;
}
.btn-secondary, .list-group-item.active {
  /* background-color: #3692b6;
  border-color: #3692b6; */
  background-color: #65a4bd;
  border-color: #578da2;
}
#home-benefits {
  background-color: #e9ecef;
  padding-top: 2rem;
  padding-bottom: 4rem;
  margin-top: 2rem;
}
#home-benefits #list-tab {
  min-height: 355px;
  background-color: #fff;
}
.benefits-of-massage-sm {
  display: none;
}
.benefits-text {
  background-color: #fff;
  border-radius: 3px;
  border-left: 4px solid #65a4bd;
}
.benefits-list {
  border-radius: 3px;
}
.benefits-text h4 {
  padding-top: .5rem;
}
.book-appointment img {
  max-width: 100%;
}

hr {
    margin-top: 2rem;
    margin-bottom: 0.5rem;
    border-top: 2px solid rgba(0,0,0,.1);
}

.home-service, .benefits-list, .benefits-text {
  -webkit-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.6);
  -moz-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.6);
  box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.6);
}
.home-service-img {
  border-radius: 100%;
  max-width: 200px;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

/* Inner page headers */
.inner-header-bg {
  height: 150px;
  background-attachment: fixed;
}
#meet-darlene-header, #my-approach-header, #rates-header, #contact-header {
  background-image: url('../img/meet-darlene-header.jpg');
}
#what-is-massage-header, #manual-lymph-drainage-header {
  background-image: url('../img/what-is-massage-header.jpg');
}
#what-can-massage-do-header, #jade-stone-massage-header {
  background-image: url('../img/what-can-massage-do-header.jpg');
}
#what-to-expect-header, #traditional-thai-massage-header {
  background-image: url('../img/what-to-expect-header.jpg');
}
#inner-body {
  background-color: #fff;
}

ul.navbar-nav li.dropdown:hover > .dropdown-menu {
	display: block;
	top: 35px;
}

@media (min-width: 768px) {
	.poweredby {
		display: inline-block;
		float: right;
		text-align: right;
	}

	.content-image {
		float: left;
		margin: 6px 10px 10px 0;
	}
}
@media (max-width: 767px) {
	.poweredby {
		display: block;
		text-align: center;
		line-height: 22px;
	}
	body {
		margin-bottom: 85px;
	}
	.footer {
		height: 85px;
	}

	.content-image {
		float: none;
		margin: 0 auto 10px;
		display: block;
	}
}

/* Extra large devices (large desktops, above 1200px) */
@media (min-width: 1200px) {

}
/* Large devices (desktops, up to 1200px) */
@media (max-width: 1200px) {

}
/* Medium devices (tablets, up to 992px) */
@media (max-width: 992px) {
  .book-appointment {
    margin-top: 2rem;
  }
  .home-service {
    margin-top: 1rem;
  }
  .navbar-brand {
    max-width: 290px;
  }
  .inner-sidebar {
    margin-top: 2rem;
  }
}
/* Small devices (landscape phones, up to 768px) */
@media (max-width: 768px) {
  .book-appointment {
    margin-top: 2rem;
  }
  .home-service {
    margin-top: 1rem;
  }
  .navbar-brand {
    max-width: 290px;
  }
  .benefits-of-massage-lg {
    display: none;
  }
  .benefits-of-massage-sm {
    display: inline-block;
  }
}
/* Small devices (portrait phones, up to 576px) */
@media (max-width: 576px) {
  .book-appointment {
    margin-top: 2rem;
  }
  .home-service {
    margin-top: 1rem;
  }
  .navbar-brand {
    max-width: 210px;
  }
  .footer {
    font-size: .9rem;
  }
}