Init

themes/agico-hugo/assets/scss/templates/_footer.scss

@@ -0,0 +1,95 @@
+footer {
+  &>div:first-child {
+   /* border-bottom: 1px solid $border-light; */
+    
+  }
+}
+.copyright {
+  a {
+    color: $text-light;
+
+    &:hover {
+      color: $color-primary;
+    }
+  }
+}
+
+/* subscription */
+.subscription {
+  position: absolute;
+  width: 100%;
+
+  @include desktop {
+    background: $bg-gradient-secondary;
+    position: static;
+  }
+
+  &.bg-white {
+    background: none !important;
+
+    .subscription-wrapper {
+      &::before {
+        background: #fff;
+      }
+    }
+
+    @include desktop {
+      background: $white;
+    }
+
+    .form-control {
+      border: 1px solid #ebebeb !important;
+    }
+  }
+
+  &-wrapper {
+    position: relative;
+    top: -40px;
+
+    @include desktop {
+      top: 0;
+      padding: 50px 0;
+    }
+
+    &::before {
+      position: absolute;
+      content: "";
+      border-radius: 24px;
+      border: 4px solid white;
+      width: 100%;
+      height: 200px;
+      left: 0;
+      background: $bg-gradient-secondary;
+      top: 50%;
+      transform: translateY(-50%);
+      @extend .shadow;
+
+      @include desktop {
+        display: none;
+      }
+    }
+
+    .form-control {
+      height: 60px;
+      background: rgba(255, 255, 255, 0.1);
+      border-radius: 45px;
+
+      &:focus {
+        background: rgba(255, 255, 255, 0.1);
+        outline: 0;
+        box-shadow: none;
+      }
+
+      &::placeholder {
+        color: $gray;
+      }
+
+      &.text-white {
+
+        &::placeholder {
+          color: $white;
+        }
+      }
+    }
+  }
+}