From aa9aa7ae0e8fbfdc353bf196217b2d9db57f970e Mon Sep 17 00:00:00 2001
From: Michel Moraes <michel.moraes@helloworldlondon.co.uk>
Date: Wed, 12 Sep 2018 10:20:50 +0200
Subject: [PATCH] Starting developing Tickets Page and implementing woocommerce

---
 resources/assets/js/components/Purchase.vue   | 165 +++++---
 resources/assets/sass/pages/_tickets.sass     |  97 ++++-
 .../assets/sass/woocommerce/_common.sass      |   2 +-
 resources/views/404.twig                      |  12 +-
 resources/views/page.twig                     |   9 +-
 resources/views/template-tickets.twig         |   2 +-
 ...fd2.css => admin.d61513ae22f2c267bdf4.css} |   0
 ...7efd2.css => app.d61513ae22f2c267bdf4.css} | 370 +++++++++---------
 ...fd2.css => login.d61513ae22f2c267bdf4.css} |   0
 ...7efd2.js => admin.d61513ae22f2c267bdf4.js} |   0
 ...207efd2.js => app.d61513ae22f2c267bdf4.js} |  54 +--
 ...7efd2.js => login.d61513ae22f2c267bdf4.js} |   0
 ...efd2.js => vendor.d61513ae22f2c267bdf4.js} |   0
 static/manifest.json                          |  16 +-
 woocommerce/cart/cart.php                     | 169 ++++++++
 woocommerce/myaccount/form-login.php          | 117 ++++++
 16 files changed, 724 insertions(+), 289 deletions(-)
 rename static/css/{admin.a2fe8e4c5217f207efd2.css => admin.d61513ae22f2c267bdf4.css} (100%)
 rename static/css/{app.a2fe8e4c5217f207efd2.css => app.d61513ae22f2c267bdf4.css} (94%)
 rename static/css/{login.a2fe8e4c5217f207efd2.css => login.d61513ae22f2c267bdf4.css} (100%)
 rename static/js/{admin.a2fe8e4c5217f207efd2.js => admin.d61513ae22f2c267bdf4.js} (100%)
 rename static/js/{app.a2fe8e4c5217f207efd2.js => app.d61513ae22f2c267bdf4.js} (87%)
 rename static/js/{login.a2fe8e4c5217f207efd2.js => login.d61513ae22f2c267bdf4.js} (100%)
 rename static/js/{vendor.a2fe8e4c5217f207efd2.js => vendor.d61513ae22f2c267bdf4.js} (100%)
 create mode 100644 woocommerce/cart/cart.php
 create mode 100644 woocommerce/myaccount/form-login.php

diff --git a/resources/assets/js/components/Purchase.vue b/resources/assets/js/components/Purchase.vue
index b81f1b0..bb3ffc9 100644
--- a/resources/assets/js/components/Purchase.vue
+++ b/resources/assets/js/components/Purchase.vue
@@ -1,80 +1,89 @@
 <template>
-    <section class="purchase">
+    <section class="purchase section">
         <div class="container">
 
-            <div class="purchase__step step-1">
+            <div class="purchase__step step-1" v-show="isStep(1)">
                 <div class="purchase__step-label">
-                    <span>1</span> Select the parade type
-                </div>
-                <div class="purchase__items">
-                    <div class="purchase__item button selected">Preliminary Parades</div>
-                    <div class="purchase__item button">Main Parades</div>
-                    <div class="purchase__item button">Champions’ Parade</div>
-                </div>
-            </div>
-
-            <div class="purchase__step step-2">
-                <div class="purchase__step-label">
-                    <span>2</span> Select the date
-                </div>
-                <div class="purchase__items">
-                    <div class="purchase__item button">Friday (March 01)</div>
-                    <div class="purchase__item button">Saturday (March 02)</div>
+                    <span class="number">1</span> Select the parade type
                 </div>
+                <ul class="purchase__items">
+                    <li class="purchase__item button" @click="nextStep(2, index)" 
+                        :class="{ selected: index === activeItem }" 
+                        v-for="(parade, index) in paradeType" :key="index">{{ parade }}</li>
+                </ul>
             </div>
 
-            <div class="purchase__step step-3">
-                <div class="purchase__step-label">
-                    <span>3</span> Select the seat type
-                </div>
-                <div class="purchase__items">
-                    <div class="purchase__item button">Grandstand tickets</div>
-                    <div class="purchase__item button">Open front box seats</div>
+            <transition name="fade">
+                <div class="purchase__step step-2" v-show="isStep(2)">
+                    <div class="purchase__step-label">
+                        <span class="number">2</span> Select the date
+                    </div>
+                    <ul class="purchase__items">
+                        <li class="purchase__item button" @click="nextStep(3)">Friday (March 01)</li>
+                        <li class="purchase__item button" @click="nextStep(3)">Saturday (March 02)</li>
+                    </ul>
                 </div>
-            </div>
+            </transition>
 
-            <div class="purchase__step step-4">
-                <div class="purchase__step-label">
-                    <span>4</span> Select the sector
-                </div>
-                <div class="purchase__items">
-                    <div class="purchase__item button sector">1</div>
-                    <div class="purchase__item button sector">2</div>
-                    <div class="purchase__item button sector">3</div>
-                    <div class="purchase__item button sector">4</div>
-                    <div class="purchase__item button sector">5</div>
-                    <div class="purchase__item button sector">6</div>
-                    <div class="purchase__item button sector">7</div>
-                    <div class="purchase__item button sector">8</div>
-                    <div class="purchase__item button sector">9</div>
-                    <div class="purchase__item button sector">10</div>
+            <transition name="fade">
+                <div class="purchase__step step-3" v-show="isStep(3)">
+                    <div class="purchase__step-label">
+                        <span class="number">3</span> Select the seat type
+                    </div>
+                    <div class="purchase__items">
+                        <div class="purchase__item button" @click="nextStep(4)">Grandstand tickets</div>
+                        <div class="purchase__item button" @click="nextStep(4)">Open front box seats</div>
+                    </div>
                 </div>
-            </div>
+            </transition>
 
-            <div class="purchase__step step-5">
-                <div class="purchase__step-label">
-                    <span>5</span> Enter the quantity
-                </div>
-                <div class="purchase__items">
-                    <div class="purchase__item-quantity">
-                        <button class="button">-</button> 3 <button class="button">+</button>
+            <transition name="fade">
+                <div class="purchase__step step-4" v-show="isStep(4)">
+                    <div class="purchase__step-label">
+                        <span class="number">4</span> Select the sector
+                    </div>
+                    <div class="purchase__items">
+                        <div class="purchase__item button sector" @click="nextStep(5)">1</div>
+                        <div class="purchase__item button sector" @click="nextStep(5)">2</div>
+                        <div class="purchase__item button sector" @click="nextStep(5)">5</div>
+                        <div class="purchase__item button sector" @click="nextStep(5)">4</div>
+                        <div class="purchase__item button sector" @click="nextStep(5)">5</div>
+                        <div class="purchase__item button sector" @click="nextStep(5)">6</div>
+                        <div class="purchase__item button sector" @click="nextStep(5)">7</div>
+                        <div class="purchase__item button sector" @click="nextStep(5)">8</div>
+                        <div class="purchase__item button sector" @click="nextStep(5)">9</div>
+                        <div class="purchase__item button sector" @click="nextStep(5)">10</div>
                     </div>
                 </div>
-            </div>
+            </transition>
 
-            <div class="purchase__step step-6">
-                <div class="purchase__step-label">
-                    <span>6</span> Add to cart
+            <transition name="fade">
+                <div class="purchase__step step-5" v-show="isStep(5)">
+                    <div class="purchase__step-label">
+                        <span class="number">5</span> Enter the quantity
+                    </div>
+                    <div class="purchase__items">
+                        <div class="purchase__item-quantity">
+                            <button class="button">-</button> 3 <button class="button">+</button>
+                        </div>
+                    </div>
                 </div>
-                <div class="purchase__item-total">
-                    <span>3x $18.40</span>
+            </transition>
 
-                    <button class="purchase__add-to-cart-btn button">
-                        Add to cart
-                    </button>
-                </div>
+            <transition name="fade">
+                <div class="purchase__step step-6" v-show="isStep(5)">
+                    <div class="purchase__step-label">
+                        <span class="number">6</span> Add to cart
+                    </div>
+                    <div class="purchase__item-total">
+                        <span>3x $18.40</span>
 
-            </div>             
+                        <button class="purchase__add-to-cart-btn button">
+                            Add to cart
+                        </button>
+                    </div>
+                </div>             
+            </transition>
 
         </div>  
     </section>
@@ -82,10 +91,44 @@
 
 <script>
     export default {
+        data() {
+            return {
+                currentStep: 1,
+                paradeType: ['Preliminary Parades', 'Main Parades', 'Champions’ Parade'],
+                activeItem: -1
+            }
+        },
+
+        computed: {
+            
+        },
+
+        methods: {
+            nextStep(val, idx) {
+                this.currentStep = val
+                let selected = event.target
+                selected.classList.add('selected')
+                this.activeItem = idx
+            },
+
+            isStep(val) {
+                return this.currentStep >= val
+            }
+        },
+
+        mounted() {
+            console.log(this.currentStep);
+        }
         
     }
 </script>
 
-<style scoped>
+<style lang="sass">
+
+    .fade-enter-active, .fade-leave-active
+        transition: opacity .5s;
+
+    .fade-enter, .fade-leave-to
+        opacity: 0
 
 </style>
\ No newline at end of file
diff --git a/resources/assets/sass/pages/_tickets.sass b/resources/assets/sass/pages/_tickets.sass
index a4f2516..78e88e9 100644
--- a/resources/assets/sass/pages/_tickets.sass
+++ b/resources/assets/sass/pages/_tickets.sass
@@ -2,7 +2,25 @@
 .tickets
 
     .intro
+        
+        &.section
+            padding-top: 100px
+            padding-bottom: 100px
 
+        &__title
+            font-family: $font-title
+            font-size: 28px
+            color: $gray-dark
+            letter-spacing: 1px
+            margin-bottom: 23px
+
+        &__copy
+            font-family: $font-text
+            font-size: 16px
+            color: $gray-dark
+            letter-spacing: 0.44px
+            line-height: 25px     
+            max-width: 348px   
 
     .purchase
 
@@ -15,4 +33,81 @@
                 font-size: 18px
                 color: #5D5D5D
                 letter-spacing: 0.5px
-                margin-bottom: 15px
\ No newline at end of file
+                margin-bottom: 15px
+                display: flex
+                align-items: center
+                padding-bottom: 15px
+
+            span.number
+                font-family: Cabin-Regular
+                font-size: 14px
+                color: #fff
+                letter-spacing: 0.5px
+                text-align: center             
+                background: $bc-primary
+                padding: 17px 0
+                border-radius: 50%
+
+        &__item
+            margin-top: 15px
+
+            &:not(:last-child)
+                margin-right: 10px
+                +tablet
+                    margin-right: 30px
+
+            &.button
+                font-size: 22px
+                transition: 0.2s
+                width: 100%
+                max-width: 350px
+                background-color: $gray-light
+                height: 85px
+                border-color: transparent
+                border-bottom: solid 15px #8D8D8D
+                font-family: $font-text
+                color: #fff
+                letter-spacing: 0.86px
+
+                +tablet
+                    font-size: 32px
+
+                +desktop
+                    max-width: calc(100% / 3 - 25px) 
+
+
+                &:hover,
+                &.selected
+                    background-color: $green
+                    border-bottom: solid 15px #3FAC5D
+
+                &:hover
+                    &:not(.selected)
+                        transform: scale(1.05)
+
+                &.sector
+                    max-width: calc(50% - 25px)
+
+                    +tablet
+                        max-width: 110px
+
+            &-total
+                display: flex
+                align-items: center
+
+                span
+                    font-size: 32px
+                    color: $gray-dark
+                    letter-spacing: 0.86px
+                    text-align: center
+                    margin-right: 30px
+
+        &__add-to-cart-btn
+            @extend .purchase__item.button
+            background-color: #2B9AE5
+            border-bottom-color: #248BCF
+            max-width: 281px
+
+            &:hover
+                background-color: #2B9AE5
+                border-bottom-color: #248BCF
diff --git a/resources/assets/sass/woocommerce/_common.sass b/resources/assets/sass/woocommerce/_common.sass
index 10e5c38..85288c1 100644
--- a/resources/assets/sass/woocommerce/_common.sass
+++ b/resources/assets/sass/woocommerce/_common.sass
@@ -1,4 +1,4 @@
-input
+input:not([type='checkbox'])
   @extend .input
 
 textarea
diff --git a/resources/views/404.twig b/resources/views/404.twig
index 0876b83..b4b1956 100644
--- a/resources/views/404.twig
+++ b/resources/views/404.twig
@@ -1,8 +1,12 @@
 {% extends "base.twig" %}
 
 {% block content %}
-  <h1 class="title is-2">
-   {{ messages.404.title }}
-  </h1>
-  <p>{{ messages.404.body }} <a href="{{ site.link }}">{{ messages.404.link_text }}</a>.</p>
+
+  <div class="section container">
+    <h1 class="title is-2">
+    {{ messages.404.title }}
+    </h1>
+    <p>{{ messages.404.body }} <a href="{{ site.link }}">{{ messages.404.link_text }}</a>.</p>
+  </div>
+  
 {% endblock %}
diff --git a/resources/views/page.twig b/resources/views/page.twig
index 694d8e4..7989283 100644
--- a/resources/views/page.twig
+++ b/resources/views/page.twig
@@ -1,8 +1,11 @@
 {% extends "base.twig" %}
 
 {% block content %}
-  <article class="post-type-{{ post.post_type }}" id="post-{{ post.ID }}">
 
+<div class="section container">
+    <div class="post-type-{{ post.post_type }}" id="post-{{ post.ID }}">
+        {{ post.content }}
+    </div>
+</div>
 
-  </article>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/resources/views/template-tickets.twig b/resources/views/template-tickets.twig
index 9e5edbb..83c3ebb 100644
--- a/resources/views/template-tickets.twig
+++ b/resources/views/template-tickets.twig
@@ -3,7 +3,7 @@
 {% block content %}
     <div class="tickets" id="post-{{ post.ID }}">
 
-        <div class="intro">
+        <div class="intro section">
             <div class="container wrapper">
                 <div class="intro__title">About lorem Ipsum</div>
                 <div class="intro__copy">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</div>
