diff --git a/themes/wav-theme/front-page.php b/themes/wav-theme/front-page.php
index 7b07907..b12c411 100644
--- a/themes/wav-theme/front-page.php
+++ b/themes/wav-theme/front-page.php
@@ -1,155 +1,155 @@
-<?php
-/**
- * 
- *
- * @package WAV_Starter_Theme
- */
-
-
-get_header(); ?>
-	<div id="primary" class="content-area">
-		<main id="main" class="site-main" role="main">
-<!--banner-->
-	<section class="front-page-banner banner">
-		<img src="<?php echo CFS()->get( 'front_page_wav_img' ); ?>">
-        <div class="banner-text">
-            <h1><?php echo CFS()->get('front_page_wav_main_title')?></h1>
-            <p><?php echo CFS()->get('front_page_wav_mission')?></p>
-        </div>    
-	</section><!--end of banner-->
-<!--activity ideas-->
-<section class="activities">
-			<h2>Seasonal Activity Ideas</h2>
-
-				<div class="activities-container carousel-front-page" data-flickity='{ "watchCSS": true }'>
-					<?php
-					$args = array(
-						'post_type' => 'activity',
-						'posts_per_page' => 2,
-						'orderby' => 'date',
-						'order' => 'ASC'
-						);
-					$latest_activity_posts = get_posts( $args ); // returns an array of posts
-					?>
-
-					<?php foreach ( $latest_activity_posts as $post ) : setup_postdata( $post ); ?>
-
-						<article class="activities-posts-single carousel-front-page-cell">
-							<div class="activities-posts-single-text">
-								<?php the_title( sprintf( '<h3 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h3>' ); ?>
-								<?php if ( has_post_thumbnail() ) : ?>
-								<?php the_post_thumbnail( '' ); ?>
-                                <p><?php echo CFS()->get('description')?></p>
-
-                                <div class="read-more">
-                            <a href="<?php echo esc_url(get_permalink())?>" class="button-green">See details &rsaquo;</a>
-                        </div>
-							</div><!-- .activities-posts-single-text-->
-                        </article><!-- activities-posts-single -->
-                        <?php endif; ?>
-
-					<?php endforeach; wp_reset_postdata(); ?>
-
-				</div><!-- activities-container -->
-
-					 <div class="button contact-button1 activities-button">
-          				<a  href=<?php echo get_post_type_archive_link( 'activity' ) ?>>see activities</a>
-					</div>
-
-
-</section><!--end of activity section-->
-
-<!--upcoming events-->
-    <section class="events">
-                <h2>Upcoming Events</h2>
-                <!-- <div class="tribe_event-container"> -->
-                <div class="events-container carousel-front-page" data-flickity='{ "watchCSS": true }'>
-                <!-- // the loop for events as per documentation -->
-           <?php
-           $args = array(//array to get the upcoming events, only three of them
-			'posts_per_page' => 3,
-			'orderby' => 'date',
-            'order' => 'ASC',
-            'eventDisplay'=>'upcoming'
-        );
-            $events = tribe_get_events($args);
-
-            if ( empty( $events ) ) {
-                echo('Sorry, nothing found.');
-            }
-            else foreach( $events as $event ) {
-                echo('<article class="event-post-single carousel-front-page-cell">');
-                echo('<div><a href="'.esc_url( get_permalink($event) ).'" rel="bookmark">'.get_the_post_thumbnail( $event, 'large').'</a></div>');
-                echo('<h3 class="entry-title"><a href="'.esc_url( get_permalink($event) ).'" rel="bookmark">'.get_the_title( $event).'</a></h3>' );
-                // echo('<p>'.$event->post_content.'</p>');
-                echo('<p>'.tribe_get_start_date($event).'<p>');
-                echo('<p>'.get_the_excerpt($event).'</p>');
-                //tribe_meta_event_tags( sprintf( esc_html__( '%s Tags:', 'the-events-calendar' ), tribe_get_event_label_singular() ), ', ');
-
-                    $tags = wp_get_post_tags($event->ID);
-                    echo('<ul class="tags-list">');
-                         foreach ( $tags as $tag ) {
-                            echo('<li><a href="tag/'.$tag->slug.'"> #'.$tag->name.'</a></li>');
-                         }
-                    echo('</ul>');
-
-                echo('<div class="read-more"><a href="'.esc_url( get_permalink($event) ).'" rel="bookmark">See details &rsaquo;</a></div>');
-                echo('</article>');
-            }
-            ?>
-                </div><!-- events-container -->
-                <div class="events-buttons-container">
-                    <div class="button contact-button1">
-                    <a href=<?php echo get_post_type_archive_link( 'tribe_event' ) ?>>create events</a>
-                    </div>
-                    <div class="button blue-button">
-                            <a href=<?php echo get_post_type_archive_link( 'tribe_events' ) ?>>find events</a>
-                    </div>
-                </div>
-
-    </section><!--end of events section-->
-
-<!--what is WAV-->
-            <section>
-                <h2>What is WAV?</h2>
-                <!--tab navigation-->
-                <ul class="tabs">
-                    <li class="tab-link current" data-tab="tab-1"><?php echo CFS()->get('front_page_wav_what_is_wav_about_header')?></li>
-                    <li class="tab-link" data-tab="tab-2"><?php echo CFS()->get('front_page_wav_what_is_wav_festival_header')?></li>
-                    <li class="tab-link" data-tab="tab-3"><?php echo CFS()->get('front_page_wav_what_is_wav_school_header')?></li>
-                </ul>
-                <div class="about-container data-tab">
-                        <div id="tab-1" class="single-about-container tab-content current">
-                            <h3><?php echo CFS()->get('front_page_wav_what_is_wav_about_header')?></h3>
-							<img src="<?php echo CFS()->get('front_page_wav_what_is_wav_about_img')?>">
-                            <p><?php echo CFS()->get('front_page_wav_what_is_wav_about_text')?></p>
-                            <a div="read-more" href="<?php echo get_permalink( get_page_by_title( 'About' ) ) ?>">learn more &rsaquo; </a>
-                        </div>
-                        <div id="tab-2" class="single-festival-container tab-content">
-                            <h3><?php echo CFS()->get('front_page_wav_what_is_wav_festival_header')?></h3>
-							<img src="<?php echo CFS()->get('front_page_wav_what_is_wav_festival_img')?>">
-							<p><?php echo CFS()->get('front_page_wav_what_is_wav_festival_text')?></p>
-                            <a class="read-more" href="<?php echo get_post_type_archive_link( 'festivals' ) ?>">learn more &rsaquo; </a>
-                        </div>
-                        <div id="tab-3" class="single-school-container tab-content">
-						<h3><?php echo CFS()->get('front_page_wav_what_is_wav_school_header')?></h3>
-						<img src="<?php echo CFS()->get('front_page_wav_what_is_wav_school_img')?>">
-						<p><?php echo CFS()->get('front_page_wav_what_is_wav_school_text')?></p>
-                        <a href="<?php echo get_post_type_archive_link( 'posts' ) ?>">learn more &rsaquo; </a>
-                        </div>
-                </div>
-                <div class="button contact-button1">
-                        <a href="<?php echo get_permalink( get_page_by_title( 'About' ) ) ?>">find more</a>
-                </div>
-            </section><!--end of what is WAV section-->
-            <!--social media feeds-->
-            <section class="sm-feed">
-				<h2>Stay Up to Date</h2>
-			        <div id="sidebar-front-page" class=" sm-feed-container">
-				        <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar-front-page') ) ?>
-                    </div>
-                </section><!--end of social media feeds-->
-		</main><!-- #main -->
-    </div><!-- #primary -->
-
-<?php get_footer(); ?>
+<?php
+/**
+ * 
+ *
+ * @package WAV_Starter_Theme
+ */
+
+
+get_header(); ?>
+	<div id="primary" class="content-area">
+		<main id="main" class="site-main" role="main">
+<!--banner-->
+	<section class="front-page-banner banner">
+		<img src="<?php echo CFS()->get( 'front_page_wav_img' ); ?>">
+        <div class="banner-text">
+            <h1><?php echo CFS()->get('front_page_wav_main_title')?></h1>
+            <p><?php echo CFS()->get('front_page_wav_mission')?></p>
+        </div>    
+	</section><!--end of banner-->
+<!--activity ideas-->
+<section class="activities">
+			<h2>Seasonal Activity Ideas</h2>
+
+				<div class="activities-container carousel-front-page" data-flickity='{ "watchCSS": true }'>
+					<?php
+					$args = array(
+						'post_type' => 'activity',
+						'posts_per_page' => 2,
+						'orderby' => 'date',
+						'order' => 'ASC'
+						);
+					$latest_activity_posts = get_posts( $args ); // returns an array of posts
+					?>
+
+					<?php foreach ( $latest_activity_posts as $post ) : setup_postdata( $post ); ?>
+
+						<article class="activities-posts-single carousel-front-page-cell">
+							<div class="activities-posts-single-text">
+								<?php the_title( sprintf( '<h3 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h3>' ); ?>
+								<?php if ( has_post_thumbnail() ) : ?>
+								<?php the_post_thumbnail( '' ); ?>
+                                <p><?php echo CFS()->get('description')?></p>
+
+                                <div class="read-more">
+                            <a href="<?php echo esc_url(get_permalink())?>" class="button-green">See details &rsaquo;</a>
+                        </div>
+							</div><!-- .activities-posts-single-text-->
+                        </article><!-- activities-posts-single -->
+                        <?php endif; ?>
+
+					<?php endforeach; wp_reset_postdata(); ?>
+
+				</div><!-- activities-container -->
+
+					 <div class="button contact-button1 activities-button">
+          				<a  href=<?php echo get_post_type_archive_link( 'activity' ) ?>>see activities</a>
+					</div>
+
+
+</section><!--end of activity section-->
+
+<!--upcoming events-->
+    <section class="events">
+                <h2>Upcoming Events</h2>
+                <!-- <div class="tribe_event-container"> -->
+                <div class="events-container carousel-front-page" data-flickity='{ "watchCSS": true }'>
+                <!-- // the loop for events as per documentation -->
+           <?php
+           $args = array(//array to get the upcoming events, only three of them
+			'posts_per_page' => 3,
+			'orderby' => 'date',
+            'order' => 'ASC',
+            'eventDisplay'=>'upcoming'
+        );
+            $events = tribe_get_events($args);
+
+            if ( empty( $events ) ) {
+                echo('Sorry, nothing found.');
+            }
+            else foreach( $events as $event ) {
+                echo('<article class="event-post-single carousel-front-page-cell">');
+                echo('<div><a href="'.esc_url( get_permalink($event) ).'" rel="bookmark">'.get_the_post_thumbnail( $event, 'large').'</a></div>');
+                echo('<h3 class="entry-title"><a href="'.esc_url( get_permalink($event) ).'" rel="bookmark">'.get_the_title( $event).'</a></h3>' );
+                // echo('<p>'.$event->post_content.'</p>');
+                echo('<p>'.tribe_get_start_date($event).'<p>');
+                echo('<p>'.get_the_excerpt($event).'</p>');
+                //tribe_meta_event_tags( sprintf( esc_html__( '%s Tags:', 'the-events-calendar' ), tribe_get_event_label_singular() ), ', ');
+
+                    $tags = wp_get_post_tags($event->ID);
+                    echo('<ul class="tags-list">');
+                         foreach ( $tags as $tag ) {
+                            echo('<li><a href="tag/'.$tag->slug.'"> #'.$tag->name.'</a></li>');
+                         }
+                    echo('</ul>');
+
+                echo('<div class="read-more"><a href="'.esc_url( get_permalink($event) ).'" rel="bookmark">See details &rsaquo;</a></div>');
+                echo('</article>');
+            }
+            ?>
+                </div><!-- events-container -->
+                <div class="events-buttons-container">
+                    <div class="button contact-button1">
+                    <a href=<?php echo get_post_type_archive_link( 'tribe_event' ) ?>>create events</a>
+                    </div>
+                    <div class="button blue-button">
+                            <a href=<?php echo get_post_type_archive_link( 'tribe_events' ) ?>>find events</a>
+                    </div>
+                </div>
+
+    </section><!--end of events section-->
+
+<!--what is WAV-->
+            <section>
+                <h2>What is WAV?</h2>
+                <!--tab navigation-->
+                <ul class="tabs">
+                    <li class="tab-link current" data-tab="tab-1"><?php echo CFS()->get('front_page_wav_what_is_wav_about_header')?></li>
+                    <li class="tab-link" data-tab="tab-2"><?php echo CFS()->get('front_page_wav_what_is_wav_festival_header')?></li>
+                    <li class="tab-link" data-tab="tab-3"><?php echo CFS()->get('front_page_wav_what_is_wav_school_header')?></li>
+                </ul>
+                <div class="about-container data-tab">
+                        <div id="tab-1" class="single-about-container tab-content current">
+                            <h3><?php echo CFS()->get('front_page_wav_what_is_wav_about_header')?></h3>
+							<img src="<?php echo CFS()->get('front_page_wav_what_is_wav_about_img')?>">
+                            <p><?php echo CFS()->get('front_page_wav_what_is_wav_about_text')?></p>
+                            <a div="read-more" href="<?php echo get_permalink( get_page_by_title( 'About' ) ) ?>">learn more &rsaquo; </a>
+                        </div>
+                        <div id="tab-2" class="single-festival-container tab-content">
+                            <h3><?php echo CFS()->get('front_page_wav_what_is_wav_festival_header')?></h3>
+							<img src="<?php echo CFS()->get('front_page_wav_what_is_wav_festival_img')?>">
+							<p><?php echo CFS()->get('front_page_wav_what_is_wav_festival_text')?></p>
+                            <a class="read-more" href="<?php echo get_post_type_archive_link( 'festivals' ) ?>">learn more &rsaquo; </a>
+                        </div>
+                        <div id="tab-3" class="single-school-container tab-content">
+						<h3><?php echo CFS()->get('front_page_wav_what_is_wav_school_header')?></h3>
+						<img src="<?php echo CFS()->get('front_page_wav_what_is_wav_school_img')?>">
+						<p><?php echo CFS()->get('front_page_wav_what_is_wav_school_text')?></p>
+                        <a href="<?php echo get_post_type_archive_link( 'posts' ) ?>">learn more &rsaquo; </a>
+                        </div>
+                </div>
+                <div class="button contact-button1">
+                        <a href="<?php echo get_permalink( get_page_by_title( 'About' ) ) ?>">find more</a>
+                </div>
+            </section><!--end of what is WAV section-->
+            <!--social media feeds-->
+            <section class="sm-feed">
+				<h2>Stay Up to Date</h2>
+			        <div id="sidebar-front-page" class=" sm-feed-container">
+				        <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar-front-page') ) ?>
+                    </div>
+                </section><!--end of social media feeds-->
+		</main><!-- #main -->
+    </div><!-- #primary -->
+
+<?php get_footer(); ?>
diff --git a/themes/wav-theme/style.css b/themes/wav-theme/style.css
index da45a07..c7d5b95 100644
--- a/themes/wav-theme/style.css
+++ b/themes/wav-theme/style.css
@@ -1,47 +1,47 @@
-/*!
-Theme Name: Wild About Vancouver Theme
-Theme URI: http://underscores.me/
-Author: Abdullah, Mike, Kate, and Pam
-Author URI: http://www.redacademy.com
-Description: A WordPress starter theme for RED Academy students.
-Version: 1.0.0
-License: GNU General Public License v2 or later
-License URI: http://www.gnu.org/licenses/gpl-2.0.html
-Tags:
-
-This theme, like WordPress, is licensed under the GPL.
-Use it to make something cool, have fun, and share what you've learned with others.
-
-WAV Starter Theme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
-Underscores is distributed under the terms of the GNU GPL v2 or later.
-
-Normalizing styles have been helped along thanks to the fine work of
-Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
+/*!
+Theme Name: Wild About Vancouver Theme
+Theme URI: http://underscores.me/
+Author: Abdullah, Mike, Kate, and Pam
+Author URI: http://www.redacademy.com
+Description: A WordPress starter theme for RED Academy students.
+Version: 1.0.0
+License: GNU General Public License v2 or later
+License URI: http://www.gnu.org/licenses/gpl-2.0.html
+Tags:
+
+This theme, like WordPress, is licensed under the GPL.
+Use it to make something cool, have fun, and share what you've learned with others.
+
+WAV Starter Theme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
+Underscores is distributed under the terms of the GNU GPL v2 or later.
+
+Normalizing styles have been helped along thanks to the fine work of
+Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */
-/*--------------------------------------------------------------
->>> TABLE OF CONTENTS:
-----------------------------------------------------------------
-# Normalize
-# Embedded Fonts
-# Typography
-# Elements
-# Forms
-# Navigation
-	## Links
-	## Menus
-# Accessibility
-# Alignments
-# Clearings
-# Widgets
-# Content
-	## Posts and pages
-	## Asides
-	## Comments
-# Media
-	## Captions
-	## Galleries
-# Page Templates
-	## Front page
+/*--------------------------------------------------------------
+>>> TABLE OF CONTENTS:
+----------------------------------------------------------------
+# Normalize
+# Embedded Fonts
+# Typography
+# Elements
+# Forms
+# Navigation
+	## Links
+	## Menus
+# Accessibility
+# Alignments
+# Clearings
+# Widgets
+# Content
+	## Posts and pages
+	## Asides
+	## Comments
+# Media
+	## Captions
+	## Galleries
+# Page Templates
+	## Front page
 --------------------------------------------------------------*/
 html {
   font-family: sans-serif;
@@ -222,8 +222,8 @@ td,
 th {
   padding: 0; }
 
-/*--------------------------------------------------------------
-# Embedded Fonts
+/*--------------------------------------------------------------
+# Embedded Fonts
 --------------------------------------------------------------*/
 @font-face {
   font-family: 'Tofino';
@@ -506,8 +506,8 @@ mark, ins {
 big {
   font-size: 125%; }
 
-/*--------------------------------------------------------------
-# Elements
+/*--------------------------------------------------------------
+# Elements
 --------------------------------------------------------------*/
 html {
   -webkit-box-sizing: border-box;
@@ -638,8 +638,8 @@ textarea {
   padding-left: 3px;
   width: 100%; }
 
-/*--------------------------------------------------------------
-# Navigation
+/*--------------------------------------------------------------
+# Navigation
 --------------------------------------------------------------*/
 /* Links */
 a {
@@ -830,8 +830,8 @@ a {
 .widget_search .search-submit {
   display: none; }
 
-/*--------------------------------------------------------------
-# Content
+/*--------------------------------------------------------------
+# Content
 --------------------------------------------------------------*/
 /* Posts and pages */
 .sticky {
@@ -2044,12 +2044,12 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
 .widget-area li {
   display: inline; }
 
-/*!
- * Hamburgers
- * @description Tasty CSS-animated hamburgers
- * @author Jonathan Suh @jonsuh
- * @site https://jonsuh.com/hamburgers
- * @link https://github.com/jonsuh/hamburgers
+/*!
+ * Hamburgers
+ * @description Tasty CSS-animated hamburgers
+ * @author Jonathan Suh @jonsuh
+ * @site https://jonsuh.com/hamburgers
+ * @link https://github.com/jonsuh/hamburgers
  */
 .hamburger {
   padding: 15px 15px;
@@ -2108,8 +2108,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
   .hamburger-inner::after {
     bottom: -10px; }
 
-/*
-   * 3DX
+/*
+   * 3DX
    */
 .hamburger--3dx .hamburger-box {
   -webkit-perspective: 80px;
@@ -2137,8 +2137,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
     -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
             transform: translate3d(0, -10px, 0) rotate(-45deg); }
 
-/*
-   * 3DX Reverse
+/*
+   * 3DX Reverse
    */
 .hamburger--3dx-r .hamburger-box {
   -webkit-perspective: 80px;
@@ -2166,8 +2166,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
     -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
             transform: translate3d(0, -10px, 0) rotate(-45deg); }
 
-/*
-   * 3DY
+/*
+   * 3DY
    */
 .hamburger--3dy .hamburger-box {
   -webkit-perspective: 80px;
@@ -2195,8 +2195,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
     -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
             transform: translate3d(0, -10px, 0) rotate(-45deg); }
 
-/*
-   * 3DY Reverse
+/*
+   * 3DY Reverse
    */
 .hamburger--3dy-r .hamburger-box {
   -webkit-perspective: 80px;
@@ -2224,8 +2224,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
     -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
             transform: translate3d(0, -10px, 0) rotate(-45deg); }
 
-/*
-   * 3DXY
+/*
+   * 3DXY
    */
 .hamburger--3dxy .hamburger-box {
   -webkit-perspective: 80px;
@@ -2253,8 +2253,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
     -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
             transform: translate3d(0, -10px, 0) rotate(-45deg); }
 
-/*
-   * 3DXY Reverse
+/*
+   * 3DXY Reverse
    */
 .hamburger--3dxy-r .hamburger-box {
   -webkit-perspective: 80px;
@@ -2282,8 +2282,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
     -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
             transform: translate3d(0, -10px, 0) rotate(-45deg); }
 
-/*
-   * Arrow
+/*
+   * Arrow
    */
 .hamburger--arrow.is-active .hamburger-inner::before {
   -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
@@ -2293,8 +2293,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
   -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
           transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }
 
-/*
-   * Arrow Right
+/*
+   * Arrow Right
    */
 .hamburger--arrow-r.is-active .hamburger-inner::before {
   -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
@@ -2304,8 +2304,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
   -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
           transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
 
-/*
-   * Arrow Alt
+/*
+   * Arrow Alt
    */
 .hamburger--arrowalt .hamburger-inner::before {
   -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
@@ -2337,8 +2337,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
   transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
   transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
 
-/*
-   * Arrow Alt Right
+/*
+   * Arrow Alt Right
    */
 .hamburger--arrowalt-r .hamburger-inner::before {
   -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
@@ -2370,8 +2370,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
   transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
   transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
 
-/*
-   * Arrow Turn
+/*
+   * Arrow Turn
    */
 .hamburger--arrowturn.is-active .hamburger-inner {
   -webkit-transform: rotate(-180deg);
@@ -2383,8 +2383,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
     -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
             transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
 
-/*
-   * Arrow Turn Right
+/*
+   * Arrow Turn Right
    */
 .hamburger--arrowturn-r.is-active .hamburger-inner {
   -webkit-transform: rotate(-180deg);
@@ -2396,8 +2396,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
     -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
             transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }
 
-/*
-   * Boring
+/*
+   * Boring
    */
 .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
   -webkit-transition-property: none;
@@ -2414,8 +2414,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
     -webkit-transform: rotate(-90deg);
             transform: rotate(-90deg); }
 
-/*
-   * Collapse
+/*
+   * Collapse
    */
 .hamburger--collapse .hamburger-inner {
   top: auto;
@@ -2457,8 +2457,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
     transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
     transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }
 
-/*
-   * Collapse Reverse
+/*
+   * Collapse Reverse
    */
 .hamburger--collapse-r .hamburger-inner {
   top: auto;
@@ -2500,8 +2500,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
     transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
     transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }
 
-/*
-   * Elastic
+/*
+   * Elastic
    */
 .hamburger--elastic .hamburger-inner {
   top: 2px;
@@ -2535,8 +2535,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
     -webkit-transition-delay: 0.075s;
             transition-delay: 0.075s; }
 
-/*
-   * Elastic Reverse
+/*
+   * Elastic Reverse
    */
 .hamburger--elastic-r .hamburger-inner {
   top: 2px;
@@ -2570,8 +2570,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
     -webkit-transition-delay: 0.075s;
             transition-delay: 0.075s; }
 
-/*
-   * Emphatic
+/*
+   * Emphatic
    */
 .hamburger--emphatic {
   overflow: hidden; }
@@ -2616,8 +2616,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
       transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
       transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
 
-/*
-   * Emphatic Reverse
+/*
+   * Emphatic Reverse
    */
 .hamburger--emphatic-r {
   overflow: hidden; }
@@ -2662,17 +2662,17 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
       transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
       transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
 
-/*
-   * Minus
+/*
+   * Minus
    */
 .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
-  -webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
-  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }
+  -webkit-transition: bottom 0.08s 0s ease-out,
 top 0.08s 0s ease-out,
 opacity 0s linear;
+  transition: bottom 0.08s 0s ease-out,
 top 0.08s 0s ease-out,
 opacity 0s linear; }
 
 .hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
   opacity: 0;
-  -webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
-  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }
+  -webkit-transition: bottom 0.08s ease-out,
 top 0.08s ease-out,
 opacity 0s 0.08s linear;
+  transition: bottom 0.08s ease-out,
 top 0.08s ease-out,
 opacity 0s 0.08s linear; }
 
 .hamburger--minus.is-active .hamburger-inner::before {
   top: 0; }
@@ -2680,8 +2680,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
 .hamburger--minus.is-active .hamburger-inner::after {
   bottom: 0; }
 
-/*
-   * Slider
+/*
+   * Slider
    */
 .hamburger--slider .hamburger-inner {
   top: 2px; }
@@ -2709,8 +2709,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
     -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
             transform: translate3d(0, -20px, 0) rotate(-90deg); }
 
-/*
-   * Slider Reverse
+/*
+   * Slider Reverse
    */
 .hamburger--slider-r .hamburger-inner {
   top: 2px; }
@@ -2738,8 +2738,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
     -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
             transform: translate3d(0, -20px, 0) rotate(90deg); }
 
-/*
-   * Spin
+/*
+   * Spin
    */
 .hamburger--spin .hamburger-inner {
   -webkit-transition-duration: 0.22s;
@@ -2747,8 +2747,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
   -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
           transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
   .hamburger--spin .hamburger-inner::before {
-    -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
-    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
+    -webkit-transition: top 0.1s 0.25s ease-in,
 opacity 0.1s ease-in;
+    transition: top 0.1s 0.25s ease-in,
 opacity 0.1s ease-in; }
   .hamburger--spin .hamburger-inner::after {
     -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
     transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
@@ -2765,8 +2765,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
   .hamburger--spin.is-active .hamburger-inner::before {
     top: 0;
     opacity: 0;
-    -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
-    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
+    -webkit-transition: top 0.1s ease-out,
 opacity 0.1s 0.12s ease-out;
+    transition: top 0.1s ease-out,
 opacity 0.1s 0.12s ease-out; }
   .hamburger--spin.is-active .hamburger-inner::after {
     bottom: 0;
     -webkit-transform: rotate(-90deg);
@@ -2776,8 +2776,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
     transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
     transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
 
-/*
-   * Spin Reverse
+/*
+   * Spin Reverse
    */
 .hamburger--spin-r .hamburger-inner {
   -webkit-transition-duration: 0.22s;
@@ -2785,8 +2785,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
   -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
           transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
   .hamburger--spin-r .hamburger-inner::before {
-    -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
-    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
+    -webkit-transition: top 0.1s 0.25s ease-in,
 opacity 0.1s ease-in;
+    transition: top 0.1s 0.25s ease-in,
 opacity 0.1s ease-in; }
   .hamburger--spin-r .hamburger-inner::after {
     -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
     transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
@@ -2803,8 +2803,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
   .hamburger--spin-r.is-active .hamburger-inner::before {
     top: 0;
     opacity: 0;
-    -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
-    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
+    -webkit-transition: top 0.1s ease-out,
 opacity 0.1s 0.12s ease-out;
+    transition: top 0.1s ease-out,
 opacity 0.1s 0.12s ease-out; }
   .hamburger--spin-r.is-active .hamburger-inner::after {
     bottom: 0;
     -webkit-transform: rotate(90deg);
@@ -2814,8 +2814,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
     transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
     transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
 
-/*
-   * Spring
+/*
+   * Spring
    */
 .hamburger--spring .hamburger-inner {
   top: 2px;
@@ -2855,8 +2855,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
     -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
             transform: translate3d(0, 10px, 0) rotate(-45deg); }
 
-/*
-   * Spring Reverse
+/*
+   * Spring Reverse
    */
 .hamburger--spring-r .hamburger-inner {
   top: auto;
@@ -2898,8 +2898,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
     transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
     transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }
 
-/*
-   * Stand
+/*
+   * Stand
    */
 .hamburger--stand .hamburger-inner {
   -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
@@ -2942,8 +2942,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
     transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
     transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
 
-/*
-   * Stand Reverse
+/*
+   * Stand Reverse
    */
 .hamburger--stand-r .hamburger-inner {
   -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
@@ -2986,8 +2986,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
     transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
     transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
 
-/*
-   * Squeeze
+/*
+   * Squeeze
    */
 .hamburger--squeeze .hamburger-inner {
   -webkit-transition-duration: 0.075s;
@@ -2995,8 +2995,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
   -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
           transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
   .hamburger--squeeze .hamburger-inner::before {
-    -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
-    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
+    -webkit-transition: top 0.075s 0.12s ease,
 opacity 0.075s ease;
+    transition: top 0.075s 0.12s ease,
 opacity 0.075s ease; }
   .hamburger--squeeze .hamburger-inner::after {
     -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
     transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
@@ -3013,8 +3013,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
   .hamburger--squeeze.is-active .hamburger-inner::before {
     top: 0;
     opacity: 0;
-    -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
-    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
+    -webkit-transition: top 0.075s ease,
 opacity 0.075s 0.12s ease;
+    transition: top 0.075s ease,
 opacity 0.075s 0.12s ease; }
   .hamburger--squeeze.is-active .hamburger-inner::after {
     bottom: 0;
     -webkit-transform: rotate(-90deg);
@@ -3024,8 +3024,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
     transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
     transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
 
-/*
-   * Vortex
+/*
+   * Vortex
    */
 .hamburger--vortex .hamburger-inner {
   -webkit-transition-duration: 0.2s;
@@ -3064,8 +3064,8 @@ Please check the Skeleton style from Events/Setting/Display in dashboard and the
     -webkit-transform: rotate(90deg);
             transform: rotate(90deg); }
 
-/*
-   * Vortex Reverse
+/*
+   * Vortex Reverse
    */
 .hamburger--vortex-r .hamburger-inner {
   -webkit-transition-duration: 0.2s;