Updated Gulp file to work; update dark theme

1 files changed, 114 insertions, 111 deletions

diff --git a/docs/dist/spectre-rtl.css b/docs/dist/spectre-rtl.css
index 01021d5..3f2450a 100644
--- a/docs/dist/spectre-rtl.css
+++ b/docs/dist/spectre-rtl.css
@@ -287,8 +287,8 @@ html {
 }
 
 body {
-  background: #fff;
-  color: #3b4351;
+  background: #000;
+  color: #fff;
   font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size: .8rem;
   overflow-x: hidden;
@@ -389,7 +389,7 @@ abbr[title] {
 kbd {
   background: #303742;
   border-radius: .1rem;
-  color: #fff;
+  color: #000;
   font-size: .7rem; 
   line-height: 1.25;
   padding: .1rem .2rem;
@@ -399,7 +399,7 @@ mark {
   background: #ffe9b3;
   border-bottom: .05rem solid #ffd367;
   border-radius: .1rem;
-  color: #3b4351;
+  color: #fff;
   padding: .05rem .1rem 0;
 }
 
@@ -555,7 +555,7 @@ html:lang(ko),
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  background: #fff;
+  background: #000;
   border: .05rem solid #5755d9;
   border-radius: .1rem;
   color: #5755d9;
@@ -592,14 +592,14 @@ html:lang(ko),
 .btn.active {
   background: #4b48d6;
   border-color: #3634d2;
-  color: #fff;
+  color: #000;
   text-decoration: none;
 }
 
 .btn:active.loading::after,
 .btn.active.loading::after {
-  border-bottom-color: #fff;
-  border-left-color: #fff;
+  border-bottom-color: #000;
+  border-left-color: #000;
 }
 
 .btn[disabled],
@@ -613,32 +613,32 @@ html:lang(ko),
 .btn.btn-primary {
   background: #5755d9;
   border-color: #4b48d6;
-  color: #fff;
+  color: #000;
 }
 
 .btn.btn-primary:focus,
 .btn.btn-primary:hover {
   background: #4240d4;
   border-color: #3634d2;
-  color: #fff;
+  color: #000;
 }
 
 .btn.btn-primary:active,
 .btn.btn-primary.active {
   background: #3a38d2;
   border-color: #302ecd;
-  color: #fff;
+  color: #000;
 }
 
 .btn.btn-primary.loading::after {
-  border-bottom-color: #fff;
-  border-left-color: #fff;
+  border-bottom-color: #000;
+  border-left-color: #000;
 }
 
 .btn.btn-success {
   background: #32b643;
   border-color: #2faa3f;
-  color: #fff;
+  color: #000;
 }
 
 .btn.btn-success:focus {
@@ -649,25 +649,25 @@ html:lang(ko),
 .btn.btn-success:hover {
   background: #30ae40;
   border-color: #2da23c;
-  color: #fff;
+  color: #000;
 }
 
 .btn.btn-success:active,
 .btn.btn-success.active {
   background: #2a9a39;
   border-color: #278e34;
-  color: #fff;
+  color: #000;
 }
 
 .btn.btn-success.loading::after {
-  border-bottom-color: #fff;
-  border-left-color: #fff;
+  border-bottom-color: #000;
+  border-left-color: #000;
 }
 
 .btn.btn-error {
   background: #e85600;
   border-color: #d95000;
-  color: #fff;
+  color: #000;
 }
 
 .btn.btn-error:focus {
@@ -678,19 +678,19 @@ html:lang(ko),
 .btn.btn-error:hover {
   background: #de5200;
   border-color: #cf4d00;
-  color: #fff;
+  color: #000;
 }
 
 .btn.btn-error:active,
 .btn.btn-error.active {
   background: #c44900;
   border-color: #b54300;
-  color: #fff;
+  color: #000;
 }
 
 .btn.btn-error.loading::after {
-  border-bottom-color: #fff;
-  border-left-color: #fff;
+  border-bottom-color: #000;
+  border-left-color: #000;
 }
 
 .btn.btn-link {
@@ -762,8 +762,8 @@ html:lang(ko),
 }
 
 .btn-group {
-  display: inline-flex;
   display: -ms-inline-flexbox;
+  display: inline-flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }
@@ -797,8 +797,8 @@ html:lang(ko),
 }
 
 .btn-group.btn-group-block {
-  display: flex; 
   display: -ms-flexbox;
+  display: flex;
 }
 
 .btn-group.btn-group-block .btn {
@@ -840,11 +840,11 @@ legend {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  background: #fff;
+  background: #000;
   background-image: none;
   border: .05rem solid #bcc3ce;
   border-radius: .1rem;
-  color: #3b4351;
+  color: #fff;
   display: block;
   font-size: .8rem;
   height: 1.8rem;
@@ -922,7 +922,7 @@ textarea.form-input.input-sm {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  background: #fff; 
+  background: #000; 
   border: .05rem solid #bcc3ce;
   border-radius: .1rem;
   color: inherit;
@@ -968,7 +968,7 @@ textarea.form-input.input-sm {
 }
 
 .form-select:not([multiple]):not([size]) {
-  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.4rem .5rem;
+  background: #000 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.4rem .5rem;
   padding-right: 1.2rem;
 }
 
@@ -1066,7 +1066,7 @@ textarea.form-input.input-sm {
 
 .form-checkbox .form-icon,
 .form-radio .form-icon {
-  background: #fff;
+  background: #000;
   height: .8rem;
   left: 0;
   top: .3rem;
@@ -1084,7 +1084,7 @@ textarea.form-input.input-sm {
 
 .form-checkbox input:checked + .form-icon::before {
   background-clip: padding-box;
-  border: .1rem solid #fff;
+  border: .1rem solid #000;
   border-left-width: 0;
   border-top-width: 0;
   content: "";
@@ -1104,7 +1104,7 @@ textarea.form-input.input-sm {
 }
 
 .form-checkbox input:indeterminate + .form-icon::before {
-  background: #fff;
+  background: #000;
   content: "";
   height: 2px;
   left: 50%;
@@ -1120,7 +1120,7 @@ textarea.form-input.input-sm {
 }
 
 .form-radio input:checked + .form-icon::before {
-  background: #fff;
+  background: #000;
   border-radius: 50%;
   content: "";
   height: 6px;
@@ -1146,7 +1146,7 @@ textarea.form-input.input-sm {
 }
 
 .form-switch .form-icon::before {
-  background: #fff;
+  background: #000;
   border-radius: 50%;
   content: "";
   display: block;
@@ -1167,8 +1167,8 @@ textarea.form-input.input-sm {
 }
 
 .input-group {
-  display: flex; 
   display: -ms-flexbox;
+  display: flex;
 }
 
 .input-group .input-group-addon {
@@ -1238,8 +1238,8 @@ textarea.form-input.input-sm {
 }
 
 .input-group.input-inline {
-  display: inline-flex; 
   display: -ms-inline-flexbox;
+  display: inline-flex;
 }
 
 .has-success .form-input,
@@ -1342,7 +1342,7 @@ input.disabled + .form-icon {
 
 .form-switch input:disabled + .form-icon::before,
 .form-switch input.disabled + .form-icon::before {
-  background: #fff;
+  background: #000;
 }
 
 .form-horizontal {
@@ -1350,8 +1350,8 @@ input.disabled + .form-icon {
 }
 
 .form-horizontal .form-group {
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }
@@ -1363,7 +1363,7 @@ input.disabled + .form-icon {
 .label {
   background: #eef0f3;
   border-radius: .1rem;
-  color: #455060;
+  color: white;
   display: inline-block; 
   line-height: 1.25;
   padding: .1rem .2rem;
@@ -1377,7 +1377,7 @@ input.disabled + .form-icon {
 
 .label.label-primary {
   background: #5755d9;
-  color: #fff;
+  color: #000;
 }
 
 .label.label-secondary {
@@ -1387,17 +1387,17 @@ input.disabled + .form-icon {
 
 .label.label-success {
   background: #32b643;
-  color: #fff;
+  color: #000;
 }
 
 .label.label-warning {
   background: #ffb700;
-  color: #fff;
+  color: #000;
 }
 
 .label.label-error {
   background: #e85600;
-  color: #fff;
+  color: #000;
 }
 
 code {
@@ -1411,7 +1411,7 @@ code {
 
 .code {
   border-radius: .1rem;
-  color: #3b4351;
+  color: #fff;
   position: relative;
 }
 
@@ -1538,8 +1538,8 @@ video.video-responsive::before {
 }
 
 .columns {
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-left: -.4rem;
@@ -1976,8 +1976,8 @@ video.video-responsive::before {
 }
 
 .hero {
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-pack: justify;
@@ -2002,8 +2002,8 @@ video.video-responsive::before {
 
 .navbar {
   align-items: stretch;
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-align: stretch;
   -ms-flex-pack: justify;
   -ms-flex-wrap: wrap;
@@ -2013,8 +2013,8 @@ video.video-responsive::before {
 
 .navbar .navbar-section {
   align-items: center;
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex: 1 0 0;
   flex: 1 0 0; 
   -ms-flex-align: center;
@@ -2027,8 +2027,8 @@ video.video-responsive::before {
 
 .navbar .navbar-center {
   align-items: center;
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto; 
   -ms-flex-align: center;
@@ -2072,7 +2072,7 @@ summary.accordion-header::-webkit-details-marker {
 .avatar {
   background: #5755d9;
   border-radius: 50%;
-  color: rgba(255, 255, 255, .85);
+  color: rgba(0, 0, 0, .85);
   display: inline-block;
   font-size: .8rem;
   font-weight: 300;
@@ -2118,7 +2118,7 @@ summary.accordion-header::-webkit-details-marker {
 
 .avatar .avatar-icon,
 .avatar .avatar-presence {
-  background: #fff;
+  background: #000;
   bottom: 14.64%;
   height: 50%;
   padding: .1rem;
@@ -2132,7 +2132,7 @@ summary.accordion-header::-webkit-details-marker {
 .avatar .avatar-presence {
   background: #bcc3ce;
   border-radius: 50%;
-  box-shadow: 0 0 0 .1rem #fff;
+  box-shadow: 0 0 0 .1rem #000;
   height: .5em;
   width: .5em;
 }
@@ -2169,8 +2169,8 @@ summary.accordion-header::-webkit-details-marker {
   background: #5755d9;
   background-clip: padding-box;
   border-radius: .5rem;
-  box-shadow: 0 0 0 .1rem #fff;
-  color: #fff;
+  box-shadow: 0 0 0 .1rem #000;
+  color: #000;
   content: attr(data-badge);
   display: inline-block;
   transform: translate(-.05rem, -.5rem);
@@ -2239,8 +2239,8 @@ summary.accordion-header::-webkit-details-marker {
 .bar {
   background: #eef0f3;
   border-radius: .1rem;
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   height: .8rem;
@@ -2253,7 +2253,7 @@ summary.accordion-header::-webkit-details-marker {
 
 .bar .bar-item {
   background: #5755d9;
-  color: #fff;
+  color: #000;
   display: block;
   -ms-flex-negative: 0;
   flex-shrink: 0;
@@ -2312,11 +2312,11 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .card {
-  background: #fff;
+  background: #000;
   border: .05rem solid #dadee4;
   border-radius: .1rem;
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
 }
@@ -2361,8 +2361,8 @@ summary.accordion-header::-webkit-details-marker {
   align-items: center;
   background: #eef0f3;
   border-radius: 5rem;
-  display: inline-flex;
   display: -ms-inline-flexbox;
+  display: inline-flex;
   -ms-flex-align: center;
   font-size: 90%;
   height: 1.2rem;
@@ -2379,7 +2379,7 @@ summary.accordion-header::-webkit-details-marker {
 
 .chip.active {
   background: #5755d9;
-  color: #fff;
+  color: #000;
 }
 
 .chip .avatar {
@@ -2445,7 +2445,7 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .menu {
-  background: #fff;
+  background: #000;
   border-radius: .1rem;
   box-shadow: 0 .05rem .2rem rgba(48, 55, 66, .3);
   list-style: none;
@@ -2501,8 +2501,8 @@ summary.accordion-header::-webkit-details-marker {
 
 .menu .menu-badge {
   align-items: center;
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-align: center;
   height: 100%;
   position: absolute;
@@ -2532,8 +2532,8 @@ summary.accordion-header::-webkit-details-marker {
 
 .modal:target,
 .modal.active {
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   opacity: 1;
   z-index: 400;
 }
@@ -2562,7 +2562,7 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .modal.modal-lg .modal-overlay {
-  background: #fff;
+  background: #000;
 }
 
 .modal.modal-lg .modal-container {
@@ -2571,11 +2571,11 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .modal-container {
-  background: #fff;
+  background: #000;
   border-radius: .1rem;
   box-shadow: 0 .2rem .5rem rgba(48, 55, 66, .3);
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   max-height: 75vh;
@@ -2605,8 +2605,8 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .nav {
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   list-style: none;
@@ -2640,8 +2640,8 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .pagination {
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   list-style: none;
   margin: .2rem 0;
   padding: .2rem 0;
@@ -2676,7 +2676,7 @@ summary.accordion-header::-webkit-details-marker {
 
 .pagination .page-item.active a {
   background: #5755d9;
-  color: #fff;
+  color: #000;
 }
 
 .pagination .page-item.page-prev,
@@ -2701,8 +2701,8 @@ summary.accordion-header::-webkit-details-marker {
 .panel {
   border: .05rem solid #dadee4;
   border-radius: .1rem;
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
 }
@@ -2786,8 +2786,8 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .step {
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   list-style: none;
@@ -2823,7 +2823,7 @@ summary.accordion-header::-webkit-details-marker {
 
 .step .step-item a::before {
   background: #5755d9;
-  border: .1rem solid #fff;
+  border: .1rem solid #000;
   border-radius: 50%;
   content: "";
   display: block;
@@ -2837,7 +2837,7 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .step .step-item.active a::before {
-  background: #fff;
+  background: #000;
   border: .1rem solid #5755d9;
 }
 
@@ -2856,8 +2856,8 @@ summary.accordion-header::-webkit-details-marker {
 .tab {
   align-items: center;
   border-bottom: .05rem solid #dadee4;
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-align: center;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
@@ -2923,8 +2923,8 @@ summary.accordion-header::-webkit-details-marker {
 .tile {
   align-content: space-between;
   align-items: flex-start;
-  display: flex; 
   display: -ms-flexbox;
+  display: flex; 
   -ms-flex-align: start;
   -ms-flex-line-pack: justify;
 }
@@ -2975,7 +2975,7 @@ summary.accordion-header::-webkit-details-marker {
   border: .05rem solid #303742;
   border-color: #303742;
   border-radius: .1rem;
-  color: #fff;
+  color: #000;
   display: block;
   padding: .4rem;
   width: 100%;
@@ -3002,7 +3002,7 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .toast a {
-  color: #fff;
+  color: #000;
   text-decoration: underline;
 }
 
@@ -3029,7 +3029,7 @@ summary.accordion-header::-webkit-details-marker {
   background: rgba(48, 55, 66, .95);
   border-radius: .1rem;
   bottom: 100%;
-  color: #fff;
+  color: #000;
   content: attr(data-tooltip);
   display: block;
   font-size: .7rem;
@@ -3152,29 +3152,29 @@ a.text-gray:visited {
 }
 
 .text-light {
-  color: #fff !important;
+  color: #000 !important;
 }
 
 a.text-light:focus,
 a.text-light:hover {
-  color: #f2f2f2;
+  color: black;
 }
 
 a.text-light:visited {
-  color: white;
+  color: #0d0d0d;
 }
 
 .text-dark {
-  color: #3b4351 !important;
+  color: #fff !important;
 }
 
 a.text-dark:focus,
 a.text-dark:hover {
-  color: #303742;
+  color: #f2f2f2;
 }
 
 a.text-dark:visited {
-  color: #455060;
+  color: white;
 }
 
 .text-success {
@@ -3218,7 +3218,7 @@ a.text-error:visited {
 
 .bg-primary {
   background: #5755d9 !important;
-  color: #fff;
+  color: #000;
 }
 
 .bg-secondary {
@@ -3227,7 +3227,7 @@ a.text-error:visited {
 
 .bg-dark {
   background: #303742 !important;
-  color: #fff;
+  color: #000;
 }
 
 .bg-gray {
@@ -3236,17 +3236,17 @@ a.text-error:visited {
 
 .bg-success {
   background: #32b643 !important;
-  color: #fff;
+  color: #000;
 }
 
 .bg-warning {
   background: #ffb700 !important;
-  color: #fff;
+  color: #000;
 }
 
 .bg-error {
   background: #e85600 !important;
-  color: #fff;
+  color: #000;
 }
 
 .c-hand {
@@ -3286,13 +3286,13 @@ a.text-error:visited {
 }
 
 .d-flex {
-  display: flex; 
   display: -ms-flexbox;
+  display: flex;
 }
 
 .d-inline-flex {
-  display: inline-flex; 
   display: -ms-inline-flexbox;
+  display: inline-flex;
 }
 
 .d-none,
@@ -3336,7 +3336,7 @@ a.text-error:visited {
 
 .divider[data-content]::after,
 .divider-vert[data-content]::after {
-  background: #fff;
+  background: #000;
   color: #bcc3ce;
   content: attr(data-content);
   display: inline-block;
@@ -3442,8 +3442,8 @@ a.text-error:visited {
 }
 
 .p-sticky {
-  position: sticky !important; 
   position: -webkit-sticky !important;
+  position: sticky !important;
 }
 
 .p-centered {
@@ -3455,8 +3455,8 @@ a.text-error:visited {
 
 .flex-centered {
   align-items: center;
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-align: center;
   -ms-flex-pack: center;
   justify-content: center;
@@ -3721,8 +3721,8 @@ a.text-error:visited {
 
 .form-autocomplete .form-autocomplete-input {
   align-content: flex-start;
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-line-pack: start;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
@@ -3778,8 +3778,8 @@ a.text-error:visited {
   background: #f7f8f9;
   border-top-left-radius: .1rem;
   border-top-right-radius: .1rem;
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-align: center;
   font-size: .9rem;
   padding: .4rem;
@@ -3787,8 +3787,8 @@ a.text-error:visited {
 
 .calendar .calendar-header,
 .calendar .calendar-body {
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-pack: center;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
@@ -3864,7 +3864,7 @@ a.text-error:visited {
 .calendar .calendar-date .date-item.active {
   background: #4b48d6;
   border-color: #3634d2;
-  color: #fff;
+  color: #000;
 }
 
 .calendar .calendar-date .date-item.badge::after {
@@ -3917,7 +3917,7 @@ a.text-error:visited {
 .calendar .calendar-range.range-end .date-item {
   background: #4b48d6;
   border-color: #3634d2;
-  color: #fff;
+  color: #000;
 }
 
 .calendar .calendar-range .date-item {
@@ -3931,8 +3931,8 @@ a.text-error:visited {
 .calendar.calendar-lg .calendar-body .calendar-date {
   border-bottom: .05rem solid #dadee4;
   border-right: .05rem solid #dadee4;
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   height: 5.5rem;
@@ -4072,8 +4072,8 @@ a.text-error:visited {
 
 .carousel .carousel-nav {
   bottom: .4rem;
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-pack: center;
   justify-content: center;
   left: 50%;
@@ -4182,7 +4182,7 @@ a.text-error:visited {
   background: currentColor;
   border-radius: 50%;
   box-shadow: 0 -5px, 0 5px;
-  color: #fff;
+  color: #000;
   content: "";
   height: 3px;
   position: absolute;
@@ -4215,7 +4215,7 @@ a.text-error:visited {
 .comparison-slider .comparison-label {
   background: rgba(48, 55, 66, .5);
   bottom: .8rem;
-  color: #fff;
+  color: #000;
   padding: .2rem .4rem;
   position: absolute;
   -webkit-user-select: none;
@@ -4252,7 +4252,7 @@ a.text-error:visited {
 .filter .filter-tag#tag-7:checked ~ .filter-nav .chip[for="tag-7"],
 .filter .filter-tag#tag-8:checked ~ .filter-nav .chip[for="tag-8"] {
   background: #5755d9;
-  color: #fff;
+  color: #000;
 }
 
 .filter .filter-tag#tag-1:checked ~ .filter-body .filter-item:not([data-tag~="tag-1"]),
@@ -4271,8 +4271,8 @@ a.text-error:visited {
 }
 
 .filter .filter-body {
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }
@@ -4336,8 +4336,8 @@ a.text-error:visited {
 }
 
 .off-canvas {
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-flow: nowrap;
   flex-flow: nowrap;
   height: 100%;
@@ -4442,9 +4442,9 @@ a.text-error:visited {
 
 .parallax .parallax-front {
   align-items: center;
-  color: #fff;
-  display: flex;
+  color: #000;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-align: center;
   -ms-flex-pack: center;
   height: 100%;
@@ -4632,6 +4632,7 @@ a.text-error:visited {
   border-radius: 50%;
   height: .6rem;
   margin-top: -.25rem;
+  -webkit-transition: transform .2s;
   transition: transform .2s;
   width: .6rem;
 }
@@ -4641,6 +4642,7 @@ a.text-error:visited {
   border: 0;
   border-radius: 50%;
   height: .6rem;
+  -moz-transition: transform .2s;
   transition: transform .2s;
   width: .6rem;
 }
@@ -4650,6 +4652,7 @@ a.text-error:visited {
   border: 0;
   border-radius: 50%;
   height: .6rem;
+  -ms-transition: transform .2s;
   transition: transform .2s;
   width: .6rem;
 }
@@ -4710,8 +4713,8 @@ a.text-error:visited {
 }
 
 .timeline .timeline-item {
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   margin-bottom: 1.2rem;
   position: relative;
 }
@@ -4740,7 +4743,7 @@ a.text-error:visited {
 .timeline .timeline-item .timeline-icon {
   align-items: center;
   border-radius: 50%;
-  color: #fff;
+  color: #000;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
@@ -4774,8 +4777,8 @@ a.text-error:visited {
 
 .viewer-360 {
   align-items: center;
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-align: center;
   -ms-flex-direction: column;
   flex-direction: column;