/*FONTS USED
navigation: josefin sans, 18px
navigation dropdown: josefin sans, 14px
headings: times new roman, 72px - reduce to 48px for mobile
sub headings: times new roman, 36px - reduce to 24px for mobile
paragraphs: josefin sans, 21px - reduce to 18px for mobile

COLOURS USED
black: #1a1a1a;
green: #c79b3d;
light-grey: #f4f4f4;*/
.dropdown-menu {
  padding: 0rem 0;
}

.fb-page {
  border-top: 45px solid black;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-left: 10px solid black;
  border-right: 10px solid black;
  position: relative;
  top: 48px;
}
.nav-hover-footer:visited {
  color: #ffffff !important;
}
a:visited {
  color: #ffffff !important;
}
a:hover {
  text-decoration: none !important;
}
.sitemap-link {
  color: #1a1a1a;
  opacity: 0.75;
  transition: 0.15s;
}
.sitemap-link:hover {
  color: #c79b3d !important;
  opacity: 1;
  transition: 0.15s;
}
.sitemap-link:visited {
  color: #1a1a1a !important;
}

.nav-hover:visited {
  color: #ffffff !important;
}
.dropdown-hover-text:visited {
  color: #ffffff !important;
}
/*Mouse Pointer*/
.pointer:hover {
  cursor: pointer;
}

/*width/height 100%*/
.w-100 {
  width: 100%;
}
.w-50 {
  width: 50%;
}
.h-100 {
  height: 100%;
}
/*Fonts and Colours*/
.heading {
  font-family: "Times New Roman", serif;
  font-size: 48px;
  font-weight: 700;
}
.sub-heading {
  font-family: "Times New Roman", serif;
  font-size: 24px;
  font-weight: 700;
}

.title-heading{
  font-family: "Times New Roman", serif;
  font-size: 40px;
  font-weight: 700;
}
.paragraph {
  font-family: "Josefin Sans", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}
