html, body {
  height: 100%;
  width: 100%;
  background-color: #f8f9fa;
}

.btn {
  border-radius: 4px;
}

@media (min-width: 1200px) {
  .container {
    max-width: 100%;
  }
}

a {
  color: lightcoral;
}

  a:hover {
    color: lightseagreen;
  }

code {
  background-color: #efefef;
  padding: 1px;
  color: darkslateblue;
}

.block-27 ul li a, .block-27 ul li span {
  border: 1px solid lightcoral;
}

.block-27 ul li.active a, .block-27 ul li.active span {
  background-color: lightcoral;
}

.colorlib-nav-toggle {
  left: auto;
  right: -6px !important;
  top: -11px;
}

body.offcanvas #colorlib-main, body.offcanvas .colorlib-nav-toggle {
  left: -6px;
  top: -11px;
}

.colorlib-nav-toggle.active i::before, .colorlib-nav-toggle.active i::after {
  background-color: blanchedalmond;
}

#colorlib-aside {
  background: url(/assets/img/north-america-us-arizona-sedona-westfork-5.jpg) !important;
  padding: 0;
}

  #colorlib-aside #colorlib-main-menu ul li a,
  #colorlib-aside #colorlib-main-menu ul li.colorlib-active a {
    color: #fef0db;
  }

    #colorlib-aside #colorlib-main-menu ul li a:hover {
      color: coral;
    }

    #colorlib-aside #colorlib-main-menu ul li a:after {
      background-color: aquamarine;
    }

  #colorlib-aside .aside-container {
    background-color: rgba(20, 20, 20, 0.3);
    height: 100%;
    padding: 3rem 0 0 1.5rem;
  }

  #colorlib-aside .navbar-brand {
    margin-bottom: 45px;
  }

    #colorlib-aside .navbar-brand a {
      font-size: 1.7rem;
      color: blanchedalmond;
    }

      #colorlib-aside .navbar-brand a img {
        width: 28px;
      }

      #colorlib-aside .navbar-brand a span {
        margin-left: -6px;
      }

    #colorlib-aside .navbar-brand .sub-title {
      font-size: 1.4rem;
      color: #fff;
    }

    #colorlib-aside .navbar-brand small a {
      font-size: 1.25rem;
      color: aquamarine;
    }

  #colorlib-aside .colorlib-footer .pfooter {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    padding: 19px;
  }

    #colorlib-aside .colorlib-footer .pfooter a {
      color: rgba(255, 255, 255, 0.8);
    }

body.offcanvas #colorlib-aside {
  background-position-x: center !important;
}

.colorlib-nav-toggle.active i::before, .colorlib-nav-toggle.active i::after {
  background-color: lightcyan;
}

#colorlib-aside {
  background: url(/assets/img/wildflower-road-courthouse-butte-voca-sedona-arizona-triptacular.jpg) !important;
}

  #colorlib-aside .aside-container {
    background: linear-gradient( 90deg, rgb(20 20 20 / 55%) 10%, rgb(20 20 20 / 35%) 37%, rgba(255,255,255,0) 96%);
  }

  #colorlib-aside .navbar-brand a {
    color: lightcyan;
  }

  #colorlib-aside .navbar-brand small a {
    color: cyan;
  }

  #colorlib-aside #colorlib-main-menu ul li a, #colorlib-aside #colorlib-main-menu ul li.colorlib-active a {
    color: #e5ffff;
  }

    #colorlib-aside #colorlib-main-menu ul li a:hover {
      color: #c9ff43;
    }

  #colorlib-aside #colorlib-main-menu ul li a:after {
    background-color: cyan;
  }

  #colorlib-aside .colorlib-footer .pfooter {
    color: rgba(255, 255, 255, 0.65);
  }

.logo-small-close {
  position: absolute;
  top: 80px;
  left: 96px;
  font-size: large;
  color: antiquewhite;
}

@media screen and (min-width: 769px) {

  .logo-small-close {
    left: 96px;
  }

}

.identity {
    width: 95%;
}

.membership-title img {
  width: 30px;
  margin-top: -2px;
}

.membership-title span {
  font-size: 1.5rem;
  top: -5px;
  position: relative;
  color: #8f8f8f;
}

.membership-title h1 {
    font-size: 2.5rem;
}