@import "../../../../assets/css/lsow-lib";

/* Style 1 */
.lsow-services.lsow-style1 {
  .lsow-service {
    .lsow-icon-wrapper span {
      display: block;
      text-align: center;
      font-size: 96px;
      line-height: 1;
      margin-bottom: 20px;
      transition: color 0.4s ease-in-out 0s;
      }
    .lsow-image-wrapper img {
      display: block;
      max-width: 100%;
      text-align: center;
      margin: 0 auto 25px;
      transition: all 0.4s ease-in-out 0s;
      }
    .lsow-service-text {
      text-align: center;
      max-width: 300px;
      margin: 0 auto;
      .lsow-title {
        @include lsow-heading-style();
        margin-bottom: 20px;
        }
      }
    &:hover {
      .lsow-image-wrapper img {
        transform: scale(0.9, 0.9);
        }
      }
    }
  }
/* Style 2 */

.lsow-services.lsow-style2 {
  .lsow-service {
    .lsow-image-wrapper img, .lsow-icon-wrapper span {
      float: left;
      margin-right: 18px;
      }
    .lsow-icon-wrapper span {
      font-size: 24px;
      line-height: 32px;
      }
    .lsow-service-text .lsow-title {
      @include lsow-heading-style();
      margin-bottom: 20px;
      }
    }
  }
/* Style 3 */

.lsow-services.lsow-style3 {
  .lsow-service {
    .lsow-icon-wrapper span {
      display: block;
      text-align: left;
      font-size: 80px;
      line-height: 1;
      margin-bottom: 25px;
      color: #555;
      .lsow-dark-bg & {
        color: #c5c5c5;
        }
      }
    .lsow-image-wrapper img {
      display: block;
      max-width: 100%;
      text-align: left;
      margin-bottom: 25px;
      }
    .lsow-service-text {
      text-align: left;
      max-width: 300px;
      margin: 0;
      font-size: 14px;
      line-height: 32px;
      color: #888;
      ul.lsow-services-list {
        padding: 0;
        margin: 0;
        border: none;
        }
      ul.lsow-services-list li {
        border-bottom: 1px solid #eee;
        position: relative;
        padding: 0;
        margin: 0;
        list-style: none;
        line-height: 42px;
        &:hover {
          padding: 0;
          }
        .lsow-dark-bg & {
          border-color: #333;
          }
        }
      ul.lsow-services-list li:before {
        @include lsow-icon-font();
        position: relative;
        display: inline-block;
        height: auto;
        width: auto;
        background: none;
        float: none;
        vertical-align: middle;
        margin: 0 15px 0 0;
        content: "\e913";
        color: #BBBBBB;
        font-size: 12px;
        line-height: 1;
        .lsow-dark-bg & {
          color: #606060;
          }
        }
      .lsow-title {
        @include lsow-heading-style();
        margin-bottom: 20px;
        }
      }
    }
  }

/* Style 4 */

.lsow-services.lsow-style4 {
  .lsow-service {
    margin-bottom: 60px;
    .lsow-image-wrapper img, .lsow-icon-wrapper span {
      display: block;
      margin-bottom: 20px;
      text-align: left;
      }
    .lsow-icon-wrapper span {
      font-size: 36px;
      line-height: 1;
      color: #888;
      }
    .lsow-service-text .lsow-title {
      @include lsow-heading-style();
      }
    }
  }

/* Style 5 */
.lsow-services.lsow-style5 {
  .lsow-service {
    margin-bottom: 80px;
    @include respond-to-max(767) {
      margin-bottom: 50px;
      }
    .lsow-icon-wrapper span {
      display: block;
      text-align: center;
      font-size: 48px;
      line-height: 1;
      margin-bottom: 15px;
      color: #999;
      transition: color 0.4s ease-in-out 0s;
      }
    .lsow-image-wrapper img {
      display: block;
      max-width: 100%;
      text-align: center;
      margin: 0 auto 25px;
      transition: all 0.4s ease-in-out 0s;
      }
    .lsow-service-text {
      text-align: center;
      max-width: 300px;
      margin: 0 auto;
      .lsow-title {
        @include lsow-heading-style();
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px;
        }
      }
    &:hover {
      .lsow-image-wrapper img {
        transform: scale(0.9, 0.9);
        }
      }
    }
  }

/* -------- General services -------- */

.lsow-services {
  .lsow-service {
    margin-bottom: 50px;
    .lsow-icon-wrapper span {
      transition: color 0.4s ease-in-out 0s;
      }
    .lsow-image-wrapper img {
      transition: all 0.4s ease-in-out 0s;
      }
    .lsow-service-text {
      font-size: 15px;
      line-height: 24px;
      .lsow-title-link:hover .lsow-title {
        text-decoration: underline;
        }
      .lsow-dark-bg & {
        color: #909090;
        .lsow-title {
          color: #e5e5e5;
          }
        }
      }
    &:hover {
      .lsow-image-wrapper img {
        opacity: 0.8;
        }
      }
    }
  }