@import "vars";

/*

UNUSED SECTIONS
SECTION 7 - SECTION 9 - SECTION 10
*/

/* *******************************************
 ************** Section ************** *
 ******************************************* */

.section {
  min-height: 100px;
  padding: 30px 0;
}

/* *******************************************
 ************** Section 2 ************** *
 ******************************************* */

.section-2 {
  min-height: 100px;
  background: @silver;

  @media screen and (min-width: 1366px) {
    .container-fluid {
      padding: 0;
    }
  }

  h1,
  h2,
  h3 {
    font-size: @title-lg;
    color: @textLight;
    font-weight: 500;
    margin-bottom: 30px;

    @media screen and (max-width: 1199px) {
      font-size: @title-md;
    }

    @media screen and (max-width: 767px) {
      font-size: @title-sm;
    }
  }

  h4,
  h5,
  h6 {
    font-size: @title-xs;
    color: @textLight;
    font-weight: 500;
    margin-bottom: 10px;
  }

  p {
    color: @textLight;
    margin-bottom: 20px;
    font-weight: 300;
    font-size: @paragraph-md;
    line-height: 1.9;
    text-align: justify;
  }

  @media screen and (max-width: 991px) {
    .slider-wrapper {
      max-width: 100%;
    }

  }

  @media screen and (max-width: 1199px) {
    .left-side {
      margin-top: 20px;
    }

    .row {
      flex-flow: column-reverse;
    }

    &.reverse {
      .row {
        flex-flow: column;
      }
      .left-side {
        margin-top: 0px;
      }
      .right-side {
        margin-top: 20px;
      }
    }
  }

  @media screen and (min-width: 1200px) {
    .left-side {
      padding-right: 30px;
    }

    &.reverse {
      .left-side {
        padding-right: 0px;
      }
      .right-side {
        padding-left: 30px;
      }
    }
  }

  @media screen and (min-width: 1366px) {
    .left-side {
      padding-right: 120px;
    }

    &.reverse {
      .left-side {
        padding-right: 0px;
      }
      .right-side {
        padding-left: 120px;
      }
    }
  }
}

.section-2.inverse {

  h1,
  h2,
  h3 {
    color: @textDark;
  }

  h4,
  h5,
  h6 {
    color: @textDark;
  }

  p, a {
    color: @textDark;
  }

  a {
    text-decoration: underline;
  }
}

/* *******************************************
 ************** Section 3 ************** *
 ******************************************* */

.section-3 {
  padding: 30px 0;

  .container {
    max-width: 1100px;
    text-align: center;
  }

  h1,
  h2,
  h3 {
    font-size: @title-lg;
    color: @textDark;
    font-weight: 600;
    margin-bottom: 30px;

    @media screen and (max-width: 1199px) {
      font-size: @title-lg;
    }

    @media screen and (max-width: 767px) {
      font-size: @title-md;
    }
  }

  h4,
  h5,
  h6 {
    font-size: @title-xs;
    color: @textDark;
    font-weight: 500;
    margin-bottom: 10px;
  }

  p {
    color: @textDark;
    margin-bottom: 10px;
    font-size: @paragraph-md;
    line-height: 1.7;
  }
}

/* *******************************************
 ************** Section 4 ************** *
 ******************************************* */

.section-4 {
  min-height: 100px;
  padding: 30px 0;

  .container {
    //padding: 0 10%;
    text-align: center;
  }

  h1,
  h2,
  h3 {
    font-size: @title-lg;
    color: @textLight;
    font-weight: 600;
    margin-bottom: 30px;

    @media screen and (max-width: 1199px) {
      font-size: @title-lg;
    }

    @media screen and (max-width: 767px) {
      font-size: @title-md;
    }
  }

  h4,
  h5,
  h6 {
    font-size: @title-xs;
    color: @textLight;
    font-weight: 500;
    margin-bottom: 10px;
  }

  p {
    color: @textLight;
    margin-bottom: 10px;
    font-weight: 300;
  }

  @media screen and (max-width: 991px) {
    .slider-wrapper {
      max-width: 100%;
    }

  }

}

