/* Custom CSS */

body {
  /*background: rgba(211, 204, 186, 0.19);*/
  background-image: url("../../images/Woodland-pgbg.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #dbe5e7;
}

img {
  border-radius: 7px;
}

.bg-light {
  background: rgb(248, 249, 259, 0.8) !important;
}

.header {
  line-height: 0.9em;
  background: url("../../images/Woodland-Apartments-RI.png") no-repeat center;
  width: 100%x;
  height: 0px;
  padding: 125px 0 0 0;
  overflow: hidden;
}

.welcome_tour,
.subhd {
  color: #474777;
}

.text-gray {
  color: #bbb;
}

.carousel-item img {
  width: 100%;
}

/* Customize Navbar */
nav {
  margin-bottom: 1em;
}

.desktop ul {
  width: 100%;
  background: #fceabb; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #fceabb 0%,
    #575775 13%,
    #474777 51%,
    #c2b9e5 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #fceabb 0%,
    #575775 13%,
    #474777 51%,
    #c2b9e5 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #fceabb 0%,
    #575775 13%,
    #474777 51%,
    #c2b9e5 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#c2b9e5',GradientType=0 ); /* IE6-9 */
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fceabb+0,575775+13,474777+51,c2b9e5+100 */
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  border-color: #ddd2e6 #ddd2e6 #f2f5f6;
  background-color: #f2f5f6;
}

.desktop .navbar {
  padding: 0em;
  width: 100%;
}

.desktop .nav-tabs .nav-item {
  width: 13%;
}

.desktop .nav-tabs .large {
  width: 22%;
}

.nav-link {
  padding: 1rem;
  text-align: center;
}
.nav-item a,
.footer a,
.intro {
  color: #fceabb;
}
.nav-item a:hover {
  color: #f2f5f6;
}

.navbar-secondary .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5");
}

.navbar-secondary .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.intro {
  padding: 0.6em 1.25em;
  font-size: 99%;
}

.font-lrg {
  font-size: 22px;
}

.box {
  background: #efefef;
  border-radius: 1em;
  padding: 10px 15px 2px;
  margin-bottom: 1em;
}

.btn-purple {
  color: #fceabb;
  border-color: #dae0e5;
}
.btn-outline-purple {
  color: #474777;
  border-color: #474777;
}
.btn-outline-purple:hover {
  color: #dae0e5;
  border-color: #dae0e5;
  background: #474777;
}

.btn-purple:hover {
  border-color: #dae0e5;
  background: #575775; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #fceabb 0%,
    #e2e6ea 13%,
    #e2e6ea 51%,
    #e2e6ea 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #fceabb 0%,
    #e2e6ea 13%,
    #e2e6ea 51%,
    #e2e6ea 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #fceabb 0%,
    #e2e6ea 13%,
    #e2e6ea 51%,
    #e2e6ea 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#e2e6ea',GradientType=0 ); /* IE6-9 */
}

.footer,
.intro,
.btn-purple {
  background: #575775; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #fceabb 0%,
    #575775 13%,
    #474777 51%,
    #c2b9e5 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #fceabb 0%,
    #575775 13%,
    #474777 51%,
    #c2b9e5 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #fceabb 0%,
    #575775 13%,
    #474777 51%,
    #c2b9e5 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#c2b9e5',GradientType=0 ); /* IE6-9 */
  border-radius: 7px;
}

/* For mobile */
@media only screen and (max-width: 767px) {
  .navbar-collapse {
    background: #575775; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #fceabb 0%,
      #575775 13%,
      #474777 78%,
      #c2b9e5 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      top,
      #fceabb 0%,
      #575775 13%,
      #474777 78%,
      #c2b9e5 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to bottom,
      #fceabb 0%,
      #575775 13%,
      #474777 51%,
      #c2b9e5 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#c2b9e5',GradientType=0 ); /* IE6-9 */
    padding: 2px 12px;
    border-radius: 5px 0 5px 5px;
    margin: -0.2em 0em 1rem 50%;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }

  .navbar-light .navbar-nav .nav-link {
    color: #fceabb;
    border-bottom: 0.1em solid #fceabb;
  }
  .navbar-light .navbar-nav .nav-link:hover {
    color: #c2b9e5;
    border-bottom: 0.1em solid #c2b9e5;
  }

  .mobilelink {
    font-size: 1em;
  }

  .desktop {
    display: none;
  }

  .navbar-light {
    border-top: 7px solid #474777;
  }
}

/* For desktop */
@media only screen and (min-width: 1000px) {
  .navbar-collapse {
    border-radius: 5px;
    border: 0px solid rgba(0, 0, 0, 0.1);
    margin: 0em;
  }

  .navbar-brand {
    display: none;
  }

  .navbar-nav {
    margin: 0 auto;
  }
  .mobilelink {
    font-size: 1.4em;
  }

  .mobile {
    display: none;
  }
}