.navigation {
  font-family: "Josefin Sans", sans-serif;
  font-size: 18px;
  font-weight: 300;
}
.nav-dropdown {
  font-family: "Josefin Sans", sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.nav-hover:hover {
  transition: 0.3s ease;
  color: #c79b3d !important;
  text-decoration: none;
}

.nav-hover-footer:hover {
  color: white;
  transition: 0.3s ease;
  text-decoration: none;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

.dropdown-menu {
  width: 100%;
  margin-left: 3px;
}

.dropdown-hover-link:hover {
  background-color: #c79b3d;
  transition: 0.3s ease;
  color: white !important;
  text-decoration: none !important;
}

.dropdown-hover-link:hover .dropdown-hover-text {
  color: white !important;
  transition: 0.3s ease;
  text-decoration: none !important;
}

.black {
  color: #1a1a1a;
}
.green {
  color: #c79b3d;
}
.gold {
  color: #c79b3d;
}
.light-grey {
  color: #f4f4f4;
}
.white {
  color: #ffffff;
}
.dark-blue {
  color: #000360;
}
/*Backgrounds*/
.black-bg {
  background-color: #1a1a1a;
}
.gold-bg {
  background-color: #c79b3d;
}
.bronze-bg {
  background-color: #c47e39;
}
.silver-bg {
  background-color: #c4c4c4;
}
.platinum-bg {
  background-color: #80a0ac;
}
.light-grey-bg {
  background-color: #f4f4f4;
}
/*logo*/
.company-logo {
  width: 90%;
  max-width: 350px;
  height: auto;
  z-index: 110;
}
.guildcrest-logo {
  width: 150px;
  height: auto;
}

.holmes-logo {
  height: 95px;
  width: auto;
}
/*Section Sizing*/
button.btn-quote {
  width: 140px;
  height: 40px;
  padding: 0;
}
button.btn-quote {
  width: 140px;
  height: 40px;
  padding: 0;
}
.nav-top {
  height: 55px;
}
.nav-bottom {
  height: 55px;
}

a:visited {
  color: white;
}
a:hover,
a:focus,
a:active {
  color: #c79b3d;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #f4f4f4;
  background-clip: padding-box;
  border: 1px solid #f4f4f4 !important;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-group {
  margin-bottom: 5px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea.wpcf7-textarea {
  color: #333;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
  width: 300px;
}

.form-control:focus {
  color: #495057 !important;
  background-color: #f4f4f4 !important;
  border-color: #c79b3d !important;
  box-shadow: 0 0 0 0.2rem rgba(99, 146, 60, 1) !important;
}

form label {
  display: none;
  font-size: 0;
}
#quote-modal form input[type="text"],
#quote-modal form input[type="tel"],
#quote-modal form input[type="email"],
#quote-modal form textarea {
  margin: 5px 0;
  width: 100%;
}
.modal-header button.close {
  margin: 2px 2px 0 0;
  padding: 0;
  width: 35px;
  height: 35px;
}
@media screen and (max-width: 576px) {
  h1.modal-title {
    font-size: 2rem;
  }
}

/*Buttons*/
.btn-outline {
  color: #c79b3d;
  background-color: transparent;
  background-image: none;
  border-color: #c79b3d;
  border: 2px solid #c79b3d;
  width: 175px;
  height: 45px;
}

.btn-outline:hover {
  color: #ffffff;
  background-color: #c79b3d;
  background-image: none;
  border-color: #c79b3d;
}
.btn-outline-grey {
  color: #f4f4f4 !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: #f4f4f4 !important;
  border: 2px solid #f4f4f4 !important;
  width: 175px !important;
  height: 45px !important;
}

.btn-outline-grey:hover {
  color: #1a1a1a !important;
  background-color: #f4f4f4 !important;
  background-image: none !important;
  border-color: #f4f4f4 !important;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  color: #c79b3d !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: #c79b3d !important;
  border: 2px solid #c79b3d !important;
  width: 175px;
  height: 45px;
  font-size: 1em !important;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  color: #ffffff !important;
  background-color: #c79b3d !important;
  background-image: none !important;
  border-color: #c79b3d !important;
  border: 2px solid #c79b3d !important;
  width: 175px;
  height: 45px;
  font-size: 1em !important;
}

/*Borders*/
.custom-border-left {
  border-left: solid 1px #c79b3d;
}

/*Carousel*/

.image-position {
  position: relative;
  bottom: 75px;
}

.carousel-indicators li {
  width: 15px;
  height: 15px;
  border-radius: 20px;
  background-color: #ffffff;
}

.carousel-indicators .active {
  width: 15px;
  height: 15px;
  background-color: #c79b3d;
  border-radius: 20px;
  border: 2px solid #ffffff;
}

.carousel-image-div {
  height: 300px;
}
.background-1 {
  background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/slide-modular-home-2022 (1).jpg");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}
.background-2 {
  background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/slide-park-model.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.background-3 {
  background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/slide-home-cottages.jpg");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}
.background-4 {
  background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-contact.jpg");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}

.background-testimonials {
  background: url("../images/banners/banner-home-testimonials.jpg");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}

.banner-text {
  position: relative;
  top: 190px;
  width: 275px;
}
.sub-banner-text {
  position: relative;
  top: 220px;
  width: 300px;
}

.bg-millore {
  background: url("../images/banners/banner-home-why-choose-millore-contracting.jpg");
  background-size: cover;
}

.millore-graphic-bg {
  background: rgb(251, 201, 38);
  background: -moz-linear-gradient(
    -45deg,
    rgba(251, 201, 38, 1) 0%,
    rgba(255, 251, 204, 1) 29%,
    rgba(195, 146, 46, 1) 50%,
    rgba(238, 214, 136, 1) 81%,
    rgba(255, 251, 204, 1) 100%
  );
  background: -webkit-linear-gradient(
    -45deg,
    rgba(251, 201, 38, 1) 0%,
    rgba(255, 251, 204, 1) 29%,
    rgba(195, 146, 46, 1) 50%,
    rgba(238, 214, 136, 1) 81%,
    rgba(255, 251, 204, 1) 100%
  );
  background: linear-gradient(
    -45deg,
    rgba(251, 201, 38, 1) 0%,
    rgba(255, 251, 204, 1) 29%,
    rgba(195, 146, 46, 1) 50%,
    rgba(238, 214, 136, 1) 81%,
    rgba(255, 251, 204, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbc926",endColorstr="#fffbcc",GradientType=1);
}

/*Page Background*/
.bg-why-millore {
  height: 400px;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-why-choose-millore-contracting.jpg");
  background: -o-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-why-choose-millore-contracting.jpg");
  background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-why-choose-millore-contracting.jpg");
  background-size: cover;
  background-position: center;
}

.bg-commercial {
  height: 400px;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-commercial.jpg");
  background: -o-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-commercial.jpg");
  background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-commercial.jpg");
  background-size: cover;
  background-position: center;
}
.bg-residential {
  height: 400px;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-residential.jpg");
  background: -o-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-residential.jpg");
  background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-residential.jpg");
  background-size: cover;
  background-position: center;
}
.bg-modular {
  height: 400px;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-why-modular.jpg");
  background: -o-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-why-modular.jpg");
  background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-why-modular.jpg");
  background-size: cover;
  background-position: center;
}
.bg-plans {
  height: 400px;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-models-plans.jpg");
  background: -o-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-models-plans.jpg");
  background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-models-plans.jpg");
  background-size: cover;
  background-position: center;
}
.bg-cottages {
  height: 400px;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-cottage.jpg");
  background: -o-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-cottage.jpg");
  background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-cottage.jpg");
  background-size: cover;
  background-position: center;
}
.bg-client {
  height: 400px;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-reviews.jpg");
  background: -o-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-reviews.jpg");
  background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-reviews.jpg");
  background-size: cover;
  background-position: center;
}

.bg-gallery {
  height: 400px;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../uploads/2022/08/banner-modular-sets-1.jpg");
  background: -o-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../uploads/2022/08/banner-modular-sets-1.jpg");
  background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../uploads/2022/08/banner-modular-sets-1.jpg");
  background-size: cover;
  background-position: center;
}

.bg-about {
  height: 400px;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-about.jpg");
  background: -o-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-about.jpg");
  background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-about.jpg");
  background-size: cover;
  background-position: center;
}

.bg-contact {
  height: 400px;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-contact.jpg");
  background: -o-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-contact.jpg");
  background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-contact.jpg");
  background-size: cover;
  background-position: center;
}

.bg-home-banner {
  height: 400px;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-why-modular.jpg");
  background: -o-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-why-modular.jpg");
  background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
    url("../images/banners/banner-why-modular.jpg");
  background-size: cover;
  background-position: center;
}

.section {
  transition: 0.3s ease;
}
.section:hover .section-hover h4 p {
  background-color: #1a1a1a !important;
  transition: 0.3s ease;
  text-decoration: none !important;
}

.section:hover .img-hover {
  background-color: #1a1a1a !important;
  opacity: 0.75 !important;
  transition: 0.3s ease;
}

.no-hover {
  text-decoration: none !important;
}

.cottage-img {
  width: 360px !important;
  height: 200px !important;
}
.gallery-img {
  width: 350px !important;
  height: 194px !important;
  border: 1px solid #dddddd;
}
.gallery-img:hover {
  border: 1px solid black;
}

.thankyou-container {
  height: 80vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.footer-logos {
  background-color: #f4f4f4;
}

.forsale {
  width: 100%;
  /* background: url(../uploads/2022/08/catalina-model.jpg) no-repeat center top; */
  background: url(http://shorecontracting.ca/wp-content/themes/redding/images/backgrounds/2761-oil-heritage-road-24-property.jpg)
    no-repeat center top;
  background-size: 100% auto;
  padding-top: 50%;
}
.salecontent {
  width: 100%;
  background: #111111;
  padding: 30px 20px;
  text-align: left;
}

/*Modal*/

.modal-main-img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 500px;
}

.modal {
  padding-right: 0 !important;
}

/*Media  Queries Start Here*/

@media only screen and (min-width: 768px) {
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  textarea.wpcf7-textarea {
    width: 450px;
  }
  /*Page Background*/

  .sub-banner-text {
    position: relative;
    top: 450px;
    width: 300px;
  }
  .bg-why-millore {
    height: 700px;
    background: -webkit-linear-gradient(
        rgba(0, 0, 0, 0) 55%,
        rgba(0, 0, 0, 0.8)
      ),
      url("../images/banners/banner-why-choose-millore-contracting.jpg");
    background: -o-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
      url("../images/banners/banner-why-choose-millore-contracting.jpg");
    background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
      url("../images/banners/banner-why-choose-millore-contracting.jpg");
    background-size: cover;
    background-position: center;
  }

  .bg-commercial {
    height: 700px;
    background: -webkit-linear-gradient(
        rgba(0, 0, 0, 0) 55%,
        rgba(0, 0, 0, 0.8)
      ),
      url("../images/banners/banner-commercial.jpg");
    background: -o-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
      url("../images/banners/banner-commercial.jpg");
    background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
      url("../images/banners/banner-commercial.jpg");
    background-size: cover;
    background-position: center;
  }
  .bg-residential {
    height: 700px;
    background: -webkit-linear-gradient(
        rgba(0, 0, 0, 0) 55%,
        rgba(0, 0, 0, 0.8)
      ),
      url("../images/banners/banner-residential.jpg");
    background: -o-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
      url("../images/banners/banner-residential.jpg");
    background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
      url("../images/banners/banner-residential.jpg");
    background-size: cover;
    background-position: center;
  }
  .bg-modular {
    height: 700px;
    background: -webkit-linear-gradient(
        rgba(0, 0, 0, 0) 55%,
        rgba(0, 0, 0, 0.8)
      ),
      url("../images/banners/banner-why-modular.jpg");
    background: -o-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
      url("../images/banners/banner-why-modular.jpg");
    background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
      url("../images/banners/banner-why-modular.jpg");
    background-size: cover;
    background-position: center;
  }
  .bg-plans {
    height: 700px;
    background: -webkit-linear-gradient(
        rgba(0, 0, 0, 0) 55%,
        rgba(0, 0, 0, 0.8)
      ),
      url("../images/banners/banner-models-plans.jpg");
    background: -o-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
      url("../images/banners/banner-models-plans.jpg");
    background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
      url("../images/banners/banner-models-plans.jpg");
    background-size: cover;
    background-position: center;
  }
  .bg-cottages {
    height: 700px;
    background: -webkit-linear-gradient(
        rgba(0, 0, 0, 0) 55%,
        rgba(0, 0, 0, 0.8)
      ),
      url("../images/banners/banner-cottage.jpg");
    background: -o-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
      url("../images/banners/banner-cottage.jpg");
    background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
      url("../images/banners/banner-cottage.jpg");
    background-size: cover;
    background-position: center;
  }
  .bg-client {
    height: 700px;
    background: -webkit-linear-gradient(
        rgba(0, 0, 0, 0) 55%,
        rgba(0, 0, 0, 0.8)
      ),
      url("../images/banners/banner-reviews.jpg");
    background: -o-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
      url("../images/banners/banner-reviews.jpg");
    background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
      url("../images/banners/banner-reviews.jpg");
    background-size: cover;
    background-position: center;
  }

  .bg-gallery {
    height: 700px;
    background: -webkit-linear-gradient(
        rgba(0, 0, 0, 0) 55%,
        rgba(0, 0, 0, 0.8)
      ),
      url("../uploads/2022/08/banner-modular-sets-1.jpg");
    background: -o-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
      url("../uploads/2022/08/banner-modular-sets-1.jpg");
    background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
      url("../uploads/2022/08/banner-modular-sets-1.jpg");
    background-size: cover;
    background-position: center;
  }

  .bg-about {
    height: 700px;
    background: -webkit-linear-gradient(
        rgba(0, 0, 0, 0) 55%,
        rgba(0, 0, 0, 0.8)
      ),
      url("../images/banners/banner-about.jpg");
    background: -o-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
      url("../images/banners/banner-about.jpg");
    background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
      url("../images/banners/banner-about.jpg");
    background-size: cover;
    background-position: center;
  }

  .bg-contact {
    height: 700px;
    background: -webkit-linear-gradient(
        rgba(0, 0, 0, 0) 55%,
        rgba(0, 0, 0, 0.8)
      ),
      url("../images/banners/banner-contact.jpg");
    background: -o-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
      url("../images/banners/banner-contact.jpg");
    background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
      url("../images/banners/banner-contact.jpg");
    background-size: cover;
    background-position: center;
  }

  .bg-home-banner {
    height: 700px;
    background: -webkit-linear-gradient(
        rgba(0, 0, 0, 0) 55%,
        rgba(0, 0, 0, 0.8)
      ),
      url("../images/banners/banner-why-modular.jpg");
    background: -o-linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
      url("../images/banners/banner-why-modular.jpg");
    background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.8)),
      url("../images/banners/banner-why-modular.jpg");
    background-size: cover;
    background-position: center;
  }

  .modal-dialog {
    max-width: 960px;
  }
}

@media only screen and (min-width: 992px) {
  .sub-banner-text {
    position: absolute;
    top: 555px;
    left: 50px;
    width: 700px;
  }

  .heading {
    font-family: "Times New Roman", serif;
    font-size: 72px;
  }

  .title-heading, .about .heading{
    font-family: "Times New Roman", serif;
    font-size: 60px;
    font-weight: 700;
  }

  .sub-heading {
    font-family: "Times New Roman", serif;
    font-size: 36px;
  }
  .paragraph {
    font-family: "Josefin Sans", sans-serif;
    font-size: 20px;
  }

  .navigation {
    font-family: "Josefin Sans", sans-serif;
    font-size: 18px;
  }
  .nav-dropdown {
    font-family: "Josefin Sans", sans-serif;
    font-size: 14px;
  }

  .forsale {
    width: 100%;
    background: url(http://shorecontracting.ca/wp-content/themes/redding/images/backgrounds/2761-oil-heritage-road-24-property.jpg)
      no-repeat center right;
    background-size: auto 100%;
    padding: 0;
  }
  .salecontent {
    background: #111111;
    padding: 30px 20px;
    width: 300px;
    text-align: left;
  }

  .carousel-image-div {
    height: 700px;
  }
  .carousel-image {
    position: relative;
    bottom: 75px;
    z-index: -1;
  }
  .banner-text {
    position: relative;
    top: 550px;
    width: 420px;
  }
}

/** about page **/
.about-top img{
  height: 350px;
  object-fit: cover;
}
.about img{
  height: 350px;
  width: 100%;
  object-fit: cover;
}
.about-staff figure{
  padding: 0px;
  margin: 0px;
}
.about-staff img{
  height: 250px !important;
  object-fit: cover;
}
.about .paragraph.p-bold{
  font-weight: 700;
}

/** home page **/
img.available-now{
  position: absolute !important;
  bottom: -213px;
  right: -40px;
  z-index: 55;
}

.featured-home .row{
  overflow-x: hidden;
}

.featured-home .btn-outline{
  color: #c79b3d !important;
}

.featured-home .btn-outline:hover{
  color: white !important;
}

@media screen and (max-width: 768px) {
  img.available-now{
    width: 200px;
    right: -20px;
    bottom: -110px;
  }
}
/* ---- Static rebuild additions ---- */

/* The few WordPress block-editor layouts that appear in page content */
.wp-block-columns { display: flex; flex-wrap: wrap; gap: 2em; margin-bottom: 1.75em; }
.wp-block-column { flex: 1 1 0; min-width: 0; }
.wp-block-column.is-vertically-aligned-center { align-self: center; }
@media (max-width: 781px) { .wp-block-column { flex-basis: 100%; } }
.wp-block-image img { max-width: 100%; height: auto; }

/* Lightbox (replaces Lightbox2) */
.lb { position: fixed; inset: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .85); }
.lb[hidden] { display: none; }
.lb figure { margin: 0; text-align: center; }
.lb img { max-width: 90vw; max-height: 85vh; background: #fff; }
.lb figcaption { color: #fff; padding-top: .5rem; font-family: "Josefin Sans", sans-serif; }
.lb button { position: absolute; background: none; border: 0; color: #fff; font-size: 3rem; line-height: 1; padding: .5rem 1rem; cursor: pointer; }
.lb button:focus-visible { outline: 2px solid #c79b3d; }
.lb .lb-close { top: .5rem; right: .5rem; }
.lb .lb-prev { left: .5rem; top: 50%; transform: translateY(-50%); }
.lb .lb-next { right: .5rem; top: 50%; transform: translateY(-50%); }