.section-4.inverse {
  h1, h2, h3, h4, h5, h6, p {
    color: @textDark;

  }
}

/* *******************************************
 ************** Section 5 ************** *
 ******************************************* */

.section-5 {
  min-height: 100px;
  padding: 30px 0;
  background: @silver;

  .features {
    max-width: 1200px;
    margin: 0 auto;
  }

  .feature {
    max-width: 300px;
    text-align: center;
    margin: 20px auto;

    .image {
      width: 100px;
      height: 100px;
      background-color: @light;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      border-radius: 100px;
      margin: 20px auto;
      display: flex;
      -ms-flex-line-pack: center;
      align-content: center;
      align-items: center;
      font-size: 45px;

      .holder {
        -ms-flex-line-pack: center;
        align-content: center;
        text-align: center;
        width: 100%;
        i {
          color: @default;
        }
      }
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-size: @paragraph-md;
      font-weight: 700;
      color: @default;
      text-align: center;
      margin-bottom: 5px;
    }

    p {
      font-size: @paragraph-sm;
      text-align: center;
      color: @textDark;
      font-style: italic;
      font-weight: 500;
    }

    .btn {
      margin-top: 25px;
      -webkit-border-radius:22px;
      -moz-border-radius:22px;
      border-radius: 22px;
    }
  }
}

/* *******************************************
 ************** Section 6 ************** *
 ******************************************* */

.section-6 {
  //min-height: 100vh;
  min-height: calc(~"100vh - 92px");

  h1,
  h2,
  h3 {
    font-size: @title-xl;
    color: @textDark;
    font-weight: 400;
    margin-bottom: 5px;

    @media screen and (max-width: 1199px) {
      font-size: @title-lg;
    }

    @media screen and (max-width: 767px) {
      font-size: @title-sm;
    }
  }

  h4,
  h5,
  h6 {
    font-size: @title-xs;
    color: @textDark;
    font-weight: 400;
    margin-bottom: 5px;
  }

  p {
    font-size: @paragraph-lg;
    color: @textDark;
    margin-bottom: 5px;
    font-weight: 400;
  }

  .info-holder {
    background: @light;
    width: auto;
    display: inline-block;
    padding: 25px 35px;
    text-align: left;
    border-left: 5px solid #f69059;
  }
}

.section-6.h-third {
  min-height: 33vh;
}

.section-6.h-half {
  min-height: 50vh;
}

.section-6.inverse {
  h1,
  h2,
  h3 {
    color: @textDark;
  }

  h4,
  h5,
  h6 {
    color: @textDark;
  }

  p {
    color: @textDark;
  }
}

/* *******************************************
 ************** Section 7 ************** *
 ******************************************* */

.section-7 {
  padding: 30px 0;
  background: @silver;

  h1,
  h2,
  h3 {
    font-size: @title-lg;
    color: @textDark;
    font-weight: 600;
    margin-bottom: 30px;

    @media screen and (max-width: 1199px) {
      font-size: @title-lg;
    }

    @media screen and (max-width: 767px) {
      font-size: @title-md;
    }
  }

  h4,
  h5,
  h6 {
    font-size: @title-xs;
    color: @textDark;
    font-weight: 500;
    margin-bottom: 10px;
  }

  p {
    color: @textDark;
    margin-bottom: 10px;
  }
}

/* *******************************************
 ************** Section 8 ************** *
 ******************************************* */

