/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
body {
  padding-top: 56px;
}

.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: top;
  background-image: url('/summer_accommodations/img/Banner.jpg');   
}

.carousel-item2 {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center bottom scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: bottom;
  background-image: url('/summer_accommodations/img/cumberland.jpg');   
}

.banner-Textbar {
	background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.633473457742472) 69%, rgba(255,255,255,0) 100%); 
	color:#FFF; 
	position:absolute; 
	bottom:0px; 
	height: 80px; 
	width: 100%; 
	font-family: 'Impact', Charcoal, sans-serif; 
	font-size: 50px; 
	letter-spacing: 3px; 
	padding-left: 57px; 
	text-transform: uppercase;
}

@media (max-width: 576px) {
	.carousel-item {
	  height: 70px;
	  min-height: 190px;
	  background: no-repeat center center scroll;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  background-image: url('/summer_accommodations/img/Banner.jpg'); 
	  background-position: top;
	}
	
	.carousel-item2 {
	  height: 70px;
	  min-height: 190px;
	  background: no-repeat center bottom scroll;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  background-image: url('/summer_accommodations/img/cumberland.jpg'); 
	  background-position: bottom;
	}
	
	.banner-Textbar {
		background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.633473457742472) 69%, rgba(255,255,255,0) 100%);
		color: #FFF;
		position: absolute;
		bottom: 0px;
		height: 48px;
		width: 100%;
		font-family: 'Impact', Charcoal, sans-serif;
		font-size: 32px;
		letter-spacing: 3px;
		padding-left: 16px;
		text-transform: uppercase;
	}
}

.portfolio-item {
  margin-bottom: 30px;
}
.single-blog-post {
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}
.mb-5, .my-5 {
    margin-bottom: 1rem !important;
}

.mb-30 {
    margin-bottom: 20px !important;
}

.single-blog-post.style-2 .blog-thumbnail {
    margin-bottom: 20px;
}

.single-blog-post.style-2 img {
    width: 100%;
    height: auto;
}

.single-blog-post.style-2 .blog-content {
    position: relative;
    z-index: 1;
}

.single-blog-post.style-2 .blog-content .post-date {
    font-size: 12px;
    color: #636363;
    margin-bottom: 10px;
}

.single-blog-post.style-2 .blog-content .post-title {
    display: block;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 10px;
    color: #232323;
}

.single-blog-post.style-2 .blog-content .post-author {
    display: block;
    font-size: 12px;
    color: #636363;
    font-weight: 500;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.single-blog-post.style-4 .blog-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    max-width: 120px;
    width: 120px;
    margin-right: 15px;
}

.single-blog-post.style-4 .blog-thumbnail img {
    width: 100%;
}

.single-blog-post.style-4 .blog-content .post-title {
    display: block;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 0;
    color: #232323;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.single-blog-post.style-4 .blog-content .post-date {
    font-size: 12px;
    color: #636363;
    margin-bottom: 10px;
}

