/*Global Variables*/
:root {
  /*These first two are used in the hero image, they are here if future designers want to use them*/
  --medium-clay: #bb7951;
  --light-clay: #f4d4a5;
  --blue: #52697d;
}


/* !!! Header !!! */

.page-home .header-info {
    display: none;
  }

  .header .header-info.py-2 {
    padding: 1.2em 0 !important;
  }

  .header .header-info-logo-img img {
    width: 165px;
  }

/* !!!  Hero !!! */

.webit__hero1 {
    min-height: 550px;
    background-position: left center;
  }

  .webit__hero1 img {
    z-index: 100;
  }

  .webit__hero1 .cw-hero-logo {
    width: 400px;
    background-color: rgba(255, 255, 255, 0.85);
    padding: 10px;
    border-radius: 50px;
  }

  @media (min-width: 992px) {
    .webit__hero1 {
      position: relative;
      min-height: 850px;
      background-position: center center;
    }

    .webit__hero1 .cw-hero-logo{
      background-color: rgba(255, 255, 255, 0.6);
    }

    .svg-waves {
      width: 100%;
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      transform: scale(1, 1);
      fill: var(--color-theme-primary);
    }

    .svg-waves2 {
      width: 100%;
      display: block;
      position: absolute;
      bottom: -1px;
      left: 0;
      transform: scale(-1, -1);
      fill: var(--color-theme-primary);
    }

  }

  /* !!! Title !!! */


    section:not(.page-home) .title {
    position: relative;
    margin-bottom: 2em;
    padding: 3rem 0 2.5rem;
    background-color: var(--blue);
    text-align: center
}

section:not(.page-home) .title .title-heading {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 2.75rem;
    /* -webkit-text-shadow: 0 0 4px rgb(0,0,0,.5);
    -moz-text-shadow: 0 0 4px rgb(0,0,0,.5);
    text-shadow: 0 0 4px rgb(0,0,0,.5) */
}

/* section:not(.page-home) .title:after {
    overflow: hidden;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(https://apihoard.webit.com/api/v1/Image/A9508CE6411131799742CE9CED31A314/A9508CE6411131799742CE9CED31A314.png?size=1920x1440)
} */

.cw-leaf{
  width: 20%;
}


/*---- Reviews ---*/
  
    .cw-reviews .card {
      border-radius: 1rem;
      box-shadow: 0px -10px 0px #6d7365;
      margin-top: 2em;
    }
  
    @media (max-width: 767px) {
      .cw-reviews .card {
        margin: 1rem 0.7rem 1rem;
        max-width: 80vw;
      }
    }
  
    .cw-reviews img {
      width: 6.2rem;
      border-radius: 5rem;
      margin: 1.3rem auto 1rem auto;
    }
  
    .cw-reviews .col-md-4 {
      padding: 0 0.5rem;
    }
  
    .card-title {
      font-size: 1rem;
      margin-bottom: 0;
    }
  
    .card-text {
      text-align: center;
      padding: 1rem 2rem;
      font-size: 0.8rem;
      color: rgb(82, 81, 81);
      line-height: 1.4rem;
    }
  
    .card-footer {
      border-top: none;
      text-align: center;
      line-height: 1.2rem;
      padding: 2rem 0 1.4rem 0;
    }
  
    .cw-name {
      font-size: 0.8rem;
      font-weight: bold;
    }
  
    .cw-reviews a {
      color: rgb(248, 6, 6);
      font-weight: bold;
    }
  
    .cw-reviews a:hover {
      color: rgb(248, 6, 6);
    }

/* !!! Footer !!! */

.svg-waves3 {
  width: 100%;
  display: block;
  position: absolute;
  bottom: 275px;
  left: 0;
  transform: scale(-1, -1);
  fill: #6d7365;
}

.webit__footer {
  min-height: 150px;
}