.section-8 {
  padding: 30px 0;

  .container {
    max-width: 1280px;
  }

  h1,
  h2,
  h3 {
    font-size: @title-lg;
    color: @textDark;
    font-weight: 600;
    margin-bottom: 30px;

    @media screen and (max-width: 1199px) {
      font-size: @title-lg;
    }

    @media screen and (max-width: 767px) {
      font-size: @title-md;
    }
  }

  h4,
  h5,
  h6 {
    font-size: @title-xs;
    color: @textDark;
    font-weight: 500;
    margin-bottom: 10px;
  }

  p {
    color: @textDark;
    margin-bottom: 10px;
  }

  .menu {
    .item {
      margin-bottom: 20px;

      .title {
        color: @textDark;
        font-size: @paragraph-sm;
        text-transform: uppercase;
        font-weight: bold;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 1.8;
        text-align: left;
        float: left;
        width: calc(~"100% - 100px");

        span {
          position: relative;
          display: inline;
          top: 1px;
          border-bottom: 1px solid #fff;
          padding-right: 8px;
        }

        &:before {
          position: absolute;
          right: 0;
          -webkit-transform: translateY(-100%);
          -moz-transform: translateY(-100%);
          transform: translateY(-100%);
          content: '';
          bottom: 0;
          width: 100%;
          height: 1px;
          background-color: #ccc;
        }
      }

      .price {
        float: left;
        width: 100px;
        text-transform: uppercase;
        font-size: @paragraph-lg;
        font-weight: 600;
        text-align: right;
      }

      p {
        font-size: @paragraph-sm;
        color: #666666;
        margin-top: 30px;
      }
    }
  }
}

/* *******************************************
 ************** Section 9 ************** *
 ******************************************* */

.section-9 {
  padding: 30px 0;

}

/* *******************************************
 ************** Section 10 ************** *
 ******************************************* */

.section-10 {
  padding: 30px 0;

  h1,
  h2,
  h3 {
    font-size: @title-md;
    color: @textDark;
    font-weight: 700;
    margin-bottom: 10px;
  }

  h4,
  h5,
  h6 {
    font-size: @title-xs;
    color: @textDark;
    font-weight: 700;
    margin-bottom: 10px;
  }

  p {
    font-size: @paragraph-sm;
    font-weight: 600;
    color: @textDark;
    margin-bottom: 10px;
  }
}

/* *******************************************
 ************** Section 11 ************** *
 ******************************************* */

.section-11 {

  h1,
  h2,
  h3 {
    font-size: @title-md;
    color: @textDark;
    font-weight: 700;
    margin-bottom: 10px;
  }

  h4,
  h5,
  h6 {
    font-size: @title-xs;
    color: @textDark;
    font-weight: 700;
    margin-bottom: 10px;
  }

  p {
    font-size: @paragraph-sm;
    color: @textDark;
    margin-bottom: 10px;
    font-weight: 600;
  }

  .left-side {
    //padding-top: 56.25%;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 70vh;
  }

  .right-side {
    padding: 0;
  }

  .module-google-maps {
    height: 100%;
  }
  .module-google-maps > div {
    height: 100%;
    display: flex;
  }

  .module-google-maps iframe {
    height: 100%;
    min-height: 400px;
  }

  @media screen and (max-width: 991px) {
    .right-side {
      min-height: 400px;
    }
  }

}

/* *******************************************
 ************** Section 12 ************** *
 ******************************************* */

.section-12 {
  padding: 30px 0;
  text-align: center;

  h1,
  h2,
  h3 {
    font-size: @title-lg;
    color: @textDark;
    font-weight: 600;
    margin-bottom: 30px;

    @media screen and (max-width: 1199px) {
      font-size: @title-lg;
    }

    @media screen and (max-width: 767px) {
      font-size: @title-md;
    }
  }

  h4,
  h5,
  h6 {
    font-size: @title-xs;
    color: @textDark;
    font-weight: 500;
    margin-bottom: 10px;
  }

  p {
    color: @textDark;
    margin-bottom: 10px;
    font-size: @paragraph-md;
    line-height: 1.7;
    font-weight: 600;
  }

  .features {
    text-align: center;
    .feature {
      margin: 10px 25px;
      display: inline-block;
      .image {
        margin-bottom: 10px;
        i {
          color: @default;
          font-size: 40px;
          font-weight: 500;
        }
      }
    }
  }
}

.section-42 {
  margin: 0 auto;
    .module-custom-fields .row{
        max-width: 630px;
        margin: 0 auto;
    }
  textarea {
    min-height: 130px;
  }

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