.single-blog-post {
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; }
  .single-blog-post.style-1 .blog-thumbnail {
    position: relative;
    z-index: 1;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms; }
    .single-blog-post.style-1 .blog-thumbnail img {
      width: 100%;
      -webkit-transition-duration: 800ms;
      transition-duration: 800ms; }
    .single-blog-post.style-1 .blog-thumbnail.bg-overlay::after {
      z-index: 5; }
  .single-blog-post.style-1 .blog-content {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 50; }
    .single-blog-post.style-1 .blog-content .post-date {
      font-size: 14px;
      color: #ffffff;
      font-weight: 500;
      display: block;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms; }
    .single-blog-post.style-1 .blog-content .post-title {
      font-weight: 500;
      font-size: 30px;
      margin-bottom: 0;
      color: #ffffff;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .single-blog-post.style-1 .blog-content .post-title {
          font-size: 24px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single-blog-post.style-1 .blog-content .post-title {
          font-size: 16px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .single-blog-post.style-1 .blog-content .post-title {
          font-size: 18px; } }
      @media only screen and (max-width: 767px) {
        .single-blog-post.style-1 .blog-content .post-title {
          font-size: 16px; } }
      .single-blog-post.style-1 .blog-content .post-title:hover, .single-blog-post.style-1 .blog-content .post-title:focus {
        color: rgb(128,20,32); }
  .single-blog-post.style-1:hover .blog-thumbnail img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  .single-blog-post.style-2 .blog-thumbnail {
    margin-bottom: 7px; }
    .single-blog-post.style-2 .blog-thumbnail img {
      width: 100%; }
  .single-blog-post.style-2 .blog-content {
    position: relative;
    z-index: 1;
    min-height: 70px;}
    .single-blog-post.style-2 .blog-content .post-date {
      font-size: 12px;
      color: #636363;
      margin-bottom: 10px; }
    .single-blog-post.style-2 .blog-content .post-title {
      display: block;
      font-weight: 600;
      font-size: 16px;
      margin-bottom: 10px;
      color: #232323; }
      .single-blog-post.style-2 .blog-content .post-title:hover, .single-blog-post.style-2 .blog-content .post-title:focus {
        color: rgb(128,20,32); }
    .single-blog-post.style-2 .blog-content .post-author {
      display: block;
      font-size: 12px;
      color: #636363;
      font-weight: 500;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms; }
      .single-blog-post.style-2 .blog-content .post-author:hover, .single-blog-post.style-2 .blog-content .post-author:focus {
        color: rgb(128,20,32); }
    .single-blog-post.style-2:hover .blog-content .post-title {
      color: rgb(128,20,32); }
  .single-blog-post.style-3 .blog-thumbnail {
    margin-bottom: 20px;
    position: relative;
    z-index: 1; }
    .single-blog-post.style-3 .blog-thumbnail img {
      width: 100%; }
    .single-blog-post.style-3 .blog-thumbnail .video-btn {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 63px;
      height: 63px;
      background-color: #ef1b48;
      color: #ffffff;
      font-size: 24px;
      line-height: 63px;
      display: block;
      border-radius: 50%;
      text-align: center;
      margin: 0 auto 20px;
      z-index: 50; }
      .single-blog-post.style-3 .blog-thumbnail .video-btn:hover {
        background-color: #000000;
        color: #ffffff; }
  .single-blog-post.style-3 .blog-content {
    position: relative;
    z-index: 1; }
    .single-blog-post.style-3 .blog-content .post-date {
      font-size: 12px;
      color: #ffffff;
      margin-bottom: 10px;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms; }
    .single-blog-post.style-3 .blog-content .post-title {
      display: block;
      font-weight: 600;
      font-size: 22px;
      margin-bottom: 10px;
      color: #ffffff;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms;
      line-height: 1.3; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single-blog-post.style-3 .blog-content .post-title {
          font-size: 18px; } }
      .single-blog-post.style-3 .blog-content .post-title:hover, .single-blog-post.style-3 .blog-content .post-title:focus {
        color: rgb(128,20,32); }
    .single-blog-post.style-3 .blog-content .post-author {
      display: block;
      font-size: 12px;
      color: #ffffff;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms;
      font-weight: 500; }
      .single-blog-post.style-3 .blog-content .post-author:hover, .single-blog-post.style-3 .blog-content .post-author:focus {
        color: rgb(128,20,32); }
  .single-blog-post.style-3:hover .blog-content .post-title {
    color: rgb(128,20,32); }
  .single-blog-post.style-4 .blog-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    max-width: 120px;
    width: 120px;
    margin-right: 15px; }
    .single-blog-post.style-4 .blog-thumbnail img {
      width: 100%; }
  .single-blog-post.style-4 .blog-content {
    position: relative;
    z-index: 1;
    min-height: 90px;}
    .single-blog-post.style-4 .blog-content .post-date {
      font-size: 12px;
      color: #636363;
      margin-bottom: 5px;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms; }
    .single-blog-post.style-4 .blog-content .post-title {
      display: block;
      font-weight: 600;
      font-size: 16px;
      margin-bottom: 0;
      color: #232323;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms; }
      .single-blog-post.style-4 .blog-content .post-title:hover, .single-blog-post.style-4 .blog-content .post-title:focus {
        font-weight: 600;
        color: rgb(128,20,32); }
  .single-blog-post.style-4:hover .blog-content .post-title {
    color: rgb(128,20,32); }
  .single-blog-post.style-5 .blog-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
    width: 45%;
    margin-right: 30px; }
    .single-blog-post.style-5 .blog-thumbnail img {
      width: 100%; }
    @media only screen and (max-width: 767px) {
      .single-blog-post.style-5 .blog-thumbnail {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px; } }
  .single-blog-post.style-5 .blog-content {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(55% - 30px);
    flex: 0 0 calc(55% - 30px);
    max-width: calc(55% - 30px);
    width: calc(55% - 30px); }
    @media only screen and (max-width: 767px) {
      .single-blog-post.style-5 .blog-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%; } }
    .single-blog-post.style-5 .blog-content .post-date {
      font-size: 12px;
      color: #636363;
      margin-bottom: 10px;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms; }
    .single-blog-post.style-5 .blog-content .post-title {
      display: block;
      font-weight: 600;
      font-size: 24px;
      margin-bottom: 10px;
      color: rgb(128,20,32);
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single-blog-post.style-5 .blog-content .post-title {
          font-size: 18px; } }
      .single-blog-post.style-5 .blog-content .post-title:hover, .single-blog-post.style-5 .blog-content .post-title:focus {
        font-weight: 600;
        color: rgb(128,20,32); }
    .single-blog-post.style-5 .blog-content .post-author {
      font-size: 12px;
      color: #636363;
      margin-bottom: 30px;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms;
      display: block; }
  .single-blog-post.style-5:hover .blog-content .post-title {
    color: rgb(128,20,32); }
  .single-blog-post.style-6 .blog-thumbnail {
    margin-bottom: 20px;
    position: relative;
    z-index: 1; }
    .single-blog-post.style-6 .blog-thumbnail img {
      width: 100%; }
    .single-blog-post.style-6 .blog-thumbnail .video-btn {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 44px;
      height: 44px;
      background-color: #ef1b48;
      color: #ffffff;
      font-size: 18px;
      line-height: 44px;
      display: block;
      border-radius: 50%;
      text-align: center;
      margin: 0 auto 20px;
      z-index: 50; }
      .single-blog-post.style-6 .blog-thumbnail .video-btn:hover {
        background-color: #000000;
        color: #ffffff; }
  .single-blog-post.style-6 .blog-content {
    position: relative;
    z-index: 1; }
    .single-blog-post.style-6 .blog-content .post-date {
      font-size: 12px;
      color: #a2a2a2;
      margin-bottom: 10px;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms; }
    .single-blog-post.style-6 .blog-content .post-title {
      display: block;
      font-weight: 600;
      font-size: 18px;
      margin-bottom: 0;
      color: rgb(128,20,32);
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms;
      line-height: 1.3; }
      .single-blog-post.style-6 .blog-content .post-title:hover, .single-blog-post.style-6 .blog-content .post-title:focus {
        font-weight: 600;
        color: rgb(128,20,32); }
  .single-blog-post.style-6:hover .blog-content .post-title {
    color: rgb(128,20,32); }