From 9ed92ca87f967dbe42bee9e9b7897595dc95fc77 Mon Sep 17 00:00:00 2001
From: = <=>
Date: Thu, 15 Apr 2021 04:08:14 -0700
Subject: [PATCH] blabla

---
 .../css/components/2-layout/footer.scss       |  53 +-
 .../css/components/2-layout/header.scss       | 126 +--
 .../css/components/2-layout/lightpick.scss    | 682 ++++++-------
 .../css/components/2-layout/newsCard.scss     | 146 +--
 .../components/2-layout/partnerSlider.scss    | 151 ++-
 .../assets/css/components/3-page/news.scss    | 172 ++--
 .../assets/css/components/3-page/terms.css    |   3 -
 themes/modern/assets/css/main.css             |  25 +-
 themes/modern/assets/css/main.scss            |   5 -
 themes/modern/assets/css/prepros.config       | 918 ++++++++++++++++++
 10 files changed, 1595 insertions(+), 686 deletions(-)
 delete mode 100755 themes/modern/assets/css/components/3-page/terms.css
 create mode 100644 themes/modern/assets/css/prepros.config

diff --git a/themes/modern/assets/css/components/2-layout/footer.scss b/themes/modern/assets/css/components/2-layout/footer.scss
index 7759f85ca..98e2fe4cf 100755
--- a/themes/modern/assets/css/components/2-layout/footer.scss
+++ b/themes/modern/assets/css/components/2-layout/footer.scss
@@ -1,28 +1,31 @@
 .footer {
-  background: $text-light-black;
-  padding: 30px 0;
-  &__inner {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-  }
-  &__copyright {
-    font-size: $h5-size;
-    line-height: $h5-height;
-    font-weight: 400;
-    color: $text-color-white;
-      a(color:$text-color-white;)
-  }
-  &__social {
-    display: flex;
-    align-items: center;
-    &-link {
-      fill: $text-color-white;
-      margin: 0 10px;
-      @include transition;
-      &:hover {
-        fill: $main-color;
-      }
+    background: $text-light-black;
+    padding: 30px 0;
+    &__inner {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+    }
+    &__copyright {
+        font-size: $h5-size;
+        line-height: $h5-height;
+        font-weight: 400;
+        color: $text-color-white;
+        a {
+            color: $text-color-white;
+            margin-left: 5px;
+        }
+    }
+    &__social {
+        display: flex;
+        align-items: center;
+        &-link {
+            fill: $text-color-white;
+            margin: 0 10px;
+            @include transition;
+            &:hover {
+                fill: $main-color;
+            }
+        }
     }
-  }
 }
diff --git a/themes/modern/assets/css/components/2-layout/header.scss b/themes/modern/assets/css/components/2-layout/header.scss
index be4f25c79..5a809c02e 100755
--- a/themes/modern/assets/css/components/2-layout/header.scss
+++ b/themes/modern/assets/css/components/2-layout/header.scss
@@ -1,68 +1,68 @@
 .header {
-  position: relative;
-  &::before {
-    position: absolute;
-    content: "";
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 4px;
-    background: #00822c;
-  }
-  &__inner {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 20px 0;
-  }
-  &__logo {
-    width: 120px;
-  }
-  &__search {
-    display: flex;
-    align-items: center;
-    &-input {
-      width: 350px;
-      position: relative;
-      input {
-        width: calc(100% - 60px);
-        font-family: "roboto";
-        padding: 14px 40px 14px 20px;
-        font-size: $h4-size;
-        line-height: $h4-size;
-        color: rgba($color: $text-light-black, $alpha: 0.3);
-        border-radius: 5px;
-        border: 1px solid #c9c9c9;
-        &::placeholder {
-          font-family: "roboto";
-          font-size: $h4-size;
-          line-height: $h4-size;
-          color: rgba($color: $text-light-black, $alpha: 0.3);
+    position: relative;
+    &::before {
+        position: absolute;
+        content: "";
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 4px;
+        background: #00822c;
+    }
+    &__inner {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 20px 0;
+    }
+    &__logo {
+        width: 120px;
+    }
+    &__search {
+        display: flex;
+        align-items: center;
+        &-input {
+            width: 350px;
+            position: relative;
+            input {
+                width: calc(100% - 60px);
+                font-family: "roboto";
+                padding: 14px 40px 14px 20px;
+                font-size: $h4-size;
+                line-height: $h4-size;
+                color: rgba($color: $text-light-black, $alpha: 0.3);
+                border-radius: 5px;
+                border: 1px solid #c9c9c9;
+                &::placeholder {
+                    font-family: "roboto";
+                    font-size: $h4-size;
+                    line-height: $h4-size;
+                    color: rgba($color: $text-light-black, $alpha: 0.3);
+                }
+            }
+        }
+        &-btn {
+            position: absolute;
+            top: 50%;
+            right: 20px;
+            @include transformY;
+            svg {
+                width: 18px;
+                height: 18px;
+                fill: $text-light-black;
+            }
         }
-      }
     }
-    &-btn {
-      position: absolute;
-      top: 50%;
-      right: 20px;
-      @include transformY;
-      svg {
-        width: 18px;
-        height: 18px;
-        fill: $text-light-black;
-      }
+    &__slogan {
+        font-family: "Oswald", sans-serif;
+        color: $main-color;
+        font-weight: 700;
+        font-size: 33px;
+        line-height: 33px;
+        margin-right: 20px;
+        letter-spacing: -1.5px;
+    }
+    .hamBtn {
+        display: none;
     }
-  }
-  &__slogan {
-    font-family: "Oswald", sans-serif;
-    color: $main-color;
-    font-weight: 700;
-    font-size: 40px;
-    line-height: 40px;
-    margin-right: 20px;
-    letter-spacing: -1.5px;
-  }
-  .hamBtn {
-    display: none;
-  }
 }
diff --git a/themes/modern/assets/css/components/2-layout/lightpick.scss b/themes/modern/assets/css/components/2-layout/lightpick.scss
index 598351286..09353a191 100755
--- a/themes/modern/assets/css/components/2-layout/lightpick.scss
+++ b/themes/modern/assets/css/components/2-layout/lightpick.scss
@@ -7,18 +7,18 @@
 /// @param {String} $replace ('') - New value
 /// @return {String} - Updated string
 @function lightpick-str-replace($string, $search, $replace: "") {
-  $index: str-index($string, $search);
+    $index: str-index($string, $search);
 
-  @if $index {
-    @return str-slice($string, 1, $index - 1) + $replace +
-      lightpick-str-replace(
-        str-slice($string, $index + str-length($search)),
-        $search,
-        $replace
-      );
-  }
+    @if $index {
+        @return str-slice($string, 1, $index - 1) + $replace +
+            lightpick-str-replace(
+                str-slice($string, $index + str-length($search)),
+                $search,
+                $replace
+            );
+    }
 
-  @return $string;
+    @return $string;
 }
 
 /// Split `$string` between the `$separator` characters
@@ -27,22 +27,22 @@
 /// @param {String} $separator - Substring to split on
 /// @return {List} - Split string
 @function lightpick-str-split($string, $separator) {
-  $split-arr: ();
-  $index: str-index($string, $separator);
-
-  @while $index != null {
-    $item: str-slice($string, 1, $index - 1);
-
-    $split-arr: append($split-arr, $item);
-
-    $string: str-slice($string, $index + 1);
-
+    $split-arr: ();
     $index: str-index($string, $separator);
-  }
 
-  $split-arr: append($split-arr, $string);
+    @while $index != null {
+        $item: str-slice($string, 1, $index - 1);
 
-  @return $split-arr;
+        $split-arr: append($split-arr, $item);
+
+        $string: str-slice($string, $index + 1);
+
+        $index: str-index($string, $separator);
+    }
+
+    $split-arr: append($split-arr, $string);
+
+    @return $split-arr;
 }
 
 // SCSS Variables
@@ -60,9 +60,9 @@ $lightpick-day-of-week-font-size: 11px !default;
 $lightpick-day-of-week-font-weight: bold !default;
 $lightpick-day-hover-color: #e0e0e0 !default;
 $lightpick-day-hover-background-image-color: lightpick-str-replace(
-  quote(#{$lightpick-day-hover-color}),
-  "#",
-  "%23"
+    quote(#{$lightpick-day-hover-color}),
+    "#",
+    "%23"
 );
 $lightpick-day-hover-background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='#{$lightpick-day-hover-background-image-color}' cx='16' cy='16' r='16'/%3E%3C/svg%3E") !default;
 $lightpick-day-disabled-opacity: 0.38 !default;
@@ -72,9 +72,9 @@ $lightpick-day-font-size: 13px !default;
 $lightpick-selected-date-color: #fff !default;
 $main-color: #268bd2 !default;
 $lightpick-selected-date-background-image-color: lightpick-str-replace(
-  quote(#{$main-color}),
-  "#",
-  "%23"
+    quote(#{$main-color}),
+    "#",
+    "%23"
 );
 $lightpick-selected-date-background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='#{$lightpick-selected-date-background-image-color}' cx='16' cy='16' r='16'/%3E%3C/svg%3E") !default;
 $lightpick-selected-date-font-weight: bold !default;
@@ -105,329 +105,331 @@ $lightpick-action-close-font-size: 18px !default;
 
 // Styles
 .calendar__outer {
-  width: 100%;
-  input {
     width: 100%;
-    display: none;
-  }
+    input {
+        width: 100%;
+        display: none;
+    }
 }
 .lightpick {
-  position: absolute;
-  z-index: 99999;
-  border-radius: $lightpick-border-radius;
-  // background-color: $lightpick-background-color;
-  // box-shadow: $lightpick-box-shadow;
-  color: $lightpick-color;
-  font-family: $lightpick-font;
-  line-height: $lightpick-line-height;
-  width: 100%;
-  margin-bottom: 80px;
-  &--inlined {
-    position: relative;
-    display: inline-block;
-  }
-
-  &,
-  & *,
-  &::after,
-  &::before {
-    box-sizing: border-box;
-  }
-
-  &.is-hidden {
-    display: none;
-  }
-
-  &__months {
-    display: grid;
-    background-color: $lightpick-months-background-color;
-    grid-template-columns: auto;
-    grid-gap: 1px;
-
-    @at-root .lightpick--2-columns #{&} {
-      grid-template-columns: auto auto;
-    }
-
-    @at-root .lightpick--3-columns #{&} {
-      grid-template-columns: auto auto auto;
-    }
-
-    @at-root .lightpick--4-columns #{&} {
-      grid-template-columns: auto auto auto auto;
-    }
-
-    @at-root .lightpick--5-columns #{&} {
-      grid-template-columns: auto auto auto auto auto;
-    }
-  }
-
-  &__month {
-    width: 100%;
-    background-color: $lightpick-background-color;
-
-    &-title-bar {
-      display: flex;
-      margin-bottom: $lightpick-padding;
-      justify-content: space-between;
-      text-align: center;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      border: 1px solid #242424;
-      position: relative;
-      padding: 10px 0;
-    }
-
-    &-title {
-      margin-top: $lightpick-padding;
-      margin-bottom: $lightpick-padding;
-      margin-left: $lightpick-padding;
-      font-size: $lightpick-title-font-size;
-      font-weight: 700;
-      line-height: $lightpick-title-font-size * 1.5;
-      cursor: default;
-      padding: 0 $lightpick-padding;
-      border-radius: $lightpick-border-radius;
-
-      & > .lightpick__select {
-        border: none;
-        background-color: transparent;
-        outline: none;
-        -moz-appearance: none;
-        -webkit-appearance: none;
-        appearance: none;
-
-        &:disabled {
-          color: $lightpick-dropdown-disabled-color;
-        }
-      }
-
-      & > .lightpick__select-months {
-        font-weight: $lightpick-dropdown-font-weight;
-        font-size: $lightpick-dropdown-font-size;
-        margin-right: 0;
-        direction: ltr;
-      }
-    }
-  }
-
-  &__toolbar {
-    display: flex;
-    // text-align: right;
-    justify-content: space-between;
     position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    -webkit-transform: translateY(-50%);
-    -moz-transform: translateY(-50%);
-    -ms-transform: translateY(-50%);
-    -o-transform: translateY(-50%);
-
-    left: 0;
-    width: 100%;
-  }
-
-  &__previous-action,
-  &__next-action,
-  &__close-action {
-    display: flex;
-    width: $lightpick-action-width;
-    height: $lightpick-action-height;
-    outline: none;
-    border: none;
-    background: none;
-    // border-radius: 50%;
-    // background-color: $lightpick-action-background-color;
-    justify-content: center;
-    align-items: center;
-
-    &:active {
-      color: inherit;
-    }
-  }
-
-  &__previous-action,
-  &__next-action {
-    font-size: 20px;
-    margin: 0 5px;
-  }
-
-  &__close-action {
-    font-size: $lightpick-action-close-font-size;
-  }
-
-  &__days-of-the-week {
-    display: grid;
-    grid-template-columns: repeat(7, 1fr);
-  }
-
-  &__day-of-the-week {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    font-size: $h3-size;
-    line-height: $h3-height;
-    font-weight: 700;
-    padding: 10px 0;
-  }
-
-  &__days {
-    display: grid;
-    grid-template-columns: repeat(7, 1fr);
-  }
-
-  &__day {
-    display: flex;
-    height: $lightpick-day-size;
-    padding: 10px 0;
-    background-position: center center;
-    background-size: contain;
-    background-repeat: no-repeat;
-    font-size: $h3-size - 3px;
-    line-height: $h3-height - 3px;
-    justify-content: center;
-    align-items: center;
-    cursor: default;
-
-    &.is-today {
-      background-image: $lightpick-today-background-image;
-      background-size: 18.8% auto;
-      background-position: center bottom;
-      color: $lightpick-today-color;
-    }
-
-    &:not(.is-disabled):hover {
-      background-size: contain;
-      background-image: $lightpick-day-hover-background-image;
-    }
-
-    &.is-disabled {
-      opacity: $lightpick-day-disabled-opacity;
-      pointer-events: none;
-
-      &.is-forward-selected {
-        opacity: 1;
-
-        &:not(.is-start-date) {
-          background-color: $lightpick-selected-range-background-color;
-          background-image: none;
-        }
-      }
-    }
-
-    &.disabled-tooltip {
-      pointer-events: auto;
-    }
-
-    &.is-previous-month,
-    &.is-next-month {
-      opacity: $lightpick-day-previous-next-opacity;
-    }
-
-    &#{&}.is-in-range:not(.is-disabled) {
-      opacity: 1;
-    }
-
-    &.is-in-range {
-      border-radius: 0;
-      background-color: $lightpick-selected-range-background-color;
-      background-image: none;
-
-      &:hover {
-        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(38, 139, 210, 0.5)' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
-      }
-    }
-
-    &.is-start-date.is-in-range,
-    &.is-end-date.is-in-range.is-flipped {
-      border-top-left-radius: 50%;
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-      border-bottom-left-radius: 50%;
-      background-color: $main-color;
-      background-image: none;
-    }
-
-    &.is-end-date.is-in-range,
-    &.is-start-date.is-in-range.is-flipped {
-      border-top-left-radius: 0;
-      border-top-right-radius: 50%;
-      border-bottom-right-radius: 50%;
-      border-bottom-left-radius: 0;
-      background-color: $main-color;
-      background-image: none;
-    }
-
-    &.is-start-date.is-end-date {
-      background-color: transparent;
-      background-image: $lightpick-selected-date-background-image;
-    }
-
-    &.is-start-date,
-    &.is-end-date,
-    &.is-start-date:hover,
-    &.is-end-date:hover {
-      background-image: $lightpick-selected-date-background-image;
-      background-size: auto;
-      background-position: center;
-      color: $lightpick-selected-date-color;
-      font-weight: $lightpick-selected-date-font-weight;
-    }
-  }
-
-  &__tooltip {
-    position: absolute;
-    margin-top: $lightpick-tooltip-margin;
-    padding: $lightpick-tooltip-padding;
+    z-index: 99999;
     border-radius: $lightpick-border-radius;
-    background-color: $lightpick-tooltip-background-color;
-    box-shadow: $lightpick-box-shadow;
-    white-space: nowrap;
-    font-size: $lightpick-tooltip-font-size;
-    pointer-events: none;
+    // background-color: $lightpick-background-color;
+    // box-shadow: $lightpick-box-shadow;
+    color: $lightpick-color;
+    font-family: $lightpick-font;
+    line-height: $lightpick-line-height;
+    width: 100%;
+    margin-bottom: 80px;
+    &--inlined {
+        position: relative;
+        display: inline-block;
+    }
 
+    &,
+    & *,
+    &::after,
     &::before {
-      position: absolute;
-      bottom: -($lightpick-tooltip-triangle-size + 1);
-      left: calc(50% - #{$lightpick-tooltip-triangle-size + 1});
-      border-top: ($lightpick-tooltip-triangle-size + 1) solid
-        $lightpick-tooltip-border-color;
-      border-right: ($lightpick-tooltip-triangle-size + 1) solid transparent;
-      border-left: ($lightpick-tooltip-triangle-size + 1) solid transparent;
-      content: "";
+        box-sizing: border-box;
     }
 
-    &::after {
-      position: absolute;
-      bottom: -$lightpick-tooltip-triangle-size;
-      left: calc(50% - #{$lightpick-tooltip-triangle-size});
-      border-top: $lightpick-tooltip-triangle-size solid
-        $lightpick-tooltip-background-color;
-      border-right: $lightpick-tooltip-triangle-size solid transparent;
-      border-left: $lightpick-tooltip-triangle-size solid transparent;
-      content: "";
+    &.is-hidden {
+        display: none;
     }
-  }
 
-  &__footer {
-    display: flex;
-    justify-content: space-between;
-  }
+    &__months {
+        display: grid;
+        background-color: $lightpick-months-background-color;
+        grid-template-columns: auto;
+        grid-gap: 1px;
 
-  &__reset-action,
-  &__apply-action {
-    border-radius: $lightpick-action-border-radius;
-    font-size: $lightpick-action-font-size;
-    border: none;
-  }
+        @at-root .lightpick--2-columns #{&} {
+            grid-template-columns: auto auto;
+        }
 
-  &__reset-action {
-    color: $lightpick-action-reset-color;
-    background-color: $lightpick-action-reset-background-color;
-  }
+        @at-root .lightpick--3-columns #{&} {
+            grid-template-columns: auto auto auto;
+        }
 
-  &__apply-action {
-    color: $lightpick-action-apply-color;
-    background-color: $lightpick-action-apply-background-color;
-  }
+        @at-root .lightpick--4-columns #{&} {
+            grid-template-columns: auto auto auto auto;
+        }
+
+        @at-root .lightpick--5-columns #{&} {
+            grid-template-columns: auto auto auto auto auto;
+        }
+    }
+
+    &__month {
+        width: 100%;
+        background-color: $lightpick-background-color;
+
+        &-title-bar {
+            display: flex;
+            margin-bottom: $lightpick-padding;
+            justify-content: space-between;
+            text-align: center;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            border: 1px solid #242424;
+            position: relative;
+            padding: 10px 0;
+        }
+
+        &-title {
+            margin-top: $lightpick-padding;
+            margin-bottom: $lightpick-padding;
+            margin-left: $lightpick-padding;
+            font-size: $lightpick-title-font-size;
+            font-weight: 700;
+            line-height: $lightpick-title-font-size * 1.5;
+            cursor: default;
+            padding: 0 $lightpick-padding;
+            border-radius: $lightpick-border-radius;
+
+            & > .lightpick__select {
+                border: none;
+                background-color: transparent;
+                outline: none;
+                -moz-appearance: none;
+                -webkit-appearance: none;
+                appearance: none;
+
+                &:disabled {
+                    color: $lightpick-dropdown-disabled-color;
+                }
+            }
+
+            & > .lightpick__select-months {
+                font-weight: $lightpick-dropdown-font-weight;
+                font-size: $lightpick-dropdown-font-size;
+                margin-right: 0;
+                direction: ltr;
+            }
+        }
+    }
+
+    &__toolbar {
+        display: flex;
+        // text-align: right;
+        justify-content: space-between;
+        position: absolute;
+        top: 50%;
+        transform: translateY(-50%);
+        -webkit-transform: translateY(-50%);
+        -moz-transform: translateY(-50%);
+        -ms-transform: translateY(-50%);
+        -o-transform: translateY(-50%);
+
+        left: 0;
+        width: 100%;
+    }
+
+    &__previous-action,
+    &__next-action,
+    &__close-action {
+        display: flex;
+        width: $lightpick-action-width;
+        height: $lightpick-action-height;
+        outline: none;
+        border: none;
+        background: none;
+        // border-radius: 50%;
+        // background-color: $lightpick-action-background-color;
+        justify-content: center;
+        align-items: center;
+
+        &:active {
+            color: inherit;
+        }
+    }
+
+    &__previous-action,
+    &__next-action {
+        font-size: 20px;
+        margin: 0 5px;
+    }
+
+    &__close-action {
+        font-size: $lightpick-action-close-font-size;
+    }
+
+    &__days-of-the-week {
+        display: grid;
+        grid-template-columns: repeat(7, 1fr);
+    }
+
+    &__day-of-the-week {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-size: $h3-size;
+        line-height: $h3-height;
+        font-weight: 700;
+        padding: 10px 0;
+    }
+
+    &__days {
+        display: grid;
+        grid-template-columns: repeat(7, 1fr);
+    }
+
+    &__day {
+        display: flex;
+        height: $lightpick-day-size;
+        padding: 10px 0;
+        background-position: center center;
+        background-size: contain;
+        background-repeat: no-repeat;
+        font-size: $h3-size - 3px;
+        line-height: $h3-height - 3px;
+        justify-content: center;
+        align-items: center;
+        cursor: default;
+
+        &.is-today {
+            background-image: $lightpick-today-background-image;
+            background-size: 18.8% auto;
+            background-position: center bottom;
+            color: $lightpick-today-color;
+        }
+
+        &:not(.is-disabled):hover {
+            background-size: contain;
+            background-image: $lightpick-day-hover-background-image;
+        }
+
+        &.is-disabled {
+            opacity: $lightpick-day-disabled-opacity;
+            pointer-events: none;
+
+            &.is-forward-selected {
+                opacity: 1;
+
+                &:not(.is-start-date) {
+                    background-color: $lightpick-selected-range-background-color;
+                    background-image: none;
+                }
+            }
+        }
+
+        &.disabled-tooltip {
+            pointer-events: auto;
+        }
+
+        &.is-previous-month,
+        &.is-next-month {
+            opacity: $lightpick-day-previous-next-opacity;
+        }
+
+        &#{&}.is-in-range:not(.is-disabled) {
+            opacity: 1;
+        }
+
+        &.is-in-range {
+            border-radius: 0;
+            background-color: $lightpick-selected-range-background-color;
+            background-image: none;
+
+            &:hover {
+                background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(38, 139, 210, 0.5)' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
+            }
+        }
+
+        &.is-start-date.is-in-range,
+        &.is-end-date.is-in-range.is-flipped {
+            border-top-left-radius: 50%;
+            border-top-right-radius: 0;
+            border-bottom-right-radius: 0;
+            border-bottom-left-radius: 50%;
+            background-color: $main-color;
+            background-image: none;
+        }
+
+        &.is-end-date.is-in-range,
+        &.is-start-date.is-in-range.is-flipped {
+            border-top-left-radius: 0;
+            border-top-right-radius: 50%;
+            border-bottom-right-radius: 50%;
+            border-bottom-left-radius: 0;
+            background-color: $main-color;
+            background-image: none;
+        }
+
+        &.is-start-date.is-end-date {
+            background-color: transparent;
+            background-image: $lightpick-selected-date-background-image;
+        }
+
+        &.is-start-date,
+        &.is-end-date,
+        &.is-start-date:hover,
+        &.is-end-date:hover {
+            background-image: $lightpick-selected-date-background-image;
+            background-size: auto;
+            background-position: center;
+            color: $lightpick-selected-date-color;
+            font-weight: $lightpick-selected-date-font-weight;
+        }
+    }
+
+    &__tooltip {
+        position: absolute;
+        margin-top: $lightpick-tooltip-margin;
+        padding: $lightpick-tooltip-padding;
+        border-radius: $lightpick-border-radius;
+        background-color: $lightpick-tooltip-background-color;
+        box-shadow: $lightpick-box-shadow;
+        white-space: nowrap;
+        font-size: $lightpick-tooltip-font-size;
+        pointer-events: none;
+
+        &::before {
+            position: absolute;
+            bottom: -($lightpick-tooltip-triangle-size + 1);
+            left: calc(50% - #{$lightpick-tooltip-triangle-size + 1});
+            border-top: ($lightpick-tooltip-triangle-size + 1) solid
+                $lightpick-tooltip-border-color;
+            border-right: ($lightpick-tooltip-triangle-size + 1) solid
+                transparent;
+            border-left: ($lightpick-tooltip-triangle-size + 1) solid
+                transparent;
+            content: "";
+        }
+
+        &::after {
+            position: absolute;
+            bottom: -$lightpick-tooltip-triangle-size;
+            left: calc(50% - #{$lightpick-tooltip-triangle-size});
+            border-top: $lightpick-tooltip-triangle-size solid
+                $lightpick-tooltip-background-color;
+            border-right: $lightpick-tooltip-triangle-size solid transparent;
+            border-left: $lightpick-tooltip-triangle-size solid transparent;
+            content: "";
+        }
+    }
+
+    &__footer {
+        display: flex;
+        justify-content: space-between;
+    }
+
+    &__reset-action,
+    &__apply-action {
+        border-radius: $lightpick-action-border-radius;
+        font-size: $lightpick-action-font-size;
+        border: none;
+    }
+
+    &__reset-action {
+        color: $lightpick-action-reset-color;
+        background-color: $lightpick-action-reset-background-color;
+    }
+
+    &__apply-action {
+        color: $lightpick-action-apply-color;
+        background-color: $lightpick-action-apply-background-color;
+    }
 }
diff --git a/themes/modern/assets/css/components/2-layout/newsCard.scss b/themes/modern/assets/css/components/2-layout/newsCard.scss
index 2af26b88e..690284a69 100755
--- a/themes/modern/assets/css/components/2-layout/newsCard.scss
+++ b/themes/modern/assets/css/components/2-layout/newsCard.scss
@@ -1,80 +1,80 @@
 .card {
-  position: relative;
-  padding: 30px;
-  background: $text-color-white;
-  &__header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    &-category {
-      padding: 5px 10px;
-      background: $main-color;
-      font-size: $h5-size;
-      line-height: $h5-height;
-      color: $text-color-white;
-      font-weight: 700;
-      max-width: 115px;
-      text-align: center;
-      margin-bottom: 10px;
+    position: relative;
+    padding: 30px;
+    background: $text-color-white;
+    &__header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        &-category {
+            padding: 5px 10px;
+            background: $main-color;
+            font-size: $h5-size;
+            line-height: $h5-height;
+            color: $text-color-white;
+            font-weight: 700;
+            max-width: 115px;
+            text-align: center;
+            margin-bottom: 10px;
+        }
+        &-view {
+            display: flex;
+            align-items: center;
+            color: $text-color-grey;
+            font-weight: 400;
+            font-size: $h5-size;
+            line-height: $h5-height - 5px;
+            svg {
+                margin-right: 5px;
+                stroke: $text-color-grey;
+                width: 21px;
+                height: 14px;
+            }
+        }
+        &-date {
+            display: flex;
+            align-items: center;
+            font-size: $h5-size;
+            line-height: $h5-height;
+            color: $text-color-grey;
+            font-weight: 400;
+            svg {
+                margin: 0 5px;
+                width: 4px;
+                height: 4px;
+            }
+        }
     }
-    &-view {
-      display: flex;
-      align-items: center;
-      color: $text-color-grey;
-      font-weight: 400;
-      font-size: $h5-size;
-      line-height: $h5-height - 5px;
-      svg {
-        margin-right: 5px;
-        stroke: $text-color-grey;
-        width: 21px;
-        height: 14px;
-      }
+    &__link {
+        color: $text-black;
+        font-weight: 700;
+        font-size: $h4-size;
+        line-height: $h4-height;
+        margin: 10px 0 0 0;
+        display: block;
+        max-height: 90px;
+        overflow: hidden;
+        text-overflow: ellipsis;
     }
-    &-date {
-      display: flex;
-      align-items: center;
-      font-size: $h5-size;
-      line-height: $h5-height;
-      color: $text-color-grey;
-      font-weight: 400;
-      svg {
-        margin: 0 5px;
-        width: 4px;
-        height: 4px;
-      }
-    }
-  }
-  &__link {
-    color: $text-black;
-    font-weight: 700;
-    font-size: $h4-size;
-    line-height: $h4-height;
-    margin: 10px 0 0 0;
-    display: block;
-    max-height: 90px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-  &__box {
-    padding: 30px 0;
+    &__box {
+        padding: 30px 0;
 
-    &:last-child {
-      border-top: 1px solid $text-color-grey;
-      padding: 30px 0 0 0;
+        &:last-child {
+            border-top: 1px solid $text-color-grey;
+            padding: 30px 0 0 0;
+        }
+        &:nth-child(2) {
+            padding: 0 0 30px 0;
+        }
     }
-    &:nth-child(2) {
-      padding: 0 0 30px 0;
+    &.other {
+        padding: 30px 0;
+        .card__header {
+            &-category {
+                background: $text-light-black;
+                color: $text-color-white;
+            }
+        }
+        border-bottom: 1px solid $text-color-grey;
     }
-  }
-  &.other {
-    padding: 30px 0;
-    .card__header {
-      &-category {
-        background: $text-light-black;
-        color: $text-color-white;
-      }
-    }
-    border-bottom: 1px solid $text-color-grey;
-  }
 }
diff --git a/themes/modern/assets/css/components/2-layout/partnerSlider.scss b/themes/modern/assets/css/components/2-layout/partnerSlider.scss
index e63c9c0e5..d418990fa 100755
--- a/themes/modern/assets/css/components/2-layout/partnerSlider.scss
+++ b/themes/modern/assets/css/components/2-layout/partnerSlider.scss
@@ -1,83 +1,80 @@
 .partnerSlider {
-  position: relative;
-
-  &__inner {
-  }
-  &__item {
-    margin-right: 5px;
-    padding: 30px;
-    border-right: 5px;
-    border: 1px solid #e6e6e6;
     position: relative;
-    height: 120px;
-    img {
-      width: 90%;
-      margin: 0 auto;
-    }
-  }
-  .p1 {
-    cursor: pointer;
-    position: absolute;
-    top: 50%;
-    left: -15px;
-    // @include transformY;
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;
-    background: #f7f7f7;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    z-index: 1;
-    span {
-      width: 10px;
-      height: 10px;
-      border-top: 2px solid $text-black;
-      border-left: 2px solid $text-black;
-      transform: rotate(-45deg);
-      -webkit-transform: rotate(-45deg);
-      -moz-transform: rotate(-45deg);
-      -ms-transform: rotate(-45deg);
-      -o-transform: rotate(-45deg);
-      @include transition;
-      
-    }
-    &:hover span{
-      border-top: 2px solid $main-color;
-      border-left: 2px solid $main-color;
-    }
-  }
-  .n1 {
-    cursor: pointer;
-    position: absolute;
-    z-index: 1;
-    top: 50%;
-    right: -15px;
-    // @include transformY;
-    width: 30px;
-    height: 30px;
-    border-radius: 50%;
-    background: #f7f7f7;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    span {
-      width: 10px;
-      height: 10px;
-      border-top: 2px solid $text-black;
-      border-left: 2px solid $text-black;
-      transform: rotate(135deg);
-      -webkit-transform: rotate(135deg);
-      -moz-transform: rotate(135deg);
-      -ms-transform: rotate(135deg);
-      -o-transform: rotate(135deg);
-      @include transition;
 
-      
+    &__inner {
     }
-    &:hover span{
-      border-top: 2px solid $main-color;
-      border-left: 2px solid $main-color;
+    &__item {
+        margin-right: 5px;
+        padding: 30px;
+        border-right: 5px;
+        border: 1px solid #e6e6e6;
+        position: relative;
+        height: 120px;
+        img {
+            width: 90%;
+            margin: 0 auto;
+        }
+    }
+    .p1 {
+        cursor: pointer;
+        position: absolute;
+        top: 50%;
+        left: -15px;
+        // @include transformY;
+        width: 40px;
+        height: 40px;
+        border-radius: 50%;
+        background: #f7f7f7;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        z-index: 1;
+        span {
+            width: 10px;
+            height: 10px;
+            border-top: 2px solid $text-black;
+            border-left: 2px solid $text-black;
+            transform: rotate(-45deg);
+            -webkit-transform: rotate(-45deg);
+            -moz-transform: rotate(-45deg);
+            -ms-transform: rotate(-45deg);
+            -o-transform: rotate(-45deg);
+            @include transition;
+        }
+        &:hover span {
+            border-top: 2px solid $main-color;
+            border-left: 2px solid $main-color;
+        }
+    }
+    .n1 {
+        cursor: pointer;
+        position: absolute;
+        z-index: 1;
+        top: 50%;
+        right: -15px;
+        // @include transformY;
+        width: 30px;
+        height: 30px;
+        border-radius: 50%;
+        background: #f7f7f7;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        span {
+            width: 10px;
+            height: 10px;
+            border-top: 2px solid $text-black;
+            border-left: 2px solid $text-black;
+            transform: rotate(135deg);
+            -webkit-transform: rotate(135deg);
+            -moz-transform: rotate(135deg);
+            -ms-transform: rotate(135deg);
+            -o-transform: rotate(135deg);
+            @include transition;
+        }
+        &:hover span {
+            border-top: 2px solid $main-color;
+            border-left: 2px solid $main-color;
+        }
     }
-  }
 }
diff --git a/themes/modern/assets/css/components/3-page/news.scss b/themes/modern/assets/css/components/3-page/news.scss
index 6e98b5105..30c2d47c4 100755
--- a/themes/modern/assets/css/components/3-page/news.scss
+++ b/themes/modern/assets/css/components/3-page/news.scss
@@ -1,94 +1,92 @@
 .news {
-  &__inner {
-    display: flex;
-    align-items: stretch;
-    padding: 80px 0;
-  }
-  &__sidebar {
-    margin-left: 25px;
-    width: calc(30% - 25px);
-    &-title {
-      font-size: $h4-size;
-      line-height: $h4-height;
-      font-weight: 700;
-      text-transform: uppercase;
-      margin-bottom: 20px;
-      color: $text-light-black;
+    &__inner {
+        display: flex;
+        align-items: stretch;
+        padding: 80px 0;
     }
-    .card {
-      padding: 30px 0;
-      border-bottom: 1px solid #dcdcdc;
-    }
-  }
-  &__content {
-    width: calc(70% - 25px);
-    margin-right: 25px;
-  }
-  &__title {
-    color: $text-black;
-    font-weight: 700;
-    font-size: $h2-size;
-    line-height: $h2-height;
-  }
-  &__date {
-    display: flex;
-    align-items: center;
-    font-size: $h3-size;
-    line-height: $h3-height;
-    color: $text-color-grey;
-    font-weight: 400;
-    margin-bottom: 20px;
-    svg {
-      margin: 0 5px;
-    }
-  }
-  &__image {
-    width: 100%;
-    margin: 50px 0;
-    img {
-      width: 100%;
-      height: auto;
-    }
-  }
-  &__body {
-    p {
-      font-size: $p-size;
-      line-height: $p-height;
-      margin-bottom: 30px;
-        a(color:blue;)
-    }
-    &-row {
-      display: flex;
-      align-items: center;
-      margin: 0 -20px 30px -20px;
-      &-image {
-        width: calc(50% - 40px);
-        margin: 0 20px 0 20px;
-        height: 300px;
-        img {
-          @include fullImage;
+    &__sidebar {
+        margin-left: 25px;
+        width: calc(30% - 25px);
+        &-title {
+            font-size: $h4-size;
+            line-height: $h4-height;
+            font-weight: 700;
+            text-transform: uppercase;
+            margin-bottom: 20px;
+            color: $text-light-black;
+        }
+        .card {
+            padding: 30px 0;
+            border-bottom: 1px solid #dcdcdc;
         }
-      }
     }
-  }
-  &__footer {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    &-social {
-      display: flex;
-      align-items: center;
-      svg {
-        margin-right: 20px;
-        fill: $main-color;
-      }
+    &__content {
+        width: calc(70% - 25px);
+        margin-right: 25px;
     }
-    &-name {
-      font-size: $h2-size;
-      line-height: $h2-height;
-      font-weight: 700;
-      color: $text-light-black;
+    &__title {
+        color: $text-black;
+        font-weight: 700;
+        font-size: $h2-size;
+        line-height: $h2-height;
+    }
+    &__date {
+        display: flex;
+        align-items: center;
+        font-size: $h3-size;
+        line-height: $h3-height;
+        color: $text-color-grey;
+        font-weight: 400;
+        margin-bottom: 20px;
+        svg {
+            margin: 0 5px;
+        }
+    }
+    &__image {
+        width: 100%;
+        margin: 50px 0;
+        img {
+            width: 100%;
+            height: auto;
+        }
+    }
+    &__body {
+        p {
+            font-size: $p-size;
+            line-height: $p-height;
+            margin-bottom: 30px;
+            a {
+                color: blue;
+            }
+        }
+        &-row {
+            display: flex;
+            align-items: center;
+            margin: 0 -20px 30px -20px;
+            img {
+                &.aligncenter {
+                    margin: 0 auto;
+                }
+            }
+        }
+    }
+    &__footer {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        &-social {
+            display: flex;
+            align-items: center;
+            svg {
+                margin-right: 20px;
+                fill: $main-color;
+            }
+        }
+        &-name {
+            font-size: $h2-size;
+            line-height: $h2-height;
+            font-weight: 700;
+            color: $text-light-black;
+        }
     }
-  }
 }
-
diff --git a/themes/modern/assets/css/components/3-page/terms.css b/themes/modern/assets/css/components/3-page/terms.css
deleted file mode 100755
index 1b569aff6..000000000
--- a/themes/modern/assets/css/components/3-page/terms.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.terms {
-  padding: 80px 0;
-}
\ No newline at end of file
diff --git a/themes/modern/assets/css/main.css b/themes/modern/assets/css/main.css
index e3a8ee081..eff2a0ae4 100755
--- a/themes/modern/assets/css/main.css
+++ b/themes/modern/assets/css/main.css
@@ -178,8 +178,8 @@ li {
   font-family: "Oswald", sans-serif;
   color: #FD4C24;
   font-weight: 700;
-  font-size: 40px;
-  line-height: 40px;
+  font-size: 33px;
+  line-height: 33px;
   margin-right: 20px;
   letter-spacing: -1.5px;
 }
@@ -202,6 +202,10 @@ li {
   font-weight: 400;
   color: #FFFFFF;
 }
+.footer__copyright a {
+  color: #FFFFFF;
+  margin-left: 5px;
+}
 .footer__social {
   display: flex;
   align-items: center;
@@ -1586,21 +1590,16 @@ li {
   line-height: 40px;
   margin-bottom: 30px;
 }
+.news__body p a {
+  color: blue;
+}
 .news__body-row {
   display: flex;
   align-items: center;
   margin: 0 -20px 30px -20px;
 }
-.news__body-row-image {
-  width: calc(50% - 40px);
-  margin: 0 20px 0 20px;
-  height: 300px;
-}
-.news__body-row-image img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  -o-object-fit: cover;
+.news__body-row img.aligncenter {
+  margin: 0 auto;
 }
 .news__footer {
   display: flex;
@@ -1611,7 +1610,7 @@ li {
   display: flex;
   align-items: center;
 }
-.news__footer-social-link {
+.news__footer-social svg {
   margin-right: 20px;
   fill: #FD4C24;
 }
diff --git a/themes/modern/assets/css/main.scss b/themes/modern/assets/css/main.scss
index 849a4b4c7..38cce98c8 100755
--- a/themes/modern/assets/css/main.scss
+++ b/themes/modern/assets/css/main.scss
@@ -15,9 +15,6 @@
 @import "./components/2-layout/newsCard.scss";
 @import "./components/2-layout/lightpick.scss";
 
-
-
-
 // 3-page components
 @import "./components/3-page/home.scss";
 @import "./components/3-page/heading.scss";
@@ -26,7 +23,5 @@
 @import "./components/3-page/news.scss";
 @import "./components/3-page/terms.scss";
 
-
-
 // responsive
 @import "./components/2-layout/responsive.scss";
diff --git a/themes/modern/assets/css/prepros.config b/themes/modern/assets/css/prepros.config
new file mode 100644
index 000000000..f0f72a61b
--- /dev/null
+++ b/themes/modern/assets/css/prepros.config
@@ -0,0 +1,918 @@
+{
+  "version": "7",
+  "about": "This is a Prepros (https://prepros.io) configuration file. You can commit this file to a git repo to backup and sync project configurations.",
+  "config": {
+    "proxy": {
+      "enable": false,
+      "target": "",
+      "useLocalAssets": false
+    },
+    "reload": {
+      "enable": true,
+      "delay": 0,
+      "animate": true,
+      "afterUpload": false
+    },
+    "sync": {
+      "enable": false,
+      "mouse": true,
+      "keyboard": true,
+      "form": true,
+      "scroll": true
+    },
+    "watcher": {
+      "enable": true,
+      "maxFiles": 2000,
+      "usePolling": false,
+      "pollingInterval": 500,
+      "extensions": [
+        ".html",
+        ".htm",
+        ".php"
+      ],
+      "ignore": {
+        "patterns": [
+          ".*",
+          "wp-admin",
+          "wp-includes",
+          "node_modules",
+          "Prepros Export",
+          "bower_components"
+        ],
+        "exceptions": []
+      }
+    },
+    "exporter": {
+      "ignore": {
+        "patterns": [
+          ".*",
+          "desktop.ini",
+          "prepros.cfg",
+          "node_modules",
+          "Prepros Export",
+          "prepros.config",
+          "prepros-6.config",
+          "*-original.jpg",
+          "*-original.jpeg",
+          "*-original.png",
+          "*-original.svg",
+          "*.scss",
+          "*.sass",
+          "*.less",
+          "*.pug",
+          "*.jade",
+          "*.styl",
+          "*.haml",
+          "*.slim",
+          "*.coffee",
+          "*.kit",
+          "*.turf",
+          "*.ts"
+        ],
+        "exceptions": []
+      }
+    },
+    "uploader": {
+      "remotePath": "",
+      "timeout": 20000,
+      "autoUpload": false,
+      "reuseConnection": true,
+      "connectionType": "ftp",
+      "history": []
+    },
+    "packages": {
+      "createPackageLock": true
+    },
+    "images": {
+      "preserveOriginal": true
+    },
+    "tasks": {
+      "autoprefixer": {
+        "cascade": true,
+        "add": true,
+        "remove": true,
+        "supports": true,
+        "flexbox": true,
+        "grid": "autoplace",
+        "browsers": [
+          "> 2%",
+          "not dead"
+        ],
+        "sourceMap": false
+      },
+      "babel": {
+        "sourceMap": false,
+        "presets": {
+          "@babel/preset-env": {
+            "enable": true,
+            "options": {
+              "targets": [
+                "> 2%",
+                "not dead"
+              ],
+              "preserveImports": false,
+              "polyfills": false
+            }
+          },
+          "@babel/preset-react": true,
+          "@babel/preset-flow": false
+        },
+        "plugins": {
+          "@babel/plugin-proposal-class-static-block": false,
+          "@babel/plugin-proposal-class-properties": false,
+          "@babel/plugin-proposal-decorators": {
+            "enable": false,
+            "options": {
+              "decoratorsBeforeExport": true
+            }
+          },
+          "@babel/plugin-proposal-export-namespace-from": false,
+          "@babel/plugin-proposal-function-sent": false,
+          "@babel/plugin-proposal-logical-assignment-operators": false,
+          "@babel/plugin-proposal-nullish-coalescing-operator": false,
+          "@babel/plugin-proposal-numeric-separator": false,
+          "@babel/plugin-proposal-optional-chaining": false,
+          "@babel/plugin-proposal-private-methods": false,
+          "@babel/plugin-proposal-throw-expressions": false
+        },
+        "customPresets": [],
+        "customPlugins": []
+      },
+      "bundle-js": {
+        "sourceMap": false,
+        "exclude": [
+          "node_modules",
+          "bower_components"
+        ],
+        "devMode": true,
+        "globals": [],
+        "externals": [],
+        "babel": {
+          "enable": true,
+          "options": {
+            "sourceMap": false,
+            "presets": {
+              "@babel/preset-env": {
+                "enable": true,
+                "options": {
+                  "targets": [
+                    "> 2%",
+                    "not dead"
+                  ],
+                  "preserveImports": false,
+                  "polyfills": false
+                }
+              },
+              "@babel/preset-react": true,
+              "@babel/preset-flow": false
+            },
+            "plugins": {
+              "@babel/plugin-proposal-class-static-block": false,
+              "@babel/plugin-proposal-class-properties": false,
+              "@babel/plugin-proposal-decorators": {
+                "enable": false,
+                "options": {
+                  "decoratorsBeforeExport": true
+                }
+              },
+              "@babel/plugin-proposal-export-namespace-from": false,
+              "@babel/plugin-proposal-function-sent": false,
+              "@babel/plugin-proposal-logical-assignment-operators": false,
+              "@babel/plugin-proposal-nullish-coalescing-operator": false,
+              "@babel/plugin-proposal-numeric-separator": false,
+              "@babel/plugin-proposal-optional-chaining": false,
+              "@babel/plugin-proposal-private-methods": false,
+              "@babel/plugin-proposal-throw-expressions": false
+            },
+            "customPresets": [],
+            "customPlugins": []
+          }
+        },
+        "css": {
+          "enable": true
+        },
+        "fonts": {
+          "enable": true
+        }
+      },
+      "coffeescript": {
+        "header": false,
+        "bare": false,
+        "sourceMap": false
+      },
+      "command": {
+        "command": "",
+        "rootDir": ""
+      },
+      "concat-js": {
+        "sourceMap": false,
+        "rootDir": ""
+      },
+      "copy": {
+        "sourceMap": false
+      },
+      "dart-sass": {
+        "indentType": "space",
+        "indentWidth": 2,
+        "linefeed": "lf",
+        "sourceMap": false
+      },
+      "haml": {
+        "doubleQuoteAttributes": true
+      },
+      "jpg": {
+        "quality": 90
+      },
+      "less": {
+        "javascriptEnabled": false,
+        "strictImports": false,
+        "insecure": false,
+        "math": "always",
+        "strictUnits": false,
+        "dumpLineNumbers": false,
+        "sourceMap": false
+      },
+      "markdown": {
+        "githubFlavored": true,
+        "wrapWithHtml": false
+      },
+      "minify-css": {
+        "sourceMap": false
+      },
+      "minify-html": {
+        "caseSensitive": false,
+        "collapseBooleanAttributes": true,
+        "collapseInlineTagWhitespace": false,
+        "collapseWhitespace": true,
+        "conservativeCollapse": false,
+        "decodeEntities": false,
+        "html5": true,
+        "includeAutoGeneratedTags": true,
+        "keepClosingSlash": false,
+        "minifyCSS": true,
+        "minifyJS": true,
+        "preserveLineBreaks": false,
+        "preventAttributesEscaping": false,
+        "processConditionalComments": false,
+        "removeAttributeQuotes": false,
+        "removeComments": true,
+        "removeEmptyAttributes": false,
+        "removeEmptyElement": false,
+        "removeOptionalTags": false,
+        "removeRedundantAttributes": false,
+        "removeScriptTypeAttributes": false,
+        "removeStyleLinkTypeAttributes": false,
+        "removeTagWhitespace": false,
+        "sortAttributes": false,
+        "sortClassName": false,
+        "useShortDoctype": true
+      },
+      "minify-js": {
+        "parse": {
+          "bare_returns": false
+        },
+        "compress": {
+          "arrows": true,
+          "arguments": false,
+          "booleans": true,
+          "booleans_as_integers": false,
+          "collapse_vars": true,
+          "comparisons": true,
+          "computed_props": true,
+          "conditionals": true,
+          "dead_code": true,
+          "directives": true,
+          "drop_console": false,
+          "drop_debugger": true,
+          "evaluate": true,
+          "expression": false,
+          "global_defs": [],
+          "hoist_funs": false,
+          "hoist_props": true,
+          "hoist_vars": false,
+          "if_return": true,
+          "inline": 3,
+          "join_vars": true,
+          "keep_fargs": true,
+          "keep_infinity": false,
+          "loops": true,
+          "negate_iife": true,
+          "properties": true,
+          "pure_funcs": [],
+          "pure_getters": false,
+          "reduce_vars": true,
+          "sequences": true,
+          "side_effects": true,
+          "switches": true,
+          "top_retain": [],
+          "typeofs": true,
+          "unsafe": false,
+          "unsafe_arrows": false,
+          "unsafe_comps": false,
+          "unsafe_Function": false,
+          "unsafe_math": false,
+          "unsafe_proto": false,
+          "unsafe_regexp": false,
+          "unsafe_undefined": false,
+          "unused": true
+        },
+        "mangle": {
+          "eval": false,
+          "reserved": []
+        },
+        "output": {
+          "ascii_only": false,
+          "braces": false,
+          "comments": "none",
+          "inline_script": true,
+          "keep_numbers": false,
+          "keep_quoted_props": false,
+          "preamble": null,
+          "quote_keys": false,
+          "quote_style": 0,
+          "semicolons": true,
+          "shebang": true,
+          "webkit": false,
+          "wrap_iife": false,
+          "wrap_func_args": true
+        },
+        "sourceMap": false,
+        "toplevel": false,
+        "ie8": false,
+        "keep_classnames": false,
+        "keep_fnames": false,
+        "safari10": false
+      },
+      "node-sass": {
+        "indentType": "space",
+        "indentWidth": 2,
+        "linefeed": "lf",
+        "outputStyle": "expanded",
+        "precision": 10,
+        "sourceMap": false,
+        "sourceComments": false
+      },
+      "png": {
+        "quality": 90
+      },
+      "postcss-import": {
+        "ignoreKeywords": [],
+        "sourceMap": false
+      },
+      "postcss-preset-env": {
+        "stage": 2,
+        "browsers": [
+          "> 2%",
+          "not dead"
+        ],
+        "sourceMap": false
+      },
+      "pug": {
+        "pretty": true
+      },
+      "slim": {
+        "indent": "space",
+        "indentSize": 2,
+        "pretty": true
+      },
+      "stylus": {
+        "useNib": true,
+        "sourceMap": false,
+        "linenos": false
+      },
+      "svg": {
+        "cleanupAttrs": true,
+        "removeDoctype": true,
+        "removeXMLProcInst": true,
+        "removeComments": true,
+        "removeMetadata": true,
+        "removeTitle": true,
+        "removeDesc": true,
+        "removeUselessDefs": true,
+        "removeEditorsNSData": true,
+        "removeEmptyAttrs": true,
+        "removeHiddenElems": true,
+        "removeEmptyText": true,
+        "removeEmptyContainers": true,
+        "removeViewBox": false,
+        "cleanupEnableBackground": true,
+        "convertStyleToAttrs": true,
+        "convertColors": true,
+        "convertPathData": true,
+        "convertTransform": true,
+        "removeUnknownsAndDefaults": true,
+        "removeNonInheritableGroupAttrs": true,
+        "removeUselessStrokeAndFill": true,
+        "removeUnusedNS": true,
+        "cleanupIDs": true,
+        "cleanupNumericValues": true,
+        "moveElemsAttrsToGroup": true,
+        "moveGroupAttrsToElems": true,
+        "collapseGroups": true,
+        "removeRasterImages": false,
+        "mergePaths": true,
+        "convertShapeToPath": true,
+        "sortAttrs": true,
+        "removeDimensions": true
+      },
+      "turf": {
+        "rootDir": ""
+      },
+      "typescript": {
+        "allowJs": false,
+        "allowSyntheticDefaultImports": true,
+        "allowUmdGlobalAccess": false,
+        "allowUnreachableCode": false,
+        "allowUnusedLabels": false,
+        "alwaysStrict": false,
+        "charset": "utf8",
+        "checkJs": false,
+        "declaration": false,
+        "disableSizeLimit": false,
+        "downlevelIteration": false,
+        "emitBOM": false,
+        "emitDecoratorMetadata": false,
+        "experimentalDecorators": false,
+        "forceConsistentCasingInFileNames": false,
+        "importHelpers": false,
+        "jsx": "React",
+        "keyofStringsOnly": false,
+        "lib": [],
+        "maxNodeModuleJsDepth": 0,
+        "module": "ES2015",
+        "moduleResolution": "NodeJs",
+        "newLine": "LineFeed",
+        "noFallthroughCasesInSwitch": false,
+        "noImplicitAny": false,
+        "noImplicitReturns": false,
+        "noImplicitThis": false,
+        "noStrictGenericChecks": false,
+        "noUnusedLocals": false,
+        "noUnusedParameters": false,
+        "noImplicitUseStrict": false,
+        "noLib": false,
+        "noResolve": false,
+        "preserveConstEnums": false,
+        "jsxFactory": "React.createElement",
+        "removeComments": false,
+        "skipLibCheck": false,
+        "sourceMap": false,
+        "strict": false,
+        "strictFunctionTypes": false,
+        "strictBindCallApply": false,
+        "strictNullChecks": false,
+        "strictPropertyInitialization": false,
+        "suppressExcessPropertyErrors": false,
+        "suppressImplicitAnyIndexErrors": false,
+        "target": "ES3",
+        "resolveJsonModule": false,
+        "esModuleInterop": false,
+        "useDefineForClassFields": false
+      }
+    },
+    "fileTypes": {
+      "sass": {
+        "extensions": [
+          ".scss",
+          ".sass"
+        ],
+        "autoCompile": true,
+        "sourceMap": false,
+        "tasks": [
+          {
+            "task": "dart-sass",
+            "enable": true
+          },
+          {
+            "task": "autoprefixer",
+            "enable": true
+          },
+          {
+            "task": "minify-css",
+            "enable": false
+          }
+        ],
+        "output": {
+          "extension": ".css",
+          "type": "REPLACE_SEGMENTS",
+          "segments": [
+            {
+              "segment": "scss",
+              "replaceWith": "css"
+            },
+            {
+              "segment": "sass",
+              "replaceWith": "css"
+            }
+          ]
+        }
+      },
+      "less": {
+        "extensions": [
+          ".less"
+        ],
+        "autoCompile": true,
+        "sourceMap": false,
+        "tasks": [
+          {
+            "task": "less",
+            "enable": true
+          },
+          {
+            "task": "autoprefixer",
+            "enable": true
+          },
+          {
+            "task": "minify-css",
+            "enable": false
+          }
+        ],
+        "output": {
+          "extension": ".css",
+          "type": "REPLACE_SEGMENTS",
+          "segments": [
+            {
+              "segment": "less",
+              "replaceWith": "css"
+            }
+          ]
+        }
+      },
+      "pug": {
+        "extensions": [
+          ".pug",
+          ".jade"
+        ],
+        "autoCompile": true,
+        "tasks": [
+          {
+            "task": "pug",
+            "enable": true
+          },
+          {
+            "task": "minify-html",
+            "enable": false
+          }
+        ],
+        "output": {
+          "extension": ".html",
+          "type": "REPLACE_SEGMENTS",
+          "segments": [
+            {
+              "segment": "pug",
+              "replaceWith": "html"
+            }
+          ]
+        }
+      },
+      "css": {
+        "extensions": [
+          ".css"
+        ],
+        "autoCompile": false,
+        "sourceMap": false,
+        "tasks": [
+          {
+            "task": "copy",
+            "enable": true
+          },
+          {
+            "task": "postcss-import",
+            "enable": false
+          },
+          {
+            "task": "postcss-preset-env",
+            "enable": false
+          },
+          {
+            "task": "autoprefixer",
+            "enable": true
+          },
+          {
+            "task": "minify-css",
+            "enable": true
+          }
+        ],
+        "output": {
+          "extension": ".css",
+          "type": "SOURCE_RELATIVE",
+          "relativePath": "",
+          "suffix": "-dist",
+          "alwaysSuffix": false
+        }
+      },
+      "javascript": {
+        "extensions": [
+          ".js",
+          ".jsx"
+        ],
+        "autoCompile": false,
+        "sourceMap": false,
+        "tasks": [
+          {
+            "task": "copy",
+            "enable": true
+          },
+          {
+            "task": "concat-js",
+            "enable": false
+          },
+          {
+            "task": "babel",
+            "enable": false
+          },
+          {
+            "task": "bundle-js",
+            "enable": false
+          },
+          {
+            "task": "minify-js",
+            "enable": true
+          }
+        ],
+        "output": {
+          "extension": ".js",
+          "type": "SOURCE_RELATIVE",
+          "relativePath": "",
+          "suffix": "-dist",
+          "alwaysSuffix": false
+        }
+      },
+      "stylus": {
+        "extensions": [
+          ".styl"
+        ],
+        "autoCompile": true,
+        "sourceMap": false,
+        "tasks": [
+          {
+            "task": "stylus",
+            "enable": true
+          },
+          {
+            "task": "autoprefixer",
+            "enable": true
+          },
+          {
+            "task": "minify-css",
+            "enable": false
+          }
+        ],
+        "output": {
+          "extension": ".css",
+          "type": "REPLACE_SEGMENTS",
+          "segments": [
+            {
+              "segment": "stylus",
+              "replaceWith": "css"
+            },
+            {
+              "segment": "styl",
+              "replaceWith": "css"
+            }
+          ]
+        }
+      },
+      "markdown": {
+        "extensions": [
+          ".md",
+          ".markdown",
+          ".mkd"
+        ],
+        "autoCompile": false,
+        "tasks": [
+          {
+            "task": "markdown",
+            "enable": true
+          },
+          {
+            "task": "minify-html",
+            "enable": false
+          }
+        ],
+        "output": {
+          "extension": ".html",
+          "type": "REPLACE_SEGMENTS",
+          "segments": [
+            {
+              "segment": "markdown",
+              "replaceWith": "html"
+            }
+          ]
+        }
+      },
+      "haml": {
+        "extensions": [
+          ".haml"
+        ],
+        "autoCompile": true,
+        "tasks": [
+          {
+            "task": "haml",
+            "enable": true
+          },
+          {
+            "task": "minify-html",
+            "enable": false
+          }
+        ],
+        "output": {
+          "extension": ".html",
+          "type": "REPLACE_SEGMENTS",
+          "segments": [
+            {
+              "segment": "haml",
+              "replaceWith": "html"
+            }
+          ]
+        }
+      },
+      "slim": {
+        "extensions": [
+          ".slim"
+        ],
+        "autoCompile": true,
+        "tasks": [
+          {
+            "task": "slim",
+            "enable": true
+          },
+          {
+            "task": "minify-html",
+            "enable": false
+          }
+        ],
+        "output": {
+          "extension": ".html",
+          "type": "REPLACE_SEGMENTS",
+          "segments": [
+            {
+              "segment": "slim",
+              "replaceWith": "html"
+            }
+          ]
+        }
+      },
+      "coffeescript": {
+        "extensions": [
+          ".coffee"
+        ],
+        "autoCompile": true,
+        "sourceMap": false,
+        "tasks": [
+          {
+            "task": "coffeescript",
+            "enable": true
+          },
+          {
+            "task": "babel",
+            "enable": false
+          },
+          {
+            "task": "bundle-js",
+            "enable": false
+          },
+          {
+            "task": "minify-js",
+            "enable": false
+          }
+        ],
+        "output": {
+          "extension": ".js",
+          "type": "REPLACE_SEGMENTS",
+          "segments": [
+            {
+              "segment": "coffee-script",
+              "replaceWith": "js"
+            },
+            {
+              "segment": "coffeescript",
+              "replaceWith": "js"
+            },
+            {
+              "segment": "coffee",
+              "replaceWith": "js"
+            }
+          ]
+        }
+      },
+      "turf": {
+        "extensions": [
+          ".turf",
+          ".kit"
+        ],
+        "autoCompile": true,
+        "tasks": [
+          {
+            "task": "turf",
+            "enable": true
+          },
+          {
+            "task": "minify-html",
+            "enable": false
+          }
+        ],
+        "output": {
+          "extension": ".html",
+          "type": "REPLACE_SEGMENTS",
+          "segments": [
+            {
+              "segment": "turf",
+              "replaceWith": "html"
+            }
+          ]
+        }
+      },
+      "typescript": {
+        "extensions": [
+          ".ts",
+          ".tsx"
+        ],
+        "autoCompile": true,
+        "sourceMap": false,
+        "tasks": [
+          {
+            "task": "typescript",
+            "enable": true
+          },
+          {
+            "task": "babel",
+            "enable": false
+          },
+          {
+            "task": "bundle-js",
+            "enable": false
+          },
+          {
+            "task": "minify-js",
+            "enable": false
+          }
+        ],
+        "output": {
+          "extension": ".js",
+          "type": "REPLACE_SEGMENTS",
+          "segments": [
+            {
+              "segment": "typescript",
+              "replaceWith": "js"
+            },
+            {
+              "segment": "ts",
+              "replaceWith": "js"
+            }
+          ]
+        }
+      },
+      "jpg": {
+        "extensions": [
+          ".jpg",
+          ".jpeg"
+        ],
+        "tasks": [
+          {
+            "task": "jpg",
+            "enable": true
+          }
+        ],
+        "output": {
+          "extension": ".jpg",
+          "type": "SOURCE_RELATIVE",
+          "relativePath": ""
+        }
+      },
+      "png": {
+        "extensions": [
+          ".png"
+        ],
+        "tasks": [
+          {
+            "task": "png",
+            "enable": true
+          }
+        ],
+        "output": {
+          "extension": ".png",
+          "type": "SOURCE_RELATIVE",
+          "relativePath": ""
+        }
+      },
+      "svg": {
+        "extensions": [
+          ".svg"
+        ],
+        "tasks": [
+          {
+            "task": "svg",
+            "enable": true
+          }
+        ],
+        "output": {
+          "extension": ".svg",
+          "type": "SOURCE_RELATIVE",
+          "relativePath": ""
+        }
+      }
+    },
+    "files": []
+  }
+}