.website-bg {
  background: linear-gradient(rgba(7,58,87,0.75), rgba(7,58,87,0.75)),
  url('/images/website-design/lakewood-ranch-bg-1.webp') center/cover no-repeat;
  color: white;
  padding: 180px 0 120px;
  min-height: 600px;
}

/* General */
body {
  background-color: #FFF;
}

html, body {
  overflow-x: hidden;
  width: 100%;
}


.anchor {
  padding-top: 60px;
}

/* #  Navbar */

.navbar-custom {
  background-color: #FFF;
}

.navbar-custom .navbar-nav .nav-link {
  color: #073A57;
}

.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
  color: #72CEF2;
}

.navbar-toggler {
  color: #073A57;
}

/* navbar dropdown colors */
.navbar .dropdown-menu {
  background-color: #FFF;
}

.dropdown .nav-link {
  color: #41697E;
}

.dropdown .dropdown-menu a {
  color: #41697E;
}

.dropdown .dropdown-menu a:hover {
  color: #FFF;
  background-color: #72CEF2;
  border-color: #72CEF2;
}

/* #  Brand & Links */

.brand-text {
  color: #1378BE;
}

.brand-text:hover {
  color: #72CEF2;
}

.btn:hover {
  background-color: #72CEF2;
}

.banner-link {
  color: #326592;
}

/* #  Color Palette Classes */

.website-design-blue {
  background-color: #1378BE;
  border: none;
}

.text-website-design-blue {
  color: #1378BE;
}

.website-design-light-blue {
  background-color: #72CEF2;
  border: none;
}

.text-website-design-light-blue {
  color: #72CEF2;
}

.website-design-dark-blue {
  background-color: #073A57;
  border: none;
}

.text-website-design-dark-blue {
  color: #073A57;
}

/* #  Layout Elements */

.menu-list {
  background-color: #7B2423;
}

.box {
  min-height: 500px;
}

.monitor {
  min-height: 400px;
}

.banner {
  height: 100%;
  padding: 20px;
  background-color: #1378BE;
  text-align: center;
}

.five-stars::after {
  content: "★★★★★"; /* Just type it once here */
  color: #F4B400;   /* Google Gold */
  font-size: 24px;
}

/* #  Footer */

footer p {
  line-height: 1;
  font-size: 24px;
}

/* #  Parallax / Background Sections */

.paral {
  min-height: 45vh;
  width: 100%;
  background-attachment: fixed; /* causes issues on iOS small devices */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

@supports (-webkit-touch-callout: inherit) {
  .paral {
    background-attachment: scroll;
  }
}

.ver {
    unicode-bidi: bidi-override;
    direction: rtl;
}