diff --git a/static/css/admin.a2fe8e4c5217f207efd2.css b/static/css/admin.d61513ae22f2c267bdf4.css
similarity index 100%
rename from static/css/admin.a2fe8e4c5217f207efd2.css
rename to static/css/admin.d61513ae22f2c267bdf4.css
diff --git a/static/css/app.a2fe8e4c5217f207efd2.css b/static/css/app.d61513ae22f2c267bdf4.css
similarity index 94%
rename from static/css/app.a2fe8e4c5217f207efd2.css
rename to static/css/app.d61513ae22f2c267bdf4.css
index cd7c30c..c53c223 100644
--- a/static/css/app.a2fe8e4c5217f207efd2.css
+++ b/static/css/app.d61513ae22f2c267bdf4.css
@@ -8,95 +8,12 @@
 }
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+.fade-enter-active, .fade-leave-active {
+  transition: opacity .5s;
+}
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
 
 /*! bulma.io v0.6.2 | MIT License | github.com/jgthms/bulma */
 @keyframes spinAround {
@@ -1958,7 +1875,7 @@ a.box:active {
 .content.is-large {
   font-size: 1.5rem; }
 
-.input, .woocommerce input,
+.input, .woocommerce input:not([type='checkbox']),
 .textarea,
 .woocommerce textarea {
   -moz-appearance: none;
@@ -1984,7 +1901,7 @@ a.box:active {
   box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
   max-width: 100%;
   width: 100%; }
-  .input:focus, .woocommerce input:focus, .input.is-focused, .woocommerce input.is-focused, .input:active, .woocommerce input:active, .input.is-active, .woocommerce input.is-active,
+  .input:focus, .woocommerce input:focus:not([type='checkbox']), .input.is-focused, .woocommerce input.is-focused:not([type='checkbox']), .input:active, .woocommerce input:active:not([type='checkbox']), .input.is-active, .woocommerce input.is-active:not([type='checkbox']),
   .textarea:focus,
   .woocommerce textarea:focus,
   .textarea.is-focused,
@@ -1994,33 +1911,33 @@ a.box:active {
   .textarea.is-active,
   .woocommerce textarea.is-active {
     outline: none; }
-  .input[disabled], .woocommerce input[disabled],
+  .input[disabled], .woocommerce input[disabled]:not([type='checkbox']),
   .textarea[disabled],
   .woocommerce textarea[disabled] {
     cursor: not-allowed; }
-  .input::-moz-placeholder, .woocommerce input::-moz-placeholder,
+  .input::-moz-placeholder, .woocommerce input:not([type='checkbox'])::-moz-placeholder,
   .textarea::-moz-placeholder,
   .woocommerce textarea::-moz-placeholder {
     color: rgba(54, 54, 54, 0.3); }
-  .input::-webkit-input-placeholder, .woocommerce input::-webkit-input-placeholder,
+  .input::-webkit-input-placeholder, .woocommerce input:not([type='checkbox'])::-webkit-input-placeholder,
   .textarea::-webkit-input-placeholder,
   .woocommerce textarea::-webkit-input-placeholder {
     color: rgba(54, 54, 54, 0.3); }
-  .input:-moz-placeholder, .woocommerce input:-moz-placeholder,
+  .input:-moz-placeholder, .woocommerce input:-moz-placeholder:not([type='checkbox']),
   .textarea:-moz-placeholder,
   .woocommerce textarea:-moz-placeholder {
     color: rgba(54, 54, 54, 0.3); }
-  .input:-ms-input-placeholder, .woocommerce input:-ms-input-placeholder,
+  .input:-ms-input-placeholder, .woocommerce input:-ms-input-placeholder:not([type='checkbox']),
   .textarea:-ms-input-placeholder,
   .woocommerce textarea:-ms-input-placeholder {
     color: rgba(54, 54, 54, 0.3); }
-  .input:hover, .woocommerce input:hover, .input.is-hovered, .woocommerce input.is-hovered,
+  .input:hover, .woocommerce input:hover:not([type='checkbox']), .input.is-hovered, .woocommerce input.is-hovered:not([type='checkbox']),
   .textarea:hover,
   .woocommerce textarea:hover,
   .textarea.is-hovered,
   .woocommerce textarea.is-hovered {
     border-color: #b5b5b5; }
-  .input:focus, .woocommerce input:focus, .input.is-focused, .woocommerce input.is-focused, .input:active, .woocommerce input:active, .input.is-active, .woocommerce input.is-active,
+  .input:focus, .woocommerce input:focus:not([type='checkbox']), .input.is-focused, .woocommerce input.is-focused:not([type='checkbox']), .input:active, .woocommerce input:active:not([type='checkbox']), .input.is-active, .woocommerce input.is-active:not([type='checkbox']),
   .textarea:focus,
   .woocommerce textarea:focus,
   .textarea.is-focused,
@@ -2031,38 +1948,38 @@ a.box:active {
   .woocommerce textarea.is-active {
     border-color: #2376B3;
     box-shadow: 0 0 0 0.125em rgba(35, 118, 179, 0.25); }
-  .input[disabled], .woocommerce input[disabled],
+  .input[disabled], .woocommerce input[disabled]:not([type='checkbox']),
   .textarea[disabled],
   .woocommerce textarea[disabled] {
     background-color: whitesmoke;
     border-color: whitesmoke;
     box-shadow: none;
     color: #7a7a7a; }
-    .input[disabled]::-moz-placeholder, .woocommerce input[disabled]::-moz-placeholder,
+    .input[disabled]::-moz-placeholder, .woocommerce input:not([type='checkbox'])[disabled]::-moz-placeholder,
     .textarea[disabled]::-moz-placeholder,
     .woocommerce textarea[disabled]::-moz-placeholder {
       color: rgba(122, 122, 122, 0.3); }
-    .input[disabled]::-webkit-input-placeholder, .woocommerce input[disabled]::-webkit-input-placeholder,
+    .input[disabled]::-webkit-input-placeholder, .woocommerce input:not([type='checkbox'])[disabled]::-webkit-input-placeholder,
     .textarea[disabled]::-webkit-input-placeholder,
     .woocommerce textarea[disabled]::-webkit-input-placeholder {
       color: rgba(122, 122, 122, 0.3); }
-    .input[disabled]:-moz-placeholder, .woocommerce input[disabled]:-moz-placeholder,
+    .input[disabled]:-moz-placeholder, .woocommerce input[disabled]:-moz-placeholder:not([type='checkbox']),
     .textarea[disabled]:-moz-placeholder,
     .woocommerce textarea[disabled]:-moz-placeholder {
       color: rgba(122, 122, 122, 0.3); }
-    .input[disabled]:-ms-input-placeholder, .woocommerce input[disabled]:-ms-input-placeholder,
+    .input[disabled]:-ms-input-placeholder, .woocommerce input[disabled]:-ms-input-placeholder:not([type='checkbox']),
     .textarea[disabled]:-ms-input-placeholder,
     .woocommerce textarea[disabled]:-ms-input-placeholder {
       color: rgba(122, 122, 122, 0.3); }
-  .input[readonly], .woocommerce input[readonly],
+  .input[readonly], .woocommerce input[readonly]:not([type='checkbox']),
   .textarea[readonly],
   .woocommerce textarea[readonly] {
     box-shadow: none; }
-  .input.is-white, .woocommerce input.is-white,
+  .input.is-white, .woocommerce input.is-white:not([type='checkbox']),
   .textarea.is-white,
   .woocommerce textarea.is-white {
     border-color: white; }
-    .input.is-white:focus, .woocommerce input.is-white:focus, .input.is-white.is-focused, .woocommerce input.is-white.is-focused, .input.is-white:active, .woocommerce input.is-white:active, .input.is-white.is-active, .woocommerce input.is-white.is-active,
+    .input.is-white:focus, .woocommerce input.is-white:focus:not([type='checkbox']), .input.is-white.is-focused, .woocommerce input.is-white.is-focused:not([type='checkbox']), .input.is-white:active, .woocommerce input.is-white:active:not([type='checkbox']), .input.is-white.is-active, .woocommerce input.is-white.is-active:not([type='checkbox']),
     .textarea.is-white:focus,
     .woocommerce textarea.is-white:focus,
     .textarea.is-white.is-focused,
@@ -2072,11 +1989,11 @@ a.box:active {
     .textarea.is-white.is-active,
     .woocommerce textarea.is-white.is-active {
       box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
-  .input.is-black, .woocommerce input.is-black,
+  .input.is-black, .woocommerce input.is-black:not([type='checkbox']),
   .textarea.is-black,
   .woocommerce textarea.is-black {
     border-color: #0a0a0a; }
-    .input.is-black:focus, .woocommerce input.is-black:focus, .input.is-black.is-focused, .woocommerce input.is-black.is-focused, .input.is-black:active, .woocommerce input.is-black:active, .input.is-black.is-active, .woocommerce input.is-black.is-active,
+    .input.is-black:focus, .woocommerce input.is-black:focus:not([type='checkbox']), .input.is-black.is-focused, .woocommerce input.is-black.is-focused:not([type='checkbox']), .input.is-black:active, .woocommerce input.is-black:active:not([type='checkbox']), .input.is-black.is-active, .woocommerce input.is-black.is-active:not([type='checkbox']),
     .textarea.is-black:focus,
     .woocommerce textarea.is-black:focus,
     .textarea.is-black.is-focused,
@@ -2086,11 +2003,11 @@ a.box:active {
     .textarea.is-black.is-active,
     .woocommerce textarea.is-black.is-active {
       box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); }
-  .input.is-light, .woocommerce input.is-light,
+  .input.is-light, .woocommerce input.is-light:not([type='checkbox']),
   .textarea.is-light,
   .woocommerce textarea.is-light {
     border-color: whitesmoke; }
-    .input.is-light:focus, .woocommerce input.is-light:focus, .input.is-light.is-focused, .woocommerce input.is-light.is-focused, .input.is-light:active, .woocommerce input.is-light:active, .input.is-light.is-active, .woocommerce input.is-light.is-active,
+    .input.is-light:focus, .woocommerce input.is-light:focus:not([type='checkbox']), .input.is-light.is-focused, .woocommerce input.is-light.is-focused:not([type='checkbox']), .input.is-light:active, .woocommerce input.is-light:active:not([type='checkbox']), .input.is-light.is-active, .woocommerce input.is-light.is-active:not([type='checkbox']),
     .textarea.is-light:focus,
     .woocommerce textarea.is-light:focus,
     .textarea.is-light.is-focused,
@@ -2100,11 +2017,11 @@ a.box:active {
     .textarea.is-light.is-active,
     .woocommerce textarea.is-light.is-active {
       box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); }
-  .input.is-dark, .woocommerce input.is-dark,
+  .input.is-dark, .woocommerce input.is-dark:not([type='checkbox']),
   .textarea.is-dark,
   .woocommerce textarea.is-dark {
     border-color: #363636; }
-    .input.is-dark:focus, .woocommerce input.is-dark:focus, .input.is-dark.is-focused, .woocommerce input.is-dark.is-focused, .input.is-dark:active, .woocommerce input.is-dark:active, .input.is-dark.is-active, .woocommerce input.is-dark.is-active,
+    .input.is-dark:focus, .woocommerce input.is-dark:focus:not([type='checkbox']), .input.is-dark.is-focused, .woocommerce input.is-dark.is-focused:not([type='checkbox']), .input.is-dark:active, .woocommerce input.is-dark:active:not([type='checkbox']), .input.is-dark.is-active, .woocommerce input.is-dark.is-active:not([type='checkbox']),
     .textarea.is-dark:focus,
     .woocommerce textarea.is-dark:focus,
     .textarea.is-dark.is-focused,
@@ -2114,9 +2031,10 @@ a.box:active {
     .textarea.is-dark.is-active,
     .woocommerce textarea.is-dark.is-active {
       box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); }
-  .input.is-primary, .woocommerce input.is-primary, .woocommerce #respond input#submit,
-  .woocommerce input.button.alt, .woocommerce .blog-comment input.alt#cancel-comment-reply-link, .blog-comment .woocommerce input.alt#cancel-comment-reply-link, .woocommerce .blog-comment button.input.alt#cancel-comment-reply-link, .blog-comment .woocommerce button.input.alt#cancel-comment-reply-link, .woocommerce button.input.alt.button,
+  .input.is-primary, .woocommerce input.is-primary:not([type='checkbox']), .woocommerce #respond input#submit:not([type='checkbox']),
+  .woocommerce input.button.alt:not([type='checkbox']), .woocommerce .blog-comment input.alt#cancel-comment-reply-link:not([type='checkbox']), .blog-comment .woocommerce input.alt#cancel-comment-reply-link:not([type='checkbox']), .woocommerce #respond input.input#submit, .woocommerce .blog-comment button.input.alt#cancel-comment-reply-link, .blog-comment .woocommerce button.input.alt#cancel-comment-reply-link, .woocommerce button.input.alt.button,
   .woocommerce a.input.button.alt, .woocommerce .blog-comment a.input.alt#cancel-comment-reply-link, .blog-comment .woocommerce a.input.alt#cancel-comment-reply-link,
+  .woocommerce input.input.button.alt, .woocommerce .blog-comment input.input.alt#cancel-comment-reply-link, .blog-comment .woocommerce input.input.alt#cancel-comment-reply-link,
   .textarea.is-primary,
   .woocommerce textarea.is-primary,
   .woocommerce #respond input.textarea#submit,
@@ -2130,15 +2048,19 @@ a.box:active {
   .woocommerce .blog-comment input.textarea.alt#cancel-comment-reply-link,
   .blog-comment .woocommerce input.textarea.alt#cancel-comment-reply-link {
     border-color: #2376B3; }
-    .input.is-primary:focus, .woocommerce input.is-primary:focus, .woocommerce #respond input#submit:focus,
-    .woocommerce input.button.alt:focus, .woocommerce .blog-comment input.alt#cancel-comment-reply-link:focus, .blog-comment .woocommerce input.alt#cancel-comment-reply-link:focus, .woocommerce .blog-comment button.input.alt#cancel-comment-reply-link:focus, .blog-comment .woocommerce button.input.alt#cancel-comment-reply-link:focus, .woocommerce button.input.alt.button:focus,
-    .woocommerce a.input.button.alt:focus, .woocommerce .blog-comment a.input.alt#cancel-comment-reply-link:focus, .blog-comment .woocommerce a.input.alt#cancel-comment-reply-link:focus, .input.is-primary.is-focused, .woocommerce input.is-primary.is-focused, .woocommerce #respond input.is-focused#submit,
-    .woocommerce input.is-focused.button.alt, .woocommerce .blog-comment input.is-focused.alt#cancel-comment-reply-link, .blog-comment .woocommerce input.is-focused.alt#cancel-comment-reply-link, .woocommerce .blog-comment button.input.is-focused.alt#cancel-comment-reply-link, .blog-comment .woocommerce button.input.is-focused.alt#cancel-comment-reply-link, .woocommerce button.input.is-focused.alt.button,
-    .woocommerce a.input.is-focused.button.alt, .woocommerce .blog-comment a.input.is-focused.alt#cancel-comment-reply-link, .blog-comment .woocommerce a.input.is-focused.alt#cancel-comment-reply-link, .input.is-primary:active, .woocommerce input.is-primary:active, .woocommerce #respond input#submit:active,
-    .woocommerce input.button.alt:active, .woocommerce .blog-comment input.alt#cancel-comment-reply-link:active, .blog-comment .woocommerce input.alt#cancel-comment-reply-link:active, .woocommerce .blog-comment button.input.alt#cancel-comment-reply-link:active, .blog-comment .woocommerce button.input.alt#cancel-comment-reply-link:active, .woocommerce button.input.alt.button:active,
-    .woocommerce a.input.button.alt:active, .woocommerce .blog-comment a.input.alt#cancel-comment-reply-link:active, .blog-comment .woocommerce a.input.alt#cancel-comment-reply-link:active, .input.is-primary.is-active, .woocommerce input.is-primary.is-active, .woocommerce #respond input.is-active#submit,
-    .woocommerce input.is-active.button.alt, .woocommerce .blog-comment input.is-active.alt#cancel-comment-reply-link, .blog-comment .woocommerce input.is-active.alt#cancel-comment-reply-link, .woocommerce .blog-comment button.input.is-active.alt#cancel-comment-reply-link, .blog-comment .woocommerce button.input.is-active.alt#cancel-comment-reply-link, .woocommerce button.input.is-active.alt.button,
+    .input.is-primary:focus, .woocommerce input.is-primary:focus:not([type='checkbox']), .woocommerce #respond input#submit:focus:not([type='checkbox']),
+    .woocommerce input.button.alt:focus:not([type='checkbox']), .woocommerce .blog-comment input.alt#cancel-comment-reply-link:focus:not([type='checkbox']), .blog-comment .woocommerce input.alt#cancel-comment-reply-link:focus:not([type='checkbox']), .woocommerce #respond input.input#submit:focus, .woocommerce .blog-comment button.input.alt#cancel-comment-reply-link:focus, .blog-comment .woocommerce button.input.alt#cancel-comment-reply-link:focus, .woocommerce button.input.alt.button:focus,
+    .woocommerce a.input.button.alt:focus, .woocommerce .blog-comment a.input.alt#cancel-comment-reply-link:focus, .blog-comment .woocommerce a.input.alt#cancel-comment-reply-link:focus,
+    .woocommerce input.input.button.alt:focus, .woocommerce .blog-comment input.input.alt#cancel-comment-reply-link:focus, .blog-comment .woocommerce input.input.alt#cancel-comment-reply-link:focus, .input.is-primary.is-focused, .woocommerce input.is-primary.is-focused:not([type='checkbox']), .woocommerce #respond input.is-focused#submit:not([type='checkbox']),
+    .woocommerce input.is-focused.button.alt:not([type='checkbox']), .woocommerce .blog-comment input.is-focused.alt#cancel-comment-reply-link:not([type='checkbox']), .blog-comment .woocommerce input.is-focused.alt#cancel-comment-reply-link:not([type='checkbox']), .woocommerce #respond input.input.is-focused#submit, .woocommerce .blog-comment button.input.is-focused.alt#cancel-comment-reply-link, .blog-comment .woocommerce button.input.is-focused.alt#cancel-comment-reply-link, .woocommerce button.input.is-focused.alt.button,
+    .woocommerce a.input.is-focused.button.alt, .woocommerce .blog-comment a.input.is-focused.alt#cancel-comment-reply-link, .blog-comment .woocommerce a.input.is-focused.alt#cancel-comment-reply-link,
+    .woocommerce input.input.is-focused.button.alt, .woocommerce .blog-comment input.input.is-focused.alt#cancel-comment-reply-link, .blog-comment .woocommerce input.input.is-focused.alt#cancel-comment-reply-link, .input.is-primary:active, .woocommerce input.is-primary:active:not([type='checkbox']), .woocommerce #respond input#submit:active:not([type='checkbox']),
+    .woocommerce input.button.alt:active:not([type='checkbox']), .woocommerce .blog-comment input.alt#cancel-comment-reply-link:active:not([type='checkbox']), .blog-comment .woocommerce input.alt#cancel-comment-reply-link:active:not([type='checkbox']), .woocommerce #respond input.input#submit:active, .woocommerce .blog-comment button.input.alt#cancel-comment-reply-link:active, .blog-comment .woocommerce button.input.alt#cancel-comment-reply-link:active, .woocommerce button.input.alt.button:active,
+    .woocommerce a.input.button.alt:active, .woocommerce .blog-comment a.input.alt#cancel-comment-reply-link:active, .blog-comment .woocommerce a.input.alt#cancel-comment-reply-link:active,
+    .woocommerce input.input.button.alt:active, .woocommerce .blog-comment input.input.alt#cancel-comment-reply-link:active, .blog-comment .woocommerce input.input.alt#cancel-comment-reply-link:active, .input.is-primary.is-active, .woocommerce input.is-primary.is-active:not([type='checkbox']), .woocommerce #respond input.is-active#submit:not([type='checkbox']),
+    .woocommerce input.is-active.button.alt:not([type='checkbox']), .woocommerce .blog-comment input.is-active.alt#cancel-comment-reply-link:not([type='checkbox']), .blog-comment .woocommerce input.is-active.alt#cancel-comment-reply-link:not([type='checkbox']), .woocommerce #respond input.input.is-active#submit, .woocommerce .blog-comment button.input.is-active.alt#cancel-comment-reply-link, .blog-comment .woocommerce button.input.is-active.alt#cancel-comment-reply-link, .woocommerce button.input.is-active.alt.button,
     .woocommerce a.input.is-active.button.alt, .woocommerce .blog-comment a.input.is-active.alt#cancel-comment-reply-link, .blog-comment .woocommerce a.input.is-active.alt#cancel-comment-reply-link,
+    .woocommerce input.input.is-active.button.alt, .woocommerce .blog-comment input.input.is-active.alt#cancel-comment-reply-link, .blog-comment .woocommerce input.input.is-active.alt#cancel-comment-reply-link,
     .textarea.is-primary:focus,
     .woocommerce textarea.is-primary:focus,
     .woocommerce #respond input.textarea#submit:focus,
@@ -2188,11 +2110,11 @@ a.box:active {
     .woocommerce .blog-comment input.textarea.is-active.alt#cancel-comment-reply-link,
     .blog-comment .woocommerce input.textarea.is-active.alt#cancel-comment-reply-link {
       box-shadow: 0 0 0 0.125em rgba(35, 118, 179, 0.25); }
-  .input.is-link, .woocommerce input.is-link,
+  .input.is-link, .woocommerce input.is-link:not([type='checkbox']),
   .textarea.is-link,
   .woocommerce textarea.is-link {
     border-color: #2376B3; }
-    .input.is-link:focus, .woocommerce input.is-link:focus, .input.is-link.is-focused, .woocommerce input.is-link.is-focused, .input.is-link:active, .woocommerce input.is-link:active, .input.is-link.is-active, .woocommerce input.is-link.is-active,
+    .input.is-link:focus, .woocommerce input.is-link:focus:not([type='checkbox']), .input.is-link.is-focused, .woocommerce input.is-link.is-focused:not([type='checkbox']), .input.is-link:active, .woocommerce input.is-link:active:not([type='checkbox']), .input.is-link.is-active, .woocommerce input.is-link.is-active:not([type='checkbox']),
     .textarea.is-link:focus,
     .woocommerce textarea.is-link:focus,
     .textarea.is-link.is-focused,
@@ -2202,11 +2124,11 @@ a.box:active {
     .textarea.is-link.is-active,
     .woocommerce textarea.is-link.is-active {
       box-shadow: 0 0 0 0.125em rgba(35, 118, 179, 0.25); }
-  .input.is-info, .woocommerce input.is-info,
+  .input.is-info, .woocommerce input.is-info:not([type='checkbox']),
   .textarea.is-info,
   .woocommerce textarea.is-info {
     border-color: #209cee; }
-    .input.is-info:focus, .woocommerce input.is-info:focus, .input.is-info.is-focused, .woocommerce input.is-info.is-focused, .input.is-info:active, .woocommerce input.is-info:active, .input.is-info.is-active, .woocommerce input.is-info.is-active,
+    .input.is-info:focus, .woocommerce input.is-info:focus:not([type='checkbox']), .input.is-info.is-focused, .woocommerce input.is-info.is-focused:not([type='checkbox']), .input.is-info:active, .woocommerce input.is-info:active:not([type='checkbox']), .input.is-info.is-active, .woocommerce input.is-info.is-active:not([type='checkbox']),
     .textarea.is-info:focus,
     .woocommerce textarea.is-info:focus,
     .textarea.is-info.is-focused,
@@ -2216,11 +2138,11 @@ a.box:active {
     .textarea.is-info.is-active,
     .woocommerce textarea.is-info.is-active {
       box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); }
-  .input.is-success, .woocommerce input.is-success,
+  .input.is-success, .woocommerce input.is-success:not([type='checkbox']),
   .textarea.is-success,
   .woocommerce textarea.is-success {
     border-color: #46B865; }
-    .input.is-success:focus, .woocommerce input.is-success:focus, .input.is-success.is-focused, .woocommerce input.is-success.is-focused, .input.is-success:active, .woocommerce input.is-success:active, .input.is-success.is-active, .woocommerce input.is-success.is-active,
+    .input.is-success:focus, .woocommerce input.is-success:focus:not([type='checkbox']), .input.is-success.is-focused, .woocommerce input.is-success.is-focused:not([type='checkbox']), .input.is-success:active, .woocommerce input.is-success:active:not([type='checkbox']), .input.is-success.is-active, .woocommerce input.is-success.is-active:not([type='checkbox']),
     .textarea.is-success:focus,
     .woocommerce textarea.is-success:focus,
     .textarea.is-success.is-focused,
@@ -2230,11 +2152,11 @@ a.box:active {
     .textarea.is-success.is-active,
     .woocommerce textarea.is-success.is-active {
       box-shadow: 0 0 0 0.125em rgba(70, 184, 101, 0.25); }
-  .input.is-warning, .woocommerce input.is-warning,
+  .input.is-warning, .woocommerce input.is-warning:not([type='checkbox']),
   .textarea.is-warning,
   .woocommerce textarea.is-warning {
     border-color: #FED040; }
-    .input.is-warning:focus, .woocommerce input.is-warning:focus, .input.is-warning.is-focused, .woocommerce input.is-warning.is-focused, .input.is-warning:active, .woocommerce input.is-warning:active, .input.is-warning.is-active, .woocommerce input.is-warning.is-active,
+    .input.is-warning:focus, .woocommerce input.is-warning:focus:not([type='checkbox']), .input.is-warning.is-focused, .woocommerce input.is-warning.is-focused:not([type='checkbox']), .input.is-warning:active, .woocommerce input.is-warning:active:not([type='checkbox']), .input.is-warning.is-active, .woocommerce input.is-warning.is-active:not([type='checkbox']),
     .textarea.is-warning:focus,
     .woocommerce textarea.is-warning:focus,
     .textarea.is-warning.is-focused,
@@ -2244,7 +2166,7 @@ a.box:active {
     .textarea.is-warning.is-active,
     .woocommerce textarea.is-warning.is-active {
       box-shadow: 0 0 0 0.125em rgba(254, 208, 64, 0.25); }
-  .input.is-danger, .blog-comment .input#cancel-comment-reply-link, .blog-comment .woocommerce input#cancel-comment-reply-link, .woocommerce .blog-comment input#cancel-comment-reply-link, .woocommerce input.is-danger, .woocommerce span.input.onsale,
+  .input.is-danger, .blog-comment .input#cancel-comment-reply-link, .blog-comment .woocommerce input#cancel-comment-reply-link:not([type='checkbox']), .woocommerce .blog-comment input#cancel-comment-reply-link:not([type='checkbox']), .woocommerce input.is-danger:not([type='checkbox']), .woocommerce span.input.onsale,
   .textarea.is-danger,
   .blog-comment .textarea#cancel-comment-reply-link,
   .blog-comment .woocommerce textarea#cancel-comment-reply-link,
@@ -2252,7 +2174,7 @@ a.box:active {
   .woocommerce textarea.is-danger,
   .woocommerce span.textarea.onsale {
     border-color: #ff3860; }
-    .input.is-danger:focus, .blog-comment .input#cancel-comment-reply-link:focus, .blog-comment .woocommerce input#cancel-comment-reply-link:focus, .woocommerce .blog-comment input#cancel-comment-reply-link:focus, .woocommerce input.is-danger:focus, .woocommerce span.input.onsale:focus, .input.is-danger.is-focused, .blog-comment .input.is-focused#cancel-comment-reply-link, .blog-comment .woocommerce input.is-focused#cancel-comment-reply-link, .woocommerce .blog-comment input.is-focused#cancel-comment-reply-link, .woocommerce input.is-danger.is-focused, .woocommerce span.input.is-focused.onsale, .input.is-danger:active, .blog-comment .input#cancel-comment-reply-link:active, .blog-comment .woocommerce input#cancel-comment-reply-link:active, .woocommerce .blog-comment input#cancel-comment-reply-link:active, .woocommerce input.is-danger:active, .woocommerce span.input.onsale:active, .input.is-danger.is-active, .blog-comment .input.is-active#cancel-comment-reply-link, .blog-comment .woocommerce input.is-active#cancel-comment-reply-link, .woocommerce .blog-comment input.is-active#cancel-comment-reply-link, .woocommerce input.is-danger.is-active, .woocommerce span.input.is-active.onsale,
+    .input.is-danger:focus, .blog-comment .input#cancel-comment-reply-link:focus, .blog-comment .woocommerce input#cancel-comment-reply-link:focus:not([type='checkbox']), .woocommerce .blog-comment input#cancel-comment-reply-link:focus:not([type='checkbox']), .woocommerce input.is-danger:focus:not([type='checkbox']), .woocommerce span.input.onsale:focus, .input.is-danger.is-focused, .blog-comment .input.is-focused#cancel-comment-reply-link, .blog-comment .woocommerce input.is-focused#cancel-comment-reply-link:not([type='checkbox']), .woocommerce .blog-comment input.is-focused#cancel-comment-reply-link:not([type='checkbox']), .woocommerce input.is-danger.is-focused:not([type='checkbox']), .woocommerce span.input.is-focused.onsale, .input.is-danger:active, .blog-comment .input#cancel-comment-reply-link:active, .blog-comment .woocommerce input#cancel-comment-reply-link:active:not([type='checkbox']), .woocommerce .blog-comment input#cancel-comment-reply-link:active:not([type='checkbox']), .woocommerce input.is-danger:active:not([type='checkbox']), .woocommerce span.input.onsale:active, .input.is-danger.is-active, .blog-comment .input.is-active#cancel-comment-reply-link, .blog-comment .woocommerce input.is-active#cancel-comment-reply-link:not([type='checkbox']), .woocommerce .blog-comment input.is-active#cancel-comment-reply-link:not([type='checkbox']), .woocommerce input.is-danger.is-active:not([type='checkbox']), .woocommerce span.input.is-active.onsale,
     .textarea.is-danger:focus,
     .blog-comment .textarea#cancel-comment-reply-link:focus,
     .blog-comment .woocommerce textarea#cancel-comment-reply-link:focus,
@@ -2278,37 +2200,37 @@ a.box:active {
     .woocommerce textarea.is-danger.is-active,
     .woocommerce span.textarea.is-active.onsale {
       box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); }
-  .input.is-small, .woocommerce input.is-small, .woocommerce span.input.onsale,
+  .input.is-small, .woocommerce input.is-small:not([type='checkbox']), .woocommerce span.input.onsale,
   .textarea.is-small,
   .woocommerce textarea.is-small,
   .woocommerce span.textarea.onsale {
     border-radius: 2px;
     font-size: 0.75rem; }
-  .input.is-medium, .woocommerce input.is-medium,
+  .input.is-medium, .woocommerce input.is-medium:not([type='checkbox']),
   .textarea.is-medium,
   .woocommerce textarea.is-medium {
     font-size: 1.25rem; }
-  .input.is-large, .woocommerce input.is-large,
+  .input.is-large, .woocommerce input.is-large:not([type='checkbox']),
   .textarea.is-large,
   .woocommerce textarea.is-large {
     font-size: 1.5rem; }
-  .input.is-fullwidth, .woocommerce input.is-fullwidth,
+  .input.is-fullwidth, .woocommerce input.is-fullwidth:not([type='checkbox']),
   .textarea.is-fullwidth,
   .woocommerce textarea.is-fullwidth {
     display: block;
     width: 100%; }
-  .input.is-inline, .woocommerce input.is-inline,
+  .input.is-inline, .woocommerce input.is-inline:not([type='checkbox']),
   .textarea.is-inline,
   .woocommerce textarea.is-inline {
     display: inline;
     width: auto; }
 
-.input.is-rounded, .woocommerce input.is-rounded {
+.input.is-rounded, .woocommerce input.is-rounded:not([type='checkbox']) {
   border-radius: 290486px;
   padding-left: 1em;
   padding-right: 1em; }
 
-.input.is-static, .woocommerce input.is-static {
+.input.is-static, .woocommerce input.is-static:not([type='checkbox']) {
   background-color: transparent;
   border-color: transparent;
   box-shadow: none;
@@ -2888,47 +2810,47 @@ a.box:active {
     margin-right: -1px; }
   .field.has-addons .control:not(:first-child):not(:last-child) .button, .field.has-addons .control:not(:first-child):not(:last-child) .blog-comment #cancel-comment-reply-link, .blog-comment .field.has-addons .control:not(:first-child):not(:last-child) #cancel-comment-reply-link, .field.has-addons .control:not(:first-child):not(:last-child) .woocommerce #respond input#submit, .woocommerce #respond .field.has-addons .control:not(:first-child):not(:last-child) input#submit,
   .field.has-addons .control:not(:first-child):not(:last-child) .input,
-  .field.has-addons .control:not(:first-child):not(:last-child) .woocommerce input,
-  .woocommerce .field.has-addons .control:not(:first-child):not(:last-child) input,
+  .field.has-addons .control:not(:first-child):not(:last-child) .woocommerce input:not([type='checkbox']),
+  .woocommerce .field.has-addons .control:not(:first-child):not(:last-child) input:not([type='checkbox']),
   .field.has-addons .control:not(:first-child):not(:last-child) .select select {
     border-radius: 0; }
   .field.has-addons .control:first-child .button, .field.has-addons .control:first-child .blog-comment #cancel-comment-reply-link, .blog-comment .field.has-addons .control:first-child #cancel-comment-reply-link, .field.has-addons .control:first-child .woocommerce #respond input#submit, .woocommerce #respond .field.has-addons .control:first-child input#submit,
   .field.has-addons .control:first-child .input,
-  .field.has-addons .control:first-child .woocommerce input,
-  .woocommerce .field.has-addons .control:first-child input,
+  .field.has-addons .control:first-child .woocommerce input:not([type='checkbox']),
+  .woocommerce .field.has-addons .control:first-child input:not([type='checkbox']),
   .field.has-addons .control:first-child .select select {
     border-bottom-right-radius: 0;
     border-top-right-radius: 0; }
   .field.has-addons .control:last-child .button, .field.has-addons .control:last-child .blog-comment #cancel-comment-reply-link, .blog-comment .field.has-addons .control:last-child #cancel-comment-reply-link, .field.has-addons .control:last-child .woocommerce #respond input#submit, .woocommerce #respond .field.has-addons .control:last-child input#submit,
   .field.has-addons .control:last-child .input,
-  .field.has-addons .control:last-child .woocommerce input,
-  .woocommerce .field.has-addons .control:last-child input,
+  .field.has-addons .control:last-child .woocommerce input:not([type='checkbox']),
+  .woocommerce .field.has-addons .control:last-child input:not([type='checkbox']),
   .field.has-addons .control:last-child .select select {
     border-bottom-left-radius: 0;
     border-top-left-radius: 0; }
   .field.has-addons .control .button:hover, .field.has-addons .control .blog-comment #cancel-comment-reply-link:hover, .blog-comment .field.has-addons .control #cancel-comment-reply-link:hover, .field.has-addons .control .woocommerce #respond input#submit:hover, .woocommerce #respond .field.has-addons .control input#submit:hover, .field.has-addons .control .button.is-hovered, .field.has-addons .control .blog-comment .is-hovered#cancel-comment-reply-link, .blog-comment .field.has-addons .control .is-hovered#cancel-comment-reply-link, .field.has-addons .control .woocommerce #respond input.is-hovered#submit, .woocommerce #respond .field.has-addons .control input.is-hovered#submit,
   .field.has-addons .control .input:hover,
-  .field.has-addons .control .woocommerce input:hover,
-  .woocommerce .field.has-addons .control input:hover,
+  .field.has-addons .control .woocommerce input:hover:not([type='checkbox']),
+  .woocommerce .field.has-addons .control input:hover:not([type='checkbox']),
   .field.has-addons .control .input.is-hovered,
-  .field.has-addons .control .woocommerce input.is-hovered,
-  .woocommerce .field.has-addons .control input.is-hovered,
+  .field.has-addons .control .woocommerce input.is-hovered:not([type='checkbox']),
+  .woocommerce .field.has-addons .control input.is-hovered:not([type='checkbox']),
   .field.has-addons .control .select select:hover,
   .field.has-addons .control .select select.is-hovered {
     z-index: 2; }
   .field.has-addons .control .button:focus, .field.has-addons .control .blog-comment #cancel-comment-reply-link:focus, .blog-comment .field.has-addons .control #cancel-comment-reply-link:focus, .field.has-addons .control .woocommerce #respond input#submit:focus, .woocommerce #respond .field.has-addons .control input#submit:focus, .field.has-addons .control .button.is-focused, .field.has-addons .control .blog-comment .is-focused#cancel-comment-reply-link, .blog-comment .field.has-addons .control .is-focused#cancel-comment-reply-link, .field.has-addons .control .woocommerce #respond input.is-focused#submit, .woocommerce #respond .field.has-addons .control input.is-focused#submit, .field.has-addons .control .button:active, .field.has-addons .control .blog-comment #cancel-comment-reply-link:active, .blog-comment .field.has-addons .control #cancel-comment-reply-link:active, .field.has-addons .control .woocommerce #respond input#submit:active, .woocommerce #respond .field.has-addons .control input#submit:active, .field.has-addons .control .button.is-active, .field.has-addons .control .blog-comment .is-active#cancel-comment-reply-link, .blog-comment .field.has-addons .control .is-active#cancel-comment-reply-link, .field.has-addons .control .woocommerce #respond input.is-active#submit, .woocommerce #respond .field.has-addons .control input.is-active#submit,
   .field.has-addons .control .input:focus,
-  .field.has-addons .control .woocommerce input:focus,
-  .woocommerce .field.has-addons .control input:focus,
+  .field.has-addons .control .woocommerce input:focus:not([type='checkbox']),
+  .woocommerce .field.has-addons .control input:focus:not([type='checkbox']),
   .field.has-addons .control .input.is-focused,
-  .field.has-addons .control .woocommerce input.is-focused,
-  .woocommerce .field.has-addons .control input.is-focused,
+  .field.has-addons .control .woocommerce input.is-focused:not([type='checkbox']),
+  .woocommerce .field.has-addons .control input.is-focused:not([type='checkbox']),
   .field.has-addons .control .input:active,
-  .field.has-addons .control .woocommerce input:active,
-  .woocommerce .field.has-addons .control input:active,
+  .field.has-addons .control .woocommerce input:active:not([type='checkbox']),
+  .woocommerce .field.has-addons .control input:active:not([type='checkbox']),
   .field.has-addons .control .input.is-active,
-  .field.has-addons .control .woocommerce input.is-active,
-  .woocommerce .field.has-addons .control input.is-active,
+  .field.has-addons .control .woocommerce input.is-active:not([type='checkbox']),
+  .woocommerce .field.has-addons .control input.is-active:not([type='checkbox']),
   .field.has-addons .control .select select:focus,
   .field.has-addons .control .select select.is-focused,
   .field.has-addons .control .select select:active,
@@ -2936,17 +2858,17 @@ a.box:active {
     z-index: 3; }
     .field.has-addons .control .button:focus:hover, .field.has-addons .control .blog-comment #cancel-comment-reply-link:focus:hover, .blog-comment .field.has-addons .control #cancel-comment-reply-link:focus:hover, .field.has-addons .control .woocommerce #respond input#submit:focus:hover, .woocommerce #respond .field.has-addons .control input#submit:focus:hover, .field.has-addons .control .button.is-focused:hover, .field.has-addons .control .blog-comment .is-focused#cancel-comment-reply-link:hover, .blog-comment .field.has-addons .control .is-focused#cancel-comment-reply-link:hover, .field.has-addons .control .woocommerce #respond input.is-focused#submit:hover, .woocommerce #respond .field.has-addons .control input.is-focused#submit:hover, .field.has-addons .control .button:active:hover, .field.has-addons .control .blog-comment #cancel-comment-reply-link:active:hover, .blog-comment .field.has-addons .control #cancel-comment-reply-link:active:hover, .field.has-addons .control .woocommerce #respond input#submit:active:hover, .woocommerce #respond .field.has-addons .control input#submit:active:hover, .field.has-addons .control .button.is-active:hover, .field.has-addons .control .blog-comment .is-active#cancel-comment-reply-link:hover, .blog-comment .field.has-addons .control .is-active#cancel-comment-reply-link:hover, .field.has-addons .control .woocommerce #respond input.is-active#submit:hover, .woocommerce #respond .field.has-addons .control input.is-active#submit:hover,
     .field.has-addons .control .input:focus:hover,
-    .field.has-addons .control .woocommerce input:focus:hover,
-    .woocommerce .field.has-addons .control input:focus:hover,
+    .field.has-addons .control .woocommerce input:focus:hover:not([type='checkbox']),
+    .woocommerce .field.has-addons .control input:focus:hover:not([type='checkbox']),
     .field.has-addons .control .input.is-focused:hover,
-    .field.has-addons .control .woocommerce input.is-focused:hover,
-    .woocommerce .field.has-addons .control input.is-focused:hover,
+    .field.has-addons .control .woocommerce input.is-focused:hover:not([type='checkbox']),
+    .woocommerce .field.has-addons .control input.is-focused:hover:not([type='checkbox']),
     .field.has-addons .control .input:active:hover,
-    .field.has-addons .control .woocommerce input:active:hover,
-    .woocommerce .field.has-addons .control input:active:hover,
+    .field.has-addons .control .woocommerce input:active:hover:not([type='checkbox']),
+    .woocommerce .field.has-addons .control input:active:hover:not([type='checkbox']),
     .field.has-addons .control .input.is-active:hover,
-    .field.has-addons .control .woocommerce input.is-active:hover,
-    .woocommerce .field.has-addons .control input.is-active:hover,
+    .field.has-addons .control .woocommerce input.is-active:hover:not([type='checkbox']),
+    .woocommerce .field.has-addons .control input.is-active:hover:not([type='checkbox']),
     .field.has-addons .control .select select:focus:hover,
     .field.has-addons .control .select select.is-focused:hover,
     .field.has-addons .control .select select:active:hover,
@@ -3046,40 +2968,40 @@ a.box:active {
     top: 0;
     width: 2.25em;
     z-index: 4; }
-  .control.has-icon .input:focus + .icon, .control.has-icon .woocommerce input:focus + .icon, .woocommerce .control.has-icon input:focus + .icon {
+  .control.has-icon .input:focus + .icon, .control.has-icon .woocommerce input:focus:not([type='checkbox']) + .icon, .woocommerce .control.has-icon input:focus:not([type='checkbox']) + .icon {
     color: #7a7a7a; }
-  .control.has-icon .input.is-small + .icon, .control.has-icon .woocommerce input.is-small + .icon, .woocommerce .control.has-icon input.is-small + .icon, .control.has-icon .woocommerce span.input.onsale + .icon, .woocommerce .control.has-icon span.input.onsale + .icon {
+  .control.has-icon .input.is-small + .icon, .control.has-icon .woocommerce input.is-small:not([type='checkbox']) + .icon, .woocommerce .control.has-icon input.is-small:not([type='checkbox']) + .icon, .control.has-icon .woocommerce span.input.onsale + .icon, .woocommerce .control.has-icon span.input.onsale + .icon {
     font-size: 0.75rem; }
-  .control.has-icon .input.is-medium + .icon, .control.has-icon .woocommerce input.is-medium + .icon, .woocommerce .control.has-icon input.is-medium + .icon {
+  .control.has-icon .input.is-medium + .icon, .control.has-icon .woocommerce input.is-medium:not([type='checkbox']) + .icon, .woocommerce .control.has-icon input.is-medium:not([type='checkbox']) + .icon {
     font-size: 1.25rem; }
-  .control.has-icon .input.is-large + .icon, .control.has-icon .woocommerce input.is-large + .icon, .woocommerce .control.has-icon input.is-large + .icon {
+  .control.has-icon .input.is-large + .icon, .control.has-icon .woocommerce input.is-large:not([type='checkbox']) + .icon, .woocommerce .control.has-icon input.is-large:not([type='checkbox']) + .icon {
     font-size: 1.5rem; }
   .control.has-icon:not(.has-icon-right) .icon {
     left: 0; }
-  .control.has-icon:not(.has-icon-right) .input, .control.has-icon:not(.has-icon-right) .woocommerce input, .woocommerce .control.has-icon:not(.has-icon-right) input {
+  .control.has-icon:not(.has-icon-right) .input, .control.has-icon:not(.has-icon-right) .woocommerce input:not([type='checkbox']), .woocommerce .control.has-icon:not(.has-icon-right) input:not([type='checkbox']) {
     padding-left: 2.25em; }
   .control.has-icon.has-icon-right .icon {
     right: 0; }
-  .control.has-icon.has-icon-right .input, .control.has-icon.has-icon-right .woocommerce input, .woocommerce .control.has-icon.has-icon-right input {
+  .control.has-icon.has-icon-right .input, .control.has-icon.has-icon-right .woocommerce input:not([type='checkbox']), .woocommerce .control.has-icon.has-icon-right input:not([type='checkbox']) {
     padding-right: 2.25em; }
-  .control.has-icons-left .input:focus ~ .icon, .control.has-icons-left .woocommerce input:focus ~ .icon, .woocommerce .control.has-icons-left input:focus ~ .icon,
-  .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, .control.has-icons-right .woocommerce input:focus ~ .icon, .woocommerce .control.has-icons-right input:focus ~ .icon,
+  .control.has-icons-left .input:focus ~ .icon, .control.has-icons-left .woocommerce input:focus:not([type='checkbox']) ~ .icon, .woocommerce .control.has-icons-left input:focus:not([type='checkbox']) ~ .icon,
+  .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, .control.has-icons-right .woocommerce input:focus:not([type='checkbox']) ~ .icon, .woocommerce .control.has-icons-right input:focus:not([type='checkbox']) ~ .icon,
   .control.has-icons-right .select:focus ~ .icon {
     color: #7a7a7a; }
-  .control.has-icons-left .input.is-small ~ .icon, .control.has-icons-left .woocommerce input.is-small ~ .icon, .woocommerce .control.has-icons-left input.is-small ~ .icon, .control.has-icons-left .woocommerce span.input.onsale ~ .icon, .woocommerce .control.has-icons-left span.input.onsale ~ .icon,
+  .control.has-icons-left .input.is-small ~ .icon, .control.has-icons-left .woocommerce input.is-small:not([type='checkbox']) ~ .icon, .woocommerce .control.has-icons-left input.is-small:not([type='checkbox']) ~ .icon, .control.has-icons-left .woocommerce span.input.onsale ~ .icon, .woocommerce .control.has-icons-left span.input.onsale ~ .icon,
   .control.has-icons-left .select.is-small ~ .icon,
   .control.has-icons-left .woocommerce span.select.onsale ~ .icon,
-  .woocommerce .control.has-icons-left span.select.onsale ~ .icon, .control.has-icons-right .input.is-small ~ .icon, .control.has-icons-right .woocommerce input.is-small ~ .icon, .woocommerce .control.has-icons-right input.is-small ~ .icon, .control.has-icons-right .woocommerce span.input.onsale ~ .icon, .woocommerce .control.has-icons-right span.input.onsale ~ .icon,
+  .woocommerce .control.has-icons-left span.select.onsale ~ .icon, .control.has-icons-right .input.is-small ~ .icon, .control.has-icons-right .woocommerce input.is-small:not([type='checkbox']) ~ .icon, .woocommerce .control.has-icons-right input.is-small:not([type='checkbox']) ~ .icon, .control.has-icons-right .woocommerce span.input.onsale ~ .icon, .woocommerce .control.has-icons-right span.input.onsale ~ .icon,
   .control.has-icons-right .select.is-small ~ .icon,
   .control.has-icons-right .woocommerce span.select.onsale ~ .icon,
   .woocommerce .control.has-icons-right span.select.onsale ~ .icon {
     font-size: 0.75rem; }
-  .control.has-icons-left .input.is-medium ~ .icon, .control.has-icons-left .woocommerce input.is-medium ~ .icon, .woocommerce .control.has-icons-left input.is-medium ~ .icon,
-  .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, .control.has-icons-right .woocommerce input.is-medium ~ .icon, .woocommerce .control.has-icons-right input.is-medium ~ .icon,
+  .control.has-icons-left .input.is-medium ~ .icon, .control.has-icons-left .woocommerce input.is-medium:not([type='checkbox']) ~ .icon, .woocommerce .control.has-icons-left input.is-medium:not([type='checkbox']) ~ .icon,
+  .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, .control.has-icons-right .woocommerce input.is-medium:not([type='checkbox']) ~ .icon, .woocommerce .control.has-icons-right input.is-medium:not([type='checkbox']) ~ .icon,
   .control.has-icons-right .select.is-medium ~ .icon {
     font-size: 1.25rem; }
-  .control.has-icons-left .input.is-large ~ .icon, .control.has-icons-left .woocommerce input.is-large ~ .icon, .woocommerce .control.has-icons-left input.is-large ~ .icon,
-  .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, .control.has-icons-right .woocommerce input.is-large ~ .icon, .woocommerce .control.has-icons-right input.is-large ~ .icon,
+  .control.has-icons-left .input.is-large ~ .icon, .control.has-icons-left .woocommerce input.is-large:not([type='checkbox']) ~ .icon, .woocommerce .control.has-icons-left input.is-large:not([type='checkbox']) ~ .icon,
+  .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, .control.has-icons-right .woocommerce input.is-large:not([type='checkbox']) ~ .icon, .woocommerce .control.has-icons-right input.is-large:not([type='checkbox']) ~ .icon,
   .control.has-icons-right .select.is-large ~ .icon {
     font-size: 1.5rem; }
   .control.has-icons-left .icon, .control.has-icons-right .icon {
@@ -3090,12 +3012,12 @@ a.box:active {
     top: 0;
     width: 2.25em;
     z-index: 4; }
-  .control.has-icons-left .input, .control.has-icons-left .woocommerce input, .woocommerce .control.has-icons-left input,
+  .control.has-icons-left .input, .control.has-icons-left .woocommerce input:not([type='checkbox']), .woocommerce .control.has-icons-left input:not([type='checkbox']),
   .control.has-icons-left .select select {
     padding-left: 2.25em; }
   .control.has-icons-left .icon.is-left {
     left: 0; }
-  .control.has-icons-right .input, .control.has-icons-right .woocommerce input, .woocommerce .control.has-icons-right input,
+  .control.has-icons-right .input, .control.has-icons-right .woocommerce input:not([type='checkbox']), .woocommerce .control.has-icons-right input:not([type='checkbox']),
   .control.has-icons-right .select select {
     padding-right: 2.25em; }
   .control.has-icons-right .icon.is-right {
@@ -7688,6 +7610,25 @@ nav.navbar .navbar-menu {
     position: relative;
     top: 18px; }
 
+.tickets .intro.section {
+  padding-top: 100px;
+  padding-bottom: 100px; }
+
+.tickets .intro__title {
+  font-family: "Knewave", cursive;
+  font-size: 28px;
+  color: #595656;
+  letter-spacing: 1px;
+  margin-bottom: 23px; }
+
+.tickets .intro__copy {
+  font-family: "Cabin", sans-serif;
+  font-size: 16px;
+  color: #595656;
+  letter-spacing: 0.44px;
+  line-height: 25px;
+  max-width: 348px; }
+
 .tickets .purchase__step {
   margin-bottom: 50px; }
   .tickets .purchase__step-label {
@@ -7696,7 +7637,72 @@ nav.navbar .navbar-menu {
     font-size: 18px;
     color: #5D5D5D;
     letter-spacing: 0.5px;
-    margin-bottom: 15px; }
+    margin-bottom: 15px;
+    display: flex;
+    align-items: center;
+    padding-bottom: 15px; }
+  .tickets .purchase__step span.number {
+    font-family: Cabin-Regular;
+    font-size: 14px;
+    color: #fff;
+    letter-spacing: 0.5px;
+    text-align: center;
+    background: #2376B3;
+    padding: 17px 0;
+    border-radius: 50%; }
+
+.tickets .purchase__item {
+  margin-top: 15px; }
+  .tickets .purchase__item:not(:last-child) {
+    margin-right: 10px; }
+    @media screen and (min-width: 769px), print {
+      .tickets .purchase__item:not(:last-child) {
+        margin-right: 30px; } }
+  .tickets .purchase__item.button, .tickets .blog-comment .purchase__item#cancel-comment-reply-link, .blog-comment .tickets .purchase__item#cancel-comment-reply-link, .tickets .purchase__add-to-cart-btn, .woocommerce .tickets button.purchase__add-to-cart-btn, .tickets .woocommerce button.purchase__add-to-cart-btn, .tickets .woocommerce #respond input.purchase__item#submit, .woocommerce #respond .tickets input.purchase__item#submit {
+    font-size: 22px;
+    transition: 0.2s;
+    width: 100%;
+    max-width: 350px;
+    background-color: #989898;
+    height: 85px;
+    border-color: transparent;
+    border-bottom: solid 15px #8D8D8D;
+    font-family: "Cabin", sans-serif;
+    color: #fff;
+    letter-spacing: 0.86px; }
+    @media screen and (min-width: 769px), print {
+      .tickets .purchase__item.button, .tickets .blog-comment .purchase__item#cancel-comment-reply-link, .blog-comment .tickets .purchase__item#cancel-comment-reply-link, .tickets .purchase__add-to-cart-btn, .woocommerce .tickets button.purchase__add-to-cart-btn, .tickets .woocommerce button.purchase__add-to-cart-btn, .tickets .woocommerce #respond input.purchase__item#submit, .woocommerce #respond .tickets input.purchase__item#submit {
+        font-size: 32px; } }
+    @media screen and (min-width: 1024px) {
+      .tickets .purchase__item.button, .tickets .blog-comment .purchase__item#cancel-comment-reply-link, .blog-comment .tickets .purchase__item#cancel-comment-reply-link, .tickets .purchase__add-to-cart-btn, .woocommerce .tickets button.purchase__add-to-cart-btn, .tickets .woocommerce button.purchase__add-to-cart-btn, .tickets .woocommerce #respond input.purchase__item#submit, .woocommerce #respond .tickets input.purchase__item#submit {
+        max-width: calc(100% / 3 - 25px); } }
+    .tickets .purchase__item.button:hover, .tickets .blog-comment .purchase__item#cancel-comment-reply-link:hover, .blog-comment .tickets .purchase__item#cancel-comment-reply-link:hover, .tickets .purchase__add-to-cart-btn:hover, .tickets .woocommerce #respond input.purchase__item#submit:hover, .woocommerce #respond .tickets input.purchase__item#submit:hover, .tickets .purchase__item.button.selected, .tickets .blog-comment .purchase__item.selected#cancel-comment-reply-link, .blog-comment .tickets .purchase__item.selected#cancel-comment-reply-link, .tickets .selected.purchase__add-to-cart-btn, .tickets .woocommerce #respond input.purchase__item.selected#submit, .woocommerce #respond .tickets input.purchase__item.selected#submit {
+      background-color: #46B865;
+      border-bottom: solid 15px #3FAC5D; }
+    .tickets .purchase__item.button:hover:not(.selected), .tickets .blog-comment .purchase__item#cancel-comment-reply-link:hover:not(.selected), .blog-comment .tickets .purchase__item#cancel-comment-reply-link:hover:not(.selected), .tickets .purchase__add-to-cart-btn:hover:not(.selected), .tickets .woocommerce #respond input.purchase__item#submit:hover:not(.selected), .woocommerce #respond .tickets input.purchase__item#submit:hover:not(.selected) {
+      transform: scale(1.05); }
+    .tickets .purchase__item.button.sector, .tickets .blog-comment .purchase__item.sector#cancel-comment-reply-link, .blog-comment .tickets .purchase__item.sector#cancel-comment-reply-link, .tickets .sector.purchase__add-to-cart-btn, .tickets .woocommerce #respond input.purchase__item.sector#submit, .woocommerce #respond .tickets input.purchase__item.sector#submit {
+      max-width: calc(50% - 25px); }
+      @media screen and (min-width: 769px), print {
+        .tickets .purchase__item.button.sector, .tickets .blog-comment .purchase__item.sector#cancel-comment-reply-link, .blog-comment .tickets .purchase__item.sector#cancel-comment-reply-link, .tickets .sector.purchase__add-to-cart-btn, .tickets .woocommerce #respond input.purchase__item.sector#submit, .woocommerce #respond .tickets input.purchase__item.sector#submit {
+          max-width: 110px; } }
+  .tickets .purchase__item-total {
+    display: flex;
+    align-items: center; }
+    .tickets .purchase__item-total span {
+      font-size: 32px;
+      color: #595656;
+      letter-spacing: 0.86px;
+      text-align: center;
+      margin-right: 30px; }
+
+.tickets .purchase__add-to-cart-btn {
+  background-color: #2B9AE5;
+  border-bottom-color: #248BCF;
+  max-width: 281px; }
+  .tickets .purchase__add-to-cart-btn:hover {
+    background-color: #2B9AE5;
+    border-bottom-color: #248BCF; }
 
 footer.footer {
   background-color: #2376B3;
diff --git a/static/css/login.a2fe8e4c5217f207efd2.css b/static/css/login.d61513ae22f2c267bdf4.css
similarity index 100%
rename from static/css/login.a2fe8e4c5217f207efd2.css
rename to static/css/login.d61513ae22f2c267bdf4.css
diff --git a/static/js/admin.a2fe8e4c5217f207efd2.js b/static/js/admin.d61513ae22f2c267bdf4.js
similarity index 100%
rename from static/js/admin.a2fe8e4c5217f207efd2.js
rename to static/js/admin.d61513ae22f2c267bdf4.js
diff --git a/static/js/app.a2fe8e4c5217f207efd2.js b/static/js/app.d61513ae22f2c267bdf4.js
similarity index 87%
rename from static/js/app.a2fe8e4c5217f207efd2.js
rename to static/js/app.d61513ae22f2c267bdf4.js
index 1cec39f..f092f3d 100644
--- a/static/js/app.a2fe8e4c5217f207efd2.js
+++ b/static/js/app.d61513ae22f2c267bdf4.js
@@ -186,7 +186,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nexports.default = {};\n\n//# sourceURL=webpack:///./resources/assets/js/components/Purchase.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nexports.default = {\n    data: function data() {\n        return {\n            currentStep: 1,\n            paradeType: ['Preliminary Parades', 'Main Parades', 'Champions’ Parade'],\n            activeItem: -1\n        };\n    },\n\n\n    computed: {},\n\n    methods: {\n        nextStep: function nextStep(val, idx) {\n            this.currentStep = val;\n            var selected = event.target;\n            selected.classList.add('selected');\n            this.activeItem = idx;\n        },\n        isStep: function isStep(val) {\n            return this.currentStep >= val;\n        }\n    },\n\n    mounted: function mounted() {\n        console.log(this.currentStep);\n    }\n};\n\n//# sourceURL=webpack:///./resources/assets/js/components/Purchase.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -212,14 +212,14 @@ eval("// extracted by mini-css-extract-plugin\n\n//# sourceURL=webpack:///./reso
 
 /***/ }),
 
-/***/ "./node_modules/mini-css-extract-plugin/dist/loader.js?!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/Purchase.vue?vue&type=style&index=0&id=7b9915b8&scoped=true&lang=css&":
-/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/mini-css-extract-plugin/dist/loader.js??ref--2-1!./node_modules/css-loader??ref--2-2!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/Purchase.vue?vue&type=style&index=0&id=7b9915b8&scoped=true&lang=css& ***!
-  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/mini-css-extract-plugin/dist/loader.js?!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/Purchase.vue?vue&type=style&index=0&lang=sass&":
+/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/mini-css-extract-plugin/dist/loader.js??ref--4-1!./node_modules/css-loader??ref--4-2!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/Purchase.vue?vue&type=style&index=0&lang=sass& ***!
+  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// extracted by mini-css-extract-plugin\n\n//# sourceURL=webpack:///./resources/assets/js/components/Purchase.vue?./node_modules/mini-css-extract-plugin/dist/loader.js??ref--2-1!./node_modules/css-loader??ref--2-2!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options");
+eval("// extracted by mini-css-extract-plugin\n\n//# sourceURL=webpack:///./resources/assets/js/components/Purchase.vue?./node_modules/mini-css-extract-plugin/dist/loader.js??ref--4-1!./node_modules/css-loader??ref--4-2!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -259,15 +259,15 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/Purchase.vue?vue&type=template&id=7b9915b8&scoped=true&":
-/*!******************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/Purchase.vue?vue&type=template&id=7b9915b8&scoped=true& ***!
-  \******************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/Purchase.vue?vue&type=template&id=7b9915b8&":
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/Purchase.vue?vue&type=template&id=7b9915b8& ***!
+  \******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _vm._m(0)\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"section\", { staticClass: \"purchase\" }, [\n      _c(\"div\", { staticClass: \"container\" }, [\n        _c(\"div\", { staticClass: \"purchase__step step-1\" }, [\n          _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n            _c(\"span\", [_vm._v(\"1\")]),\n            _vm._v(\" Select the parade type\\n            \")\n          ]),\n          _vm._v(\" \"),\n          _c(\"div\", { staticClass: \"purchase__items\" }, [\n            _c(\"div\", { staticClass: \"purchase__item button selected\" }, [\n              _vm._v(\"Preliminary Parades\")\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"purchase__item button\" }, [\n              _vm._v(\"Main Parades\")\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"purchase__item button\" }, [\n              _vm._v(\"Champions’ Parade\")\n            ])\n          ])\n        ]),\n        _vm._v(\" \"),\n        _c(\"div\", { staticClass: \"purchase__step step-2\" }, [\n          _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n            _c(\"span\", [_vm._v(\"2\")]),\n            _vm._v(\" Select the date\\n            \")\n          ]),\n          _vm._v(\" \"),\n          _c(\"div\", { staticClass: \"purchase__items\" }, [\n            _c(\"div\", { staticClass: \"purchase__item button\" }, [\n              _vm._v(\"Friday (March 01)\")\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"purchase__item button\" }, [\n              _vm._v(\"Saturday (March 02)\")\n            ])\n          ])\n        ]),\n        _vm._v(\" \"),\n        _c(\"div\", { staticClass: \"purchase__step step-3\" }, [\n          _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n            _c(\"span\", [_vm._v(\"3\")]),\n            _vm._v(\" Select the seat type\\n            \")\n          ]),\n          _vm._v(\" \"),\n          _c(\"div\", { staticClass: \"purchase__items\" }, [\n            _c(\"div\", { staticClass: \"purchase__item button\" }, [\n              _vm._v(\"Grandstand tickets\")\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"purchase__item button\" }, [\n              _vm._v(\"Open front box seats\")\n            ])\n          ])\n        ]),\n        _vm._v(\" \"),\n        _c(\"div\", { staticClass: \"purchase__step step-4\" }, [\n          _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n            _c(\"span\", [_vm._v(\"4\")]),\n            _vm._v(\" Select the sector\\n            \")\n          ]),\n          _vm._v(\" \"),\n          _c(\"div\", { staticClass: \"purchase__items\" }, [\n            _c(\"div\", { staticClass: \"purchase__item button sector\" }, [\n              _vm._v(\"1\")\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"purchase__item button sector\" }, [\n              _vm._v(\"2\")\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"purchase__item button sector\" }, [\n              _vm._v(\"3\")\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"purchase__item button sector\" }, [\n              _vm._v(\"4\")\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"purchase__item button sector\" }, [\n              _vm._v(\"5\")\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"purchase__item button sector\" }, [\n              _vm._v(\"6\")\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"purchase__item button sector\" }, [\n              _vm._v(\"7\")\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"purchase__item button sector\" }, [\n              _vm._v(\"8\")\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"purchase__item button sector\" }, [\n              _vm._v(\"9\")\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"purchase__item button sector\" }, [\n              _vm._v(\"10\")\n            ])\n          ])\n        ]),\n        _vm._v(\" \"),\n        _c(\"div\", { staticClass: \"purchase__step step-5\" }, [\n          _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n            _c(\"span\", [_vm._v(\"5\")]),\n            _vm._v(\" Enter the quantity\\n            \")\n          ]),\n          _vm._v(\" \"),\n          _c(\"div\", { staticClass: \"purchase__items\" }, [\n            _c(\"div\", { staticClass: \"purchase__item-quantity\" }, [\n              _c(\"button\", { staticClass: \"button\" }, [_vm._v(\"-\")]),\n              _vm._v(\" 3 \"),\n              _c(\"button\", { staticClass: \"button\" }, [_vm._v(\"+\")])\n            ])\n          ])\n        ]),\n        _vm._v(\" \"),\n        _c(\"div\", { staticClass: \"purchase__step step-6\" }, [\n          _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n            _c(\"span\", [_vm._v(\"6\")]),\n            _vm._v(\" Add to cart\\n            \")\n          ]),\n          _vm._v(\" \"),\n          _c(\"div\", { staticClass: \"purchase__item-total\" }, [\n            _c(\"span\", [_vm._v(\"3x $18.40\")]),\n            _vm._v(\" \"),\n            _c(\"button\", { staticClass: \"purchase__add-to-cart-btn button\" }, [\n              _vm._v(\"\\n                    Add to cart\\n                \")\n            ])\n          ])\n        ])\n      ])\n    ])\n  }\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./resources/assets/js/components/Purchase.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"section\", { staticClass: \"purchase section\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\n          \"div\",\n          {\n            directives: [\n              {\n                name: \"show\",\n                rawName: \"v-show\",\n                value: _vm.isStep(1),\n                expression: \"isStep(1)\"\n              }\n            ],\n            staticClass: \"purchase__step step-1\"\n          },\n          [\n            _vm._m(0),\n            _vm._v(\" \"),\n            _c(\n              \"ul\",\n              { staticClass: \"purchase__items\" },\n              _vm._l(_vm.paradeType, function(parade, index) {\n                return _c(\n                  \"li\",\n                  {\n                    key: index,\n                    staticClass: \"purchase__item button\",\n                    class: { selected: index === _vm.activeItem },\n                    on: {\n                      click: function($event) {\n                        _vm.nextStep(2, index)\n                      }\n                    }\n                  },\n                  [_vm._v(_vm._s(parade))]\n                )\n              })\n            )\n          ]\n        ),\n        _vm._v(\" \"),\n        _c(\"transition\", { attrs: { name: \"fade\" } }, [\n          _c(\n            \"div\",\n            {\n              directives: [\n                {\n                  name: \"show\",\n                  rawName: \"v-show\",\n                  value: _vm.isStep(2),\n                  expression: \"isStep(2)\"\n                }\n              ],\n              staticClass: \"purchase__step step-2\"\n            },\n            [\n              _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n                _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"2\")]),\n                _vm._v(\" Select the date\\n                \")\n              ]),\n              _vm._v(\" \"),\n              _c(\"ul\", { staticClass: \"purchase__items\" }, [\n                _c(\n                  \"li\",\n                  {\n                    staticClass: \"purchase__item button\",\n                    on: {\n                      click: function($event) {\n                        _vm.nextStep(3)\n                      }\n                    }\n                  },\n                  [_vm._v(\"Friday (March 01)\")]\n                ),\n                _vm._v(\" \"),\n                _c(\n                  \"li\",\n                  {\n                    staticClass: \"purchase__item button\",\n                    on: {\n                      click: function($event) {\n                        _vm.nextStep(3)\n                      }\n                    }\n                  },\n                  [_vm._v(\"Saturday (March 02)\")]\n                )\n              ])\n            ]\n          )\n        ]),\n        _vm._v(\" \"),\n        _c(\"transition\", { attrs: { name: \"fade\" } }, [\n          _c(\n            \"div\",\n            {\n              directives: [\n                {\n                  name: \"show\",\n                  rawName: \"v-show\",\n                  value: _vm.isStep(3),\n                  expression: \"isStep(3)\"\n                }\n              ],\n              staticClass: \"purchase__step step-3\"\n            },\n            [\n              _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n                _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"3\")]),\n                _vm._v(\" Select the seat type\\n                \")\n              ]),\n              _vm._v(\" \"),\n              _c(\"div\", { staticClass: \"purchase__items\" }, [\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"purchase__item button\",\n                    on: {\n                      click: function($event) {\n                        _vm.nextStep(4)\n                      }\n                    }\n                  },\n                  [_vm._v(\"Grandstand tickets\")]\n                ),\n                _vm._v(\" \"),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"purchase__item button\",\n                    on: {\n                      click: function($event) {\n                        _vm.nextStep(4)\n                      }\n                    }\n                  },\n                  [_vm._v(\"Open front box seats\")]\n                )\n              ])\n            ]\n          )\n        ]),\n        _vm._v(\" \"),\n        _c(\"transition\", { attrs: { name: \"fade\" } }, [\n          _c(\n            \"div\",\n            {\n              directives: [\n                {\n                  name: \"show\",\n                  rawName: \"v-show\",\n                  value: _vm.isStep(4),\n                  expression: \"isStep(4)\"\n                }\n              ],\n              staticClass: \"purchase__step step-4\"\n            },\n            [\n              _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n                _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"4\")]),\n                _vm._v(\" Select the sector\\n                \")\n              ]),\n              _vm._v(\" \"),\n              _c(\"div\", { staticClass: \"purchase__items\" }, [\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"purchase__item button sector\",\n                    on: {\n                      click: function($event) {\n                        _vm.nextStep(5)\n                      }\n                    }\n                  },\n                  [_vm._v(\"1\")]\n                ),\n                _vm._v(\" \"),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"purchase__item button sector\",\n                    on: {\n                      click: function($event) {\n                        _vm.nextStep(5)\n                      }\n                    }\n                  },\n                  [_vm._v(\"2\")]\n                ),\n                _vm._v(\" \"),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"purchase__item button sector\",\n                    on: {\n                      click: function($event) {\n                        _vm.nextStep(5)\n                      }\n                    }\n                  },\n                  [_vm._v(\"5\")]\n                ),\n                _vm._v(\" \"),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"purchase__item button sector\",\n                    on: {\n                      click: function($event) {\n                        _vm.nextStep(5)\n                      }\n                    }\n                  },\n                  [_vm._v(\"4\")]\n                ),\n                _vm._v(\" \"),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"purchase__item button sector\",\n                    on: {\n                      click: function($event) {\n                        _vm.nextStep(5)\n                      }\n                    }\n                  },\n                  [_vm._v(\"5\")]\n                ),\n                _vm._v(\" \"),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"purchase__item button sector\",\n                    on: {\n                      click: function($event) {\n                        _vm.nextStep(5)\n                      }\n                    }\n                  },\n                  [_vm._v(\"6\")]\n                ),\n                _vm._v(\" \"),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"purchase__item button sector\",\n                    on: {\n                      click: function($event) {\n                        _vm.nextStep(5)\n                      }\n                    }\n                  },\n                  [_vm._v(\"7\")]\n                ),\n                _vm._v(\" \"),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"purchase__item button sector\",\n                    on: {\n                      click: function($event) {\n                        _vm.nextStep(5)\n                      }\n                    }\n                  },\n                  [_vm._v(\"8\")]\n                ),\n                _vm._v(\" \"),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"purchase__item button sector\",\n                    on: {\n                      click: function($event) {\n                        _vm.nextStep(5)\n                      }\n                    }\n                  },\n                  [_vm._v(\"9\")]\n                ),\n                _vm._v(\" \"),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"purchase__item button sector\",\n                    on: {\n                      click: function($event) {\n                        _vm.nextStep(5)\n                      }\n                    }\n                  },\n                  [_vm._v(\"10\")]\n                )\n              ])\n            ]\n          )\n        ]),\n        _vm._v(\" \"),\n        _c(\"transition\", { attrs: { name: \"fade\" } }, [\n          _c(\n            \"div\",\n            {\n              directives: [\n                {\n                  name: \"show\",\n                  rawName: \"v-show\",\n                  value: _vm.isStep(5),\n                  expression: \"isStep(5)\"\n                }\n              ],\n              staticClass: \"purchase__step step-5\"\n            },\n            [\n              _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n                _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"5\")]),\n                _vm._v(\" Enter the quantity\\n                \")\n              ]),\n              _vm._v(\" \"),\n              _c(\"div\", { staticClass: \"purchase__items\" }, [\n                _c(\"div\", { staticClass: \"purchase__item-quantity\" }, [\n                  _c(\"button\", { staticClass: \"button\" }, [_vm._v(\"-\")]),\n                  _vm._v(\" 3 \"),\n                  _c(\"button\", { staticClass: \"button\" }, [_vm._v(\"+\")])\n                ])\n              ])\n            ]\n          )\n        ]),\n        _vm._v(\" \"),\n        _c(\"transition\", { attrs: { name: \"fade\" } }, [\n          _c(\n            \"div\",\n            {\n              directives: [\n                {\n                  name: \"show\",\n                  rawName: \"v-show\",\n                  value: _vm.isStep(5),\n                  expression: \"isStep(5)\"\n                }\n              ],\n              staticClass: \"purchase__step step-6\"\n            },\n            [\n              _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n                _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"6\")]),\n                _vm._v(\" Add to cart\\n                \")\n              ]),\n              _vm._v(\" \"),\n              _c(\"div\", { staticClass: \"purchase__item-total\" }, [\n                _c(\"span\", [_vm._v(\"3x $18.40\")]),\n                _vm._v(\" \"),\n                _c(\n                  \"button\",\n                  { staticClass: \"purchase__add-to-cart-btn button\" },\n                  [\n                    _vm._v(\n                      \"\\n                        Add to cart\\n                    \"\n                    )\n                  ]\n                )\n              ])\n            ]\n          )\n        ])\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n      _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"1\")]),\n      _vm._v(\" Select the parade type\\n            \")\n    ])\n  }\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./resources/assets/js/components/Purchase.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -330,14 +330,14 @@ eval("// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// lo
 
 /***/ }),
 
-/***/ "./node_modules/vue-style-loader/index.js!./node_modules/mini-css-extract-plugin/dist/loader.js?!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/Purchase.vue?vue&type=style&index=0&id=7b9915b8&scoped=true&lang=css&":
-/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-style-loader!./node_modules/mini-css-extract-plugin/dist/loader.js??ref--2-1!./node_modules/css-loader??ref--2-2!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/Purchase.vue?vue&type=style&index=0&id=7b9915b8&scoped=true&lang=css& ***!
-  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-style-loader/index.js!./node_modules/mini-css-extract-plugin/dist/loader.js?!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/Purchase.vue?vue&type=style&index=0&lang=sass&":
+/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-style-loader!./node_modules/mini-css-extract-plugin/dist/loader.js??ref--4-1!./node_modules/css-loader??ref--4-2!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/Purchase.vue?vue&type=style&index=0&lang=sass& ***!
+  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = __webpack_require__(/*! !../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--2-1!../../../../node_modules/css-loader??ref--2-2!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/vue-loader/lib??vue-loader-options!./Purchase.vue?vue&type=style&index=0&id=7b9915b8&scoped=true&lang=css& */ \"./node_modules/mini-css-extract-plugin/dist/loader.js?!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/Purchase.vue?vue&type=style&index=0&id=7b9915b8&scoped=true&lang=css&\");\nif(typeof content === 'string') content = [[module.i, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = __webpack_require__(/*! ../../../../node_modules/vue-style-loader/lib/addStylesClient.js */ \"./node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"0e50025d\", content, false, {});\n// Hot Module Replacement\nif(false) {}\n\n//# sourceURL=webpack:///./resources/assets/js/components/Purchase.vue?./node_modules/vue-style-loader!./node_modules/mini-css-extract-plugin/dist/loader.js??ref--2-1!./node_modules/css-loader??ref--2-2!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options");
+eval("// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = __webpack_require__(/*! !../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--4-1!../../../../node_modules/css-loader??ref--4-2!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/sass-loader/lib/loader.js??ref--4-3!../../../../node_modules/vue-loader/lib??vue-loader-options!./Purchase.vue?vue&type=style&index=0&lang=sass& */ \"./node_modules/mini-css-extract-plugin/dist/loader.js?!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/Purchase.vue?vue&type=style&index=0&lang=sass&\");\nif(typeof content === 'string') content = [[module.i, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = __webpack_require__(/*! ../../../../node_modules/vue-style-loader/lib/addStylesClient.js */ \"./node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"0e15f952\", content, false, {});\n// Hot Module Replacement\nif(false) {}\n\n//# sourceURL=webpack:///./resources/assets/js/components/Purchase.vue?./node_modules/vue-style-loader!./node_modules/mini-css-extract-plugin/dist/loader.js??ref--4-1!./node_modules/css-loader??ref--4-2!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -432,7 +432,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Purchase_vue_vue_type_template_id_7b9915b8_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Purchase.vue?vue&type=template&id=7b9915b8&scoped=true& */ \"./resources/assets/js/components/Purchase.vue?vue&type=template&id=7b9915b8&scoped=true&\");\n/* harmony import */ var _Purchase_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Purchase.vue?vue&type=script&lang=js& */ \"./resources/assets/js/components/Purchase.vue?vue&type=script&lang=js&\");\n/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _Purchase_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _Purchase_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[key]; }) }(__WEBPACK_IMPORT_KEY__));\n/* harmony import */ var _Purchase_vue_vue_type_style_index_0_id_7b9915b8_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Purchase.vue?vue&type=style&index=0&id=7b9915b8&scoped=true&lang=css& */ \"./resources/assets/js/components/Purchase.vue?vue&type=style&index=0&id=7b9915b8&scoped=true&lang=css&\");\n/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ \"./node_modules/vue-loader/lib/runtime/componentNormalizer.js\");\n\n\n\n\n\n\n/* normalize component */\n\nvar component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(\n  _Purchase_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n  _Purchase_vue_vue_type_template_id_7b9915b8_scoped_true___WEBPACK_IMPORTED_MODULE_0__[\"render\"],\n  _Purchase_vue_vue_type_template_id_7b9915b8_scoped_true___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"],\n  false,\n  null,\n  \"7b9915b8\",\n  null\n  \n)\n\n/* hot reload */\nif (false) { var api; }\ncomponent.options.__file = \"resources/assets/js/components/Purchase.vue\"\n/* harmony default export */ __webpack_exports__[\"default\"] = (component.exports);\n\n//# sourceURL=webpack:///./resources/assets/js/components/Purchase.vue?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Purchase_vue_vue_type_template_id_7b9915b8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Purchase.vue?vue&type=template&id=7b9915b8& */ \"./resources/assets/js/components/Purchase.vue?vue&type=template&id=7b9915b8&\");\n/* harmony import */ var _Purchase_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Purchase.vue?vue&type=script&lang=js& */ \"./resources/assets/js/components/Purchase.vue?vue&type=script&lang=js&\");\n/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _Purchase_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _Purchase_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[key]; }) }(__WEBPACK_IMPORT_KEY__));\n/* harmony import */ var _Purchase_vue_vue_type_style_index_0_lang_sass___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Purchase.vue?vue&type=style&index=0&lang=sass& */ \"./resources/assets/js/components/Purchase.vue?vue&type=style&index=0&lang=sass&\");\n/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ \"./node_modules/vue-loader/lib/runtime/componentNormalizer.js\");\n\n\n\n\n\n\n/* normalize component */\n\nvar component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(\n  _Purchase_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n  _Purchase_vue_vue_type_template_id_7b9915b8___WEBPACK_IMPORTED_MODULE_0__[\"render\"],\n  _Purchase_vue_vue_type_template_id_7b9915b8___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"],\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (false) { var api; }\ncomponent.options.__file = \"resources/assets/js/components/Purchase.vue\"\n/* harmony default export */ __webpack_exports__[\"default\"] = (component.exports);\n\n//# sourceURL=webpack:///./resources/assets/js/components/Purchase.vue?");
 
 /***/ }),
 
@@ -448,27 +448,27 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/Purchase.vue?vue&type=style&index=0&id=7b9915b8&scoped=true&lang=css&":
-/*!**************************************************************************************************************!*\
-  !*** ./resources/assets/js/components/Purchase.vue?vue&type=style&index=0&id=7b9915b8&scoped=true&lang=css& ***!
-  \**************************************************************************************************************/
+/***/ "./resources/assets/js/components/Purchase.vue?vue&type=style&index=0&lang=sass&":
+/*!***************************************************************************************!*\
+  !*** ./resources/assets/js/components/Purchase.vue?vue&type=style&index=0&lang=sass& ***!
+  \***************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_vue_style_loader_index_js_node_modules_mini_css_extract_plugin_dist_loader_js_ref_2_1_node_modules_css_loader_index_js_ref_2_2_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_Purchase_vue_vue_type_style_index_0_id_7b9915b8_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-style-loader!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--2-1!../../../../node_modules/css-loader??ref--2-2!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/vue-loader/lib??vue-loader-options!./Purchase.vue?vue&type=style&index=0&id=7b9915b8&scoped=true&lang=css& */ \"./node_modules/vue-style-loader/index.js!./node_modules/mini-css-extract-plugin/dist/loader.js?!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/Purchase.vue?vue&type=style&index=0&id=7b9915b8&scoped=true&lang=css&\");\n/* harmony import */ var _node_modules_vue_style_loader_index_js_node_modules_mini_css_extract_plugin_dist_loader_js_ref_2_1_node_modules_css_loader_index_js_ref_2_2_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_Purchase_vue_vue_type_style_index_0_id_7b9915b8_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_node_modules_mini_css_extract_plugin_dist_loader_js_ref_2_1_node_modules_css_loader_index_js_ref_2_2_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_Purchase_vue_vue_type_style_index_0_id_7b9915b8_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);\n/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_index_js_node_modules_mini_css_extract_plugin_dist_loader_js_ref_2_1_node_modules_css_loader_index_js_ref_2_2_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_Purchase_vue_vue_type_style_index_0_id_7b9915b8_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_vue_style_loader_index_js_node_modules_mini_css_extract_plugin_dist_loader_js_ref_2_1_node_modules_css_loader_index_js_ref_2_2_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_Purchase_vue_vue_type_style_index_0_id_7b9915b8_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));\n /* harmony default export */ __webpack_exports__[\"default\"] = (_node_modules_vue_style_loader_index_js_node_modules_mini_css_extract_plugin_dist_loader_js_ref_2_1_node_modules_css_loader_index_js_ref_2_2_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_Purchase_vue_vue_type_style_index_0_id_7b9915b8_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); \n\n//# sourceURL=webpack:///./resources/assets/js/components/Purchase.vue?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_vue_style_loader_index_js_node_modules_mini_css_extract_plugin_dist_loader_js_ref_4_1_node_modules_css_loader_index_js_ref_4_2_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_lib_loader_js_ref_4_3_node_modules_vue_loader_lib_index_js_vue_loader_options_Purchase_vue_vue_type_style_index_0_lang_sass___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-style-loader!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--4-1!../../../../node_modules/css-loader??ref--4-2!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/sass-loader/lib/loader.js??ref--4-3!../../../../node_modules/vue-loader/lib??vue-loader-options!./Purchase.vue?vue&type=style&index=0&lang=sass& */ \"./node_modules/vue-style-loader/index.js!./node_modules/mini-css-extract-plugin/dist/loader.js?!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/Purchase.vue?vue&type=style&index=0&lang=sass&\");\n/* harmony import */ var _node_modules_vue_style_loader_index_js_node_modules_mini_css_extract_plugin_dist_loader_js_ref_4_1_node_modules_css_loader_index_js_ref_4_2_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_lib_loader_js_ref_4_3_node_modules_vue_loader_lib_index_js_vue_loader_options_Purchase_vue_vue_type_style_index_0_lang_sass___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_node_modules_mini_css_extract_plugin_dist_loader_js_ref_4_1_node_modules_css_loader_index_js_ref_4_2_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_lib_loader_js_ref_4_3_node_modules_vue_loader_lib_index_js_vue_loader_options_Purchase_vue_vue_type_style_index_0_lang_sass___WEBPACK_IMPORTED_MODULE_0__);\n/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_index_js_node_modules_mini_css_extract_plugin_dist_loader_js_ref_4_1_node_modules_css_loader_index_js_ref_4_2_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_lib_loader_js_ref_4_3_node_modules_vue_loader_lib_index_js_vue_loader_options_Purchase_vue_vue_type_style_index_0_lang_sass___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_vue_style_loader_index_js_node_modules_mini_css_extract_plugin_dist_loader_js_ref_4_1_node_modules_css_loader_index_js_ref_4_2_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_lib_loader_js_ref_4_3_node_modules_vue_loader_lib_index_js_vue_loader_options_Purchase_vue_vue_type_style_index_0_lang_sass___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));\n /* harmony default export */ __webpack_exports__[\"default\"] = (_node_modules_vue_style_loader_index_js_node_modules_mini_css_extract_plugin_dist_loader_js_ref_4_1_node_modules_css_loader_index_js_ref_4_2_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_lib_loader_js_ref_4_3_node_modules_vue_loader_lib_index_js_vue_loader_options_Purchase_vue_vue_type_style_index_0_lang_sass___WEBPACK_IMPORTED_MODULE_0___default.a); \n\n//# sourceURL=webpack:///./resources/assets/js/components/Purchase.vue?");
 
 /***/ }),
 
-/***/ "./resources/assets/js/components/Purchase.vue?vue&type=template&id=7b9915b8&scoped=true&":
-/*!************************************************************************************************!*\
-  !*** ./resources/assets/js/components/Purchase.vue?vue&type=template&id=7b9915b8&scoped=true& ***!
-  \************************************************************************************************/
+/***/ "./resources/assets/js/components/Purchase.vue?vue&type=template&id=7b9915b8&":
+/*!************************************************************************************!*\
+  !*** ./resources/assets/js/components/Purchase.vue?vue&type=template&id=7b9915b8& ***!
+  \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Purchase_vue_vue_type_template_id_7b9915b8_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./Purchase.vue?vue&type=template&id=7b9915b8&scoped=true& */ \"./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/Purchase.vue?vue&type=template&id=7b9915b8&scoped=true&\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Purchase_vue_vue_type_template_id_7b9915b8_scoped_true___WEBPACK_IMPORTED_MODULE_0__[\"render\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Purchase_vue_vue_type_template_id_7b9915b8_scoped_true___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"]; });\n\n\n\n//# sourceURL=webpack:///./resources/assets/js/components/Purchase.vue?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Purchase_vue_vue_type_template_id_7b9915b8___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./Purchase.vue?vue&type=template&id=7b9915b8& */ \"./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/Purchase.vue?vue&type=template&id=7b9915b8&\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Purchase_vue_vue_type_template_id_7b9915b8___WEBPACK_IMPORTED_MODULE_0__[\"render\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Purchase_vue_vue_type_template_id_7b9915b8___WEBPACK_IMPORTED_MODULE_0__[\"staticRenderFns\"]; });\n\n\n\n//# sourceURL=webpack:///./resources/assets/js/components/Purchase.vue?");
 
 /***/ }),
 
diff --git a/static/js/login.a2fe8e4c5217f207efd2.js b/static/js/login.d61513ae22f2c267bdf4.js
similarity index 100%
rename from static/js/login.a2fe8e4c5217f207efd2.js
rename to static/js/login.d61513ae22f2c267bdf4.js
diff --git a/static/js/vendor.a2fe8e4c5217f207efd2.js b/static/js/vendor.d61513ae22f2c267bdf4.js
similarity index 100%
rename from static/js/vendor.a2fe8e4c5217f207efd2.js
rename to static/js/vendor.d61513ae22f2c267bdf4.js
diff --git a/static/manifest.json b/static/manifest.json
index 623c133..364ccaa 100644
--- a/static/manifest.json
+++ b/static/manifest.json
@@ -1,12 +1,10 @@
 {
-  "admin.css": "css/admin.a2fe8e4c5217f207efd2.css",
-  "admin.js": "js/admin.a2fe8e4c5217f207efd2.js",
-  "app.css": "css/app.a2fe8e4c5217f207efd2.css",
-  "app.js": "js/app.a2fe8e4c5217f207efd2.js",
-  "login.css": "css/login.a2fe8e4c5217f207efd2.css",
-  "login.js": "js/login.a2fe8e4c5217f207efd2.js",
-  "vendor.js": "js/vendor.a2fe8e4c5217f207efd2.js",
-  "images/icon-cart-white.png": "images/icon-cart-white.png",
-  "images/texture-blue-carnival.jpg": "images/texture-blue-carnival.jpg",
+  "admin.css": "css/admin.d61513ae22f2c267bdf4.css",
+  "admin.js": "js/admin.d61513ae22f2c267bdf4.js",
+  "app.css": "css/app.d61513ae22f2c267bdf4.css",
+  "app.js": "js/app.d61513ae22f2c267bdf4.js",
+  "login.css": "css/login.d61513ae22f2c267bdf4.css",
+  "login.js": "js/login.d61513ae22f2c267bdf4.js",
+  "vendor.js": "js/vendor.d61513ae22f2c267bdf4.js",
   "images/base-camp-logo.png": "images/base-camp-logo.png"
 }
\ No newline at end of file
diff --git a/woocommerce/cart/cart.php b/woocommerce/cart/cart.php
new file mode 100644
index 0000000..1d5cb22
--- /dev/null
+++ b/woocommerce/cart/cart.php
@@ -0,0 +1,169 @@
+<?php
+/**
+ * Cart Page
+ *
+ * This template can be overridden by copying it to yourtheme/woocommerce/cart/cart.php.
+ *
+ * HOWEVER, on occasion WooCommerce will need to update template files and you
+ * (the theme developer) will need to copy the new files to your theme to
+ * maintain compatibility. We try to do this as little as possible, but it does
+ * happen. When this occurs the version of the template file will be bumped and
+ * the readme will list any important changes.
+ *
+ * @see     https://docs.woocommerce.com/document/template-structure/
+ * @package WooCommerce/Templates
+ * @version 3.4.0
+ */
+
+defined( 'ABSPATH' ) || exit;
+
+wc_print_notices();
+
+do_action( 'woocommerce_before_cart' ); ?>
+
+<form class="woocommerce-cart-form" action="<?php echo esc_url( wc_get_cart_url() ); ?>" method="post">
+	<?php do_action( 'woocommerce_before_cart_table' ); ?>
+
+	<table class="shop_table shop_table_responsive cart woocommerce-cart-form__contents" cellspacing="0">
+		<thead>
+			<tr>
+				<th class="product-remove">&nbsp;</th>
+				<th class="product-thumbnail">&nbsp;</th>
+				<th class="product-name"><?php esc_html_e( 'Product', 'woocommerce' ); ?></th>
+				<th class="product-price"><?php esc_html_e( 'Price', 'woocommerce' ); ?></th>
+				<th class="product-quantity"><?php esc_html_e( 'Quantity', 'woocommerce' ); ?></th>
+				<th class="product-subtotal"><?php esc_html_e( 'Total', 'woocommerce' ); ?></th>
+			</tr>
+		</thead>
+		<tbody>
+			<?php do_action( 'woocommerce_before_cart_contents' ); ?>
+
+			<?php
+			foreach ( WC()->cart->get_cart() as $cart_item_key => $cart_item ) {
+				$_product   = apply_filters( 'woocommerce_cart_item_product', $cart_item['data'], $cart_item, $cart_item_key );
+				$product_id = apply_filters( 'woocommerce_cart_item_product_id', $cart_item['product_id'], $cart_item, $cart_item_key );
+
+				if ( $_product && $_product->exists() && $cart_item['quantity'] > 0 && apply_filters( 'woocommerce_cart_item_visible', true, $cart_item, $cart_item_key ) ) {
+					$product_permalink = apply_filters( 'woocommerce_cart_item_permalink', $_product->is_visible() ? $_product->get_permalink( $cart_item ) : '', $cart_item, $cart_item_key );
+					?>
+					<tr class="woocommerce-cart-form__cart-item <?php echo esc_attr( apply_filters( 'woocommerce_cart_item_class', 'cart_item', $cart_item, $cart_item_key ) ); ?>">
+
+						<td class="product-remove">
+							<?php
+								// @codingStandardsIgnoreLine
+								echo apply_filters( 'woocommerce_cart_item_remove_link', sprintf(
+									'<a href="%s" class="remove" aria-label="%s" data-product_id="%s" data-product_sku="%s">&times;</a>',
+									esc_url( wc_get_cart_remove_url( $cart_item_key ) ),
+									__( 'Remove this item', 'woocommerce' ),
+									esc_attr( $product_id ),
+									esc_attr( $_product->get_sku() )
+								), $cart_item_key );
+							?>
+						</td>
+
+						<td class="product-thumbnail">
+						<?php
+						$thumbnail = apply_filters( 'woocommerce_cart_item_thumbnail', $_product->get_image(), $cart_item, $cart_item_key );
+
+						if ( ! $product_permalink ) {
+							echo wp_kses_post( $thumbnail );
+						} else {
+							printf( '<a href="%s">%s</a>', esc_url( $product_permalink ), wp_kses_post( $thumbnail ) );
+						}
+						?>
+						</td>
+
+						<td class="product-name" data-title="<?php esc_attr_e( 'Product', 'woocommerce' ); ?>">
+						<?php
+						if ( ! $product_permalink ) {
+							echo wp_kses_post( apply_filters( 'woocommerce_cart_item_name', $_product->get_name(), $cart_item, $cart_item_key ) . '&nbsp;' );
+						} else {
+							echo wp_kses_post( apply_filters( 'woocommerce_cart_item_name', sprintf( '<a href="%s">%s</a>', esc_url( $product_permalink ), $_product->get_name() ), $cart_item, $cart_item_key ) );
+						}
+
+						do_action( 'woocommerce_after_cart_item_name', $cart_item, $cart_item_key );
+
+						// Meta data.
+						echo wc_get_formatted_cart_item_data( $cart_item ); // PHPCS: XSS ok.
+
+						// Backorder notification.
+						if ( $_product->backorders_require_notification() && $_product->is_on_backorder( $cart_item['quantity'] ) ) {
+							echo wp_kses_post( apply_filters( 'woocommerce_cart_item_backorder_notification', '<p class="backorder_notification">' . esc_html__( 'Available on backorder', 'woocommerce' ) . '</p>' ) );
+						}
+						?>
+						</td>
+
+						<td class="product-price" data-title="<?php esc_attr_e( 'Price', 'woocommerce' ); ?>">
+							<?php
+								echo apply_filters( 'woocommerce_cart_item_price', WC()->cart->get_product_price( $_product ), $cart_item, $cart_item_key ); // PHPCS: XSS ok.
+							?>
+						</td>
+
+						<td class="product-quantity" data-title="<?php esc_attr_e( 'Quantity', 'woocommerce' ); ?>">
+						<?php
+						if ( $_product->is_sold_individually() ) {
+							$product_quantity = sprintf( '1 <input type="hidden" name="cart[%s][qty]" value="1" />', $cart_item_key );
+						} else {
+							$product_quantity = woocommerce_quantity_input( array(
+								'input_name'   => "cart[{$cart_item_key}][qty]",
+								'input_value'  => $cart_item['quantity'],
+								'max_value'    => $_product->get_max_purchase_quantity(),
+								'min_value'    => '0',
+								'product_name' => $_product->get_name(),
+							), $_product, false );
+						}
+
+						echo apply_filters( 'woocommerce_cart_item_quantity', $product_quantity, $cart_item_key, $cart_item ); // PHPCS: XSS ok.
+						?>
+						</td>
+
+						<td class="product-subtotal" data-title="<?php esc_attr_e( 'Total', 'woocommerce' ); ?>">
+							<?php
+								echo apply_filters( 'woocommerce_cart_item_subtotal', WC()->cart->get_product_subtotal( $_product, $cart_item['quantity'] ), $cart_item, $cart_item_key ); // PHPCS: XSS ok.
+							?>
+						</td>
+					</tr>
+					<?php
+				}
+			}
+			?>
+
+			<?php do_action( 'woocommerce_cart_contents' ); ?>
+
+			<tr>
+				<td colspan="6" class="actions">
+
+					<?php if ( wc_coupons_enabled() ) { ?>
+						<div class="coupon">
+							<label for="coupon_code"><?php esc_html_e( 'Coupon:', 'woocommerce' ); ?></label> <input type="text" name="coupon_code" class="input-text" id="coupon_code" value="" placeholder="<?php esc_attr_e( 'Coupon code', 'woocommerce' ); ?>" /> <button type="submit" class="button" name="apply_coupon" value="<?php esc_attr_e( 'Apply coupon', 'woocommerce' ); ?>"><?php esc_attr_e( 'Apply coupon', 'woocommerce' ); ?></button>
+							<?php do_action( 'woocommerce_cart_coupon' ); ?>
+						</div>
+					<?php } ?>
+
+					<button type="submit" class="button" name="update_cart" value="<?php esc_attr_e( 'Update cart', 'woocommerce' ); ?>"><?php esc_html_e( 'Update cart', 'woocommerce' ); ?></button>
+
+					<?php do_action( 'woocommerce_cart_actions' ); ?>
+
+					<?php wp_nonce_field( 'woocommerce-cart', 'woocommerce-cart-nonce' ); ?>
+				</td>
+			</tr>
+
+			<?php do_action( 'woocommerce_after_cart_contents' ); ?>
+		</tbody>
+	</table>
+	<?php do_action( 'woocommerce_after_cart_table' ); ?>
+</form>
+
+<div class="cart-collaterals">
+	<?php
+		/**
+		 * Cart collaterals hook.
+		 *
+		 * @hooked woocommerce_cross_sell_display
+		 * @hooked woocommerce_cart_totals - 10
+		 */
+		do_action( 'woocommerce_cart_collaterals' );
+	?>
+</div>
+
+<?php do_action( 'woocommerce_after_cart' ); ?>
diff --git a/woocommerce/myaccount/form-login.php b/woocommerce/myaccount/form-login.php
new file mode 100644
index 0000000..71ac3a6
--- /dev/null
+++ b/woocommerce/myaccount/form-login.php
@@ -0,0 +1,117 @@
+<?php
+/**
+ * Login Form
+ *
+ * This template can be overridden by copying it to yourtheme/woocommerce/myaccount/form-login.php.
+ *
+ * HOWEVER, on occasion WooCommerce will need to update template files and you
+ * (the theme developer) will need to copy the new files to your theme to
+ * maintain compatibility. We try to do this as little as possible, but it does
+ * happen. When this occurs the version of the template file will be bumped and
+ * the readme will list any important changes.
+ *
+ * @see     https://docs.woocommerce.com/document/template-structure/
+ * @package WooCommerce/Templates
+ * @version 3.4.0
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // Exit if accessed directly.
+}
+
+?>
+
+<?php wc_print_notices(); ?>
+
+<?php do_action( 'woocommerce_before_customer_login_form' ); ?>
+
+<?php if ( get_option( 'woocommerce_enable_myaccount_registration' ) === 'yes' ) : ?>
+
+<div class="u-columns col2-set" id="customer_login">
+
+	<div class="u-column1 col-1">
+
+<?php endif; ?>
+
+		<form class="woocommerce-form woocommerce-form-login login" method="post">
+
+			<?php do_action( 'woocommerce_login_form_start' ); ?>
+
+			<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
+				<label for="username"><?php esc_html_e( 'Username or email address', 'woocommerce' ); ?>&nbsp;<span class="required">*</span></label>
+				<input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="username" id="username" autocomplete="username" value="<?php echo ( ! empty( $_POST['username'] ) ) ? esc_attr( wp_unslash( $_POST['username'] ) ) : ''; ?>" /><?php // @codingStandardsIgnoreLine ?>
+			</p>
+			<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
+				<label for="password"><?php esc_html_e( 'Password', 'woocommerce' ); ?>&nbsp;<span class="required">*</span></label>
+				<input class="woocommerce-Input woocommerce-Input--text input-text" type="password" name="password" id="password" autocomplete="current-password" />
+			</p>
+
+			<?php do_action( 'woocommerce_login_form' ); ?>
+
+			<p class="form-row">
+				<?php wp_nonce_field( 'woocommerce-login', 'woocommerce-login-nonce' ); ?>
+				<button type="submit" class="woocommerce-Button button" name="login" value="<?php esc_attr_e( 'Log in', 'woocommerce' ); ?>"><?php esc_html_e( 'Log in', 'woocommerce' ); ?></button>
+				<label class="woocommerce-form__label woocommerce-form__label-for-checkbox inline">
+					<input class="woocommerce-form__input woocommerce-form__input-checkbox" name="rememberme" type="checkbox" id="rememberme" value="forever" /> <span><?php esc_html_e( 'Remember me', 'woocommerce' ); ?></span>
+				</label>
+			</p>
+			<p class="woocommerce-LostPassword lost_password">
+				<a href="<?php echo esc_url( wp_lostpassword_url() ); ?>"><?php esc_html_e( 'Lost your password?', 'woocommerce' ); ?></a>
+			</p>
+
+			<?php do_action( 'woocommerce_login_form_end' ); ?>
+
+		</form>
+
+<?php if ( get_option( 'woocommerce_enable_myaccount_registration' ) === 'yes' ) : ?>
+
+	</div>
+
+	<div class="u-column2 col-2">
+
+		<h2><?php esc_html_e( 'Register', 'woocommerce' ); ?></h2>
+
+		<form method="post" class="woocommerce-form woocommerce-form-register register">
+
+			<?php do_action( 'woocommerce_register_form_start' ); ?>
+
+			<?php if ( 'no' === get_option( 'woocommerce_registration_generate_username' ) ) : ?>
+
+				<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
+					<label for="reg_username"><?php esc_html_e( 'Username', 'woocommerce' ); ?>&nbsp;<span class="required">*</span></label>
+					<input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="username" id="reg_username" autocomplete="username" value="<?php echo ( ! empty( $_POST['username'] ) ) ? esc_attr( wp_unslash( $_POST['username'] ) ) : ''; ?>" /><?php // @codingStandardsIgnoreLine ?>
+				</p>
+
+			<?php endif; ?>
+
+			<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
+				<label for="reg_email"><?php esc_html_e( 'Email address', 'woocommerce' ); ?>&nbsp;<span class="required">*</span></label>
+				<input type="email" class="woocommerce-Input woocommerce-Input--text input-text" name="email" id="reg_email" autocomplete="email" value="<?php echo ( ! empty( $_POST['email'] ) ) ? esc_attr( wp_unslash( $_POST['email'] ) ) : ''; ?>" /><?php // @codingStandardsIgnoreLine ?>
+			</p>
+
+			<?php if ( 'no' === get_option( 'woocommerce_registration_generate_password' ) ) : ?>
+
+				<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
+					<label for="reg_password"><?php esc_html_e( 'Password', 'woocommerce' ); ?>&nbsp;<span class="required">*</span></label>
+					<input type="password" class="woocommerce-Input woocommerce-Input--text input-text" name="password" id="reg_password" autocomplete="new-password" />
+				</p>
+
+			<?php endif; ?>
+
+			<?php do_action( 'woocommerce_register_form' ); ?>
+
+			<p class="woocommerce-FormRow form-row">
+				<?php wp_nonce_field( 'woocommerce-register', 'woocommerce-register-nonce' ); ?>
+				<button type="submit" class="woocommerce-Button button" name="register" value="<?php esc_attr_e( 'Register', 'woocommerce' ); ?>"><?php esc_html_e( 'Register', 'woocommerce' ); ?></button>
+			</p>
+
+			<?php do_action( 'woocommerce_register_form_end' ); ?>
+
+		</form>
+
+	</div>
+
+</div>
+<?php endif; ?>
+
+<?php do_action( 'woocommerce_after_customer_login_form' ); ?>