From d4c3a6f5beddfda7bfb0ca6655bb42ea7ea8d1d0 Mon Sep 17 00:00:00 2001
From: Kazhnuz <kazhnuz@kobold.cafe>
Date: Sat, 17 Dec 2022 22:34:02 +0100
Subject: [PATCH] init: portage initial sous mouette

---
 404.php                              |    2 +-
 category-blog.php                    |    2 +-
 category.php                         |    2 +-
 comments.php                         |    2 +-
 components/featured.php              |    2 +-
 components/footer-content.php        |   10 +-
 components/navbar-pages.php          |    4 +-
 components/posts-list.php            |    2 +-
 components/preview-list.php          |    2 +-
 components/sidebar/archives.php      |    2 +-
 components/sidebar/categories.php    |   28 +-
 components/sidebar/last-articles.php |    8 +-
 components/sidebar/links.php         |    2 +-
 components/sidebar/tags.php          |    2 +-
 example.html                         |    6 +-
 header.php                           |    1 -
 index.html                           |    6 +-
 page-about.php                       |    2 +-
 page-links.php                       |    2 +-
 page-roman.php                       |    4 +-
 scss/_angled-edges.scss              |  143 -
 scss/_core.scss                      |    9 +
 scss/_definitions.scss               |  132 +-
 scss/_dep.scss                       |    2 +
 scss/_drawing.scss                   |   78 +-
 scss/_font-face.scss                 |  123 -
 scss/_global.scss                    |  298 +-
 scss/_mixins.scss                    |   10 +
 scss/_palette.scss                   |  115 -
 scss/_typography.scss                |  331 --
 scss/_utils.scss                     |   11 +
 scss/components/_badges.scss         |    6 +
 scss/components/_breadcrumb.scss     |   39 +
 scss/components/_btn-groups.scss     |   26 +
 scss/components/_buttons.scss        |  183 +-
 scss/components/_cards.scss          |  193 +-
 scss/components/_input.scss          |   11 +
 scss/components/_menus.scss          |  102 +
 scss/components/_pagination.scss     |   25 +
 scss/components/_previews.scss       |   45 +-
 scss/components/_sidebar.scss        |   21 +
 scss/components/_tables.scss         |   23 +
 scss/components/_toasts.scss         |    4 +
 scss/core/_box-sizing.scss           |   18 +
 scss/core/_columns.scss              |   68 +
 scss/core/_containers.scss           |   11 +
 scss/core/_normalize.scss            |  349 ++
 scss/core/_typography.scss           |  190 ++
 scss/custom/_global.scss             |  297 ++
 scss/definitions/_borders.scss       |    6 +
 scss/definitions/_fonts.scss         |   12 +
 scss/definitions/_palette.scss       |   82 +
 scss/definitions/_shadows.scss       |    8 +
 scss/definitions/_sizing.scss        |   34 +
 scss/mixins/_borders.scss            |   15 +
 scss/mixins/_btns.scss               |   54 +
 scss/mixins/_colors.scss             |   61 +
 scss/mixins/_li.scss                 |   13 +
 scss/mixins/_panels.scss             |   64 +
 scss/mixins/_responsive.scss         |   50 +
 scss/mixins/_shape.scss              |   10 +
 scss/style.scss                      |   24 +-
 scss/utils/_a11y.scss                |    8 +
 scss/utils/_align.scss               |   14 +
 scss/utils/_borders.scss             |    8 +
 scss/utils/_colorize.scss            |   85 +
 scss/utils/_flex.scss                |   35 +
 scss/utils/_lists.scss               |    7 +
 scss/utils/_sizing.scss              |   61 +
 style.css                            | 4473 +++++++++++++++-----------
 tag.php                              |    2 +-
 taxonomy-roman.php                   |    2 +-
 72 files changed, 4588 insertions(+), 3494 deletions(-)
 delete mode 100644 scss/_angled-edges.scss
 create mode 100644 scss/_core.scss
 create mode 100644 scss/_dep.scss
 delete mode 100644 scss/_font-face.scss
 create mode 100644 scss/_mixins.scss
 delete mode 100644 scss/_palette.scss
 delete mode 100644 scss/_typography.scss
 create mode 100644 scss/_utils.scss
 create mode 100644 scss/components/_badges.scss
 create mode 100644 scss/components/_breadcrumb.scss
 create mode 100644 scss/components/_btn-groups.scss
 create mode 100644 scss/components/_input.scss
 create mode 100644 scss/components/_menus.scss
 create mode 100644 scss/components/_pagination.scss
 create mode 100644 scss/components/_sidebar.scss
 create mode 100644 scss/components/_tables.scss
 create mode 100644 scss/components/_toasts.scss
 create mode 100644 scss/core/_box-sizing.scss
 create mode 100644 scss/core/_columns.scss
 create mode 100644 scss/core/_containers.scss
 create mode 100644 scss/core/_normalize.scss
 create mode 100644 scss/core/_typography.scss
 create mode 100644 scss/custom/_global.scss
 create mode 100644 scss/definitions/_borders.scss
 create mode 100644 scss/definitions/_fonts.scss
 create mode 100644 scss/definitions/_palette.scss
 create mode 100644 scss/definitions/_shadows.scss
 create mode 100644 scss/definitions/_sizing.scss
 create mode 100644 scss/mixins/_borders.scss
 create mode 100644 scss/mixins/_btns.scss
 create mode 100644 scss/mixins/_colors.scss
 create mode 100644 scss/mixins/_li.scss
 create mode 100644 scss/mixins/_panels.scss
 create mode 100644 scss/mixins/_responsive.scss
 create mode 100644 scss/mixins/_shape.scss
 create mode 100644 scss/utils/_a11y.scss
 create mode 100644 scss/utils/_align.scss
 create mode 100644 scss/utils/_borders.scss
 create mode 100644 scss/utils/_colorize.scss
 create mode 100644 scss/utils/_flex.scss
 create mode 100644 scss/utils/_lists.scss
 create mode 100644 scss/utils/_sizing.scss

diff --git a/404.php b/404.php
index 50a869c..e3ed6e8 100644
--- a/404.php
+++ b/404.php
@@ -1,6 +1,6 @@
 <?php get_header(); ?>
 <main>
-  <div class="card card-danger">
+  <div class="card head-danger">
     <div class="card-header"><i class="fa fa-folder-exclamation-mark" aria-hidden="true"></i> 404 Not Found</div>
     <div class="card-body">
       <p>La page que vous cherchez n'a pas été trouvée</p>
diff --git a/category-blog.php b/category-blog.php
index 14b368d..d7e23f4 100644
--- a/category-blog.php
+++ b/category-blog.php
@@ -9,7 +9,7 @@
 
 <!-- Sidebar custom pour contenir la description -->
 <aside class="sidebar">
-  <div class="card card-info">
+  <div class="card head-info">
     <div class="card-header"><i class="fa fa-folder-open"></i> <?php echo single_cat_title(); ?></div>
     <div class="card-body">
       <?php the_archive_description() ?>
diff --git a/category.php b/category.php
index 99eb41b..799c555 100644
--- a/category.php
+++ b/category.php
@@ -9,7 +9,7 @@
 
 <!-- Sidebar custom pour contenir la description -->
 <aside class="sidebar">
-  <div class="card card-info">
+  <div class="card head-info">
     <div class="card-header"><i class="fa fa-folder-open" aria-hidden="true"></i> <?php echo single_cat_title(); ?></div>
     <div class="card-body">
       <?php the_archive_description() ?>
diff --git a/comments.php b/comments.php
index 00de4d0..8c73919 100644
--- a/comments.php
+++ b/comments.php
@@ -57,7 +57,7 @@ $oddcomment = 'alt';
 <?php endif; ?>
 
 <?php if ('open' == $post->comment_status) : ?>
-	<div class="card card-primary">
+	<div class="card head-primary">
 		<h2 id="respond" class="card-header">Laissez un commentaire</h2>
 
 		<!-- Cas du besoin de s'enregistrer -->
diff --git a/components/featured.php b/components/featured.php
index fee5260..741a3d4 100644
--- a/components/featured.php
+++ b/components/featured.php
@@ -17,7 +17,7 @@
 
   if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
 
-  <div class="card card-primary" id="post-<?php the_ID(); ?>">
+  <div class="card head-primary" id="post-<?php the_ID(); ?>">
     <div class="card-header"><h1><?php the_title(); ?></h1></div>
     <div class="flex-that mb">
         <div class="article-category">
diff --git a/components/footer-content.php b/components/footer-content.php
index 4668759..0d1d6a0 100644
--- a/components/footer-content.php
+++ b/components/footer-content.php
@@ -1,4 +1,4 @@
-<footer>
+<footer class="bg-dark">
   <ul class="social">
     <?php
       $listmenu = get_nav_menu_locations();
@@ -17,18 +17,18 @@
       </li>
   </ul>
 
-  <div class="footer-collumns">
-    <div>
+  <div class="container columns">
+    <div class="col-md-4">
       <p>Les contenus sont diffusé sous licence Creative Common Attribution - Partage à l'Identique 4.0 - hors mention contraire.</p>
       <p>Ces licences vous autorise à partager et copier mes travaux, tant que vous me citiez en source, et que vous autorisez la même chose pour les travaux qui en seraient dérivés. N'hésitez pas à partager ! <i class="text-red fa fa-heart" aria-hidden="true"></i></p>
     </div>
 
-    <div>
+    <div class="col-md-4">
       <p>Ce site est propulsé par <a href="https://wordpress.org">Wordpress</a></p>
       <p>Le <a href="https://git.kobold.cafe/kazhnuz.space/kspace-wordpress-theme">theme wordpress</a> de ce site est disponible sous licence CC BY-SA et GPL v3. Il utilise <a href="https://picturepan2.github.io/spectre/">Spectre</a> et <a href="https://forkawesome.github.io/Fork-Awesome/">Fork-Awesome</a>.</p>
     </div>
 
-    <div>
+    <div class="col-md-4">
       <p>Kazhnuz Space et les différents sites/services qui le composent sont fourni "tel-quel", sans garantie. Cependant, toute critique, remarque, etc. est la bienvenue. Pour cela, vous pouvez me contacter à kazhnuz [at] kobold [point] cafe ou sur les réseaux sociaux visible plus haut</p>
     </div>
   </div>
diff --git a/components/navbar-pages.php b/components/navbar-pages.php
index 82fbe8c..185664f 100644
--- a/components/navbar-pages.php
+++ b/components/navbar-pages.php
@@ -1,4 +1,4 @@
-<nav class="toolbar flex-that">
+<nav class="menu toolbar fg-light">
   <ul>
     <li>
       <a href="<?php echo site_url(); ?>" class="btn btn-navbar">
@@ -32,7 +32,7 @@
       ?>
   </ul>
 
-  <ul>
+  <ul class="f-end">
     <?php
       $listmenu = get_nav_menu_locations();
       $menu = wp_get_nav_menu_items($listmenu['top-navbar-2']);
diff --git a/components/posts-list.php b/components/posts-list.php
index 4e32e74..0d5e3a7 100644
--- a/components/posts-list.php
+++ b/components/posts-list.php
@@ -1,5 +1,5 @@
 <?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
-  <div class="card card-primary" id="post-<?php the_ID(); ?>">
+  <div class="card head-primary" id="post-<?php the_ID(); ?>">
     <div class="card-header"><h1><?php the_title(); ?></h1></div>
     <div class="flex-that mb">
         <div class="article-category">
diff --git a/components/preview-list.php b/components/preview-list.php
index c1689be..8ade6bf 100644
--- a/components/preview-list.php
+++ b/components/preview-list.php
@@ -1,7 +1,7 @@
 <?php if(have_posts()) : ?>
   <div class="previews-section">
     <?php while(have_posts()) : the_post(); ?>
-      <article class="card card-preview card-primary">
+      <article class="card card-preview head-primary">
           <a href="<?php the_permalink(); ?>" class="preview-link">
             <div class="preview-item">
               <div class="preview-content" aria-hidden="true"><?php the_excerpt(); ?></div>
diff --git a/components/sidebar/archives.php b/components/sidebar/archives.php
index f5eefa5..3e70959 100644
--- a/components/sidebar/archives.php
+++ b/components/sidebar/archives.php
@@ -1,4 +1,4 @@
-<div class="card card-primary">
+<div class="card head-primary">
   <div class="card-header"><i class="fa fa-folder" aria-hidden="true"></i> Archives</div>
   <div class="card-body">
     <ul class="tag-list">
diff --git a/components/sidebar/categories.php b/components/sidebar/categories.php
index 233e9d7..d6203da 100644
--- a/components/sidebar/categories.php
+++ b/components/sidebar/categories.php
@@ -1,16 +1,18 @@
-<div class="card card-primary">
+<div class="card head-primary">
   <div class="card-header"><i class="fa fa-folder" aria-hidden="true"></i> Catégories</div>
-  <ul class="card-menu">
-    <?php
-      $categories = get_categories( array(
-        'orderby' => 'name',
-        'order'   => 'ASC'
-      ) );
+  <div class="menu fg-dark">
+    <ul>
+      <?php
+        $categories = get_categories( array(
+          'orderby' => 'name',
+          'order'   => 'ASC'
+        ) );
 
-      foreach( $categories as $category ) {
-        if ($category->slug != "blog" && $category->slug != "chapters") {
-          echo '<li><a class="menu-element" href="' . get_category_link($category->term_id) . '">' . $category->name . '<span class="menu-label label-secondary">'. $category->count . '</span></a></li>';
-          }
-      }?>
-  </ul>
+        foreach( $categories as $category ) {
+          if ($category->slug != "blog" && $category->slug != "chapters") {
+            echo '<li><a class="menu-element" href="' . get_category_link($category->term_id) . '">' . $category->name . '<span class="badge bg-secondary m0">'. $category->count . '</span></a></li>';
+            }
+        }?>
+    </ul>
+  </div>
 </div>
diff --git a/components/sidebar/last-articles.php b/components/sidebar/last-articles.php
index 8cf6b31..4e84225 100644
--- a/components/sidebar/last-articles.php
+++ b/components/sidebar/last-articles.php
@@ -1,6 +1,7 @@
-<div class="card card-primary">
+<div class="card head-primary">
   <div class="card-header"><i class="fa fa-rss" aria-hidden="true"></i> Publications</div>
-  <ul class="card-menu trim-that">
+  <div class="menu fg-dark">
+    <ul>
     <?php
       wp_get_archives( array(
         'type'  => 'postbypost',
@@ -9,5 +10,6 @@
         'limit' => 6
       ) );
       ?>
-  </ul>
+    </ul>
+  </div>
 </div>
diff --git a/components/sidebar/links.php b/components/sidebar/links.php
index b823ede..cb6d60d 100644
--- a/components/sidebar/links.php
+++ b/components/sidebar/links.php
@@ -3,7 +3,7 @@ $listmenu = get_nav_menu_locations();
 $menu = wp_get_nav_menu_items($listmenu['link-menu']);
 if ($menu != null) {
 ?>
-<div class="card card-primary">
+<div class="card head-primary">
   <div class="card-header"><i class="fa fa-link"  aria-hidden="true"></i> Liens</div>
   <ul class="card-menu">
     <?php
diff --git a/components/sidebar/tags.php b/components/sidebar/tags.php
index c87d79e..e9178e0 100644
--- a/components/sidebar/tags.php
+++ b/components/sidebar/tags.php
@@ -9,7 +9,7 @@ $tags = get_tags($args);
 
 ?>
 
-<div class="card card-primary">
+<div class="card head-primary">
   <div class="card-header"><i class="fa fa-tags" aria-hidden="true"></i> Tags</div>
   <div class="card-body">
     <ul class="tag-list">
diff --git a/example.html b/example.html
index fabeecf..85dcf70 100644
--- a/example.html
+++ b/example.html
@@ -260,7 +260,7 @@ In id suscipit elit.</code></pre>
 
 </div>
 <aside class="sidebar col-md-3">
-  <section class="card card-primary">
+  <section class="card head-primary">
     <div class="card-header">
       <h3 class="card-title">Catégories</h3>
     </div>
@@ -276,7 +276,7 @@ In id suscipit elit.</code></pre>
     </div>
   </section>
 
-  <section class="card card-primary">
+  <section class="card head-primary">
     <div class="card-header">
       <h3 class="card-title"> Archive</h3>
     </div>
@@ -292,7 +292,7 @@ In id suscipit elit.</code></pre>
     </div>
   </section>
 
-  <section class="card card-primary">
+  <section class="card head-primary">
       <div class="card-header">
         <h3 class="card-title">Navigation</h3>
       </div>
diff --git a/header.php b/header.php
index cb7a007..a07ffff 100644
--- a/header.php
+++ b/header.php
@@ -19,7 +19,6 @@
 	<link href="https://fonts.googleapis.com/css?family=Amatic+SC&display=swap" rel="stylesheet">
 
 	<!-- framework utilisés -->
-	<link href="<?php echo get_template_directory_uri() . "/dep/spectre/css/spectre.min.css"; ?>" rel="stylesheet"/>
 	<link href="<?php echo get_template_directory_uri() . "/dep/fork-awesome/css/fork-awesome.min.css"; ?>" rel="stylesheet"/>
 
 	<!-- CSS -->
diff --git a/index.html b/index.html
index fabeecf..85dcf70 100644
--- a/index.html
+++ b/index.html
@@ -260,7 +260,7 @@ In id suscipit elit.</code></pre>
 
 </div>
 <aside class="sidebar col-md-3">
-  <section class="card card-primary">
+  <section class="card head-primary">
     <div class="card-header">
       <h3 class="card-title">Catégories</h3>
     </div>
@@ -276,7 +276,7 @@ In id suscipit elit.</code></pre>
     </div>
   </section>
 
-  <section class="card card-primary">
+  <section class="card head-primary">
     <div class="card-header">
       <h3 class="card-title"> Archive</h3>
     </div>
@@ -292,7 +292,7 @@ In id suscipit elit.</code></pre>
     </div>
   </section>
 
-  <section class="card card-primary">
+  <section class="card head-primary">
       <div class="card-header">
         <h3 class="card-title">Navigation</h3>
       </div>
diff --git a/page-about.php b/page-about.php
index 74b1da7..2d177f0 100644
--- a/page-about.php
+++ b/page-about.php
@@ -15,7 +15,7 @@
   <?php endif; ?>
 </main>
 <aside class="sidebar">
-  <div class="card card-info">
+  <div class="card head-info">
     <?php $desc = explode(";", get_the_author_meta( 'infodata' )) ?>
     <div class="card-header"><i class="fa fa-info" aria-hidden="true"></i> <?php
       if (!empty($desc[1])) {
diff --git a/page-links.php b/page-links.php
index 5268530..6c14608 100644
--- a/page-links.php
+++ b/page-links.php
@@ -11,7 +11,7 @@
     </div>
   </article>
 
-  <div class="card card-primary">
+  <div class="card head-primary">
     <h2 class="card-header">Liste de mes réseaux sociaux</h2>
     <table>
       <thead>
diff --git a/page-roman.php b/page-roman.php
index 5a9ce03..0d08582 100644
--- a/page-roman.php
+++ b/page-roman.php
@@ -11,7 +11,7 @@
 
   <?php if ( ! empty( $terms ) && is_array( $terms ) ) : ?>
       <?php foreach ( $terms as $term ) : ?>
-        <article class="card card-preview card-primary">
+        <article class="card card-preview head-primary">
           <a href="<?php echo esc_url( get_term_link( $term ) ) ?>" class="preview-link">
             <div class="preview-item">
               <?php
@@ -40,7 +40,7 @@
 <aside class="sidebar">
   <?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
 
-    <div class="card card-info">
+    <div class="card head-info">
       <div class="card-header"><i class="fa fa-folder-open" aria-hidden="true"></i> <?php the_title(); ?></div>
       <div class="card-body">
         <?php the_content(); ?>
diff --git a/scss/_angled-edges.scss b/scss/_angled-edges.scss
deleted file mode 100644
index 1093932..0000000
--- a/scss/_angled-edges.scss
+++ /dev/null
@@ -1,143 +0,0 @@
-//-------------------------------------------------------------------------------------
-// Angled Edges v2.0.0 (https://github.com/josephfusco/angled-edges)
-// Copyright 2017 Joseph Fusco
-// Licensed under MIT (https://github.com/josephfusco/angled-edges/blob/master/LICENSE)
-//-------------------------------------------------------------------------------------
-
-/// Replace `$search` with `$replace` in `$string`.
-///
-/// @author Hugo Giraudel
-/// @link   http://www.sassmeister.com/gist/1b4f2da5527830088e4d
-///
-/// @param  {String}  $string - Initial string
-/// @param  {String}  $search - Substring to replace
-/// @param  {String}  $replace ('') - New value
-/// @return {String}  Updated string
-///
-@function ae-str-replace($string, $search, $replace: '') {
-	$index: str-index($string, $search);
-
-	@if $index {
-		@return str-slice($string, 1, $index - 1) + $replace + ae-str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
-	}
-
-	@return $string;
-}
-
-/// Encode SVG to use as background.
-///
-/// @param  {String}  $string
-/// @return {String}  Encoded svg data
-///
-@function ae-svg-encode($string){
-	$result: ae-str-replace($string, '<svg', '<svg xmlns="http://www.w3.org/2000/svg"');
-	$result: ae-str-replace($result, '%', '%25');
-	$result: ae-str-replace($result, '"', '\'');
-	$result: ae-str-replace($result, '<', '%3C');
-	$result: ae-str-replace($result, '>', '%3E');
-
-	@return 'data:image/svg+xml,' + $result;
-}
-
-/// Outputs pseudo content for main mixin.
-///
-/// @author Joseph Fusco
-///
-/// @param  {String}  $location
-/// @param  {Number}  $height
-/// @output psuedo content
-///
-@mixin ae-pseudo($wedge, $height, $width) {
-	background-image: url($wedge);
-	background-position: center center;
-	background-repeat: no-repeat;
-
-	// full width wedge - needed as Firefox ignores preserveAspectRatio="none" in this case
-	@if ($width == null) {
-		background-size: 100% 100%;
-	}
-
-	content: '';
-	height: $height * 1px;
-	left: 0;
-	position: absolute;
-	right: 0;
-	width: 100%;
-	z-index: 1;
-}
-
-/// Attatches an svg wedge shape to an element.
-///
-/// @author Joseph Fusco
-///
-/// @param  {String}  $location   - 'inside top', 'outside top', 'inside bottom', 'outside bottom'
-/// @param  {String}  $hypotenuse - 'upper left', 'upper right', 'lower left', 'lower right'
-/// @param  {Color}   $fill
-/// @param  {Number}  $height
-/// @param  {Number}  $width
-/// @output '::before' and/or '::after' with svg background image
-///
-@mixin angled-edge($location, $hypotenuse, $fill, $height: 100, $width: null) {
-
-	position: relative;
-
-	$points: (
-		'upper left': '0,#{$height} #{$width},#{$height} #{$width},0',
-		'upper right': '0,#{$height} #{$width},#{$height} 0,0',
-		'lower left': '0,0 #{$width},#{$height} #{$width},0',
-		'lower right': '0,0 #{$width},0 0,#{$height}'
-	);
-
-	// full width wedge
-	@if ($width == null) {
-		$points: (
-			'upper left': '0,#{$height} 100,#{$height} 100,0',
-			'upper right': '0,#{$height} 100,#{$height} 0,0',
-			'lower left': '0,0 100,#{$height} 100,0',
-			'lower right': '0,0 100,0 0,#{$height}'
-		);
-	}
-
-	// ensure $fill color is using rgb()
-	$fill-rgb: 'rgb(' + round(red($fill)) + ',' + round(green($fill)) + ',' + round(blue($fill)) + ')';
-
-	// capture alpha component of $fill to use with fill-opacity
-	$fill-alpha: alpha($fill);
-
-	$wedge: '<svg width="#{$width}" height="#{$height}" fill="#{$fill-rgb}" fill-opacity="#{$fill-alpha}"><polygon points="#{map-get($points, $hypotenuse)}"></polygon></svg>';
-
-	// full width wedge
-	@if ($width == null) {
-		$wedge: '<svg preserveAspectRatio="none" viewBox="0 0 100 #{$height}" fill="#{$fill-rgb}" fill-opacity="#{$fill-alpha}"><polygon points="#{map-get($points, $hypotenuse)}"></polygon></svg>';
-	}
-
-	$encoded-wedge: ae-svg-encode($wedge);
-
-	@if ($location == 'inside top') {
-		&::before {
-			@include ae-pseudo($encoded-wedge, $height, $width);
-			top: 0;
-		}
-	} @else if ($location == 'outside top') {
-		&::before {
-			@include ae-pseudo($encoded-wedge, $height, $width);
-			top: -$height * 1px;
-		}
-	} @else if ($location == 'inside bottom') {
-		&::after {
-			@include ae-pseudo($encoded-wedge, $height, $width);
-			bottom: 0;
-		}
-	} @else if ($location == 'outside bottom') {
-		&::after {
-			@include ae-pseudo($encoded-wedge, $height, $width);
-			bottom: -$height * 1px;
-		}
-	} @else {
-		@error 'Invalid argument for $location - must use: `inside top`, `outside top`, `inside bottom`, `outside bottom`';
-	}
-
-	@if (map-has-key($points, $hypotenuse) == false) {
-		@error 'Invalid argument for $hypotenuse - must use: `upper left`, `upper right`, `lower left`, `lower right`';
-	}
-}
diff --git a/scss/_core.scss b/scss/_core.scss
new file mode 100644
index 0000000..20b25f0
--- /dev/null
+++ b/scss/_core.scss
@@ -0,0 +1,9 @@
+/* 0. CORE
+** All the basic functions from the stylesheet
+*/
+
+@import 'core/normalize';
+@import 'core/box-sizing';
+@import 'core/typography';
+@import 'core/containers';
+@import 'core/columns';
diff --git a/scss/_definitions.scss b/scss/_definitions.scss
index fa0c9cb..e8af2d9 100644
--- a/scss/_definitions.scss
+++ b/scss/_definitions.scss
@@ -1,124 +1,12 @@
-/* --- 01. DEFINITIONS --- */
+// DEFINITIONS
 
-/*
- * Les définitions globales de la stylesheet.
- * Elle permette de rapidement modifier le style globale de la fiche en modifiant les éléments centraux
- * D'autres définitions importantes sont visibles dans les autres parties de la fiche.
- *
- * Pour customiser les couleurs, voyez _palette.scss
- */
+// Global definitions and variables of the stylesheet
+// With them, you can customize easily how the style look
+// Look at each component inside the definitions subfolder to customize the
+// styles
 
-// A modifier pour customiser le style facilement :
-
-$large-shadow: 0px 2px 10px rgba(0, 0, 0, 0);
-$narrow-shadow: 0px 2px 6px rgba(0, 0, 0, 0);
-$inset-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0);
-$inset-shadow-inverted: inset 0px 2px 0px rgba(0, 0, 0, 0);
-$inset-relief: inset 0px 2px 0px rgba(255, 255, 255, 0);
-
-$baseline: 1.5;
-$fontsize: 4.75mm;
-
-$lineheight: $baseline * 1rem;
-$lineheight_half: $lineheight/2;
-$lineheight_quarter: $lineheight/4;
-
-$border-radius: 0px;
-$border-size: 0px;
-
-$fontweight_big: 300;
-$fontweight_base: 400;
-$fontweight_bold: 600;
-$fontweight_hyper: 800;
-
-$basefont: Open Sans, sans-serif;
-$titlefont: Amatic SC, sans-serif;
-
-
-// MIXINS RESPONSIVES
-
-// Small tablets and large smartphones (landscape view)
-$screen-sm-min: 576px;
-
-// Small tablets (portrait view)
-$screen-md-min: 768px;
-
-// Tablets and small desktops
-$screen-lg-min: 992px;
-
-// Large tablets and desktops
-$screen-xl-min: 1200px;
-
-// Very large desktops
-$screen-xxl-min: 1600px;
-
-
-// Small devices
-@mixin sm {
-   @media (min-width: #{$screen-sm-min}) {
-       @content;
-   }
-}
-
-// Medium devices
-@mixin md {
-   @media (min-width: #{$screen-md-min}) {
-       @content;
-   }
-}
-
-// Large devices
-@mixin lg {
-   @media (min-width: #{$screen-lg-min}) {
-       @content;
-   }
-}
-
-// Extra large devices
-@mixin xl {
-   @media (min-width: #{$screen-xl-min}) {
-       @content;
-   }
-}
-
-// Extra large desktops
-@mixin xxl {
-   @media (min-width: #{$screen-xxl-min}) {
-       @content;
-   }
-}
-
-// Custom devices
-@mixin rwd($screen) {
-   @media (min-width: $screen+'px' ) {
-      @content;
-   }
-}
-
-// MIXINS AUTRES
-
-@mixin borders() {
-  border: $border-size solid rgba(0, 0, 0, 0.3)
-}
-
-@mixin border-radius() {
-  border-radius: $border-radius $border-radius $border-radius $border-radius;
-}
-
-@mixin biseau($size) {
-    position: relative;
-    z-index:1;
-    overflow: visible;
-
-    &:before {
-        content: " ";
-        position: absolute;
-        top:0;
-        left:-$size/2;
-        right:-$size/2;
-        bottom:0;
-        z-index:-1;
-        transform: skewX(-15deg);
-        transition: background-color 0.3s;
-    }
-}
+@import 'definitions/palette';
+@import 'definitions/shadows';
+@import 'definitions/fonts';
+@import 'definitions/borders';
+@import 'definitions/sizing';
diff --git a/scss/_dep.scss b/scss/_dep.scss
new file mode 100644
index 0000000..a933bc2
--- /dev/null
+++ b/scss/_dep.scss
@@ -0,0 +1,2 @@
+// DEPENDECIES
+// Other style used as dependencies
diff --git a/scss/_drawing.scss b/scss/_drawing.scss
index c20c63f..f246888 100644
--- a/scss/_drawing.scss
+++ b/scss/_drawing.scss
@@ -5,75 +5,13 @@
  *
  */
 
-@import 'components/cards';
-
 @import 'components/buttons';
-
+@import 'components/btn-groups';
+@import 'components/breadcrumb';
+@import 'components/pagination';
+@import 'components/cards';
+@import 'components/menus';
+@import 'components/toasts';
+@import 'components/tables';
 @import 'components/previews';
-
-.flex-that {
-  display: flex;
-  justify-content: space-between;
-}
-
-strong.btn-fake {
-  @include button($button_large);
-  @include button-fullcontrol(transparent, transparent, rgba(0,0,0,1));
-}
-
-a.article-nav-link-wrap {
-  @include button($button_large);
-  padding-left: $button_large;
-  padding-right: $button_large;
-    &:hover, &:active {
-        @include borders();
-    }
-
-    p &:last-child {
-        margin-bottom:0;
-    }
-    @include button-color($color-info, $color-button-light);
-}
-
-.pigimg, .mb {
-  padding-bottom:1.5rem;
-}
-
-.screen-reader-text {
-  visibility: collapse;
-  font-size:0;
-}
-
-nav.pagination {
-  padding-bottom:1.5rem;
-  .nav-links {
-    text-align: center;
-    width:100%;
-  }
-  .page-numbers, .next, .prev {
-      @include button($button_small);
-      padding-left: $button_small;
-      padding-right: $button_small;
-      @include button-color($color-light2, $color-button-dark);
-
-      &.current {
-        @include button-color($color-info, $color-button-light);
-      }
-  }
-}
-
-.card-select {
-  width:100%;
-}
-
-.input-group {
-  padding-bottom:1.5rem;
-
-  input, textarea {
-    width:100%;
-    background-color:$color-light;
-    border-radius:0px;
-    border: 1px solid rgba(0,0,0,0.2);
-    padding:0.375rem;
-  }
-}
+@import 'components/sidebar';
diff --git a/scss/_font-face.scss b/scss/_font-face.scss
deleted file mode 100644
index fa334ea..0000000
--- a/scss/_font-face.scss
+++ /dev/null
@@ -1,123 +0,0 @@
-/* 2.1 - Font Face */
-
-/* 2.1.1 - OpenSans 
-
-@font-face {
-    font-family: 'OpenSans';
-    src: url('fonts/OpenSans-Light-webfont.eot');
-    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/OpenSans-Light-webfont.woff2') format('woff2'),
-         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
-         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
-         url('fonts/OpenSans-Light-webfont.svg#open_sansbold') format('svg');
-    font-weight: 300;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'OpenSans';
-    src: url('fonts/OpenSans-LightItalic-webfont.eot');
-    src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/OpenSans-LightItalic-webfont.woff2') format('woff2'),
-         url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
-         url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
-         url('fonts/OpenSans-LightItalic-webfont.svg#open_sansbold') format('svg');
-    font-weight: 300;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'OpenSans';
-    src: url('fonts/OpenSans-Regular-webfont.eot');
-    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
-         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
-         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
-         url('fonts/OpenSans-Regular-webfont.svg#open_sansbold') format('svg');
-    font-weight: 400;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'OpenSans';
-    src: url('fonts/OpenSans-Italic-webfont.eot');
-    src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/OpenSans-Italic-webfont.woff2') format('woff2'),
-         url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
-         url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
-         url('fonts/OpenSans-Italic-webfont.svg#open_sansbold') format('svg');
-    font-weight: 400;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'OpenSans';
-    src: url('fonts/OpenSans-Semibold-webfont.eot');
-    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/OpenSans-Semibold-webfont.woff2') format('woff2'),
-         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
-         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
-         url('fonts/OpenSans-Semibold-webfont.svg#open_sansbold') format('svg');
-    font-weight: 600;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'OpenSans';
-    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot');
-    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/OpenSans-SemiboldItalic-webfont.woff2') format('woff2'),
-         url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
-         url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
-         url('fonts/OpenSans-SemiboldItalic-webfont.svg#open_sansbold') format('svg');
-    font-weight: 600;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'OpenSans';
-    src: url('fonts/OpenSans-Bold-webfont.eot');
-    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/OpenSans-Bold-webfont.woff2') format('woff2'),
-         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
-         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
-         url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
-    font-weight: 700;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'OpenSans';
-    src: url('fonts/OpenSans-BoldItalic-webfont.eot');
-    src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/OpenSans-BoldItalic-webfont.woff2') format('woff2'),
-         url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
-         url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
-         url('fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold') format('svg');
-    font-weight: 700;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'OpenSans';
-    src: url('fonts/OpenSans-ExtraBold-webfont.eot');
-    src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/OpenSans-ExtraBold-webfont.woff2') format('woff2'),
-         url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
-         url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
-         url('fonts/OpenSans-ExtraBold-webfont.svg#open_sansbold') format('svg');
-    font-weight: 800;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'OpenSans';
-    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot');
-    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/OpenSans-ExtraBoldItalic-webfont.woff2') format('woff2'),
-         url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
-         url('fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
-         url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansbold') format('svg');
-    font-weight: 800;
-    font-style: italic;
-}*/
\ No newline at end of file
diff --git a/scss/_global.scss b/scss/_global.scss
index e3861d7..0fa95e3 100644
--- a/scss/_global.scss
+++ b/scss/_global.scss
@@ -1,295 +1,5 @@
-/* --- 03. GLOBAL STYLING --- */
+/* 4 - Custom styling
+ * Styles that are custom to this particular theme
+**/
 
-/*
- * Les styles "globaux" touchant toute la page.
- *
- */
-
-@mixin li-no-margin() {
-    li {
-        margin: 0;
-    }
-}
-
-@mixin container-big() {
-    padding-left: $lineheight;
-    padding-right: $lineheight;
-    max-width: 1600px;
-    margin:auto;
-}
-
-.no-pills {
-    list-style:none;
-}
-
-.align {
-    &-center {text-align: center;}
-    &-left {text-align: left;}
-    &-right {text-align: right;}
-}
-
-  /* ------------------ HEADERS ------------------- */
-
-#page-header {
-    background: $color-skyblue url('img/background.png') center bottom repeat-x;
-    border-top: 6px solid $color-dark2;
-    padding-top: .75rem;
-    padding-bottom:1.5rem;
-}
-
-header h1 {
-    border-style:none !important;
-    color: $color-light;
-    font-weight: $fontweight_hyper;
-    font-size:5.4em;
-    font-style:oblique;
-    padding-bottom:0px;
-    line-height: 1.5em;
-    max-width: 1600px;
-    margin: auto;
-
-    img {
-      width: 600px;
-      height: auto;
-      margin-top:0rem;
-    }
-
-    a, a:visited, a:hover {
-      background-color:transparent;
-    }
-}
-
-.toolbar {
-  display:flex;
-  justify-content: space-between;
-  margin:auto;
-  padding:0;
-  max-width: 1600px;
-  z-index:2;
-
-  ul {
-    display:flex;
-    margin: 0;
-    padding: 0;
-    li {
-      list-style: none;
-      margin:0;
-      position:relative;
-      z-index: 2;
-      ul {
-        display:none;
-        position:absolute;
-        left:-0.75rem;
-        background-color:$color-light2;
-        padding: 1.5rem;
-        padding-top: 0.5rem;
-        padding-bottom: 0.5rem;
-        box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);
-        z-index: 2;
-      }
-
-      &:hover {
-        ul {
-          display:flex;
-          flex-direction:column;
-        }
-      }
-    }
-  }
-
-  .btn-navbar {
-    margin:0rem;
-    margin-left:0.75rem;
-    margin-right: 0.75rem;
-  }
-}
-
-.navbar {
-    border-left: 0;
-    border-right: 0;
-    padding: 0.75rem;
-    color: $color-light;
-    a {
-        color: $color-light;
-    }
-    @include li-no-margin();
-}
-
-.dropdown-menu {
-    box-shadow: $narrow-shadow, $inset-shadow;
-}
-/* ------------------ CONTAINERS ------------------- */
-
-.container-big {
-    @include container-big();
-}
-
-.container-blog {
-    @include container-big();
-
-    display: grid;
-    grid-template-columns: 1fr;
-    grid-template-rows: auto;
-    row-gap: $lineheight;
-    column-gap: 3rem;
-    grid-template-areas:
-    "main"
-    "side";
-
-    @include lg() {
-      grid-template-columns: auto 360px;
-      grid-template-areas: "main side";
-    }
-}
-
-.mainpane {
-    grid-area: main;
-}
-
-.sidebar {
-    grid-area: side;
-}
-
-ul.tag-list {
-  display:flex;
-  padding-bottom:0;
-  overflow: hidden;
-  height:auto;
-  flex-wrap: wrap;
-  
-  li {
-    list-style: none;
-    margin:3px;
-  }
-}
-
-.container-preview {
-    @include container-big();
-
-    display: grid;
-    grid-template-columns: 1fr;
-    grid-template-rows: auto;
-    row-gap: $lineheight;
-    column-gap: 3rem;
-    grid-template-areas:
-    "main"
-    "side";
-
-    @include lg() {
-      grid-template-columns: 360px auto;
-      grid-template-areas: "side main";
-    }
-}
-
-.container-onecolumn {
-    max-width:1280px;
-    margin: auto;
-    padding-bottom: $lineheight;
-}
-
-.container-personnage {
-    @include container-big();
-    display: grid;
-    grid-template-columns: repeat(6, 1fr);
-    grid-template-rows: auto;
-    row-gap: 3rem;
-    column-gap: 3rem;
-
-    grid-template-areas:
-    "nomp nomp nomp nomp nomp nomp"
-    "info info info info meta meta"
-    "goss goss look look look look"
-    "aime aime aime dete dete dete"
-    "hist hist hist hist hist hist";
-
-    .card {
-        margin:0;
-    }
-
-    h1 {
-        padding:0;
-    }
-}
-
-.personnage {
-    &-nomp {grid-area: nomp;}
-    &-info {grid-area: info;}
-    &-meta {grid-area: meta;}
-    &-goss {grid-area: goss;}
-    &-look {grid-area: look;}
-    &-aime {grid-area: aime;}
-    &-dete {grid-area: dete;}
-    &-hist {grid-area: hist;}
-}
-
-/* ------------------ PAGE ------------------- */
-
-#wrapper {
-    background-color: $color-light;
-}
-
-  /* ------------------ FOOTER ------------------- */
-
-$color-footer-back: $color-dark2;
-$color-footer-text: $color-light;
-
-body {
-    // On colorise le background de la page complete de la même
-    // couleur que le fond du footer.
-    background-color: $color-footer-back;
-}
-
-footer {
-    @include angled-edge('outside top', 'upper left', $color-footer-back, 32);
-    color: $color-footer-text;
-    padding-top:1.5rem;
-    font-size: 0.8rem!important;
-    padding-bottom:1.5rem;
-
-    .footer-collumns {
-      @include container-big();
-      display: grid;
-      grid-template-columns: 1fr;
-      grid-template-rows: auto;
-      grid-gap: $lineheight;
-      padding-bottom: $lineheight;
-
-      @include lg() {
-        grid-template-columns: 1fr 1fr 1fr;
-      }
-
-      a, a:visited {
-        &:hover, &:active, &:visited {
-          color: $color-light;
-        }
-      }
-
-    }
-}
-
-/* social media */
-
-ul.social {
-    font-size:1.5em;
-    padding-bottom:1.5em;
-    margin:auto;
-    text-align:center;
-    li {
-        margin:0;
-        list-style: none;
-        display: inline;
-        a, a:visited {
-            color: $color-footer-back;
-            background-color: $color-footer-text;
-            padding:0.3em;
-            padding-left:0.36em;
-            padding-right:0.36em;
-            vertical-align:middle;
-            border-radius:100%;
-            &:hover {
-                color:$color-footer-text;
-                background-color: $color-footer-back;
-            }
-        }
-    }
-}
+@import 'custom/global';
\ No newline at end of file
diff --git a/scss/_mixins.scss b/scss/_mixins.scss
new file mode 100644
index 0000000..d59131c
--- /dev/null
+++ b/scss/_mixins.scss
@@ -0,0 +1,10 @@
+// MIXINS
+// Include every mixins files
+
+@import 'mixins/colors';
+@import 'mixins/responsive';
+@import 'mixins/borders';
+@import 'mixins/shape';
+@import 'mixins/btns';
+@import 'mixins/panels';
+@import 'mixins/li';
diff --git a/scss/_palette.scss b/scss/_palette.scss
deleted file mode 100644
index 98a87fe..0000000
--- a/scss/_palette.scss
+++ /dev/null
@@ -1,115 +0,0 @@
-/* --- 00. PALETTE --- */
-
-/*
- * Les définitions globales des couleurs du theme.
- *
- * Elle permettent de définir rapidement à la fois les couleurs
- * de base qui seront utilisée pour tout le theme, mais
- * également celles spécifiques pour certains sujets (liens, texte)
- *
- */
-
-// Couleurs de base du theme :
-
-$color-blue: #268bd2;
-$color-violet: #d33682;
-$color-red: #dc322f;
-$color-orange: #cb4b16;
-$color-green: #859900;
-$color-skyblue: #2aa198;
-$color-dark: #002b36;
-$color-light: #fdf6e3;
-$color-yellow: #b58900;
-$color-grey: #586e75;
-
-$color-dark2: #073642;
-$color-light2: #eee8d5;
-
-$color-gray2:    #657b83;
-$color-gray3:     #839496;
-$color-gray4:     #93a1a1;
-
-$color-primary: $color-violet;
-$color-secondary: $color-skyblue;
-
-$color-link: $color-skyblue;
-$color-selection: $color-skyblue;
-$color-mark: $color-yellow;
-
-$color-font: $color-dark2;
-$color-warning: $color-orange;
-$color-danger: $color-red;
-$color-info: $color-skyblue;
-$color-success: $color-green;
-
-@mixin background-color($background-color, $text-color) {
-    background-color: $background-color!important;
-    color: $text-color;
-}
-
-@mixin text-color($text-color) {
-    color: $text-color;
-}
-
-// Colorize important elements
-
-::selection {
-    @include background-color($color-selection, $color-light);
-}
-::-moz-selection {
-    @include background-color($color-selection, $color-light);
-}
-
-mark {
-    background-color: lighten($color-mark, 30%)
-}
-
-blockquote, pre {
-    border-color: $color-primary;
-}
-
-// Add generic colorizations classes
-
-/* BACKGROUNDS */
-
-.bg {
-    &-blue { @include background-color($color-blue, $color-light); }
-    &-violet { @include background-color($color-violet, $color-light); }
-    &-red { @include background-color($color-red, $color-light); }
-    &-orange { @include background-color($color-orange, $color-light); }
-    &-green { @include background-color($color-green, $color-light); }
-    &-skyblue { @include background-color($color-skyblue, $color-light); }
-    &-dark { @include background-color($color-dark, $color-light); }
-    &-light { @include background-color($color-light, $color-dark); }
-    &-yellow { @include background-color($color-yellow, $color-light); }
-    &-grey { @include background-color($color-grey, $color-light); }
-
-    &-primary { @include background-color($color-primary, $color-light); }
-    &-secondary { @include background-color($color-secondary, $color-light); }
-    &-warning { @include background-color($color-warning, $color-light); }
-    &-danger { @include background-color($color-danger, $color-light); }
-    &-info { @include background-color($color-info, $color-light); }
-    &-success { @include background-color($color-success, $color-light); }
-}
-
-  /* TEXT */
-
-.text {
-    &-blue { @include text-color($color-blue); }
-    &-violet { @include text-color($color-violet); }
-    &-red { @include text-color($color-red); }
-    &-orange { @include text-color($color-orange); }
-    &-green { @include text-color($color-green); }
-    &-skyblue { @include text-color($color-skyblue); }
-    &-dark { @include text-color($color-dark); }
-    &-light { @include text-color($color-light); }
-    &-yellow { @include text-color($color-yellow); }
-    &-grey { @include text-color($color-grey); }
-
-    &-primary { @include text-color($color-primary); }
-    &-secondary { @include text-color($color-secondary); }
-    &-warning { @include text-color($color-warning); }
-    &-danger { @include text-color($color-danger); }
-    &-info { @include text-color($color-info); }
-    &-success { @include text-color($color-success); }
-}
diff --git a/scss/_typography.scss b/scss/_typography.scss
deleted file mode 100644
index 8181825..0000000
--- a/scss/_typography.scss
+++ /dev/null
@@ -1,331 +0,0 @@
-/*
- *  2 - Typography ( _typography.scss )
- *
- *  This part of the (s)css handle everything related to the typography
- *  like paragraphs, blockquote, etc.
- *
-*/
-
-@import 'font-face';
-
-/* 2.2 - Global Typography */
-
-@mixin paragraph() {
-  padding:0;
-  padding-bottom: $lineheight;
-  margin: 0;
-}
-
-body {
-	font-family: $basefont;
-	text-align: left;
-  font-size:  $fontsize;
-	line-height: $lineheight;
-	color: $color-font;
-  font-weight: $fontweight_base;
-}
-
-.night-mode {
-  color: $color-light2;
-}
-
-strong {
-	font-weight: $fontweight_bold;
-}
-
-em {
-  font-style: italic;
-  font-weight: $fontweight_base;
-}
-
-
-a, a:visited {
-  color: $color-light;
-  background-color: $color-link;
-  text-decoration:none;
-  padding:0.05rem;
-  padding-left:0.25rem;
-  padding-right:0.25rem;
-  border-radius:0.1rem;
-  &:hover, &:active, &:focus {
-    color: $color-link;
-    background-color: transparent;
-    text-decoration:none;
-  }
-}
-
-p {
-  @include paragraph();
-  &:last-child {
-    padding-bottom:0;
-  }
-}
-
-ul, ol {
-  @include paragraph();
-  list-style: disc;
-  ul, ol {
-    padding-bottom:0;
-    margin:0;
-  }
-  li {
-    margin:0;
-    margin-left: $lineheight;
-    line-height: $lineheight;
-  }
-}
-
-::selection { background: $color-selection; color: $color-light; }
-::-moz-selection { background: $color-selection; color: $color-light; }
-
-/* 2.2 - Text Wrapper */
-
-.container-article, .container-typographic {
-  max-width: 800px;
-  margin:auto;
-  margin-bottom: 3rem;
-}
-
-.container-typographic {
-  p {
-    padding:0;
-    margin:0;
-    text-indent: 3rem;
-  }
-
-  p, em, p em {
-    font-weight:$fontweight_base;
-  }
-
-  img {
-    max-width: 100%;
-    height: auto;
-  }
-
-  .article-thumbnail {
-    padding-bottom: 1em;
-    text-align: center;
-    img {
-      max-width: 100%;
-      height: auto;
-
-    }
-  }
-  .article-excerpt {
-    padding: 0.5em 0.5em 0.5em 0.5em;
-    font-style: italic;
-  }
-  .article-author {
-    margin:0;
-    padding:0;
-    .card-meta {
-      margin:0;
-    }
-  }
-
-  .bypass-flex-fontsize {
-    line-height: $lineheight;
-  }
-}
-
-article.maintext {
-  padding-bottom: $lineheight;
-}
-
-/* 2.3 - Titles */
-
-@mixin newTitle($font, $size, $weight) {
-  $lineNumber: ceil($size / 1.5);
-  font-family: $font;
-  font-size: $size * 1rem;
-  line-height: $lineNumber  * $lineheight;
-  padding: 0;
-  padding-bottom: $lineheight;
-  font-weight: $weight;
-}
-
-h1, h2, h3, h4, h5, h6, h7 {
-  font-family: $basefont;
-  text-align: left;
-	font-size: 1em;
-	padding:0;
-	margin:0;
-	font-weight: $fontweight_base;
-
-	&.page-title {
-    color: $color-primary;
-
-    i {
-      font-size: 0.55em;
-      position: relative;
-      top: -0.175em;
-    }
-
-    &-flex {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-      & > span, & > i, & > a {
-        display: block;
-      }
-
-      & > a {
-        color: $color-primary;
-        &:hover, &:focus, &:active {
-          color: darken($color-primary, 10%);
-        }
-      }
-    }
-  }
-}
-
-h1 {
-  //@include title(3.33em, 1.2em, 0.0em, 0.2em, 200);
-  @include newTitle($titlefont, 3.815, $fontweight_big);
-  color: $color-primary;
-}
-
-h2 {
-  //@include title(2.725em, 1.125em, 0em, 0.5625em, 200);
-  @include newTitle($basefont, 2.441, $fontweight_big);
-}
-
-h3 {
-  @include newTitle($basefont, 1.953, $fontweight_bold);
-}
-
-h4 {
-  @include newTitle($basefont, 1.563, $fontweight_hyper);
-}
-
-h5 {
-  @include newTitle($basefont, 1.25, $fontweight_bold);
-}
-
-h6 {
-  @include newTitle($basefont, 1, $fontweight_hyper);
-}
-
-/* 2.4 - hr */
-
-hr {
-	border-top: 0px;
-	border-left: 0px;
-	border-right: 0px;
-	border-bottom: 1px;
-	border-color: rgba(1,1,1,0.15);
-	border-style: solid;
-	margin: 1.5em;
-}
-
-/* 2.5 - Wells and quotes */
-
-@mixin well() {
-  border-width: 0 0 0 0em;
-  border-style: none;
-  border-radius: 0px;
-
-  margin:  0 0 $lineheight 0;
-  padding: $lineheight 1rem $lineheight 1rem;
-
-  max-width: 100%;
-  background-color: $color-light2;
-  font-style: italic;
-  color: $color-dark2;
-}
-
-blockquote, .quote {
-  @include well();
-  &:before {
-    content:"";
-  }
-}
-
-.well, pre, .pre, .well-pre {
-  @include well();
-}
-
-
-
-code {
-  background:transparent;
-  color: $color-red;
-}
-
-.small-text {
-  font-size: 0.9em;
-}
-
-
-/* 2.6 - Special styling */
-
-mark {
-  border-radius: 0.2em;
-  padding:0 0.2em 0 0.2em;
-
-  background-color: lighten($color-mark, 30%);
-  color: inherit;
-}
-
-.night-mode mark {
-  background-color: $color-primary;
-}
-
-.time {
-	font-style: italic;
-	text-align: right;
-	width: 100%;
-	display: block;
-}
-
-/* Table elements */
-
-@mixin table-color($text-color) {
-  th {
-    color: $text-color;
-  }
-}
-
-table {
-  border-collapse: collapse;
-}
-
-table, th, td {
-  border: 0;
-  padding:0px;
-  margin:0px;
-}
-
-th, td {
-  vertical-align:center;
-  padding-top: 0.325em;
-  padding-bottom: 0.325em;
-}
-
-th  {
-  font-weight: $fontweight_hyper;
-}
-
-.table {
-  &-blue { @include table-color($color-blue); }
-  &-violet { @include table-color($color-violet); }
-  &-red { @include table-color($color-red); }
-  &-orange { @include table-color($color-orange); }
-  &-green { @include table-color($color-green); }
-  &-skyblue { @include table-color($color-skyblue); }
-  &-dark { @include table-color($color-dark); }
-  &-light { @include table-color($color-light); }
-  &-yellow { @include table-color($color-yellow); }
-  &-grey { @include table-color($color-grey); }
-
-  &-primary { @include table-color($color-primary); }
-  &-secondary { @include table-color($color-secondary); }
-  &-warning { @include table-color($color-warning); }
-  &-danger { @include table-color($color-danger); }
-  &-info { @include table-color($color-info); }
-  &-success { @include table-color($color-success); }
-}
-
-.text-maj {
-  text-transform: capitalize;
-}
\ No newline at end of file
diff --git a/scss/_utils.scss b/scss/_utils.scss
new file mode 100644
index 0000000..4356ec8
--- /dev/null
+++ b/scss/_utils.scss
@@ -0,0 +1,11 @@
+/* 1. Utils
+** All the utilities class of the stylesheet
+*/
+
+@import 'utils/a11y';
+@import 'utils/align';
+@import 'utils/borders';
+@import 'utils/colorize';
+@import 'utils/lists';
+@import 'utils/sizing';
+@import 'utils/flex';
diff --git a/scss/components/_badges.scss b/scss/components/_badges.scss
new file mode 100644
index 0000000..605ec5b
--- /dev/null
+++ b/scss/components/_badges.scss
@@ -0,0 +1,6 @@
+.badge {
+  @include button(0rem);
+  padding-left: $button_small;
+  padding-right: $button_small;
+  text-decoration:none!important;
+}
diff --git a/scss/components/_breadcrumb.scss b/scss/components/_breadcrumb.scss
new file mode 100644
index 0000000..8c49967
--- /dev/null
+++ b/scss/components/_breadcrumb.scss
@@ -0,0 +1,39 @@
+/* ------------------ BREADCRUMB ------------------- */
+
+ul.breadcrumb, ol.breadcrumb, .breadcrumb {
+    padding-top: 0em;
+    background-color:transparent;
+    margin: 0;
+    padding-bottom:$lineheight;
+    @include li-flex();
+}
+
+.breadcrumb li.breadcrumb-item {
+    padding:0;
+    margin:0!important;
+    &:before {
+        display:none;
+    }
+
+    a, & > span {
+        display:inline-block;
+        @include button($button-large);
+        @include button-fullcontrol($color-background-alt, accentuate($color-background-alt), get-color("dark2"));
+        margin:0 $button-group-margin 0 $button-group-margin;
+
+        &.active {
+            @include button-fullcontrol($color-primary, $color-primary, $color-font-light);
+        }
+    }
+
+    &:not(:first-child) a, &:not(:first-child) > span {
+      border-top-left-radius: 0;
+      border-bottom-left-radius:0;
+    }
+
+    &:not(:last-child) a, &:not(:last-child) > span {
+      border-top-right-radius: 0;
+      border-bottom-right-radius:0;
+    }
+
+}
diff --git a/scss/components/_btn-groups.scss b/scss/components/_btn-groups.scss
new file mode 100644
index 0000000..aa33e1d
--- /dev/null
+++ b/scss/components/_btn-groups.scss
@@ -0,0 +1,26 @@
+// BUTTONS GROUPS
+
+.btn-toolbar {
+    padding: 0 $button-large;
+}
+
+.btn-group {
+  & > .btn {
+    @include border-radius($btn-radius);
+    margin:0 $button-group-margin 0 $button-group-margin!important;
+  }
+
+  &:not(:first-child) > .btn {
+    border-top-left-radius: 0;
+    border-bottom-left-radius:0;
+    &:before {
+      content: " "!important;
+      border-left:1px solid rgba(0,0,0,0.2);
+    }
+  }
+
+  &:not(:last-child) > .btn {
+    border-top-right-radius: 0;
+    border-bottom-right-radius:0;
+  }
+}
diff --git a/scss/components/_buttons.scss b/scss/components/_buttons.scss
index c6529cc..68fca1c 100644
--- a/scss/components/_buttons.scss
+++ b/scss/components/_buttons.scss
@@ -4,72 +4,6 @@
  *
 */
 
-$color-button-light: $color-light;
-$color-button-dark: $color-dark;
-
-$button_large: $lineheight;
-$button_small: $lineheight_quarter;
-
-@mixin button($size) {
-  @include button-nobiseau($size);
-  @include biseau($size);
-}
-
-@mixin button-nobiseau($size) {
-    padding: $size;
-    padding-top: $size/3;
-    padding-bottom: $size/3;
-    margin:$size/2;
-    margin-top: $size/3;
-    margin-bottom: $lineheight;
-    //font-size: 4.75mm;
-    line-height:$lineheight;
-    height:auto;
-    @include borders();
-    @include border-radius();
-    font-weight: $fontweight_base;
-
-    background-color:transparent;
-
-    &:hover, &:active, &:focus, a:hover > &, a:active > &, a:focus > & {
-        text-decoration:none;
-        background-color:transparent;
-    }
-
-    &:focus {
-        outline: none;
-	    box-shadow: $narrow-shadow, $inset-shadow, 0px 0px 0px 2px rgba(0, 0, 0, 0);
-        &:before {
-	        box-shadow: $narrow-shadow, $inset-shadow, 0px 0px 0px 2px rgba(0, 0, 0, 0.3);
-            outline: none;
-        }
-    }
-}
-
-@mixin colorize-button($background-color, $text-color) {
-    //@include background-color($background-color, $text-color);
-    color: $text-color;
-    &:before {
-        background-color: $background-color;
-    }
-}
-
-@mixin button-fullcontrol($background-color, $hover-color, $text-color) {
-    @include colorize-button($background-color, $text-color);
-    &:visited {
-      @include colorize-button($background-color, $text-color);
-    }
-    &, &:visited, &:not(.disabled):not(:disabled) {
-        &:hover, &:active, &:focus, a:hover > &, a:active > &, a:focus > & {
-        @include colorize-button($hover-color, lighten($text-color, 5%));
-        }
-    }
-}
-
-@mixin button-color($background-color, $text-color) {
-    @include button-fullcontrol($background-color, darken($background-color, 7.5%), $text-color)
-}
-
 .btn {
 	@include button($button_large);
     &:hover, &:active {
@@ -81,120 +15,21 @@ $button_small: $lineheight_quarter;
     }
 }
 
-.btn-small {
+.btn-small, .badge {
   @include button($button_small);
   padding-left: $button_small;
   padding-right: $button_small;
   text-decoration:none;
 }
 
-.menu-label {
-    @include biseau($button_small);
-    padding-left: $button_small;
-    padding-right: $button_small;
-}
-
-// NAVBAR SPECIAL BUTTONS
-
-.btn-navbar {
-    @include button-fullcontrol(transparent, rgba(0,0,0,0.1), $color-light);
-    padding-left: $button_small;
-    padding-right: $button_small;
-}
-
-.btn-readmore {
-    @include button-fullcontrol(transparent, rgba(0,0,0,0.05), $color-primary);
-}
-
-// BUTTONS GROUPS
-
-$grouped-test: $button-large/1.5 - 0.05rem ;
-
-.btn-toolbar {
-    padding: 0 $button-large;
-}
-
-.btn-group {
-    padding: 0px;
-    background-color:transparent;
-    margin-bottom: 1.33em;
-}
-
-.btn-group .btn {
-    margin:0 $grouped-test 0 $grouped-test!important;
-}
-
-/* ------------------ BREADCRUMB ------------------- */
-
-ul.breadcrumb, ol.breadcrumb, .breadcrumb {
-    padding-top: 0em;
-    background-color:transparent;
-    margin: 0;
-    padding-bottom:2rem;
-}
-
-.breadcrumb li.breadcrumb-item {
-    padding:0;
-    &:before {
-        display:none;
-    }
-
-    a, & > span {
-        display:inline-block;
-        @include button($button-large);
-        @include button-fullcontrol($color-light2, darken($color-light2, 5%), $color-dark2);
-        margin:0 $button-large/2.5 0 $button-large/2.5;
-
-        &:before {
-            content: " "!important;
-            border-right:1px solid rgba(0,0,0,0.2);
-        }
-
-        &.active {
-            @include button-fullcontrol($color-primary, $color-primary, $color-light);
-        }
-    }
-
-
-}
-
 // COLORIZE BUTTONS
 
-.btn, a.btn, .badge, .chip, a.chip, a.badge, .label, a.label, label.label {
-    &-blue { @include button-color($color-blue, $color-button-light); }
-    &-violet { @include button-color($color-violet, $color-button-light); }
-    &-red { @include button-color($color-red, $color-button-light); }
-    &-orange { @include button-color($color-orange, $color-button-light); }
-    &-green { @include button-color($color-green, $color-button-light); }
-    &-skyblue { @include button-color($color-skyblue, $color-button-light); }
-    &-dark { @include button-color($color-dark, $color-button-light); }
-    &-light { @include button-color($color-light2, $color-button-dark); }
-    &-yellow { @include button-color($color-yellow, $color-button-light); }
-    &-grey { @include button-color($color-grey, $color-button-light); }
+strong.btn-fake {
+  @include button($button_large);
+  @include button-fullcontrol(transparent, transparent, rgba(0,0,0,1));
+}
 
-    &-primary { @include button-color($color-primary, $color-button-light); }
-    &-secondary { @include button-color($color-secondary, $color-button-light); }
-    &-warning { @include button-color($color-warning, $color-button-light); }
-    &-danger { @include button-color($color-danger, $color-button-light); }
-    &-info { @include button-color($color-info, $color-button-light); }
-    &-success { @include button-color($color-success, $color-button-light);}
-    &-link {@include button-color(transparent, $color-dark);}
-  }
-
-/* ------------------ PARTAGE RESEAUX SOCIAUX ------------------- */
-
-.share-buttons {
-    margin-top: $lineheight;
-    padding-bottom: $lineheight;
-  }
-
-  .reagir {
-    text-align:right;
-  }
-  .btn, a.btn {
-    &-facebook {@include button-color(#3B5998, $color-button-light);}
-    &-twitter {@include button-color(#55ACEE, $color-button-light);}
-    &-googleplus {@include button-color(#d34836, $color-button-light);}
-    &-diaspora {@include button-color(#313739, $color-button-light);}
-    &-mastodon {@include button-color(#282c37, $color-button-light);}
-  }
+.btn-readmore, .btn-link {
+  @include button-fullcontrol(transparent, accentuate($color-background-alt), $color-primary);
+  @include prefer-no-borders();
+}
diff --git a/scss/components/_cards.scss b/scss/components/_cards.scss
index 253352c..406db10 100644
--- a/scss/components/_cards.scss
+++ b/scss/components/_cards.scss
@@ -8,144 +8,22 @@
 $card-bigpad: $lineheight;
 $card-smallpad: $lineheight_half;
 
-@mixin card($size) {
-    @include border-radius();
-    background-color: $color-light2;
-	box-shadow: $large-shadow;
-    border: none;
-    margin:0;
-    margin-bottom:$lineheight;
-    padding: $size;
-}
-
-@mixin card-header($size) {
-    font-size:1.1em;
-    font-weight: $fontweight_big;
-    border-radius: 0;
-    padding: $size/2;
-    padding-left:0;
-    padding-right:0;
-    padding-bottom: $size/2!important;
-    margin-bottom:$lineheight_half;
-    line-height:$lineheight;
-    white-space: nowrap;
-
-    position:relative;
-    left: -$size*1.25;
-
-    width:95%;
-
-    @include biseau($size);
-
-    h1, h2, h3, h4, h5, h6, h7, h8, h9, h10  {
-        font-family:$basefont;
-        font-size:1rem;
-        padding:0px;
-        margin:0px;
-        color:$color-light;
-        font-weight: $fontweight_big;
-        line-height:$lineheight;
-    }
-}
-
-@mixin card-color($background-color, $text-color) {
-    & .card-header, & .menu-header {
-        @include background-color($background-color, $text-color);
-        &:before {
-            @include background-color($background-color, $text-color);
-        }
-    }
-}
-
-.card, .menu {
-    @include card($card-bigpad);
+.card {
+    @include panel($card-bigpad);
+    display: flex;
+    flex-direction: column;
+    color:$color-font;
 
     &-body {
         padding:0!important;
-        margin:0!important;
     }
 
     &-header {
-        @include card-header($card-bigpad);
+        @include panel-header($card-bigpad);
         .fa {
           margin-right: 0.5em;
         }
     }
-
-    /* Menu handling */
-
-    &-menu  {
-        display:flex;
-        flex-direction: column;
-
-        ul {
-          margin:0;
-          padding:0;
-        }
-
-        li {
-          list-style: none;
-          padding:0;
-          margin:0;
-        }
-
-        .menu-element, .menu-element-link, li a, li a:visited {
-            display:flex;
-            line-height:$lineheight;
-            padding-right:$lineheight_half;
-            padding-left:$lineheight_quarter;
-            padding-top:$lineheight_quarter;
-            padding-bottom:$lineheight_quarter;
-            margin:0;
-            justify-content: space-between;
-
-            word-wrap:none;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            overflow:hidden;
-
-            @include biseau($lineheight_half);
-
-            strong {
-              font-weight: 900;
-              color:$color-dark!important;
-            }
-
-            &.noflex {
-              & :first-child {
-                min-width:2rem;
-              }
-              justify-content: flex-start;
-
-            }
-        }
-
-        a, a:visited {
-            text-decoration:none;
-            color: $color-violet;
-            background-color:transparent;
-            &:hover {
-                text-decoration:none;
-                color: $color-violet;
-
-                @include biseau($lineheight_half);
-
-                &:before {
-                    background-color: darken($color-light2, 7.5%)
-                }
-            }
-
-
-        }
-
-        .menu-divider {
-            position: relative;
-            left: -$lineheight_quarter;
-            font-weight: $fontweight_hyper;
-            padding-top:$lineheight_quarter;
-            padding-bottom:$lineheight_quarter;
-        }
-    }
 }
 
 /* CARD LIST - Make a list part of a card */
@@ -191,63 +69,8 @@ ul.card-list, .card > ul {
     &-success{@include list-color($color-success);}
 }
 
-.smallcard, .toast {
-    @include card($card-smallpad);
+.smallcard {
     &-header {
-        @include card-header($card-bigpad);
+        @include panel-header($card-bigpad);
     }
 }
-
-/* COLORIZE CARDS and TOASTS */
-
-.card, .smallcard, .menu {
-    &-blue { @include card-color($color-blue, $color-light); }
-    &-violet { @include card-color($color-violet, $color-light); }
-    &-red { @include card-color($color-red, $color-light); }
-    &-orange { @include card-color($color-orange, $color-light); }
-    &-green { @include card-color($color-green, $color-light); }
-    &-skyblue { @include card-color($color-skyblue, $color-light); }
-    &-dark { @include card-color($color-dark, $color-light); }
-    &-light { @include card-color($color-light2, $color-dark); }
-    &-yellow { @include card-color($color-yellow, $color-light); }
-    &-grey { @include card-color($color-grey, $color-light); }
-
-    &-primary { @include card-color($color-primary, $color-light); }
-    &-secondary { @include card-color($color-secondary, $color-light); }
-    &-warning { @include card-color($color-warning, $color-light); }
-    &-danger { @include card-color($color-danger, $color-light); }
-    &-info { @include card-color($color-info, $color-light); }
-    &-success { @include card-color($color-success, $color-light); }
-}
-
-.toast {
-    &-blue { @include background-color($color-blue, $color-light); }
-    &-violet { @include background-color($color-violet, $color-light); }
-    &-red { @include background-color($color-red, $color-light); }
-    &-orange { @include background-color($color-orange, $color-light); }
-    &-green { @include background-color($color-green, $color-light); }
-    &-skyblue { @include background-color($color-skyblue, $color-light); }
-    &-dark { @include background-color($color-dark, $color-light); }
-    &-light { @include background-color($color-light2, $color-dark); }
-    &-yellow { @include background-color($color-yellow, $color-light); }
-    &-grey { @include background-color($color-grey, $color-light); }
-
-    &-primary { @include background-color($color-primary, $color-light); }
-    &-secondary { @include background-color($color-secondary, $color-light); }
-    &-warning { @include background-color($color-warning, $color-light); }
-    &-danger { @include background-color($color-danger, $color-light); }
-    &-info { @include background-color($color-info, $color-light); }
-    &-success { @include background-color($color-success, $color-light); }
-
-    a, a:visited {
-      color: $color-light;
-      background-color:rgba(0,0,0,0.15);
-      text-decoration:none;
-      opacity:1;
-      &:hover, &:active, &:visited {
-        color: $color-light;
-        background-color:transparent;
-        opacity:1;
-      }
-    }
-  }
diff --git a/scss/components/_input.scss b/scss/components/_input.scss
new file mode 100644
index 0000000..3d5926a
--- /dev/null
+++ b/scss/components/_input.scss
@@ -0,0 +1,11 @@
+.input-group {
+  padding-bottom:$lineheight;
+
+  input, textarea {
+    width:100%;
+    background-color:$color-background;
+    border-radius:0px;
+    border: 1px solid rgba(0,0,0,0.2);
+    padding:$lineheight/4;
+  }
+}
diff --git a/scss/components/_menus.scss b/scss/components/_menus.scss
new file mode 100644
index 0000000..1d9c14d
--- /dev/null
+++ b/scss/components/_menus.scss
@@ -0,0 +1,102 @@
+/* Menu handling */
+
+.menu {
+  display: flex;
+  flex-direction: column;
+  padding: $lineheight/4;
+
+  ul,
+  li {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  a,
+  a:visited {
+    @include shape-style($lineheight_half);
+    display: flex;
+    line-height: $lineheight;
+    padding: $lineheight_quarter;
+    margin: 0;
+    justify-content: space-between;
+    align-items: center;
+
+    word-wrap: none;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+
+    @include shape-style($lineheight_half);
+    //@include button-hover();
+    @include prefer-no-borders();
+    .badge {
+      margin: 0;
+    }
+  }
+
+  &.fg-light,
+  .fg-light & {
+    a {
+      color: $color-font-light;
+
+      &:hover,
+      &:active {
+        background-color: transparentize($color-font-light, 0.7);
+      }
+    }
+  }
+
+  &.fg-dark,
+  .fg-dark & {
+    a {
+      color: $color-font;
+
+      &:hover,
+      &:active {
+        background-color: transparentize($color-font, 0.85);
+      }
+    }
+  }
+}
+
+.toolbar {
+  flex-direction: row;
+
+  ul {
+    display: flex;
+    flex-direction: row;
+
+    flex-grow: 1;
+  }
+
+  li {
+    text-align: center;
+
+    a,
+    span,
+    em,
+    strong,
+    &.toolbar-element {
+      display: block;
+      padding: $lineheight/3;
+      padding-left: $lineheight/2;
+      padding-right: $lineheight/2;
+    }
+  }
+}
+
+.menu-divider {
+  position: relative;
+  left: -$lineheight_quarter;
+  font-weight: $fontweight_hyper;
+  padding-top: $lineheight_quarter;
+  padding-bottom: $lineheight_quarter;
+}
+
+.menu-label {
+  @include shape-style($button_small);
+  @include button-hover();
+  padding-left: $button_small;
+  padding-right: $button_small;
+}
\ No newline at end of file
diff --git a/scss/components/_pagination.scss b/scss/components/_pagination.scss
new file mode 100644
index 0000000..aa792ef
--- /dev/null
+++ b/scss/components/_pagination.scss
@@ -0,0 +1,25 @@
+nav.pagination {
+  padding-bottom:$lineheight;
+  .nav-links {
+    text-align: center;
+    width:100%;
+  }
+  .page-numbers, .next, .prev {
+      @include button($button_small);
+      padding-left: $button_small;
+      padding-right: $button_small;
+      margin-right : $button_small / 8;
+      margin-left: $button_small / 8;
+
+      &:not(.current) {
+        @include button-color($color-background-alt);
+      }
+
+      &.current {
+        @include background-color($color-info);
+        &:hover {
+          @include background-color($color-info);
+        }
+      }
+  }
+}
diff --git a/scss/components/_previews.scss b/scss/components/_previews.scss
index 1ec760f..3c17eb8 100644
--- a/scss/components/_previews.scss
+++ b/scss/components/_previews.scss
@@ -4,6 +4,9 @@
  *
 */
 $preview-height: 8*$lineheight;
+$preview-content-height:165px;
+$comment-peek-height:0px;
+$comment-height:30px;
 
 .previews-section {
   display: grid;
@@ -53,6 +56,7 @@ $preview-height: 8*$lineheight;
 .preview-link {
   padding:0;
   background-color: transparent;
+  margin:0!important;
 }
 
 .preview-item {
@@ -61,7 +65,7 @@ $preview-height: 8*$lineheight;
 	line-height: $lineheight !important;
   text-align:justify;
   background-color:rgba(0,0,0,0.00);
-  color:rgba(0,0,0,0.4);
+  color:dim(getFontColor());
 	position: relative;
 
 	display: flex;
@@ -75,12 +79,13 @@ $preview-height: 8*$lineheight;
     top: 0;
     left: 0;
     position: absolute;
-    padding-top: $lineheight_half;
+    padding-top: $card-header-vmargin/2;
     backdrop-filter: none;
     transition: background-color 0.3s;
+    @include border-radius($card-radius);
 
     h1, h2, h3, h4, h5, h6 {
-      color: $color-light;
+      color: $color-font-light;
       font-size: 1rem;
       line-height: $lineheight;
       font-weight:$fontweight_big;
@@ -89,9 +94,11 @@ $preview-height: 8*$lineheight;
     .card-header {
       font-family: $basefont;
       font-size: 1rem;
-      background-color: $color-primary;
-      @include card-header($lineheight_half);
+      @include panel-header($lineheight_half);
+      @include colorize-shape($color-primary);
+      color:getTextColorFromBackground($color-primary);
       font-weight: $fontweight_big;
+      margin-top:0px;
     }
   }
 
@@ -103,7 +110,7 @@ $preview-height: 8*$lineheight;
       .metadata-pills {
         opacity: .9;
         transition: opacity .5s, height .5s;
-        height:135px;
+        height:$preview-content-height - $comment-height;
       }
     }
   }
@@ -115,6 +122,9 @@ $preview-height: 8*$lineheight;
   background-size: cover;
   min-height:100%;
   min-width:100%;
+  @include border-radius($card-radius);
+  font-size:0.85rem;
+  line-height:1.25rem;
 
   h1, h2, h3, h4, h5, h6 {
     margin-bottom:0px;
@@ -145,12 +155,13 @@ $preview-height: 8*$lineheight;
 }
 
 .preview-metadata {
-  color: $color-light;
-  height:165px;
+  color: $color-font-light;
+  height:$preview-content-height;
   overflow: hidden;
+  @include border-radius($card-radius);
 
   .metadata-pills {
-    height:165px;
+    height:$preview-content-height - $comment-peek-height;
   	opacity: 0;
     transition: opacity .3s, height .3s;
     display:flex;
@@ -161,24 +172,21 @@ $preview-height: 8*$lineheight;
   }
 }
 
-.card-preview.card-info {
+.card-preview.head-info {
   .comment-text {
-    @include angled-edge('outside top', 'upper left', $color-skyblue, 16);
-    background-color:$color-skyblue;
+    background-color:$color-info;
   }
 }
 
 .card-preview.card-grey {
   .comment-text {
-    @include angled-edge('outside top', 'upper left', $color-grey, 16);
-    background-color:$color-grey;
+    background-color:$color-muted;
   }
 }
 
 .comment-text {
-  @include angled-edge('outside top', 'upper left', $color-violet, 16);
-  color: $color-light;
-  background-color:$color-violet;
+  color: $color-font-light;
+  background-color:$color-primary;
   text-align: center;
 }
 
@@ -194,7 +202,7 @@ $preview-height: 8*$lineheight;
 
   img.author-avatar, img.avatar {
     display:block;
-    height: 4.5rem;
+    height: $lineheight*3;
     width:auto;
     border-radius:100%;
     padding:0;
@@ -243,6 +251,7 @@ $preview-height: 8*$lineheight;
 .cover {
   width:100%;
   height:auto;
+  @include border-radius($card-radius);
 }
 
 .roman {
diff --git a/scss/components/_sidebar.scss b/scss/components/_sidebar.scss
new file mode 100644
index 0000000..52bb38d
--- /dev/null
+++ b/scss/components/_sidebar.scss
@@ -0,0 +1,21 @@
+.sidebar-container {
+  width:100%;
+
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: auto;
+  row-gap: $lineheight;
+  column-gap: $lineheight*2;
+  grid-template-areas:
+  "side"
+  "main";
+
+  @include lg() {
+    grid-template-columns: 360px auto;
+    grid-template-areas: "side main";
+  }
+
+  .sidebar {
+    padding:1rem;
+  }
+}
diff --git a/scss/components/_tables.scss b/scss/components/_tables.scss
new file mode 100644
index 0000000..3b722e8
--- /dev/null
+++ b/scss/components/_tables.scss
@@ -0,0 +1,23 @@
+/* TABLE
+ * Style tables
+*/
+
+table {
+  border-collapse: collapse;
+}
+
+table, th, td {
+  border:0;
+  padding:0;
+  margin:0;
+}
+
+th, td {
+  vertical-align:center;
+  padding-top: 0.325em;
+  padding-bottom: 0.325em;
+}
+
+th  {
+  font-weight: $fontweight_hyper;
+}
diff --git a/scss/components/_toasts.scss b/scss/components/_toasts.scss
new file mode 100644
index 0000000..7795ffb
--- /dev/null
+++ b/scss/components/_toasts.scss
@@ -0,0 +1,4 @@
+.toast {
+  @include panel($card-smallpad);
+  padding:$card-smallpad;
+}
diff --git a/scss/core/_box-sizing.scss b/scss/core/_box-sizing.scss
new file mode 100644
index 0000000..dbe61eb
--- /dev/null
+++ b/scss/core/_box-sizing.scss
@@ -0,0 +1,18 @@
+/* 0.2 - Box-sizing
+ * Make sure that everything have its box-sizing to border-box
+**/
+
+*,
+*::before,
+*::after {
+ box-sizing: inherit;
+}
+
+html {
+ box-sizing: border-box;
+}
+
+body {
+ overflow-x: hidden;
+ text-rendering: optimizeLegibility;
+}
diff --git a/scss/core/_columns.scss b/scss/core/_columns.scss
new file mode 100644
index 0000000..92a9065
--- /dev/null
+++ b/scss/core/_columns.scss
@@ -0,0 +1,68 @@
+@mixin column($size) {
+  grid-column: span $size;
+  width:100%;
+  margin:0;
+
+  & > *:last-child {
+    margin-bottom:0!important;
+  }
+}
+
+@mixin column-list() {
+  &-1 {@include column(1);}
+  &-2 {@include column(2);}
+  &-3 {@include column(3);}
+  &-4 {@include column(4);}
+  &-5 {@include column(5);}
+  &-6 {@include column(6);}
+  &-7 {@include column(7);}
+  &-8 {@include column(8);}
+  &-9 {@include column(9);}
+  &-10 {@include column(10);}
+  &-11 {@include column(11);}
+  &-12 {@include column(12);}
+}
+
+.columns {
+  display:grid;
+  grid-gap:$lineheight;
+  grid-template-columns: repeat(12, 1fr);
+  grid-template-rows: auto;
+  padding:$lineheight;
+  &-nogap {
+    grid-gap:0px;
+  }
+}
+
+.column {
+  @include column(12);
+}
+
+.col {
+  @include column-list();
+  &-sm {
+    @include sm() {
+      @include column-list();
+    }
+  }
+  &-md {
+    @include md() {
+      @include column-list();
+    }
+  }
+  &-lg {
+    @include lg() {
+      @include column-list();
+    }
+  }
+  &-xl {
+    @include xl() {
+      @include column-list();
+    }
+  }
+  &-xxl {
+    @include xxl() {
+      @include column-list();
+    }
+  }
+}
diff --git a/scss/core/_containers.scss b/scss/core/_containers.scss
new file mode 100644
index 0000000..d36380f
--- /dev/null
+++ b/scss/core/_containers.scss
@@ -0,0 +1,11 @@
+#wrapper {
+    background-color: $color-background;
+}
+
+.container-big {
+    @include container($container-size-large, $lineheight);
+}
+
+.container, .container-onecolumn {
+    @include container($container-size, $lineheight);
+}
diff --git a/scss/core/_normalize.scss b/scss/core/_normalize.scss
new file mode 100644
index 0000000..192eb9c
--- /dev/null
+++ b/scss/core/_normalize.scss
@@ -0,0 +1,349 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+  margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+  background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+  border-style: none;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+  display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+  display: none;
+}
diff --git a/scss/core/_typography.scss b/scss/core/_typography.scss
new file mode 100644
index 0000000..300719a
--- /dev/null
+++ b/scss/core/_typography.scss
@@ -0,0 +1,190 @@
+/* 0.3 - Typography
+ * This part of the (s)css handle everything related to the typography
+ * like paragraphs, blockquote, etc.
+**/
+
+/* 2.2 - Global Typography */
+
+@mixin paragraph() {
+  padding:0;
+  padding-bottom: $lineheight;
+  margin: 0;
+}
+
+html, body {
+	font-family: $basefont;
+	text-align: left;
+  font-size:  $fontsize;
+	line-height: $lineheight;
+	color: getFontColor();
+  font-weight: $fontweight_base;
+}
+
+strong {
+	font-weight: $fontweight_bold;
+}
+
+em {
+  font-style: italic;
+  font-weight: $fontweight_base;
+}
+
+a, a:visited, mark {
+  text-decoration: none;
+  padding: 0.05rem 0.25rem;
+  border-radius: 0.1rem;
+}
+
+a, a:visited {
+  @include background-color($color-link);
+  &:hover, &:active, &:focus {
+    color: $color-link;
+    background-color: transparent;
+  }
+
+  &:focus {
+    outline-color: currentColor;
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+}
+
+mark {
+  background-color: lighten($color-mark, 30%);
+  color: inherit;
+}
+
+p, ul, ol {
+  @include paragraph();
+  &:last-child {
+    padding-bottom:0;
+  }
+}
+
+ul, ol {
+  list-style: disc;
+  ul, ol {
+    padding-bottom:0;
+    margin:0;
+  }
+  li {
+    margin:0;
+    margin-left: $lineheight;
+    line-height: $lineheight;
+  }
+}
+
+::selection, ::-moz-selection {
+  @include background-color($color-selection);
+}
+
+/* 2.3 - Titles */
+
+@mixin newTitle($size, $weight) {
+  $lineNumber: ceil($size / 1.5);
+  font-size: $size * 1rem;
+  line-height: $lineNumber  * $lineheight;
+  font-weight: $weight;
+}
+
+h1, h2, h3, h4, h5, h6, h7 {
+  font-family: $basefont;
+  text-align: left;
+	font-size: 1em;
+	padding:0;
+	margin:0;
+	font-weight: $fontweight_base;
+  padding-bottom: $lineheight;
+}
+
+sup, sub {
+  & > a {
+    color: $color-link;
+    background-color:transparent;
+    &:hover, &:focus, &:active {
+      color: darken($color-link, 10%);
+    }
+  }
+}
+
+.main-title {
+  font-family: $titlefont;
+  @include newTitle(3.815, $fontweight_hyper);
+}
+
+h1, .title-1 {
+  font-family: $titlefont;
+  @include newTitle(2.441, $fontweight_hyper);
+  color: $color-primary;
+}
+
+h2, .title-2 {
+  @include newTitle(2.441, $fontweight_big);
+}
+
+h3, .title-3 {
+  @include newTitle(1.953, $fontweight_bold);
+}
+
+h4, .title-4 {
+  @include newTitle(1.563, $fontweight_hyper);
+}
+
+h5, .title-5 {
+  @include newTitle(1.25, $fontweight_bold);
+}
+
+h6, .title-6 {
+  @include newTitle(1, $fontweight_hyper);
+}
+
+/* 2.4 - hr */
+
+hr {
+	border: 0px solid rgba(1, 1, 1, 0.15);
+	border-bottom: 1px;
+	margin: 1.5em;
+}
+
+/* 2.5 - Wells and quotes */
+
+@mixin well() {
+  border: 0;
+  border-radius: $well-radius;
+
+  margin: 0 0 $lineheight 0;
+  padding: $lineheight 1rem $lineheight 1rem;
+
+  max-width: 100%;
+  font-style: italic;
+  @include background-color($color-background-alt);
+  box-shadow: $narrow-shadow;
+}
+
+blockquote, .quote {
+  &:before {
+    content:"";
+  }
+}
+
+blockquote, .quote, .well, pre, .pre, .well-pre {
+  @include well();
+}
+
+code {
+  background:transparent;
+  color: $color-danger;
+}
+
+.small-text {
+  font-size: 0.9em;
+}
+
+/* 2.6 - Special styling */
+
+.time {
+	font-style: italic;
+	text-align: right;
+	width: 100%;
+	display: block;
+}
diff --git a/scss/custom/_global.scss b/scss/custom/_global.scss
new file mode 100644
index 0000000..3b4e27d
--- /dev/null
+++ b/scss/custom/_global.scss
@@ -0,0 +1,297 @@
+/* --- 03. GLOBAL STYLING --- */
+
+/*
+ * Les styles "globaux" touchant toute la page.
+ *
+ */
+
+@mixin li-no-margin() {
+    li {
+        margin: 0;
+    }
+}
+
+@mixin container-big() {
+    padding-left: $lineheight;
+    padding-right: $lineheight;
+    max-width: 1600px;
+    margin:auto;
+}
+
+.no-pills {
+    list-style:none;
+}
+
+.align {
+    &-center {text-align: center;}
+    &-left {text-align: left;}
+    &-right {text-align: right;}
+}
+
+  /* ------------------ HEADERS ------------------- */
+
+#page-header {
+    background: $color-primary url('img/background.png') center bottom repeat-x;
+    padding-top: .75rem;
+    padding-bottom:1.5rem;
+}
+
+header h1 {
+    border-style:none !important;
+    font-weight: $fontweight_hyper;
+    font-size:5.4em;
+    font-style:oblique;
+    padding-bottom:0px;
+    line-height: 1.5em;
+    max-width: 1600px;
+    margin: auto;
+
+    img {
+      width: 600px;
+      height: auto;
+      margin-top:0rem;
+    }
+
+    a, a:visited, a:hover {
+      background-color:transparent;
+    }
+}
+
+.toolbar {
+  display:flex;
+  justify-content: space-between;
+  margin:auto;
+  padding:0;
+  max-width: 1600px;
+  z-index:2;
+
+  ul {
+    display:flex;
+    margin: 0;
+    padding: 0;
+    li {
+      list-style: none;
+      margin:0;
+      position:relative;
+      z-index: 2;
+      ul {
+        display:none;
+        position:absolute;
+        left:-0.75rem;
+        background-color:$color-background;
+        padding: 1.5rem;
+        padding-top: 0.5rem;
+        padding-bottom: 0.5rem;
+        box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);
+        z-index: 2;
+      }
+
+      &:hover {
+        ul {
+          display:flex;
+          flex-direction:column;
+        }
+      }
+    }
+  }
+
+  .btn-navbar {
+    margin:0rem;
+    margin-left:0.75rem;
+    margin-right: 0.75rem;
+  }
+}
+
+.navbar {
+    border-left: 0;
+    border-right: 0;
+    padding: 0.75rem;
+    color: $color-font-light;
+    a {
+        color: $color-font-light;
+    }
+    @include li-no-margin();
+}
+
+.dropdown-menu {
+    box-shadow: $narrow-shadow, $inset-shadow;
+}
+/* ------------------ CONTAINERS ------------------- */
+
+.container-big {
+    @include container-big();
+}
+
+.container-blog {
+    @include container-big();
+
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-rows: auto;
+    row-gap: $lineheight;
+    column-gap: 3rem;
+    grid-template-areas:
+    "main"
+    "side";
+
+    @include lg() {
+      grid-template-columns: auto 360px;
+      grid-template-areas: "main side";
+    }
+}
+
+.mainpane {
+    grid-area: main;
+}
+
+.sidebar {
+    grid-area: side;
+}
+
+ul.tag-list {
+  display:flex;
+  padding-bottom:0;
+  overflow: hidden;
+  height:auto;
+  flex-wrap: wrap;
+  
+  li {
+    list-style: none;
+    margin:3px;
+  }
+}
+
+.container-preview {
+    @include container-big();
+
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-rows: auto;
+    row-gap: $lineheight;
+    column-gap: 3rem;
+    grid-template-areas:
+    "main"
+    "side";
+
+    @include lg() {
+      grid-template-columns: 360px auto;
+      grid-template-areas: "side main";
+    }
+}
+
+.container-onecolumn {
+    max-width:1280px;
+    margin: auto;
+    padding-bottom: $lineheight;
+}
+
+.container-personnage {
+    @include container-big();
+    display: grid;
+    grid-template-columns: repeat(6, 1fr);
+    grid-template-rows: auto;
+    row-gap: 3rem;
+    column-gap: 3rem;
+
+    grid-template-areas:
+    "nomp nomp nomp nomp nomp nomp"
+    "info info info info meta meta"
+    "goss goss look look look look"
+    "aime aime aime dete dete dete"
+    "hist hist hist hist hist hist";
+
+    .card {
+        margin:0;
+    }
+
+    h1 {
+        padding:0;
+    }
+}
+
+.personnage {
+    &-nomp {grid-area: nomp;}
+    &-info {grid-area: info;}
+    &-meta {grid-area: meta;}
+    &-goss {grid-area: goss;}
+    &-look {grid-area: look;}
+    &-aime {grid-area: aime;}
+    &-dete {grid-area: dete;}
+    &-hist {grid-area: hist;}
+}
+
+/* ------------------ PAGE ------------------- */
+
+#wrapper {
+    background-color: $color-background;
+}
+
+  /* ------------------ FOOTER ------------------- */
+
+$color-footer-back: getColor("dark");
+$color-footer-text: getColor("light");
+
+body {
+    // On colorise le background de la page complete de la même
+    // couleur que le fond du footer.
+    background-color: $color-footer-back;
+}
+
+footer {
+    color: $color-footer-text;
+    padding-top:1.5rem;
+    font-size: 0.8rem!important;
+    padding-bottom:1.5rem;
+
+    .footer-collumns {
+      @include container-big();
+      display: grid;
+      grid-template-columns: 1fr;
+      grid-template-rows: auto;
+      grid-gap: $lineheight;
+      padding-bottom: $lineheight;
+
+      @include lg() {
+        grid-template-columns: 1fr 1fr 1fr;
+      }
+
+      a, a:visited {
+        &:hover, &:active, &:visited {
+          color: $color-footer-text;
+        }
+      }
+
+    }
+}
+
+/* social media */
+
+ul.social {
+    font-size:1.5em;
+    padding-bottom:1.5em;
+    margin:auto;
+    text-align:center;
+    li {
+        margin:0;
+        list-style: none;
+        display: inline;
+        a, a:visited {
+            color: $color-footer-back;
+            background-color: $color-footer-text;
+            padding:0.3em;
+            padding-left:0.36em;
+            padding-right:0.36em;
+            vertical-align:middle;
+            border-radius:100%;
+            &:hover {
+                color:$color-footer-text;
+                background-color: $color-footer-back;
+            }
+        }
+    }
+}
+
+.container-article {
+  margin:auto;
+  width:800px;
+}
diff --git a/scss/definitions/_borders.scss b/scss/definitions/_borders.scss
new file mode 100644
index 0000000..258b028
--- /dev/null
+++ b/scss/definitions/_borders.scss
@@ -0,0 +1,6 @@
+// BORDERS AND BORDER-RADIUSES
+
+$card-radius: 8px;
+$btn-radius: 4px;
+$well-radius: $btn-radius;
+$border-size: 0px;
diff --git a/scss/definitions/_fonts.scss b/scss/definitions/_fonts.scss
new file mode 100644
index 0000000..ef20258
--- /dev/null
+++ b/scss/definitions/_fonts.scss
@@ -0,0 +1,12 @@
+// FONTS
+// Define how looks the text
+
+$fontsize: 4.75mm;
+
+$fontweight_big: 300;
+$fontweight_base: 400;
+$fontweight_bold: 600;
+$fontweight_hyper: 800;
+
+$basefont: Open Sans, sans-serif;
+$titlefont: Open Sans, sans-serif;
diff --git a/scss/definitions/_palette.scss b/scss/definitions/_palette.scss
new file mode 100644
index 0000000..7491181
--- /dev/null
+++ b/scss/definitions/_palette.scss
@@ -0,0 +1,82 @@
+/* --- 00. PALETTE --- */
+
+/*
+ * Les définitions globales des couleurs du theme.
+ *
+ * Elle permettent de définir rapidement à la fois les couleurs
+ * de base qui seront utilisée pour tout le theme, mais
+ * également celles spécifiques pour certains sujets (liens, texte)
+ *
+ */
+
+$whiteness_value: 0.8;
+
+// Couleurs de base du theme :
+
+$palette: (
+  "blue":#339af0,
+  "violet":#845ef7,
+  "red":#ff6b6b,
+  "orange":#ff922b,
+  "green":#51cf66,
+  "skyblue":#3bc9db,
+  "dark": #343a40,
+  "light":#fefefe,
+  "yellow":#fcc419,
+  "grey":#adb5bd,
+  "dark2":#212529,
+  "light2":#f1f3f5);
+
+$semantics: (
+  "primary":"blue",
+  "secondary":"dark",
+  "warning":"orange",
+  "danger":"red",
+  "info":"skyblue",
+  "success":"green",
+  "muted":"grey");
+
+$helpers: (
+  "font":"dark2",
+  "font-light":"light",
+  "background":"light",
+  "background-alt":"light2",
+  "link":"blue",
+  "selection":"blue",
+  "mark":"yellow",
+);
+
+@function get-color($name) {
+    @if map-has-key($helpers, $name) {
+        @return map-get($palette, map-get($helpers, $name));
+    } @else {
+      @if map-has-key($semantics, $name) {
+          @return map-get($palette, map-get($semantics, $name));
+      } @else {
+          @return map-get($palette, $name);
+      }
+    }
+}
+
+// **Couleurs du theme**
+// Ne pas retirer ces couleurs, qui
+// sont essentielle pour que le framework functionne.
+// Pour les modifier, modifier le contenu du tableau $semantics.
+
+$color-link: get-color("link");
+$color-selection: get-color("selection");
+$color-mark: get-color("mark");
+$color-font: get-color("font");
+$color-font-light: get-color("font-light");
+
+$color-primary: get-color("primary");
+$color-secondary: get-color("secondary");
+$color-warning: get-color("warning");
+$color-danger: get-color("danger");
+$color-info: get-color("info");
+$color-success: get-color("success");
+
+$color-muted: get-color("muted");
+
+$color-background: get-color("background");
+$color-background-alt: get-color("background-alt");
diff --git a/scss/definitions/_shadows.scss b/scss/definitions/_shadows.scss
new file mode 100644
index 0000000..625c56f
--- /dev/null
+++ b/scss/definitions/_shadows.scss
@@ -0,0 +1,8 @@
+// SHADOWS
+// Define how looks the shadows and the relief effects
+
+$large-shadow: 0px 2px 4px rgba(0, 0, 0, 0);
+$narrow-shadow: 0px 1px 2px rgba(0, 0, 0, 0);
+$inset-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0);
+$inset-shadow-inverted: inset 0px 2px 0px rgba(0, 0, 0, 0);
+$inset-relief: inset 0px 2px 0px rgba(255, 255, 255, 0);
diff --git a/scss/definitions/_sizing.scss b/scss/definitions/_sizing.scss
new file mode 100644
index 0000000..eb0b786
--- /dev/null
+++ b/scss/definitions/_sizing.scss
@@ -0,0 +1,34 @@
+// SIZING
+// All the spacing and sizing variables
+
+$baseline: 1.6;
+
+$lineheight: $baseline * 1rem;
+$lineheight_half: $lineheight/2;
+$lineheight_quarter: $lineheight/4;
+
+$card-header-vmargin: 0px;
+$card-header-hmargin: 0px;
+$card-header-padding: $lineheight;
+$card-header-width: 100%;
+$card-header-position:0px;
+// Buttons
+$button_large: $lineheight;
+$button_small: $lineheight_quarter;
+$button-group-margin: 0;
+
+// Responsives sizes
+// - sm : Small tablets and large smartphones (landscape view)
+// - md : Small tablets (portrait view)
+// - lg : Tablets and small desktops
+// - xl : Large tablets and desktops
+// - xxl : Very large desktops
+$screen-sm-min: 576px;
+$screen-md-min: 768px;
+$screen-lg-min: 992px;
+$screen-xl-min: 1200px;
+$screen-xxl-min: 1600px;
+
+// Containers size
+$container-size: $screen-xxl-min;
+$container-size-large: $screen-xxl-min;
diff --git a/scss/mixins/_borders.scss b/scss/mixins/_borders.scss
new file mode 100644
index 0000000..d6bb913
--- /dev/null
+++ b/scss/mixins/_borders.scss
@@ -0,0 +1,15 @@
+// Border, border radius and margin
+
+@mixin borders() {
+  border: $border-size solid rgba(0, 0, 0, 0.3)
+}
+
+@mixin prefer-no-borders() {
+  &:not(:hover) {
+    border-color:transparent;
+  }
+}
+
+@mixin border-radius($border-radius) {
+  border-radius: $border-radius $border-radius $border-radius $border-radius;
+}
diff --git a/scss/mixins/_btns.scss b/scss/mixins/_btns.scss
new file mode 100644
index 0000000..46e25e2
--- /dev/null
+++ b/scss/mixins/_btns.scss
@@ -0,0 +1,54 @@
+@mixin button($size) {
+  @include button-layout($size);
+  @include shape-style($size);
+  @include button-hover();
+  font-weight: $fontweight_base;
+}
+
+@mixin button-layout($size) {
+    padding: $size;
+    padding-top: $size/3;
+    padding-bottom: $size/3;
+    margin:$size/2;
+    margin-top: $size/3;
+    margin-bottom: $lineheight;
+    //font-size: 4.75mm;
+    line-height:$lineheight;
+    height:auto;
+}
+
+@mixin button-hover() {
+  transition: background-color .2s, border .2s, box-shadow .2s, color .2s;
+  &:hover, &:active, &:focus {
+      background-color:transparent;
+  }
+
+  &:focus {
+    outline: none;
+    box-shadow: $narrow-shadow, $inset-shadow, 0px 0px 0px 2px rgba(0, 0, 0, 0);
+      &:before {
+        box-shadow: $narrow-shadow, $inset-shadow, 0px 0px 0px 2px rgba(0, 0, 0, 0.3);
+        outline: none;
+      }
+  }
+}
+
+@mixin button-fullcontrol($background-color, $hover-color, $text-color) {
+    @include colorize-shape($background-color);
+    color:$text-color;
+    &:visited {
+      @include colorize-shape($background-color);
+      color:$text-color;
+    }
+    &, &:visited, &:not(.disabled):not(:disabled) {
+        &:hover, &:active, &:focus {
+          @include colorize-shape($hover-color);
+          color:lighten($text-color, 5%);
+        }
+    }
+}
+
+@mixin button-color($background-color) {
+    @include button-fullcontrol($background-color, mix($background-color, getTextColorFromBackground($background-color), 85%), getTextColorFromBackground($background-color));
+    box-shadow: $narrow-shadow;
+}
diff --git a/scss/mixins/_colors.scss b/scss/mixins/_colors.scss
new file mode 100644
index 0000000..2b63c10
--- /dev/null
+++ b/scss/mixins/_colors.scss
@@ -0,0 +1,61 @@
+/* --- 00. COLORS --- */
+
+/*
+ * La gestion des couleurs dans le theme. Cette partie de la stylesheet est
+ * automatique et n'a pas besoin d'être modifiée
+ */
+
+ // FUNCTIONS TO GET MORE EASILY COLORS
+ @function list-colors() {
+     $newmap: map-merge($palette, $semantics);
+     @return $newmap;
+ }
+
+ @function luminance($color) {
+     $c_red: red($color);
+     $c_grn: green($color);
+     $c_blu: blue($color);
+
+     $luminance: $c_red*0.299 + $c_grn*0.587 + $c_blu*0.114;
+
+     @return $luminance
+ }
+
+ @function getFontColor() {
+   @return getTextColorFromBackground(get-color("background-alt"));
+ }
+
+ @function getTextColorFromBackground($background-color) {
+     @if (luminance($background-color) < 255 * $whiteness_value) {
+         @return $color-font-light;
+     } @else {
+         @return $color-font;
+     }
+ }
+
+ @function accentuate($color) {
+     @if (luminance($color) > 64) {
+         @return darken($color, 7.5%);
+     } @else {
+         @return lighten($color, 4%);
+     }
+ }
+
+ @function dim($color) {
+     @if (luminance($color) > 255 * $whiteness_value) {
+         @return transparentize($color, 0.8);
+     } @else {
+         @return transparentize($color, 0.6);
+     }
+ }
+
+ // fonction texte et background
+
+ @mixin text-color($text-color) {
+  color: $text-color;
+ }
+
+ @mixin background-color($background-color) {
+  background-color: $background-color;
+  color: getTextColorFromBackground($background-color);
+ }
diff --git a/scss/mixins/_li.scss b/scss/mixins/_li.scss
new file mode 100644
index 0000000..1a78451
--- /dev/null
+++ b/scss/mixins/_li.scss
@@ -0,0 +1,13 @@
+@mixin li-no-margin() {
+    li {
+        margin: 0;
+    }
+}
+
+@mixin li-flex() {
+  display:flex;
+  flex-direction: row;
+  align-items: flex-start;
+  @include li-no-margin();
+  list-style: none;
+}
diff --git a/scss/mixins/_panels.scss b/scss/mixins/_panels.scss
new file mode 100644
index 0000000..be05fdb
--- /dev/null
+++ b/scss/mixins/_panels.scss
@@ -0,0 +1,64 @@
+@mixin panel($size) {
+    @include border-radius($card-radius);
+    background-color: $color-background-alt;
+    box-shadow: $large-shadow;
+    border: none;
+    margin:0;
+    margin-bottom:$lineheight;
+
+    & > * {
+      margin-left: $size / 2;
+      margin-right: $size / 2;
+      &:first-child {
+        margin-top: $size;
+        &.card-header {
+          margin-top:$card-header-vmargin;
+        }
+      }
+      &:last-child {
+        margin-bottom: $size;
+        &.card-header {
+          margin-bottom:$card-header-vmargin;
+        }
+      }
+    }
+}
+
+@mixin panel-header($size) {
+    font-size:1.1em;
+    font-weight: $fontweight_big;
+    padding: $size/2;
+    padding-left:$card-header-padding;
+    padding-right:$card-header-padding;
+    padding-bottom: $size/2!important;
+    margin:$card-header-hmargin;
+    margin-bottom:$lineheight_half;
+    margin-top:$lineheight_half;
+    line-height:$lineheight;
+    white-space: nowrap;
+
+    position:relative;
+    left: $card-header-position;
+    width:$card-header-width;
+
+    @include shape-style($size);
+    border-radius:0;
+    &:first-child {
+      border-top-left-radius: $card-radius;
+      border-top-right-radius: $card-radius;
+    }
+    &:last-child {
+      border-bottom-left-radius: $card-radius;
+      border-bottom-right-radius: $card-radius;
+    }
+
+    h1, h2, h3, h4, h5, h6, h7, h8, h9, h10  {
+        font-family:$basefont;
+        font-size:1rem;
+        padding:0px;
+        margin:0px;
+        color:$color-font-light;
+        font-weight: $fontweight_big;
+        line-height:$lineheight;
+    }
+}
diff --git a/scss/mixins/_responsive.scss b/scss/mixins/_responsive.scss
new file mode 100644
index 0000000..9619add
--- /dev/null
+++ b/scss/mixins/_responsive.scss
@@ -0,0 +1,50 @@
+// MIXINS RESPONSIVES
+
+// Small devices
+@mixin sm {
+   @media (min-width: #{$screen-sm-min}) {
+       @content;
+   }
+}
+
+// Medium devices
+@mixin md {
+   @media (min-width: #{$screen-md-min}) {
+       @content;
+   }
+}
+
+// Large devices
+@mixin lg {
+   @media (min-width: #{$screen-lg-min}) {
+       @content;
+   }
+}
+
+// Extra large devices
+@mixin xl {
+   @media (min-width: #{$screen-xl-min}) {
+       @content;
+   }
+}
+
+// Extra large desktops
+@mixin xxl {
+   @media (min-width: #{$screen-xxl-min}) {
+       @content;
+   }
+}
+
+// Custom devices
+@mixin rwd($screen) {
+   @media (min-width: $screen+'px' ) {
+      @content;
+   }
+}
+
+@mixin container($size, $padding) {
+    padding-left: $padding;
+    padding-right: $padding;
+    max-width: $size;
+    margin:auto;
+}
diff --git a/scss/mixins/_shape.scss b/scss/mixins/_shape.scss
new file mode 100644
index 0000000..731a8b3
--- /dev/null
+++ b/scss/mixins/_shape.scss
@@ -0,0 +1,10 @@
+@mixin shape-style($size) {
+    @include borders();
+    @include border-radius($btn-radius);
+
+    background-color:transparent;
+}
+
+@mixin colorize-shape($background-color) {
+    background-color: $background-color;
+}
diff --git a/scss/style.scss b/scss/style.scss
index e19a142..3427aa1 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -1,27 +1,23 @@
 /*
-  Theme Name: Kazhnuz Space
-  Theme URI: https://git.kobold.cafe/kazhnuz/kspace-wordpress-theme
+  Theme Name: Quarante-Douze
+  Theme URI: https://git.kobold.cafe/quarante-douze/qdouze2-wordpress-theme
   Author: Kazhnuz
   Author URI: https://kazhnuz.space
-  Description: The default theme for Kazhnuz.space, my personnal blog. Made using spectre.css
+  Description: The default theme for Quarante-Douze, my tech blog.
   Version: 0.1
   License: GNU General Public License v3 or later
   License URI: http://www.gnu.org/licenses/gpl-2.0.html
-  Tags: blog, two-columns, right-sidebar, artist, solarized
-  Text Domain: kspace-wordpress-theme
+  Tags: blog, two-columns, right-sidebar
+  Text Domain: qdouze2-wordpress-theme
 
   This theme is licensed under the GPLv3.
 */
 
-
-@import 'angled-edges';
-
-@import 'palette';
-
+@import 'dep';
 @import 'definitions';
+@import 'mixins';
 
-@import 'typography';
-
-@import 'global';
-
+@import 'core';
 @import 'drawing';
+@import 'utils';
+@import 'global';
diff --git a/scss/utils/_a11y.scss b/scss/utils/_a11y.scss
new file mode 100644
index 0000000..e4d5167
--- /dev/null
+++ b/scss/utils/_a11y.scss
@@ -0,0 +1,8 @@
+/* 1.0 - Accessibility classes
+ * Some classes to help accessibility
+**/
+
+.screen-reader-text {
+  visibility: collapse;
+  font-size:0;
+}
diff --git a/scss/utils/_align.scss b/scss/utils/_align.scss
new file mode 100644
index 0000000..2234868
--- /dev/null
+++ b/scss/utils/_align.scss
@@ -0,0 +1,14 @@
+/* 1.1 - Alignement classes
+ * Handle easily alignement and flexboxes
+**/
+
+.flex-that {
+  display: flex;
+  justify-content: space-between;
+}
+
+.align {
+    &-center {text-align: center;text-indent: 0!important;}
+    &-left {text-align: left;}
+    &-right {text-align: right;}
+}
diff --git a/scss/utils/_borders.scss b/scss/utils/_borders.scss
new file mode 100644
index 0000000..a8f7b0e
--- /dev/null
+++ b/scss/utils/_borders.scss
@@ -0,0 +1,8 @@
+.round, .pill {
+  border-radius: 9999px;
+}
+
+.no-borders {
+  border-width:0px;
+  border-style:none;
+}
diff --git a/scss/utils/_colorize.scss b/scss/utils/_colorize.scss
new file mode 100644
index 0000000..8197afb
--- /dev/null
+++ b/scss/utils/_colorize.scss
@@ -0,0 +1,85 @@
+/* 1.2 - Colorization classes
+ * Colorize some aspect of a class
+**/
+
+@mixin heading-color($background-color) {
+
+  & .card-header,
+  & .menu-header,
+  &.header-bg th {
+    @include colorize-shape($background-color);
+    color: getTextColorFromBackground($background-color);
+  }
+
+  th {
+    color: $background-color;
+  }
+}
+
+@mixin bg-color($background-color) {
+  @include background-color($background-color);
+
+  &>a,
+  &>a:visited {
+    color: $background-color;
+    background-color: getTextColorFromBackground($background-color);
+
+    &:hover,
+    &:active,
+    &:visited {
+      color: getTextColorFromBackground($background-color);
+      background: none;
+    }
+  }
+}
+
+.bg {
+
+  @each $name,
+  $color in list-colors() {
+    &-#{$name} {
+      @include bg-color(get-color($name));
+      &:hover {
+        @include bg-color(get-color($name));
+      }
+    }
+  }
+}
+
+.text {
+
+  @each $name,
+  $color in list-colors() {
+    &-#{$name} {
+      @include text-color(get-color($name));
+    }
+  }
+}
+
+.btn {
+
+  @each $name,
+  $color in list-colors() {
+    &-#{$name} {
+      @include button-color(get-color($name));
+    }
+  }
+}
+
+.head {
+
+  @each $name,
+  $color in list-colors() {
+    &-#{$name} {
+      @include heading-color(get-color($name));
+    }
+  }
+}
+
+.fg-light {
+  color: $color-font-light;
+}
+
+.fg-dark {
+  color: $color-font;
+}
\ No newline at end of file
diff --git a/scss/utils/_flex.scss b/scss/utils/_flex.scss
new file mode 100644
index 0000000..203bf6a
--- /dev/null
+++ b/scss/utils/_flex.scss
@@ -0,0 +1,35 @@
+.f-column {
+  display:flex;
+  flex-direction: column;
+  &.reverse {
+    flex-direction:column-reverse;
+  }
+}
+
+.f-row {
+  display:flex;
+  flex-direction: row;
+  &.reverse {
+    flex-direction:row-reverse;
+  }
+}
+
+.f-start {
+  justify-content: flex-start;
+}
+
+.f-end {
+  justify-content: flex-end;
+}
+
+.f-center {
+  justify-content: center;
+}
+
+.f-around {
+  justify-content: space-around;
+}
+
+.f-between {
+  justify-content: space-between;
+}
diff --git a/scss/utils/_lists.scss b/scss/utils/_lists.scss
new file mode 100644
index 0000000..8d593cf
--- /dev/null
+++ b/scss/utils/_lists.scss
@@ -0,0 +1,7 @@
+/* 1.3 - List classes
+ * Handle more easily list
+**/
+
+.no-pills {
+    list-style:none;
+}
diff --git a/scss/utils/_sizing.scss b/scss/utils/_sizing.scss
new file mode 100644
index 0000000..89619c6
--- /dev/null
+++ b/scss/utils/_sizing.scss
@@ -0,0 +1,61 @@
+/* 1.3 - Sizing classes
+ * Handle sizing and margin
+**/
+
+@mixin addmargins($name, $size) {
+  &-#{$name} {
+    margin:$size;
+  }
+
+  &b-#{$name} {
+    margin-bottom:$size;
+  }
+
+  &r-#{$name} {
+    margin-right:$size;
+  }
+
+  &l-#{$name} {
+    margin-left:$size;
+  }
+
+  &t-#{$name} {
+    margin-top:$size;
+  }
+}
+
+@mixin addpaddings($name, $size) {
+  &-#{$name} {
+    padding:$size;
+  }
+
+  &b-#{$name} {
+    padding-bottom:$size;
+  }
+
+  &r-#{$name} {
+    padding-right:$size;
+  }
+
+  &l-#{$name} {
+    padding-left:$size;
+  }
+
+  &t-#{$name} {
+    padding-top:$size;
+  }
+}
+
+.m {
+  @include addmargins("half", $lineheight * .5);
+  @for $i from 1 through 4 {
+    @include addmargins($i, $lineheight*$i)
+  }
+}
+
+.p {
+  @include addpaddings("half", $lineheight * .5);
+  @for $i from 1 through 4 {
+    @include addpaddings($i, $lineheight*$i)
+  }
+}
diff --git a/style.css b/style.css
index 17a450e..4caf82a 100644
--- a/style.css
+++ b/style.css
@@ -1,15 +1,15 @@
 @charset "UTF-8";
 /*
-  Theme Name: Kazhnuz Space
-  Theme URI: https://git.kobold.cafe/kazhnuz/kspace-wordpress-theme
+  Theme Name: Quarante-Douze
+  Theme URI: https://git.kobold.cafe/quarante-douze/qdouze2-wordpress-theme
   Author: Kazhnuz
   Author URI: https://kazhnuz.space
-  Description: The default theme for Kazhnuz.space, my personnal blog. Made using spectre.css
+  Description: The default theme for Quarante-Douze, my tech blog.
   Version: 0.1
   License: GNU General Public License v3 or later
   License URI: http://www.gnu.org/licenses/gpl-2.0.html
-  Tags: blog, two-columns, right-sidebar, artist, solarized
-  Text Domain: kspace-wordpress-theme
+  Tags: blog, two-columns, right-sidebar
+  Text Domain: qdouze2-wordpress-theme
 
   This theme is licensed under the GPLv3.
 */
@@ -22,283 +22,347 @@
  * également celles spécifiques pour certains sujets (liens, texte)
  *
  */
-::selection {
-  background-color: #2aa198 !important;
-  color: #fdf6e3; }
-
-::-moz-selection {
-  background-color: #2aa198 !important;
-  color: #fdf6e3; }
-
-mark {
-  background-color: #ffd44f; }
-
-blockquote, pre {
-  border-color: #d33682; }
-
-/* BACKGROUNDS */
-.bg-blue {
-  background-color: #268bd2 !important;
-  color: #fdf6e3; }
-
-.bg-violet {
-  background-color: #d33682 !important;
-  color: #fdf6e3; }
-
-.bg-red {
-  background-color: #dc322f !important;
-  color: #fdf6e3; }
-
-.bg-orange {
-  background-color: #cb4b16 !important;
-  color: #fdf6e3; }
-
-.bg-green {
-  background-color: #859900 !important;
-  color: #fdf6e3; }
-
-.bg-skyblue {
-  background-color: #2aa198 !important;
-  color: #fdf6e3; }
-
-.bg-dark {
-  background-color: #002b36 !important;
-  color: #fdf6e3; }
-
-.bg-light {
-  background-color: #fdf6e3 !important;
-  color: #002b36; }
-
-.bg-yellow {
-  background-color: #b58900 !important;
-  color: #fdf6e3; }
-
-.bg-grey {
-  background-color: #586e75 !important;
-  color: #fdf6e3; }
-
-.bg-primary {
-  background-color: #d33682 !important;
-  color: #fdf6e3; }
-
-.bg-secondary {
-  background-color: #2aa198 !important;
-  color: #fdf6e3; }
-
-.bg-warning {
-  background-color: #cb4b16 !important;
-  color: #fdf6e3; }
-
-.bg-danger {
-  background-color: #dc322f !important;
-  color: #fdf6e3; }
-
-.bg-info {
-  background-color: #2aa198 !important;
-  color: #fdf6e3; }
-
-.bg-success {
-  background-color: #859900 !important;
-  color: #fdf6e3; }
-
-/* TEXT */
-.text-blue {
-  color: #268bd2; }
-
-.text-violet {
-  color: #d33682; }
-
-.text-red {
-  color: #dc322f; }
-
-.text-orange {
-  color: #cb4b16; }
-
-.text-green {
-  color: #859900; }
-
-.text-skyblue {
-  color: #2aa198; }
-
-.text-dark {
-  color: #002b36; }
-
-.text-light {
-  color: #fdf6e3; }
-
-.text-yellow {
-  color: #b58900; }
-
-.text-grey {
-  color: #586e75; }
-
-.text-primary {
-  color: #d33682; }
-
-.text-secondary {
-  color: #2aa198; }
-
-.text-warning {
-  color: #cb4b16; }
-
-.text-danger {
-  color: #dc322f; }
-
-.text-info {
-  color: #2aa198; }
-
-.text-success {
-  color: #859900; }
-
-/* --- 01. DEFINITIONS --- */
+/* --- 00. COLORS --- */
 /*
- * Les définitions globales de la stylesheet.
- * Elle permette de rapidement modifier le style globale de la fiche en modifiant les éléments centraux
- * D'autres définitions importantes sont visibles dans les autres parties de la fiche.
- *
- * Pour customiser les couleurs, voyez _palette.scss
+ * La gestion des couleurs dans le theme. Cette partie de la stylesheet est
+ * automatique et n'a pas besoin d'être modifiée
  */
-/*
- *  2 - Typography ( _typography.scss )
- *
- *  This part of the (s)css handle everything related to the typography
- *  like paragraphs, blockquote, etc.
- *
+/* 0. CORE
+** All the basic functions from the stylesheet
 */
-/* 2.1 - Font Face */
-/* 2.1.1 - OpenSans 
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+/* Document
+   ========================================================================== */
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+html {
+  line-height: 1.15;
+  /* 1 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */ }
 
-@font-face {
-    font-family: 'OpenSans';
-    src: url('fonts/OpenSans-Light-webfont.eot');
-    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/OpenSans-Light-webfont.woff2') format('woff2'),
-         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
-         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
-         url('fonts/OpenSans-Light-webfont.svg#open_sansbold') format('svg');
-    font-weight: 300;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'OpenSans';
-    src: url('fonts/OpenSans-LightItalic-webfont.eot');
-    src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/OpenSans-LightItalic-webfont.woff2') format('woff2'),
-         url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
-         url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
-         url('fonts/OpenSans-LightItalic-webfont.svg#open_sansbold') format('svg');
-    font-weight: 300;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'OpenSans';
-    src: url('fonts/OpenSans-Regular-webfont.eot');
-    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
-         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
-         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
-         url('fonts/OpenSans-Regular-webfont.svg#open_sansbold') format('svg');
-    font-weight: 400;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'OpenSans';
-    src: url('fonts/OpenSans-Italic-webfont.eot');
-    src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/OpenSans-Italic-webfont.woff2') format('woff2'),
-         url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
-         url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
-         url('fonts/OpenSans-Italic-webfont.svg#open_sansbold') format('svg');
-    font-weight: 400;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'OpenSans';
-    src: url('fonts/OpenSans-Semibold-webfont.eot');
-    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/OpenSans-Semibold-webfont.woff2') format('woff2'),
-         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
-         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
-         url('fonts/OpenSans-Semibold-webfont.svg#open_sansbold') format('svg');
-    font-weight: 600;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'OpenSans';
-    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot');
-    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/OpenSans-SemiboldItalic-webfont.woff2') format('woff2'),
-         url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
-         url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
-         url('fonts/OpenSans-SemiboldItalic-webfont.svg#open_sansbold') format('svg');
-    font-weight: 600;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'OpenSans';
-    src: url('fonts/OpenSans-Bold-webfont.eot');
-    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/OpenSans-Bold-webfont.woff2') format('woff2'),
-         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
-         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
-         url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
-    font-weight: 700;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'OpenSans';
-    src: url('fonts/OpenSans-BoldItalic-webfont.eot');
-    src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/OpenSans-BoldItalic-webfont.woff2') format('woff2'),
-         url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
-         url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
-         url('fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold') format('svg');
-    font-weight: 700;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: 'OpenSans';
-    src: url('fonts/OpenSans-ExtraBold-webfont.eot');
-    src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/OpenSans-ExtraBold-webfont.woff2') format('woff2'),
-         url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
-         url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
-         url('fonts/OpenSans-ExtraBold-webfont.svg#open_sansbold') format('svg');
-    font-weight: 800;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'OpenSans';
-    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot');
-    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/OpenSans-ExtraBoldItalic-webfont.woff2') format('woff2'),
-         url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
-         url('fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
-         url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansbold') format('svg');
-    font-weight: 800;
-    font-style: italic;
-}*/
-/* 2.2 - Global Typography */
+/* Sections
+   ========================================================================== */
+/**
+ * Remove the margin in all browsers.
+ */
 body {
+  margin: 0; }
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+main {
+  display: block; }
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0; }
+
+/* Grouping content
+   ========================================================================== */
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+hr {
+  box-sizing: content-box;
+  /* 1 */
+  height: 0;
+  /* 1 */
+  overflow: visible;
+  /* 2 */ }
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+pre {
+  font-family: monospace, monospace;
+  /* 1 */
+  font-size: 1em;
+  /* 2 */ }
+
+/* Text-level semantics
+   ========================================================================== */
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+a {
+  background-color: transparent; }
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+abbr[title] {
+  border-bottom: none;
+  /* 1 */
+  text-decoration: underline;
+  /* 2 */
+  text-decoration: underline dotted;
+  /* 2 */ }
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+b,
+strong {
+  font-weight: bolder; }
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+code,
+kbd,
+samp {
+  font-family: monospace, monospace;
+  /* 1 */
+  font-size: 1em;
+  /* 2 */ }
+
+/**
+ * Add the correct font size in all browsers.
+ */
+small {
+  font-size: 80%; }
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sub {
+  bottom: -0.25em; }
+
+sup {
+  top: -0.5em; }
+
+/* Embedded content
+   ========================================================================== */
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+img {
+  border-style: none; }
+
+/* Forms
+   ========================================================================== */
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit;
+  /* 1 */
+  font-size: 100%;
+  /* 1 */
+  line-height: 1.15;
+  /* 1 */
+  margin: 0;
+  /* 2 */ }
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+button,
+input {
+  /* 1 */
+  overflow: visible; }
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+button,
+select {
+  /* 1 */
+  text-transform: none; }
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button; }
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0; }
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText; }
+
+/**
+ * Correct the padding in Firefox.
+ */
+fieldset {
+  padding: 0.35em 0.75em 0.625em; }
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+legend {
+  box-sizing: border-box;
+  /* 1 */
+  color: inherit;
+  /* 2 */
+  display: table;
+  /* 1 */
+  max-width: 100%;
+  /* 1 */
+  padding: 0;
+  /* 3 */
+  white-space: normal;
+  /* 1 */ }
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+progress {
+  vertical-align: baseline; }
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+textarea {
+  overflow: auto; }
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto; }
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+[type="search"] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  outline-offset: -2px;
+  /* 2 */ }
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  /* 1 */
+  font: inherit;
+  /* 2 */ }
+
+/* Interactive
+   ========================================================================== */
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+details {
+  display: block; }
+
+/*
+ * Add the correct display in all browsers.
+ */
+summary {
+  display: list-item; }
+
+/* Misc
+   ========================================================================== */
+/**
+ * Add the correct display in IE 10+.
+ */
+template {
+  display: none; }
+
+/**
+ * Add the correct display in IE 10.
+ */
+[hidden] {
+  display: none; }
+
+/* 0.2 - Box-sizing
+ * Make sure that everything have its box-sizing to border-box
+**/
+*,
+*::before,
+*::after {
+  box-sizing: inherit; }
+
+html {
+  box-sizing: border-box; }
+
+body {
+  overflow-x: hidden;
+  text-rendering: optimizeLegibility; }
+
+/* 0.3 - Typography
+ * This part of the (s)css handle everything related to the typography
+ * like paragraphs, blockquote, etc.
+**/
+/* 2.2 - Global Typography */
+html, body {
   font-family: Open Sans, sans-serif;
   text-align: left;
   font-size: 4.75mm;
-  line-height: 1.5rem;
-  color: #073642;
+  line-height: 1.6rem;
+  color: #212529;
   font-weight: 400; }
 
-.night-mode {
-  color: #eee8d5; }
-
 strong {
   font-weight: 600; }
 
@@ -306,87 +370,46 @@ em {
   font-style: italic;
   font-weight: 400; }
 
-a, a:visited {
-  color: #fdf6e3;
-  background-color: #2aa198;
+a, a:visited, mark {
   text-decoration: none;
-  padding: 0.05rem;
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
+  padding: 0.05rem 0.25rem;
   border-radius: 0.1rem; }
-  a:hover, a:active, a:focus, a:visited:hover, a:visited:active, a:visited:focus {
-    color: #2aa198;
-    background-color: transparent;
-    text-decoration: none; }
 
-p {
+a, a:visited {
+  background-color: #339af0;
+  color: #fefefe; }
+  a:hover, a:active, a:focus, a:visited:hover, a:visited:active, a:visited:focus {
+    color: #339af0;
+    background-color: transparent; }
+  a:focus, a:visited:focus {
+    outline-color: currentColor;
+    outline-style: dashed;
+    outline-width: 2px; }
+
+mark {
+  background-color: #feebb0;
+  color: inherit; }
+
+p, ul, ol {
   padding: 0;
-  padding-bottom: 1.5rem;
+  padding-bottom: 1.6rem;
   margin: 0; }
-  p:last-child {
+  p:last-child, ul:last-child, ol:last-child {
     padding-bottom: 0; }
 
 ul, ol {
-  padding: 0;
-  padding-bottom: 1.5rem;
-  margin: 0;
   list-style: disc; }
   ul ul, ul ol, ol ul, ol ol {
     padding-bottom: 0;
     margin: 0; }
   ul li, ol li {
     margin: 0;
-    margin-left: 1.5rem;
-    line-height: 1.5rem; }
+    margin-left: 1.6rem;
+    line-height: 1.6rem; }
 
-::selection {
-  background: #2aa198;
-  color: #fdf6e3; }
-
-::-moz-selection {
-  background: #2aa198;
-  color: #fdf6e3; }
-
-/* 2.2 - Text Wrapper */
-.container-article, .container-typographic {
-  max-width: 800px;
-  margin: auto;
-  margin-bottom: 3rem; }
-
-.container-typographic p {
-  padding: 0;
-  margin: 0;
-  text-indent: 3rem; }
-
-.container-typographic p, .container-typographic em, .container-typographic p em {
-  font-weight: 400; }
-
-.container-typographic img {
-  max-width: 100%;
-  height: auto; }
-
-.container-typographic .article-thumbnail {
-  padding-bottom: 1em;
-  text-align: center; }
-  .container-typographic .article-thumbnail img {
-    max-width: 100%;
-    height: auto; }
-
-.container-typographic .article-excerpt {
-  padding: 0.5em 0.5em 0.5em 0.5em;
-  font-style: italic; }
-
-.container-typographic .article-author {
-  margin: 0;
-  padding: 0; }
-  .container-typographic .article-author .card-meta {
-    margin: 0; }
-
-.container-typographic .bypass-flex-fontsize {
-  line-height: 1.5rem; }
-
-article.maintext {
-  padding-bottom: 1.5rem; }
+::selection, ::-moz-selection {
+  background-color: #339af0;
+  color: #fefefe; }
 
 /* 2.3 - Titles */
 h1, h2, h3, h4, h5, h6, h7 {
@@ -395,139 +418,1055 @@ h1, h2, h3, h4, h5, h6, h7 {
   font-size: 1em;
   padding: 0;
   margin: 0;
-  font-weight: 400; }
-  h1.page-title, h2.page-title, h3.page-title, h4.page-title, h5.page-title, h6.page-title, h7.page-title {
-    color: #d33682; }
-    h1.page-title i, h2.page-title i, h3.page-title i, h4.page-title i, h5.page-title i, h6.page-title i, h7.page-title i {
-      font-size: 0.55em;
-      position: relative;
-      top: -0.175em; }
-    h1.page-title-flex, h2.page-title-flex, h3.page-title-flex, h4.page-title-flex, h5.page-title-flex, h6.page-title-flex, h7.page-title-flex {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between; }
-      h1.page-title-flex > span, h1.page-title-flex > i, h1.page-title-flex > a, h2.page-title-flex > span, h2.page-title-flex > i, h2.page-title-flex > a, h3.page-title-flex > span, h3.page-title-flex > i, h3.page-title-flex > a, h4.page-title-flex > span, h4.page-title-flex > i, h4.page-title-flex > a, h5.page-title-flex > span, h5.page-title-flex > i, h5.page-title-flex > a, h6.page-title-flex > span, h6.page-title-flex > i, h6.page-title-flex > a, h7.page-title-flex > span, h7.page-title-flex > i, h7.page-title-flex > a {
-        display: block; }
-      h1.page-title-flex > a, h2.page-title-flex > a, h3.page-title-flex > a, h4.page-title-flex > a, h5.page-title-flex > a, h6.page-title-flex > a, h7.page-title-flex > a {
-        color: #d33682; }
-        h1.page-title-flex > a:hover, h1.page-title-flex > a:focus, h1.page-title-flex > a:active, h2.page-title-flex > a:hover, h2.page-title-flex > a:focus, h2.page-title-flex > a:active, h3.page-title-flex > a:hover, h3.page-title-flex > a:focus, h3.page-title-flex > a:active, h4.page-title-flex > a:hover, h4.page-title-flex > a:focus, h4.page-title-flex > a:active, h5.page-title-flex > a:hover, h5.page-title-flex > a:focus, h5.page-title-flex > a:active, h6.page-title-flex > a:hover, h6.page-title-flex > a:focus, h6.page-title-flex > a:active, h7.page-title-flex > a:hover, h7.page-title-flex > a:focus, h7.page-title-flex > a:active {
-          color: #b02669; }
+  font-weight: 400;
+  padding-bottom: 1.6rem; }
 
-h1 {
-  font-family: Amatic SC, sans-serif;
+sup > a, sub > a {
+  color: #339af0;
+  background-color: transparent; }
+  sup > a:hover, sup > a:focus, sup > a:active, sub > a:hover, sub > a:focus, sub > a:active {
+    color: #1081e0; }
+
+.main-title {
+  font-family: Open Sans, sans-serif;
   font-size: 3.815rem;
-  line-height: 4.5rem;
-  padding: 0;
-  padding-bottom: 1.5rem;
-  font-weight: 300;
-  color: #d33682; }
-
-h2 {
-  font-family: Open Sans, sans-serif;
-  font-size: 2.441rem;
-  line-height: 3rem;
-  padding: 0;
-  padding-bottom: 1.5rem;
-  font-weight: 300; }
-
-h3 {
-  font-family: Open Sans, sans-serif;
-  font-size: 1.953rem;
-  line-height: 3rem;
-  padding: 0;
-  padding-bottom: 1.5rem;
-  font-weight: 600; }
-
-h4 {
-  font-family: Open Sans, sans-serif;
-  font-size: 1.563rem;
-  line-height: 3rem;
-  padding: 0;
-  padding-bottom: 1.5rem;
+  line-height: 4.8rem;
   font-weight: 800; }
 
-h5 {
+h1, .title-1 {
   font-family: Open Sans, sans-serif;
-  font-size: 1.25rem;
-  line-height: 1.5rem;
-  padding: 0;
-  padding-bottom: 1.5rem;
+  font-size: 2.441rem;
+  line-height: 3.2rem;
+  font-weight: 800;
+  color: #339af0; }
+
+h2, .title-2 {
+  font-size: 2.441rem;
+  line-height: 3.2rem;
+  font-weight: 300; }
+
+h3, .title-3 {
+  font-size: 1.953rem;
+  line-height: 3.2rem;
   font-weight: 600; }
 
-h6 {
-  font-family: Open Sans, sans-serif;
+h4, .title-4 {
+  font-size: 1.563rem;
+  line-height: 3.2rem;
+  font-weight: 800; }
+
+h5, .title-5 {
+  font-size: 1.25rem;
+  line-height: 1.6rem;
+  font-weight: 600; }
+
+h6, .title-6 {
   font-size: 1rem;
-  line-height: 1.5rem;
-  padding: 0;
-  padding-bottom: 1.5rem;
+  line-height: 1.6rem;
   font-weight: 800; }
 
 /* 2.4 - hr */
 hr {
-  border-top: 0px;
-  border-left: 0px;
-  border-right: 0px;
+  border: 0px solid rgba(1, 1, 1, 0.15);
   border-bottom: 1px;
-  border-color: rgba(1, 1, 1, 0.15);
-  border-style: solid;
   margin: 1.5em; }
 
 /* 2.5 - Wells and quotes */
-blockquote, .quote {
-  border-width: 0 0 0 0em;
-  border-style: none;
-  border-radius: 0px;
-  margin: 0 0 1.5rem 0;
-  padding: 1.5rem 1rem 1.5rem 1rem;
-  max-width: 100%;
-  background-color: #eee8d5;
-  font-style: italic;
-  color: #073642; }
-  blockquote:before, .quote:before {
-    content: ""; }
+blockquote:before, .quote:before {
+  content: ""; }
 
-.well, pre, .pre, .well-pre {
-  border-width: 0 0 0 0em;
-  border-style: none;
-  border-radius: 0px;
-  margin: 0 0 1.5rem 0;
-  padding: 1.5rem 1rem 1.5rem 1rem;
+blockquote, .quote, .well, pre, .pre, .well-pre {
+  border: 0;
+  border-radius: 4px;
+  margin: 0 0 1.6rem 0;
+  padding: 1.6rem 1rem 1.6rem 1rem;
   max-width: 100%;
-  background-color: #eee8d5;
   font-style: italic;
-  color: #073642; }
+  background-color: #f1f3f5;
+  color: #212529;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
 
 code {
   background: transparent;
-  color: #dc322f; }
+  color: #ff6b6b; }
 
 .small-text {
   font-size: 0.9em; }
 
 /* 2.6 - Special styling */
-mark {
-  border-radius: 0.2em;
-  padding: 0 0.2em 0 0.2em;
-  background-color: #ffd44f;
-  color: inherit; }
-
-.night-mode mark {
-  background-color: #d33682; }
-
 .time {
   font-style: italic;
   text-align: right;
   width: 100%;
   display: block; }
 
-/* Table elements */
+#wrapper {
+  background-color: #fefefe; }
+
+.container-big {
+  padding-left: 1.6rem;
+  padding-right: 1.6rem;
+  max-width: 1600px;
+  margin: auto; }
+
+.container, .container-onecolumn {
+  padding-left: 1.6rem;
+  padding-right: 1.6rem;
+  max-width: 1600px;
+  margin: auto; }
+
+.columns {
+  display: grid;
+  grid-gap: 1.6rem;
+  grid-template-columns: repeat(12, 1fr);
+  grid-template-rows: auto;
+  padding: 1.6rem; }
+  .columns-nogap {
+    grid-gap: 0px; }
+
+.column {
+  grid-column: span 12;
+  width: 100%;
+  margin: 0; }
+  .column > *:last-child {
+    margin-bottom: 0 !important; }
+
+.col-1 {
+  grid-column: span 1;
+  width: 100%;
+  margin: 0; }
+  .col-1 > *:last-child {
+    margin-bottom: 0 !important; }
+
+.col-2 {
+  grid-column: span 2;
+  width: 100%;
+  margin: 0; }
+  .col-2 > *:last-child {
+    margin-bottom: 0 !important; }
+
+.col-3 {
+  grid-column: span 3;
+  width: 100%;
+  margin: 0; }
+  .col-3 > *:last-child {
+    margin-bottom: 0 !important; }
+
+.col-4 {
+  grid-column: span 4;
+  width: 100%;
+  margin: 0; }
+  .col-4 > *:last-child {
+    margin-bottom: 0 !important; }
+
+.col-5 {
+  grid-column: span 5;
+  width: 100%;
+  margin: 0; }
+  .col-5 > *:last-child {
+    margin-bottom: 0 !important; }
+
+.col-6 {
+  grid-column: span 6;
+  width: 100%;
+  margin: 0; }
+  .col-6 > *:last-child {
+    margin-bottom: 0 !important; }
+
+.col-7 {
+  grid-column: span 7;
+  width: 100%;
+  margin: 0; }
+  .col-7 > *:last-child {
+    margin-bottom: 0 !important; }
+
+.col-8 {
+  grid-column: span 8;
+  width: 100%;
+  margin: 0; }
+  .col-8 > *:last-child {
+    margin-bottom: 0 !important; }
+
+.col-9 {
+  grid-column: span 9;
+  width: 100%;
+  margin: 0; }
+  .col-9 > *:last-child {
+    margin-bottom: 0 !important; }
+
+.col-10 {
+  grid-column: span 10;
+  width: 100%;
+  margin: 0; }
+  .col-10 > *:last-child {
+    margin-bottom: 0 !important; }
+
+.col-11 {
+  grid-column: span 11;
+  width: 100%;
+  margin: 0; }
+  .col-11 > *:last-child {
+    margin-bottom: 0 !important; }
+
+.col-12 {
+  grid-column: span 12;
+  width: 100%;
+  margin: 0; }
+  .col-12 > *:last-child {
+    margin-bottom: 0 !important; }
+
+@media (min-width: 576px) {
+  .col-sm-1 {
+    grid-column: span 1;
+    width: 100%;
+    margin: 0; }
+    .col-sm-1 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-sm-2 {
+    grid-column: span 2;
+    width: 100%;
+    margin: 0; }
+    .col-sm-2 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-sm-3 {
+    grid-column: span 3;
+    width: 100%;
+    margin: 0; }
+    .col-sm-3 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-sm-4 {
+    grid-column: span 4;
+    width: 100%;
+    margin: 0; }
+    .col-sm-4 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-sm-5 {
+    grid-column: span 5;
+    width: 100%;
+    margin: 0; }
+    .col-sm-5 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-sm-6 {
+    grid-column: span 6;
+    width: 100%;
+    margin: 0; }
+    .col-sm-6 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-sm-7 {
+    grid-column: span 7;
+    width: 100%;
+    margin: 0; }
+    .col-sm-7 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-sm-8 {
+    grid-column: span 8;
+    width: 100%;
+    margin: 0; }
+    .col-sm-8 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-sm-9 {
+    grid-column: span 9;
+    width: 100%;
+    margin: 0; }
+    .col-sm-9 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-sm-10 {
+    grid-column: span 10;
+    width: 100%;
+    margin: 0; }
+    .col-sm-10 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-sm-11 {
+    grid-column: span 11;
+    width: 100%;
+    margin: 0; }
+    .col-sm-11 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-sm-12 {
+    grid-column: span 12;
+    width: 100%;
+    margin: 0; }
+    .col-sm-12 > *:last-child {
+      margin-bottom: 0 !important; } }
+
+@media (min-width: 768px) {
+  .col-md-1 {
+    grid-column: span 1;
+    width: 100%;
+    margin: 0; }
+    .col-md-1 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-md-2 {
+    grid-column: span 2;
+    width: 100%;
+    margin: 0; }
+    .col-md-2 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-md-3 {
+    grid-column: span 3;
+    width: 100%;
+    margin: 0; }
+    .col-md-3 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-md-4 {
+    grid-column: span 4;
+    width: 100%;
+    margin: 0; }
+    .col-md-4 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-md-5 {
+    grid-column: span 5;
+    width: 100%;
+    margin: 0; }
+    .col-md-5 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-md-6 {
+    grid-column: span 6;
+    width: 100%;
+    margin: 0; }
+    .col-md-6 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-md-7 {
+    grid-column: span 7;
+    width: 100%;
+    margin: 0; }
+    .col-md-7 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-md-8 {
+    grid-column: span 8;
+    width: 100%;
+    margin: 0; }
+    .col-md-8 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-md-9 {
+    grid-column: span 9;
+    width: 100%;
+    margin: 0; }
+    .col-md-9 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-md-10 {
+    grid-column: span 10;
+    width: 100%;
+    margin: 0; }
+    .col-md-10 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-md-11 {
+    grid-column: span 11;
+    width: 100%;
+    margin: 0; }
+    .col-md-11 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-md-12 {
+    grid-column: span 12;
+    width: 100%;
+    margin: 0; }
+    .col-md-12 > *:last-child {
+      margin-bottom: 0 !important; } }
+
+@media (min-width: 992px) {
+  .col-lg-1 {
+    grid-column: span 1;
+    width: 100%;
+    margin: 0; }
+    .col-lg-1 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-lg-2 {
+    grid-column: span 2;
+    width: 100%;
+    margin: 0; }
+    .col-lg-2 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-lg-3 {
+    grid-column: span 3;
+    width: 100%;
+    margin: 0; }
+    .col-lg-3 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-lg-4 {
+    grid-column: span 4;
+    width: 100%;
+    margin: 0; }
+    .col-lg-4 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-lg-5 {
+    grid-column: span 5;
+    width: 100%;
+    margin: 0; }
+    .col-lg-5 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-lg-6 {
+    grid-column: span 6;
+    width: 100%;
+    margin: 0; }
+    .col-lg-6 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-lg-7 {
+    grid-column: span 7;
+    width: 100%;
+    margin: 0; }
+    .col-lg-7 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-lg-8 {
+    grid-column: span 8;
+    width: 100%;
+    margin: 0; }
+    .col-lg-8 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-lg-9 {
+    grid-column: span 9;
+    width: 100%;
+    margin: 0; }
+    .col-lg-9 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-lg-10 {
+    grid-column: span 10;
+    width: 100%;
+    margin: 0; }
+    .col-lg-10 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-lg-11 {
+    grid-column: span 11;
+    width: 100%;
+    margin: 0; }
+    .col-lg-11 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-lg-12 {
+    grid-column: span 12;
+    width: 100%;
+    margin: 0; }
+    .col-lg-12 > *:last-child {
+      margin-bottom: 0 !important; } }
+
+@media (min-width: 1200px) {
+  .col-xl-1 {
+    grid-column: span 1;
+    width: 100%;
+    margin: 0; }
+    .col-xl-1 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-xl-2 {
+    grid-column: span 2;
+    width: 100%;
+    margin: 0; }
+    .col-xl-2 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-xl-3 {
+    grid-column: span 3;
+    width: 100%;
+    margin: 0; }
+    .col-xl-3 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-xl-4 {
+    grid-column: span 4;
+    width: 100%;
+    margin: 0; }
+    .col-xl-4 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-xl-5 {
+    grid-column: span 5;
+    width: 100%;
+    margin: 0; }
+    .col-xl-5 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-xl-6 {
+    grid-column: span 6;
+    width: 100%;
+    margin: 0; }
+    .col-xl-6 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-xl-7 {
+    grid-column: span 7;
+    width: 100%;
+    margin: 0; }
+    .col-xl-7 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-xl-8 {
+    grid-column: span 8;
+    width: 100%;
+    margin: 0; }
+    .col-xl-8 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-xl-9 {
+    grid-column: span 9;
+    width: 100%;
+    margin: 0; }
+    .col-xl-9 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-xl-10 {
+    grid-column: span 10;
+    width: 100%;
+    margin: 0; }
+    .col-xl-10 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-xl-11 {
+    grid-column: span 11;
+    width: 100%;
+    margin: 0; }
+    .col-xl-11 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-xl-12 {
+    grid-column: span 12;
+    width: 100%;
+    margin: 0; }
+    .col-xl-12 > *:last-child {
+      margin-bottom: 0 !important; } }
+
+@media (min-width: 1600px) {
+  .col-xxl-1 {
+    grid-column: span 1;
+    width: 100%;
+    margin: 0; }
+    .col-xxl-1 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-xxl-2 {
+    grid-column: span 2;
+    width: 100%;
+    margin: 0; }
+    .col-xxl-2 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-xxl-3 {
+    grid-column: span 3;
+    width: 100%;
+    margin: 0; }
+    .col-xxl-3 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-xxl-4 {
+    grid-column: span 4;
+    width: 100%;
+    margin: 0; }
+    .col-xxl-4 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-xxl-5 {
+    grid-column: span 5;
+    width: 100%;
+    margin: 0; }
+    .col-xxl-5 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-xxl-6 {
+    grid-column: span 6;
+    width: 100%;
+    margin: 0; }
+    .col-xxl-6 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-xxl-7 {
+    grid-column: span 7;
+    width: 100%;
+    margin: 0; }
+    .col-xxl-7 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-xxl-8 {
+    grid-column: span 8;
+    width: 100%;
+    margin: 0; }
+    .col-xxl-8 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-xxl-9 {
+    grid-column: span 9;
+    width: 100%;
+    margin: 0; }
+    .col-xxl-9 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-xxl-10 {
+    grid-column: span 10;
+    width: 100%;
+    margin: 0; }
+    .col-xxl-10 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-xxl-11 {
+    grid-column: span 11;
+    width: 100%;
+    margin: 0; }
+    .col-xxl-11 > *:last-child {
+      margin-bottom: 0 !important; }
+  .col-xxl-12 {
+    grid-column: span 12;
+    width: 100%;
+    margin: 0; }
+    .col-xxl-12 > *:last-child {
+      margin-bottom: 0 !important; } }
+
+/* --- 04. COMPOSANTS --- */
+/*
+ * Les différents composants réutilisables de la page.
+ *
+ */
+/*
+ * 3. Buttons and labels
+ * All clickable elements
+ *
+*/
+.btn {
+  padding: 1.6rem;
+  padding-top: 0.5333333333rem;
+  padding-bottom: 0.5333333333rem;
+  margin: 0.8rem;
+  margin-top: 0.5333333333rem;
+  margin-bottom: 1.6rem;
+  line-height: 1.6rem;
+  height: auto;
+  border: 0px solid rgba(0, 0, 0, 0.3);
+  border-radius: 4px 4px 4px 4px;
+  background-color: transparent;
+  transition: background-color .2s, border .2s, box-shadow .2s, color .2s;
+  font-weight: 400; }
+  .btn:hover, .btn:active, .btn:focus {
+    background-color: transparent; }
+  .btn:focus {
+    outline: none;
+    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0); }
+    .btn:focus:before {
+      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0.3);
+      outline: none; }
+  .btn:hover, .btn:active {
+    border: 0px solid rgba(0, 0, 0, 0.3); }
+  p .btn:last-child {
+    margin-bottom: 0; }
+
+.btn-small, .badge {
+  padding: 0.4rem;
+  padding-top: 0.1333333333rem;
+  padding-bottom: 0.1333333333rem;
+  margin: 0.2rem;
+  margin-top: 0.1333333333rem;
+  margin-bottom: 1.6rem;
+  line-height: 1.6rem;
+  height: auto;
+  border: 0px solid rgba(0, 0, 0, 0.3);
+  border-radius: 4px 4px 4px 4px;
+  background-color: transparent;
+  transition: background-color .2s, border .2s, box-shadow .2s, color .2s;
+  font-weight: 400;
+  padding-left: 0.4rem;
+  padding-right: 0.4rem;
+  text-decoration: none; }
+  .btn-small:hover, .btn-small:active, .btn-small:focus, .badge:hover, .badge:active, .badge:focus {
+    background-color: transparent; }
+  .btn-small:focus, .badge:focus {
+    outline: none;
+    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0); }
+    .btn-small:focus:before, .badge:focus:before {
+      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0.3);
+      outline: none; }
+
+strong.btn-fake {
+  padding: 1.6rem;
+  padding-top: 0.5333333333rem;
+  padding-bottom: 0.5333333333rem;
+  margin: 0.8rem;
+  margin-top: 0.5333333333rem;
+  margin-bottom: 1.6rem;
+  line-height: 1.6rem;
+  height: auto;
+  border: 0px solid rgba(0, 0, 0, 0.3);
+  border-radius: 4px 4px 4px 4px;
+  background-color: transparent;
+  transition: background-color .2s, border .2s, box-shadow .2s, color .2s;
+  font-weight: 400;
+  background-color: transparent;
+  color: black; }
+  strong.btn-fake:hover, strong.btn-fake:active, strong.btn-fake:focus {
+    background-color: transparent; }
+  strong.btn-fake:focus {
+    outline: none;
+    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0); }
+    strong.btn-fake:focus:before {
+      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0.3);
+      outline: none; }
+  strong.btn-fake:visited {
+    background-color: transparent;
+    color: black; }
+  strong.btn-fake:hover, strong.btn-fake:active, strong.btn-fake:focus, strong.btn-fake:visited:hover, strong.btn-fake:visited:active, strong.btn-fake:visited:focus, strong.btn-fake:not(.disabled):not(:disabled):hover, strong.btn-fake:not(.disabled):not(:disabled):active, strong.btn-fake:not(.disabled):not(:disabled):focus {
+    background-color: transparent;
+    color: #0d0d0d; }
+
+.btn-readmore, .btn-link {
+  background-color: transparent;
+  color: #339af0; }
+  .btn-readmore:visited, .btn-link:visited {
+    background-color: transparent;
+    color: #339af0; }
+  .btn-readmore:hover, .btn-readmore:active, .btn-readmore:focus, .btn-readmore:visited:hover, .btn-readmore:visited:active, .btn-readmore:visited:focus, .btn-readmore:not(.disabled):not(:disabled):hover, .btn-readmore:not(.disabled):not(:disabled):active, .btn-readmore:not(.disabled):not(:disabled):focus, .btn-link:hover, .btn-link:active, .btn-link:focus, .btn-link:visited:hover, .btn-link:visited:active, .btn-link:visited:focus, .btn-link:not(.disabled):not(:disabled):hover, .btn-link:not(.disabled):not(:disabled):active, .btn-link:not(.disabled):not(:disabled):focus {
+    background-color: #dbe0e5;
+    color: #4ba6f2; }
+  .btn-readmore:not(:hover), .btn-link:not(:hover) {
+    border-color: transparent; }
+
+.btn-toolbar {
+  padding: 0 1.6rem; }
+
+.btn-group > .btn {
+  border-radius: 4px 4px 4px 4px;
+  margin: 0 0 0 0 !important; }
+
+.btn-group:not(:first-child) > .btn {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0; }
+  .btn-group:not(:first-child) > .btn:before {
+    content: " " !important;
+    border-left: 1px solid rgba(0, 0, 0, 0.2); }
+
+.btn-group:not(:last-child) > .btn {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0; }
+
+/* ------------------ BREADCRUMB ------------------- */
+ul.breadcrumb, ol.breadcrumb, .breadcrumb {
+  padding-top: 0em;
+  background-color: transparent;
+  margin: 0;
+  padding-bottom: 1.6rem;
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  list-style: none; }
+  ul.breadcrumb li, ol.breadcrumb li, .breadcrumb li {
+    margin: 0; }
+
+.breadcrumb li.breadcrumb-item {
+  padding: 0;
+  margin: 0 !important; }
+  .breadcrumb li.breadcrumb-item:before {
+    display: none; }
+  .breadcrumb li.breadcrumb-item a, .breadcrumb li.breadcrumb-item > span {
+    display: inline-block;
+    padding: 1.6rem;
+    padding-top: 0.5333333333rem;
+    padding-bottom: 0.5333333333rem;
+    margin: 0.8rem;
+    margin-top: 0.5333333333rem;
+    margin-bottom: 1.6rem;
+    line-height: 1.6rem;
+    height: auto;
+    border: 0px solid rgba(0, 0, 0, 0.3);
+    border-radius: 4px 4px 4px 4px;
+    background-color: transparent;
+    transition: background-color .2s, border .2s, box-shadow .2s, color .2s;
+    font-weight: 400;
+    background-color: #f1f3f5;
+    color: #212529;
+    margin: 0 0 0 0; }
+    .breadcrumb li.breadcrumb-item a:hover, .breadcrumb li.breadcrumb-item a:active, .breadcrumb li.breadcrumb-item a:focus, .breadcrumb li.breadcrumb-item > span:hover, .breadcrumb li.breadcrumb-item > span:active, .breadcrumb li.breadcrumb-item > span:focus {
+      background-color: transparent; }
+    .breadcrumb li.breadcrumb-item a:focus, .breadcrumb li.breadcrumb-item > span:focus {
+      outline: none;
+      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0); }
+      .breadcrumb li.breadcrumb-item a:focus:before, .breadcrumb li.breadcrumb-item > span:focus:before {
+        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0.3);
+        outline: none; }
+    .breadcrumb li.breadcrumb-item a:visited, .breadcrumb li.breadcrumb-item > span:visited {
+      background-color: #f1f3f5;
+      color: #212529; }
+    .breadcrumb li.breadcrumb-item a:hover, .breadcrumb li.breadcrumb-item a:active, .breadcrumb li.breadcrumb-item a:focus, .breadcrumb li.breadcrumb-item a:visited:hover, .breadcrumb li.breadcrumb-item a:visited:active, .breadcrumb li.breadcrumb-item a:visited:focus, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):focus, .breadcrumb li.breadcrumb-item > span:hover, .breadcrumb li.breadcrumb-item > span:active, .breadcrumb li.breadcrumb-item > span:focus, .breadcrumb li.breadcrumb-item > span:visited:hover, .breadcrumb li.breadcrumb-item > span:visited:active, .breadcrumb li.breadcrumb-item > span:visited:focus, .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled):focus {
+      background-color: #dbe0e5;
+      color: #2c3237; }
+    .breadcrumb li.breadcrumb-item a.active, .breadcrumb li.breadcrumb-item > span.active {
+      background-color: #339af0;
+      color: #fefefe; }
+      .breadcrumb li.breadcrumb-item a.active:visited, .breadcrumb li.breadcrumb-item > span.active:visited {
+        background-color: #339af0;
+        color: #fefefe; }
+      .breadcrumb li.breadcrumb-item a.active:hover, .breadcrumb li.breadcrumb-item a.active:active, .breadcrumb li.breadcrumb-item a.active:focus, .breadcrumb li.breadcrumb-item a.active:visited:hover, .breadcrumb li.breadcrumb-item a.active:visited:active, .breadcrumb li.breadcrumb-item a.active:visited:focus, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):focus, .breadcrumb li.breadcrumb-item > span.active:hover, .breadcrumb li.breadcrumb-item > span.active:active, .breadcrumb li.breadcrumb-item > span.active:focus, .breadcrumb li.breadcrumb-item > span.active:visited:hover, .breadcrumb li.breadcrumb-item > span.active:visited:active, .breadcrumb li.breadcrumb-item > span.active:visited:focus, .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):focus {
+        background-color: #339af0;
+        color: white; }
+  .breadcrumb li.breadcrumb-item:not(:first-child) a, .breadcrumb li.breadcrumb-item:not(:first-child) > span {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0; }
+  .breadcrumb li.breadcrumb-item:not(:last-child) a, .breadcrumb li.breadcrumb-item:not(:last-child) > span {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0; }
+
+nav.pagination {
+  padding-bottom: 1.6rem; }
+  nav.pagination .nav-links {
+    text-align: center;
+    width: 100%; }
+  nav.pagination .page-numbers, nav.pagination .next, nav.pagination .prev {
+    padding: 0.4rem;
+    padding-top: 0.1333333333rem;
+    padding-bottom: 0.1333333333rem;
+    margin: 0.2rem;
+    margin-top: 0.1333333333rem;
+    margin-bottom: 1.6rem;
+    line-height: 1.6rem;
+    height: auto;
+    border: 0px solid rgba(0, 0, 0, 0.3);
+    border-radius: 4px 4px 4px 4px;
+    background-color: transparent;
+    transition: background-color .2s, border .2s, box-shadow .2s, color .2s;
+    font-weight: 400;
+    padding-left: 0.4rem;
+    padding-right: 0.4rem;
+    margin-right: 0.05rem;
+    margin-left: 0.05rem; }
+    nav.pagination .page-numbers:hover, nav.pagination .page-numbers:active, nav.pagination .page-numbers:focus, nav.pagination .next:hover, nav.pagination .next:active, nav.pagination .next:focus, nav.pagination .prev:hover, nav.pagination .prev:active, nav.pagination .prev:focus {
+      background-color: transparent; }
+    nav.pagination .page-numbers:focus, nav.pagination .next:focus, nav.pagination .prev:focus {
+      outline: none;
+      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0); }
+      nav.pagination .page-numbers:focus:before, nav.pagination .next:focus:before, nav.pagination .prev:focus:before {
+        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0.3);
+        outline: none; }
+    nav.pagination .page-numbers:not(.current), nav.pagination .next:not(.current), nav.pagination .prev:not(.current) {
+      background-color: #f1f3f5;
+      color: #212529;
+      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
+      nav.pagination .page-numbers:not(.current):visited, nav.pagination .next:not(.current):visited, nav.pagination .prev:not(.current):visited {
+        background-color: #f1f3f5;
+        color: #212529; }
+      nav.pagination .page-numbers:not(.current):hover, nav.pagination .page-numbers:not(.current):active, nav.pagination .page-numbers:not(.current):focus, nav.pagination .page-numbers:not(.current):visited:hover, nav.pagination .page-numbers:not(.current):visited:active, nav.pagination .page-numbers:not(.current):visited:focus, nav.pagination .page-numbers:not(.current):not(.disabled):not(:disabled):hover, nav.pagination .page-numbers:not(.current):not(.disabled):not(:disabled):active, nav.pagination .page-numbers:not(.current):not(.disabled):not(:disabled):focus, nav.pagination .next:not(.current):hover, nav.pagination .next:not(.current):active, nav.pagination .next:not(.current):focus, nav.pagination .next:not(.current):visited:hover, nav.pagination .next:not(.current):visited:active, nav.pagination .next:not(.current):visited:focus, nav.pagination .next:not(.current):not(.disabled):not(:disabled):hover, nav.pagination .next:not(.current):not(.disabled):not(:disabled):active, nav.pagination .next:not(.current):not(.disabled):not(:disabled):focus, nav.pagination .prev:not(.current):hover, nav.pagination .prev:not(.current):active, nav.pagination .prev:not(.current):focus, nav.pagination .prev:not(.current):visited:hover, nav.pagination .prev:not(.current):visited:active, nav.pagination .prev:not(.current):visited:focus, nav.pagination .prev:not(.current):not(.disabled):not(:disabled):hover, nav.pagination .prev:not(.current):not(.disabled):not(:disabled):active, nav.pagination .prev:not(.current):not(.disabled):not(:disabled):focus {
+        background-color: #d2d4d6;
+        color: #2c3237; }
+    nav.pagination .page-numbers.current, nav.pagination .next.current, nav.pagination .prev.current {
+      background-color: #3bc9db;
+      color: #fefefe; }
+      nav.pagination .page-numbers.current:hover, nav.pagination .next.current:hover, nav.pagination .prev.current:hover {
+        background-color: #3bc9db;
+        color: #fefefe; }
+
+/*
+ * 2. Cards and containers
+ * All elements that are supposed to contain other stuff
+ *
+ *
+*/
+.card {
+  border-radius: 8px 8px 8px 8px;
+  background-color: #f1f3f5;
+  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0);
+  border: none;
+  margin: 0;
+  margin-bottom: 1.6rem;
+  display: flex;
+  flex-direction: column;
+  color: #212529; }
+  .card > * {
+    margin-left: 0.8rem;
+    margin-right: 0.8rem; }
+    .card > *:first-child {
+      margin-top: 1.6rem; }
+      .card > *:first-child.card-header {
+        margin-top: 0px; }
+    .card > *:last-child {
+      margin-bottom: 1.6rem; }
+      .card > *:last-child.card-header {
+        margin-bottom: 0px; }
+  .card-body {
+    padding: 0 !important; }
+  .card-header {
+    font-size: 1.1em;
+    font-weight: 300;
+    padding: 0.8rem;
+    padding-left: 1.6rem;
+    padding-right: 1.6rem;
+    padding-bottom: 0.8rem !important;
+    margin: 0px;
+    margin-bottom: 0.8rem;
+    margin-top: 0.8rem;
+    line-height: 1.6rem;
+    white-space: nowrap;
+    position: relative;
+    left: 0px;
+    width: 100%;
+    border: 0px solid rgba(0, 0, 0, 0.3);
+    border-radius: 4px 4px 4px 4px;
+    background-color: transparent;
+    border-radius: 0; }
+    .card-header:first-child {
+      border-top-left-radius: 8px;
+      border-top-right-radius: 8px; }
+    .card-header:last-child {
+      border-bottom-left-radius: 8px;
+      border-bottom-right-radius: 8px; }
+    .card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6, .card-header h7, .card-header h8, .card-header h9, .card-header h10 {
+      font-family: Open Sans, sans-serif;
+      font-size: 1rem;
+      padding: 0px;
+      margin: 0px;
+      color: #fefefe;
+      font-weight: 300;
+      line-height: 1.6rem; }
+    .card-header .fa {
+      margin-right: 0.5em; }
+
+/* CARD LIST - Make a list part of a card */
+ul.card-list, .card > ul {
+  padding: 0;
+  margin: 0; }
+  ul.card-list li.list-element, .card > ul li.list-element {
+    line-height: 1.6rem;
+    padding-right: 0.8rem;
+    padding-left: 0.4rem;
+    padding-top: 0.4rem;
+    padding-bottom: 0.4rem;
+    margin: 0; }
+
+.list-check li.list-element {
+  list-style: none; }
+  .list-check li.list-element::before {
+    font-family: "ForkAwesome";
+    content: "";
+    padding-right: 0.8rem; }
+
+.list-cross li.list-element {
+  list-style: none; }
+  .list-cross li.list-element::before {
+    font-family: "ForkAwesome";
+    content: "";
+    padding-right: 0.8rem; }
+
+.list-danger li.list-element::before {
+  color: #ff6b6b; }
+
+.list-success li.list-element::before {
+  color: #51cf66; }
+
+.smallcard-header {
+  font-size: 1.1em;
+  font-weight: 300;
+  padding: 0.8rem;
+  padding-left: 1.6rem;
+  padding-right: 1.6rem;
+  padding-bottom: 0.8rem !important;
+  margin: 0px;
+  margin-bottom: 0.8rem;
+  margin-top: 0.8rem;
+  line-height: 1.6rem;
+  white-space: nowrap;
+  position: relative;
+  left: 0px;
+  width: 100%;
+  border: 0px solid rgba(0, 0, 0, 0.3);
+  border-radius: 4px 4px 4px 4px;
+  background-color: transparent;
+  border-radius: 0; }
+  .smallcard-header:first-child {
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px; }
+  .smallcard-header:last-child {
+    border-bottom-left-radius: 8px;
+    border-bottom-right-radius: 8px; }
+  .smallcard-header h1, .smallcard-header h2, .smallcard-header h3, .smallcard-header h4, .smallcard-header h5, .smallcard-header h6, .smallcard-header h7, .smallcard-header h8, .smallcard-header h9, .smallcard-header h10 {
+    font-family: Open Sans, sans-serif;
+    font-size: 1rem;
+    padding: 0px;
+    margin: 0px;
+    color: #fefefe;
+    font-weight: 300;
+    line-height: 1.6rem; }
+
+/* Menu handling */
+.menu {
+  display: flex;
+  flex-direction: column;
+  padding: 0.4rem; }
+  .menu ul,
+  .menu li {
+    list-style: none;
+    padding: 0;
+    margin: 0; }
+  .menu a,
+  .menu a:visited {
+    border: 0px solid rgba(0, 0, 0, 0.3);
+    border-radius: 4px 4px 4px 4px;
+    background-color: transparent;
+    display: flex;
+    line-height: 1.6rem;
+    padding: 0.4rem;
+    margin: 0;
+    justify-content: space-between;
+    align-items: center;
+    word-wrap: none;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    border: 0px solid rgba(0, 0, 0, 0.3);
+    border-radius: 4px 4px 4px 4px;
+    background-color: transparent; }
+    .menu a:not(:hover),
+    .menu a:visited:not(:hover) {
+      border-color: transparent; }
+    .menu a .badge,
+    .menu a:visited .badge {
+      margin: 0; }
+  .menu.fg-light a, .fg-light .menu a {
+    color: #fefefe; }
+    .menu.fg-light a:hover, .menu.fg-light a:active, .fg-light .menu a:hover, .fg-light .menu a:active {
+      background-color: rgba(254, 254, 254, 0.3); }
+  .menu.fg-dark a, .fg-dark .menu a {
+    color: #212529; }
+    .menu.fg-dark a:hover, .menu.fg-dark a:active, .fg-dark .menu a:hover, .fg-dark .menu a:active {
+      background-color: rgba(33, 37, 41, 0.15); }
+
+.toolbar {
+  flex-direction: row; }
+  .toolbar ul {
+    display: flex;
+    flex-direction: row;
+    flex-grow: 1; }
+  .toolbar li {
+    text-align: center; }
+    .toolbar li a,
+    .toolbar li span,
+    .toolbar li em,
+    .toolbar li strong, .toolbar li.toolbar-element {
+      display: block;
+      padding: 0.5333333333rem;
+      padding-left: 0.8rem;
+      padding-right: 0.8rem; }
+
+.menu-divider {
+  position: relative;
+  left: -0.4rem;
+  font-weight: 800;
+  padding-top: 0.4rem;
+  padding-bottom: 0.4rem; }
+
+.menu-label {
+  border: 0px solid rgba(0, 0, 0, 0.3);
+  border-radius: 4px 4px 4px 4px;
+  background-color: transparent;
+  transition: background-color .2s, border .2s, box-shadow .2s, color .2s;
+  padding-left: 0.4rem;
+  padding-right: 0.4rem; }
+  .menu-label:hover, .menu-label:active, .menu-label:focus {
+    background-color: transparent; }
+  .menu-label:focus {
+    outline: none;
+    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0); }
+    .menu-label:focus:before {
+      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0.3);
+      outline: none; }
+
+.toast {
+  border-radius: 8px 8px 8px 8px;
+  background-color: #f1f3f5;
+  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0);
+  border: none;
+  margin: 0;
+  margin-bottom: 1.6rem;
+  padding: 0.8rem; }
+  .toast > * {
+    margin-left: 0.4rem;
+    margin-right: 0.4rem; }
+    .toast > *:first-child {
+      margin-top: 0.8rem; }
+      .toast > *:first-child.card-header {
+        margin-top: 0px; }
+    .toast > *:last-child {
+      margin-bottom: 0.8rem; }
+      .toast > *:last-child.card-header {
+        margin-bottom: 0px; }
+
+/* TABLE
+ * Style tables
+*/
 table {
   border-collapse: collapse; }
 
 table, th, td {
   border: 0;
-  padding: 0px;
-  margin: 0px; }
+  padding: 0;
+  margin: 0; }
 
 th, td {
   vertical-align: center;
@@ -537,57 +1476,1235 @@ th, td {
 th {
   font-weight: 800; }
 
-.table-blue th {
-  color: #268bd2; }
+/*
+ * 4. Previews
+ * Special style for previews cards
+ *
+*/
+.previews-section {
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: auto;
+  grid-gap: 1.6rem;
+  padding-bottom: 1.6rem; }
+  @media (min-width: 1200px) {
+    .previews-section {
+      grid-template-columns: 1fr 1fr; } }
+  @media (min-width: 1600px) {
+    .previews-section {
+      grid-template-columns: 1fr 1fr 1fr; } }
+.preview-container {
+  width: 100%; }
 
-.table-violet th {
-  color: #d33682; }
+@media (min-width: 992px) {
+  .prev-col-2 .preview-container {
+    width: 50%; }
+  .prev-col-3 .preview-container {
+    width: 33%; }
+  .prev-col-4 .preview-container {
+    width: 25%; } }
 
-.table-red th {
-  color: #dc322f; }
+.card-preview {
+  padding: 0;
+  width: 100%;
+  margin: auto;
+  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0); }
 
-.table-orange th {
-  color: #cb4b16; }
+.preview-link {
+  padding: 0;
+  background-color: transparent;
+  margin: 0 !important; }
 
-.table-green th {
-  color: #859900; }
+.preview-item {
+  height: 12.8rem;
+  font-size: 0.9rem;
+  line-height: 1.6rem !important;
+  text-align: justify;
+  background-color: rgba(0, 0, 0, 0);
+  color: rgba(33, 37, 41, 0.4);
+  position: relative;
+  display: flex;
+  -ms-flex-align: center !important;
+  align-items: center !important;
+  justify-content: center; }
+  .preview-item .preview-overlay {
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0;
+    position: absolute;
+    padding-top: 0px;
+    backdrop-filter: none;
+    transition: background-color 0.3s;
+    border-radius: 8px 8px 8px 8px; }
+    .preview-item .preview-overlay h1, .preview-item .preview-overlay h2, .preview-item .preview-overlay h3, .preview-item .preview-overlay h4, .preview-item .preview-overlay h5, .preview-item .preview-overlay h6 {
+      color: #fefefe;
+      font-size: 1rem;
+      line-height: 1.6rem;
+      font-weight: 300; }
+    .preview-item .preview-overlay .card-header {
+      font-family: Open Sans, sans-serif;
+      font-size: 1rem;
+      font-size: 1.1em;
+      font-weight: 300;
+      padding: 0.4rem;
+      padding-left: 1.6rem;
+      padding-right: 1.6rem;
+      padding-bottom: 0.4rem !important;
+      margin: 0px;
+      margin-bottom: 0.8rem;
+      margin-top: 0.8rem;
+      line-height: 1.6rem;
+      white-space: nowrap;
+      position: relative;
+      left: 0px;
+      width: 100%;
+      border: 0px solid rgba(0, 0, 0, 0.3);
+      border-radius: 4px 4px 4px 4px;
+      background-color: transparent;
+      border-radius: 0;
+      background-color: #339af0;
+      color: #fefefe;
+      font-weight: 300;
+      margin-top: 0px; }
+      .preview-item .preview-overlay .card-header:first-child {
+        border-top-left-radius: 8px;
+        border-top-right-radius: 8px; }
+      .preview-item .preview-overlay .card-header:last-child {
+        border-bottom-left-radius: 8px;
+        border-bottom-right-radius: 8px; }
+      .preview-item .preview-overlay .card-header h1, .preview-item .preview-overlay .card-header h2, .preview-item .preview-overlay .card-header h3, .preview-item .preview-overlay .card-header h4, .preview-item .preview-overlay .card-header h5, .preview-item .preview-overlay .card-header h6, .preview-item .preview-overlay .card-header h7, .preview-item .preview-overlay .card-header h8, .preview-item .preview-overlay .card-header h9, .preview-item .preview-overlay .card-header h10 {
+        font-family: Open Sans, sans-serif;
+        font-size: 1rem;
+        padding: 0px;
+        margin: 0px;
+        color: #fefefe;
+        font-weight: 300;
+        line-height: 1.6rem; }
+  .preview-item:hover .preview-overlay {
+    backdrop-filter: blur(2px);
+    background-color: rgba(0, 0, 0, 0.4); }
+    .preview-item:hover .preview-overlay .metadata-pills {
+      opacity: .9;
+      transition: opacity .5s, height .5s;
+      height: 135px; }
 
-.table-skyblue th {
-  color: #2aa198; }
+.preview-content {
+  max-height: 12.8rem;
+  overflow: hidden;
+  background-size: cover;
+  min-height: 100%;
+  min-width: 100%;
+  border-radius: 8px 8px 8px 8px;
+  font-size: 0.85rem;
+  line-height: 1.25rem; }
+  .preview-content h1, .preview-content h2, .preview-content h3, .preview-content h4, .preview-content h5, .preview-content h6 {
+    margin-bottom: 0px;
+    max-width: 100%;
+    display: none; }
+  .preview-content > p {
+    width: 100%;
+    margin: auto; }
+    .preview-content > p > img {
+      max-width: 100%;
+      height: auto;
+      vertical-align: middle;
+      margin: auto;
+      text-align: center; }
+    .preview-content > p.p-img {
+      text-align: center;
+      margin: auto;
+      padding: auto;
+      display: block;
+      width: 100%; }
 
-.table-dark th {
-  color: #002b36; }
+.preview-metadata {
+  color: #fefefe;
+  height: 165px;
+  overflow: hidden;
+  border-radius: 8px 8px 8px 8px; }
+  .preview-metadata .metadata-pills {
+    height: 165px;
+    opacity: 0;
+    transition: opacity .3s, height .3s;
+    display: flex;
+    justify-content: space-between;
+    padding-left: 0.8rem;
+    padding-right: 0.8rem;
+    font-size: 0.9em; }
 
-.table-light th {
-  color: #fdf6e3; }
+.card-preview.head-info .comment-text {
+  background-color: #3bc9db; }
 
-.table-yellow th {
-  color: #b58900; }
+.card-preview.card-grey .comment-text {
+  background-color: #adb5bd; }
 
-.table-grey th {
-  color: #586e75; }
+.comment-text {
+  color: #fefefe;
+  background-color: #339af0;
+  text-align: center; }
 
-.table-primary th {
-  color: #d33682; }
+.card-preview time {
+  margin-bottom: 0.4em;
+  display: block; }
 
-.table-secondary th {
-  color: #2aa198; }
+.author-area {
+  display: flex; }
+  .author-area img.author-avatar, .author-area img.avatar {
+    display: block;
+    height: 4.8rem;
+    width: auto;
+    border-radius: 100%;
+    padding: 0;
+    margin: 0;
+    margin-right: 1.6rem; }
+  .author-area .author-metadata {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start; }
+  .author-area .author-date {
+    font-style: italic; }
+  .author-area:not(:last-child) {
+    margin-bottom: 1.6rem; }
 
-.table-warning th {
-  color: #cb4b16; }
+.pigimg {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  margin: auto; }
 
-.table-danger th {
-  color: #dc322f; }
+.avatar {
+  background: transparent; }
 
-.table-info th {
-  color: #2aa198; }
+.mwarea {
+  padding-bottom: 1.6rem; }
+  .mwarea .avatar {
+    width: 80%;
+    height: auto;
+    display: block;
+    margin: auto; }
 
-.table-success th {
-  color: #859900; }
+.cover {
+  width: 100%;
+  height: auto;
+  border-radius: 8px 8px 8px 8px; }
 
-.text-maj {
-  text-transform: capitalize; }
+@media (min-width: 768px) {
+  .roman {
+    width: 80%;
+    position: relative;
+    top: -240px;
+    margin: auto; } }
 
+.sidebar-container {
+  width: 100%;
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: auto;
+  row-gap: 1.6rem;
+  column-gap: 3.2rem;
+  grid-template-areas: "side" "main"; }
+  @media (min-width: 992px) {
+    .sidebar-container {
+      grid-template-columns: 360px auto;
+      grid-template-areas: "side main"; } }
+  .sidebar-container .sidebar {
+    padding: 1rem; }
+
+/* 1. Utils
+** All the utilities class of the stylesheet
+*/
+/* 1.0 - Accessibility classes
+ * Some classes to help accessibility
+**/
+.screen-reader-text {
+  visibility: collapse;
+  font-size: 0; }
+
+/* 1.1 - Alignement classes
+ * Handle easily alignement and flexboxes
+**/
+.flex-that {
+  display: flex;
+  justify-content: space-between; }
+
+.align-center {
+  text-align: center;
+  text-indent: 0 !important; }
+
+.align-left {
+  text-align: left; }
+
+.align-right {
+  text-align: right; }
+
+.round, .pill {
+  border-radius: 9999px; }
+
+.no-borders {
+  border-width: 0px;
+  border-style: none; }
+
+/* 1.2 - Colorization classes
+ * Colorize some aspect of a class
+**/
+.bg-blue {
+  background-color: #339af0;
+  color: #fefefe; }
+  .bg-blue > a, .bg-blue > a:visited {
+    color: #339af0;
+    background-color: #fefefe; }
+    .bg-blue > a:hover, .bg-blue > a:active, .bg-blue > a:visited, .bg-blue > a:visited:hover, .bg-blue > a:visited:active, .bg-blue > a:visited:visited {
+      color: #fefefe;
+      background: none; }
+  .bg-blue:hover {
+    background-color: #339af0;
+    color: #fefefe; }
+    .bg-blue:hover > a, .bg-blue:hover > a:visited {
+      color: #339af0;
+      background-color: #fefefe; }
+      .bg-blue:hover > a:hover, .bg-blue:hover > a:active, .bg-blue:hover > a:visited, .bg-blue:hover > a:visited:hover, .bg-blue:hover > a:visited:active, .bg-blue:hover > a:visited:visited {
+        color: #fefefe;
+        background: none; }
+
+.bg-violet {
+  background-color: #845ef7;
+  color: #fefefe; }
+  .bg-violet > a, .bg-violet > a:visited {
+    color: #845ef7;
+    background-color: #fefefe; }
+    .bg-violet > a:hover, .bg-violet > a:active, .bg-violet > a:visited, .bg-violet > a:visited:hover, .bg-violet > a:visited:active, .bg-violet > a:visited:visited {
+      color: #fefefe;
+      background: none; }
+  .bg-violet:hover {
+    background-color: #845ef7;
+    color: #fefefe; }
+    .bg-violet:hover > a, .bg-violet:hover > a:visited {
+      color: #845ef7;
+      background-color: #fefefe; }
+      .bg-violet:hover > a:hover, .bg-violet:hover > a:active, .bg-violet:hover > a:visited, .bg-violet:hover > a:visited:hover, .bg-violet:hover > a:visited:active, .bg-violet:hover > a:visited:visited {
+        color: #fefefe;
+        background: none; }
+
+.bg-red {
+  background-color: #ff6b6b;
+  color: #fefefe; }
+  .bg-red > a, .bg-red > a:visited {
+    color: #ff6b6b;
+    background-color: #fefefe; }
+    .bg-red > a:hover, .bg-red > a:active, .bg-red > a:visited, .bg-red > a:visited:hover, .bg-red > a:visited:active, .bg-red > a:visited:visited {
+      color: #fefefe;
+      background: none; }
+  .bg-red:hover {
+    background-color: #ff6b6b;
+    color: #fefefe; }
+    .bg-red:hover > a, .bg-red:hover > a:visited {
+      color: #ff6b6b;
+      background-color: #fefefe; }
+      .bg-red:hover > a:hover, .bg-red:hover > a:active, .bg-red:hover > a:visited, .bg-red:hover > a:visited:hover, .bg-red:hover > a:visited:active, .bg-red:hover > a:visited:visited {
+        color: #fefefe;
+        background: none; }
+
+.bg-orange {
+  background-color: #ff922b;
+  color: #fefefe; }
+  .bg-orange > a, .bg-orange > a:visited {
+    color: #ff922b;
+    background-color: #fefefe; }
+    .bg-orange > a:hover, .bg-orange > a:active, .bg-orange > a:visited, .bg-orange > a:visited:hover, .bg-orange > a:visited:active, .bg-orange > a:visited:visited {
+      color: #fefefe;
+      background: none; }
+  .bg-orange:hover {
+    background-color: #ff922b;
+    color: #fefefe; }
+    .bg-orange:hover > a, .bg-orange:hover > a:visited {
+      color: #ff922b;
+      background-color: #fefefe; }
+      .bg-orange:hover > a:hover, .bg-orange:hover > a:active, .bg-orange:hover > a:visited, .bg-orange:hover > a:visited:hover, .bg-orange:hover > a:visited:active, .bg-orange:hover > a:visited:visited {
+        color: #fefefe;
+        background: none; }
+
+.bg-green {
+  background-color: #51cf66;
+  color: #fefefe; }
+  .bg-green > a, .bg-green > a:visited {
+    color: #51cf66;
+    background-color: #fefefe; }
+    .bg-green > a:hover, .bg-green > a:active, .bg-green > a:visited, .bg-green > a:visited:hover, .bg-green > a:visited:active, .bg-green > a:visited:visited {
+      color: #fefefe;
+      background: none; }
+  .bg-green:hover {
+    background-color: #51cf66;
+    color: #fefefe; }
+    .bg-green:hover > a, .bg-green:hover > a:visited {
+      color: #51cf66;
+      background-color: #fefefe; }
+      .bg-green:hover > a:hover, .bg-green:hover > a:active, .bg-green:hover > a:visited, .bg-green:hover > a:visited:hover, .bg-green:hover > a:visited:active, .bg-green:hover > a:visited:visited {
+        color: #fefefe;
+        background: none; }
+
+.bg-skyblue {
+  background-color: #3bc9db;
+  color: #fefefe; }
+  .bg-skyblue > a, .bg-skyblue > a:visited {
+    color: #3bc9db;
+    background-color: #fefefe; }
+    .bg-skyblue > a:hover, .bg-skyblue > a:active, .bg-skyblue > a:visited, .bg-skyblue > a:visited:hover, .bg-skyblue > a:visited:active, .bg-skyblue > a:visited:visited {
+      color: #fefefe;
+      background: none; }
+  .bg-skyblue:hover {
+    background-color: #3bc9db;
+    color: #fefefe; }
+    .bg-skyblue:hover > a, .bg-skyblue:hover > a:visited {
+      color: #3bc9db;
+      background-color: #fefefe; }
+      .bg-skyblue:hover > a:hover, .bg-skyblue:hover > a:active, .bg-skyblue:hover > a:visited, .bg-skyblue:hover > a:visited:hover, .bg-skyblue:hover > a:visited:active, .bg-skyblue:hover > a:visited:visited {
+        color: #fefefe;
+        background: none; }
+
+.bg-dark {
+  background-color: #343a40;
+  color: #fefefe; }
+  .bg-dark > a, .bg-dark > a:visited {
+    color: #343a40;
+    background-color: #fefefe; }
+    .bg-dark > a:hover, .bg-dark > a:active, .bg-dark > a:visited, .bg-dark > a:visited:hover, .bg-dark > a:visited:active, .bg-dark > a:visited:visited {
+      color: #fefefe;
+      background: none; }
+  .bg-dark:hover {
+    background-color: #343a40;
+    color: #fefefe; }
+    .bg-dark:hover > a, .bg-dark:hover > a:visited {
+      color: #343a40;
+      background-color: #fefefe; }
+      .bg-dark:hover > a:hover, .bg-dark:hover > a:active, .bg-dark:hover > a:visited, .bg-dark:hover > a:visited:hover, .bg-dark:hover > a:visited:active, .bg-dark:hover > a:visited:visited {
+        color: #fefefe;
+        background: none; }
+
+.bg-light {
+  background-color: #fefefe;
+  color: #212529; }
+  .bg-light > a, .bg-light > a:visited {
+    color: #fefefe;
+    background-color: #212529; }
+    .bg-light > a:hover, .bg-light > a:active, .bg-light > a:visited, .bg-light > a:visited:hover, .bg-light > a:visited:active, .bg-light > a:visited:visited {
+      color: #212529;
+      background: none; }
+  .bg-light:hover {
+    background-color: #fefefe;
+    color: #212529; }
+    .bg-light:hover > a, .bg-light:hover > a:visited {
+      color: #fefefe;
+      background-color: #212529; }
+      .bg-light:hover > a:hover, .bg-light:hover > a:active, .bg-light:hover > a:visited, .bg-light:hover > a:visited:hover, .bg-light:hover > a:visited:active, .bg-light:hover > a:visited:visited {
+        color: #212529;
+        background: none; }
+
+.bg-yellow {
+  background-color: #fcc419;
+  color: #fefefe; }
+  .bg-yellow > a, .bg-yellow > a:visited {
+    color: #fcc419;
+    background-color: #fefefe; }
+    .bg-yellow > a:hover, .bg-yellow > a:active, .bg-yellow > a:visited, .bg-yellow > a:visited:hover, .bg-yellow > a:visited:active, .bg-yellow > a:visited:visited {
+      color: #fefefe;
+      background: none; }
+  .bg-yellow:hover {
+    background-color: #fcc419;
+    color: #fefefe; }
+    .bg-yellow:hover > a, .bg-yellow:hover > a:visited {
+      color: #fcc419;
+      background-color: #fefefe; }
+      .bg-yellow:hover > a:hover, .bg-yellow:hover > a:active, .bg-yellow:hover > a:visited, .bg-yellow:hover > a:visited:hover, .bg-yellow:hover > a:visited:active, .bg-yellow:hover > a:visited:visited {
+        color: #fefefe;
+        background: none; }
+
+.bg-grey {
+  background-color: #adb5bd;
+  color: #fefefe; }
+  .bg-grey > a, .bg-grey > a:visited {
+    color: #adb5bd;
+    background-color: #fefefe; }
+    .bg-grey > a:hover, .bg-grey > a:active, .bg-grey > a:visited, .bg-grey > a:visited:hover, .bg-grey > a:visited:active, .bg-grey > a:visited:visited {
+      color: #fefefe;
+      background: none; }
+  .bg-grey:hover {
+    background-color: #adb5bd;
+    color: #fefefe; }
+    .bg-grey:hover > a, .bg-grey:hover > a:visited {
+      color: #adb5bd;
+      background-color: #fefefe; }
+      .bg-grey:hover > a:hover, .bg-grey:hover > a:active, .bg-grey:hover > a:visited, .bg-grey:hover > a:visited:hover, .bg-grey:hover > a:visited:active, .bg-grey:hover > a:visited:visited {
+        color: #fefefe;
+        background: none; }
+
+.bg-dark2 {
+  background-color: #212529;
+  color: #fefefe; }
+  .bg-dark2 > a, .bg-dark2 > a:visited {
+    color: #212529;
+    background-color: #fefefe; }
+    .bg-dark2 > a:hover, .bg-dark2 > a:active, .bg-dark2 > a:visited, .bg-dark2 > a:visited:hover, .bg-dark2 > a:visited:active, .bg-dark2 > a:visited:visited {
+      color: #fefefe;
+      background: none; }
+  .bg-dark2:hover {
+    background-color: #212529;
+    color: #fefefe; }
+    .bg-dark2:hover > a, .bg-dark2:hover > a:visited {
+      color: #212529;
+      background-color: #fefefe; }
+      .bg-dark2:hover > a:hover, .bg-dark2:hover > a:active, .bg-dark2:hover > a:visited, .bg-dark2:hover > a:visited:hover, .bg-dark2:hover > a:visited:active, .bg-dark2:hover > a:visited:visited {
+        color: #fefefe;
+        background: none; }
+
+.bg-light2 {
+  background-color: #f1f3f5;
+  color: #212529; }
+  .bg-light2 > a, .bg-light2 > a:visited {
+    color: #f1f3f5;
+    background-color: #212529; }
+    .bg-light2 > a:hover, .bg-light2 > a:active, .bg-light2 > a:visited, .bg-light2 > a:visited:hover, .bg-light2 > a:visited:active, .bg-light2 > a:visited:visited {
+      color: #212529;
+      background: none; }
+  .bg-light2:hover {
+    background-color: #f1f3f5;
+    color: #212529; }
+    .bg-light2:hover > a, .bg-light2:hover > a:visited {
+      color: #f1f3f5;
+      background-color: #212529; }
+      .bg-light2:hover > a:hover, .bg-light2:hover > a:active, .bg-light2:hover > a:visited, .bg-light2:hover > a:visited:hover, .bg-light2:hover > a:visited:active, .bg-light2:hover > a:visited:visited {
+        color: #212529;
+        background: none; }
+
+.bg-primary {
+  background-color: #339af0;
+  color: #fefefe; }
+  .bg-primary > a, .bg-primary > a:visited {
+    color: #339af0;
+    background-color: #fefefe; }
+    .bg-primary > a:hover, .bg-primary > a:active, .bg-primary > a:visited, .bg-primary > a:visited:hover, .bg-primary > a:visited:active, .bg-primary > a:visited:visited {
+      color: #fefefe;
+      background: none; }
+  .bg-primary:hover {
+    background-color: #339af0;
+    color: #fefefe; }
+    .bg-primary:hover > a, .bg-primary:hover > a:visited {
+      color: #339af0;
+      background-color: #fefefe; }
+      .bg-primary:hover > a:hover, .bg-primary:hover > a:active, .bg-primary:hover > a:visited, .bg-primary:hover > a:visited:hover, .bg-primary:hover > a:visited:active, .bg-primary:hover > a:visited:visited {
+        color: #fefefe;
+        background: none; }
+
+.bg-secondary {
+  background-color: #343a40;
+  color: #fefefe; }
+  .bg-secondary > a, .bg-secondary > a:visited {
+    color: #343a40;
+    background-color: #fefefe; }
+    .bg-secondary > a:hover, .bg-secondary > a:active, .bg-secondary > a:visited, .bg-secondary > a:visited:hover, .bg-secondary > a:visited:active, .bg-secondary > a:visited:visited {
+      color: #fefefe;
+      background: none; }
+  .bg-secondary:hover {
+    background-color: #343a40;
+    color: #fefefe; }
+    .bg-secondary:hover > a, .bg-secondary:hover > a:visited {
+      color: #343a40;
+      background-color: #fefefe; }
+      .bg-secondary:hover > a:hover, .bg-secondary:hover > a:active, .bg-secondary:hover > a:visited, .bg-secondary:hover > a:visited:hover, .bg-secondary:hover > a:visited:active, .bg-secondary:hover > a:visited:visited {
+        color: #fefefe;
+        background: none; }
+
+.bg-warning {
+  background-color: #ff922b;
+  color: #fefefe; }
+  .bg-warning > a, .bg-warning > a:visited {
+    color: #ff922b;
+    background-color: #fefefe; }
+    .bg-warning > a:hover, .bg-warning > a:active, .bg-warning > a:visited, .bg-warning > a:visited:hover, .bg-warning > a:visited:active, .bg-warning > a:visited:visited {
+      color: #fefefe;
+      background: none; }
+  .bg-warning:hover {
+    background-color: #ff922b;
+    color: #fefefe; }
+    .bg-warning:hover > a, .bg-warning:hover > a:visited {
+      color: #ff922b;
+      background-color: #fefefe; }
+      .bg-warning:hover > a:hover, .bg-warning:hover > a:active, .bg-warning:hover > a:visited, .bg-warning:hover > a:visited:hover, .bg-warning:hover > a:visited:active, .bg-warning:hover > a:visited:visited {
+        color: #fefefe;
+        background: none; }
+
+.bg-danger {
+  background-color: #ff6b6b;
+  color: #fefefe; }
+  .bg-danger > a, .bg-danger > a:visited {
+    color: #ff6b6b;
+    background-color: #fefefe; }
+    .bg-danger > a:hover, .bg-danger > a:active, .bg-danger > a:visited, .bg-danger > a:visited:hover, .bg-danger > a:visited:active, .bg-danger > a:visited:visited {
+      color: #fefefe;
+      background: none; }
+  .bg-danger:hover {
+    background-color: #ff6b6b;
+    color: #fefefe; }
+    .bg-danger:hover > a, .bg-danger:hover > a:visited {
+      color: #ff6b6b;
+      background-color: #fefefe; }
+      .bg-danger:hover > a:hover, .bg-danger:hover > a:active, .bg-danger:hover > a:visited, .bg-danger:hover > a:visited:hover, .bg-danger:hover > a:visited:active, .bg-danger:hover > a:visited:visited {
+        color: #fefefe;
+        background: none; }
+
+.bg-info {
+  background-color: #3bc9db;
+  color: #fefefe; }
+  .bg-info > a, .bg-info > a:visited {
+    color: #3bc9db;
+    background-color: #fefefe; }
+    .bg-info > a:hover, .bg-info > a:active, .bg-info > a:visited, .bg-info > a:visited:hover, .bg-info > a:visited:active, .bg-info > a:visited:visited {
+      color: #fefefe;
+      background: none; }
+  .bg-info:hover {
+    background-color: #3bc9db;
+    color: #fefefe; }
+    .bg-info:hover > a, .bg-info:hover > a:visited {
+      color: #3bc9db;
+      background-color: #fefefe; }
+      .bg-info:hover > a:hover, .bg-info:hover > a:active, .bg-info:hover > a:visited, .bg-info:hover > a:visited:hover, .bg-info:hover > a:visited:active, .bg-info:hover > a:visited:visited {
+        color: #fefefe;
+        background: none; }
+
+.bg-success {
+  background-color: #51cf66;
+  color: #fefefe; }
+  .bg-success > a, .bg-success > a:visited {
+    color: #51cf66;
+    background-color: #fefefe; }
+    .bg-success > a:hover, .bg-success > a:active, .bg-success > a:visited, .bg-success > a:visited:hover, .bg-success > a:visited:active, .bg-success > a:visited:visited {
+      color: #fefefe;
+      background: none; }
+  .bg-success:hover {
+    background-color: #51cf66;
+    color: #fefefe; }
+    .bg-success:hover > a, .bg-success:hover > a:visited {
+      color: #51cf66;
+      background-color: #fefefe; }
+      .bg-success:hover > a:hover, .bg-success:hover > a:active, .bg-success:hover > a:visited, .bg-success:hover > a:visited:hover, .bg-success:hover > a:visited:active, .bg-success:hover > a:visited:visited {
+        color: #fefefe;
+        background: none; }
+
+.bg-muted {
+  background-color: #adb5bd;
+  color: #fefefe; }
+  .bg-muted > a, .bg-muted > a:visited {
+    color: #adb5bd;
+    background-color: #fefefe; }
+    .bg-muted > a:hover, .bg-muted > a:active, .bg-muted > a:visited, .bg-muted > a:visited:hover, .bg-muted > a:visited:active, .bg-muted > a:visited:visited {
+      color: #fefefe;
+      background: none; }
+  .bg-muted:hover {
+    background-color: #adb5bd;
+    color: #fefefe; }
+    .bg-muted:hover > a, .bg-muted:hover > a:visited {
+      color: #adb5bd;
+      background-color: #fefefe; }
+      .bg-muted:hover > a:hover, .bg-muted:hover > a:active, .bg-muted:hover > a:visited, .bg-muted:hover > a:visited:hover, .bg-muted:hover > a:visited:active, .bg-muted:hover > a:visited:visited {
+        color: #fefefe;
+        background: none; }
+
+.text-blue {
+  color: #339af0; }
+
+.text-violet {
+  color: #845ef7; }
+
+.text-red {
+  color: #ff6b6b; }
+
+.text-orange {
+  color: #ff922b; }
+
+.text-green {
+  color: #51cf66; }
+
+.text-skyblue {
+  color: #3bc9db; }
+
+.text-dark {
+  color: #343a40; }
+
+.text-light {
+  color: #fefefe; }
+
+.text-yellow {
+  color: #fcc419; }
+
+.text-grey {
+  color: #adb5bd; }
+
+.text-dark2 {
+  color: #212529; }
+
+.text-light2 {
+  color: #f1f3f5; }
+
+.text-primary {
+  color: #339af0; }
+
+.text-secondary {
+  color: #343a40; }
+
+.text-warning {
+  color: #ff922b; }
+
+.text-danger {
+  color: #ff6b6b; }
+
+.text-info {
+  color: #3bc9db; }
+
+.text-success {
+  color: #51cf66; }
+
+.text-muted {
+  color: #adb5bd; }
+
+.btn-blue {
+  background-color: #339af0;
+  color: #fefefe;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
+  .btn-blue:visited {
+    background-color: #339af0;
+    color: #fefefe; }
+  .btn-blue:hover, .btn-blue:active, .btn-blue:focus, .btn-blue:visited:hover, .btn-blue:visited:active, .btn-blue:visited:focus, .btn-blue:not(.disabled):not(:disabled):hover, .btn-blue:not(.disabled):not(:disabled):active, .btn-blue:not(.disabled):not(:disabled):focus {
+    background-color: #51a9f2;
+    color: white; }
+
+.btn-violet {
+  background-color: #845ef7;
+  color: #fefefe;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
+  .btn-violet:visited {
+    background-color: #845ef7;
+    color: #fefefe; }
+  .btn-violet:hover, .btn-violet:active, .btn-violet:focus, .btn-violet:visited:hover, .btn-violet:visited:active, .btn-violet:visited:focus, .btn-violet:not(.disabled):not(:disabled):hover, .btn-violet:not(.disabled):not(:disabled):active, .btn-violet:not(.disabled):not(:disabled):focus {
+    background-color: #9676f8;
+    color: white; }
+
+.btn-red {
+  background-color: #ff6b6b;
+  color: #fefefe;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
+  .btn-red:visited {
+    background-color: #ff6b6b;
+    color: #fefefe; }
+  .btn-red:hover, .btn-red:active, .btn-red:focus, .btn-red:visited:hover, .btn-red:visited:active, .btn-red:visited:focus, .btn-red:not(.disabled):not(:disabled):hover, .btn-red:not(.disabled):not(:disabled):active, .btn-red:not(.disabled):not(:disabled):focus {
+    background-color: #ff8181;
+    color: white; }
+
+.btn-orange {
+  background-color: #ff922b;
+  color: #fefefe;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
+  .btn-orange:visited {
+    background-color: #ff922b;
+    color: #fefefe; }
+  .btn-orange:hover, .btn-orange:active, .btn-orange:focus, .btn-orange:visited:hover, .btn-orange:visited:active, .btn-orange:visited:focus, .btn-orange:not(.disabled):not(:disabled):hover, .btn-orange:not(.disabled):not(:disabled):active, .btn-orange:not(.disabled):not(:disabled):focus {
+    background-color: #ffa24b;
+    color: white; }
+
+.btn-green {
+  background-color: #51cf66;
+  color: #fefefe;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
+  .btn-green:visited {
+    background-color: #51cf66;
+    color: #fefefe; }
+  .btn-green:hover, .btn-green:active, .btn-green:focus, .btn-green:visited:hover, .btn-green:visited:active, .btn-green:visited:focus, .btn-green:not(.disabled):not(:disabled):hover, .btn-green:not(.disabled):not(:disabled):active, .btn-green:not(.disabled):not(:disabled):focus {
+    background-color: #6bd67d;
+    color: white; }
+
+.btn-skyblue {
+  background-color: #3bc9db;
+  color: #fefefe;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
+  .btn-skyblue:visited {
+    background-color: #3bc9db;
+    color: #fefefe; }
+  .btn-skyblue:hover, .btn-skyblue:active, .btn-skyblue:focus, .btn-skyblue:visited:hover, .btn-skyblue:visited:active, .btn-skyblue:visited:focus, .btn-skyblue:not(.disabled):not(:disabled):hover, .btn-skyblue:not(.disabled):not(:disabled):active, .btn-skyblue:not(.disabled):not(:disabled):focus {
+    background-color: #58d1e0;
+    color: white; }
+
+.btn-dark {
+  background-color: #343a40;
+  color: #fefefe;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
+  .btn-dark:visited {
+    background-color: #343a40;
+    color: #fefefe; }
+  .btn-dark:hover, .btn-dark:active, .btn-dark:focus, .btn-dark:visited:hover, .btn-dark:visited:active, .btn-dark:visited:focus, .btn-dark:not(.disabled):not(:disabled):hover, .btn-dark:not(.disabled):not(:disabled):active, .btn-dark:not(.disabled):not(:disabled):focus {
+    background-color: #52575d;
+    color: white; }
+
+.btn-light {
+  background-color: #fefefe;
+  color: #212529;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
+  .btn-light:visited {
+    background-color: #fefefe;
+    color: #212529; }
+  .btn-light:hover, .btn-light:active, .btn-light:focus, .btn-light:visited:hover, .btn-light:visited:active, .btn-light:visited:focus, .btn-light:not(.disabled):not(:disabled):hover, .btn-light:not(.disabled):not(:disabled):active, .btn-light:not(.disabled):not(:disabled):focus {
+    background-color: #ddddde;
+    color: #2c3237; }
+
+.btn-yellow {
+  background-color: #fcc419;
+  color: #fefefe;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
+  .btn-yellow:visited {
+    background-color: #fcc419;
+    color: #fefefe; }
+  .btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus, .btn-yellow:visited:hover, .btn-yellow:visited:active, .btn-yellow:visited:focus, .btn-yellow:not(.disabled):not(:disabled):hover, .btn-yellow:not(.disabled):not(:disabled):active, .btn-yellow:not(.disabled):not(:disabled):focus {
+    background-color: #fccd3b;
+    color: white; }
+
+.btn-grey {
+  background-color: #adb5bd;
+  color: #fefefe;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
+  .btn-grey:visited {
+    background-color: #adb5bd;
+    color: #fefefe; }
+  .btn-grey:hover, .btn-grey:active, .btn-grey:focus, .btn-grey:visited:hover, .btn-grey:visited:active, .btn-grey:visited:focus, .btn-grey:not(.disabled):not(:disabled):hover, .btn-grey:not(.disabled):not(:disabled):active, .btn-grey:not(.disabled):not(:disabled):focus {
+    background-color: #b9c0c7;
+    color: white; }
+
+.btn-dark2 {
+  background-color: #212529;
+  color: #fefefe;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
+  .btn-dark2:visited {
+    background-color: #212529;
+    color: #fefefe; }
+  .btn-dark2:hover, .btn-dark2:active, .btn-dark2:focus, .btn-dark2:visited:hover, .btn-dark2:visited:active, .btn-dark2:visited:focus, .btn-dark2:not(.disabled):not(:disabled):hover, .btn-dark2:not(.disabled):not(:disabled):active, .btn-dark2:not(.disabled):not(:disabled):focus {
+    background-color: #424649;
+    color: white; }
+
+.btn-light2 {
+  background-color: #f1f3f5;
+  color: #212529;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
+  .btn-light2:visited {
+    background-color: #f1f3f5;
+    color: #212529; }
+  .btn-light2:hover, .btn-light2:active, .btn-light2:focus, .btn-light2:visited:hover, .btn-light2:visited:active, .btn-light2:visited:focus, .btn-light2:not(.disabled):not(:disabled):hover, .btn-light2:not(.disabled):not(:disabled):active, .btn-light2:not(.disabled):not(:disabled):focus {
+    background-color: #d2d4d6;
+    color: #2c3237; }
+
+.btn-primary {
+  background-color: #339af0;
+  color: #fefefe;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
+  .btn-primary:visited {
+    background-color: #339af0;
+    color: #fefefe; }
+  .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:visited:hover, .btn-primary:visited:active, .btn-primary:visited:focus, .btn-primary:not(.disabled):not(:disabled):hover, .btn-primary:not(.disabled):not(:disabled):active, .btn-primary:not(.disabled):not(:disabled):focus {
+    background-color: #51a9f2;
+    color: white; }
+
+.btn-secondary {
+  background-color: #343a40;
+  color: #fefefe;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
+  .btn-secondary:visited {
+    background-color: #343a40;
+    color: #fefefe; }
+  .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:visited:hover, .btn-secondary:visited:active, .btn-secondary:visited:focus, .btn-secondary:not(.disabled):not(:disabled):hover, .btn-secondary:not(.disabled):not(:disabled):active, .btn-secondary:not(.disabled):not(:disabled):focus {
+    background-color: #52575d;
+    color: white; }
+
+.btn-warning {
+  background-color: #ff922b;
+  color: #fefefe;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
+  .btn-warning:visited {
+    background-color: #ff922b;
+    color: #fefefe; }
+  .btn-warning:hover, .btn-warning:active, .btn-warning:focus, .btn-warning:visited:hover, .btn-warning:visited:active, .btn-warning:visited:focus, .btn-warning:not(.disabled):not(:disabled):hover, .btn-warning:not(.disabled):not(:disabled):active, .btn-warning:not(.disabled):not(:disabled):focus {
+    background-color: #ffa24b;
+    color: white; }
+
+.btn-danger {
+  background-color: #ff6b6b;
+  color: #fefefe;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
+  .btn-danger:visited {
+    background-color: #ff6b6b;
+    color: #fefefe; }
+  .btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn-danger:visited:hover, .btn-danger:visited:active, .btn-danger:visited:focus, .btn-danger:not(.disabled):not(:disabled):hover, .btn-danger:not(.disabled):not(:disabled):active, .btn-danger:not(.disabled):not(:disabled):focus {
+    background-color: #ff8181;
+    color: white; }
+
+.btn-info {
+  background-color: #3bc9db;
+  color: #fefefe;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
+  .btn-info:visited {
+    background-color: #3bc9db;
+    color: #fefefe; }
+  .btn-info:hover, .btn-info:active, .btn-info:focus, .btn-info:visited:hover, .btn-info:visited:active, .btn-info:visited:focus, .btn-info:not(.disabled):not(:disabled):hover, .btn-info:not(.disabled):not(:disabled):active, .btn-info:not(.disabled):not(:disabled):focus {
+    background-color: #58d1e0;
+    color: white; }
+
+.btn-success {
+  background-color: #51cf66;
+  color: #fefefe;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
+  .btn-success:visited {
+    background-color: #51cf66;
+    color: #fefefe; }
+  .btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success:visited:hover, .btn-success:visited:active, .btn-success:visited:focus, .btn-success:not(.disabled):not(:disabled):hover, .btn-success:not(.disabled):not(:disabled):active, .btn-success:not(.disabled):not(:disabled):focus {
+    background-color: #6bd67d;
+    color: white; }
+
+.btn-muted {
+  background-color: #adb5bd;
+  color: #fefefe;
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0); }
+  .btn-muted:visited {
+    background-color: #adb5bd;
+    color: #fefefe; }
+  .btn-muted:hover, .btn-muted:active, .btn-muted:focus, .btn-muted:visited:hover, .btn-muted:visited:active, .btn-muted:visited:focus, .btn-muted:not(.disabled):not(:disabled):hover, .btn-muted:not(.disabled):not(:disabled):active, .btn-muted:not(.disabled):not(:disabled):focus {
+    background-color: #b9c0c7;
+    color: white; }
+
+.head-blue .card-header, .head-blue .menu-header, .head-blue.header-bg th {
+  background-color: #339af0;
+  color: #fefefe; }
+
+.head-blue th {
+  color: #339af0; }
+
+.head-violet .card-header, .head-violet .menu-header, .head-violet.header-bg th {
+  background-color: #845ef7;
+  color: #fefefe; }
+
+.head-violet th {
+  color: #845ef7; }
+
+.head-red .card-header, .head-red .menu-header, .head-red.header-bg th {
+  background-color: #ff6b6b;
+  color: #fefefe; }
+
+.head-red th {
+  color: #ff6b6b; }
+
+.head-orange .card-header, .head-orange .menu-header, .head-orange.header-bg th {
+  background-color: #ff922b;
+  color: #fefefe; }
+
+.head-orange th {
+  color: #ff922b; }
+
+.head-green .card-header, .head-green .menu-header, .head-green.header-bg th {
+  background-color: #51cf66;
+  color: #fefefe; }
+
+.head-green th {
+  color: #51cf66; }
+
+.head-skyblue .card-header, .head-skyblue .menu-header, .head-skyblue.header-bg th {
+  background-color: #3bc9db;
+  color: #fefefe; }
+
+.head-skyblue th {
+  color: #3bc9db; }
+
+.head-dark .card-header, .head-dark .menu-header, .head-dark.header-bg th {
+  background-color: #343a40;
+  color: #fefefe; }
+
+.head-dark th {
+  color: #343a40; }
+
+.head-light .card-header, .head-light .menu-header, .head-light.header-bg th {
+  background-color: #fefefe;
+  color: #212529; }
+
+.head-light th {
+  color: #fefefe; }
+
+.head-yellow .card-header, .head-yellow .menu-header, .head-yellow.header-bg th {
+  background-color: #fcc419;
+  color: #fefefe; }
+
+.head-yellow th {
+  color: #fcc419; }
+
+.head-grey .card-header, .head-grey .menu-header, .head-grey.header-bg th {
+  background-color: #adb5bd;
+  color: #fefefe; }
+
+.head-grey th {
+  color: #adb5bd; }
+
+.head-dark2 .card-header, .head-dark2 .menu-header, .head-dark2.header-bg th {
+  background-color: #212529;
+  color: #fefefe; }
+
+.head-dark2 th {
+  color: #212529; }
+
+.head-light2 .card-header, .head-light2 .menu-header, .head-light2.header-bg th {
+  background-color: #f1f3f5;
+  color: #212529; }
+
+.head-light2 th {
+  color: #f1f3f5; }
+
+.head-primary .card-header, .head-primary .menu-header, .head-primary.header-bg th {
+  background-color: #339af0;
+  color: #fefefe; }
+
+.head-primary th {
+  color: #339af0; }
+
+.head-secondary .card-header, .head-secondary .menu-header, .head-secondary.header-bg th {
+  background-color: #343a40;
+  color: #fefefe; }
+
+.head-secondary th {
+  color: #343a40; }
+
+.head-warning .card-header, .head-warning .menu-header, .head-warning.header-bg th {
+  background-color: #ff922b;
+  color: #fefefe; }
+
+.head-warning th {
+  color: #ff922b; }
+
+.head-danger .card-header, .head-danger .menu-header, .head-danger.header-bg th {
+  background-color: #ff6b6b;
+  color: #fefefe; }
+
+.head-danger th {
+  color: #ff6b6b; }
+
+.head-info .card-header, .head-info .menu-header, .head-info.header-bg th {
+  background-color: #3bc9db;
+  color: #fefefe; }
+
+.head-info th {
+  color: #3bc9db; }
+
+.head-success .card-header, .head-success .menu-header, .head-success.header-bg th {
+  background-color: #51cf66;
+  color: #fefefe; }
+
+.head-success th {
+  color: #51cf66; }
+
+.head-muted .card-header, .head-muted .menu-header, .head-muted.header-bg th {
+  background-color: #adb5bd;
+  color: #fefefe; }
+
+.head-muted th {
+  color: #adb5bd; }
+
+.fg-light {
+  color: #fefefe; }
+
+.fg-dark {
+  color: #212529; }
+
+/* 1.3 - List classes
+ * Handle more easily list
+**/
+.no-pills {
+  list-style: none; }
+
+/* 1.3 - Sizing classes
+ * Handle sizing and margin
+**/
+.m-half {
+  margin: 0.8rem; }
+
+.mb-half {
+  margin-bottom: 0.8rem; }
+
+.mr-half {
+  margin-right: 0.8rem; }
+
+.ml-half {
+  margin-left: 0.8rem; }
+
+.mt-half {
+  margin-top: 0.8rem; }
+
+.m-1 {
+  margin: 1.6rem; }
+
+.mb-1 {
+  margin-bottom: 1.6rem; }
+
+.mr-1 {
+  margin-right: 1.6rem; }
+
+.ml-1 {
+  margin-left: 1.6rem; }
+
+.mt-1 {
+  margin-top: 1.6rem; }
+
+.m-2 {
+  margin: 3.2rem; }
+
+.mb-2 {
+  margin-bottom: 3.2rem; }
+
+.mr-2 {
+  margin-right: 3.2rem; }
+
+.ml-2 {
+  margin-left: 3.2rem; }
+
+.mt-2 {
+  margin-top: 3.2rem; }
+
+.m-3 {
+  margin: 4.8rem; }
+
+.mb-3 {
+  margin-bottom: 4.8rem; }
+
+.mr-3 {
+  margin-right: 4.8rem; }
+
+.ml-3 {
+  margin-left: 4.8rem; }
+
+.mt-3 {
+  margin-top: 4.8rem; }
+
+.m-4 {
+  margin: 6.4rem; }
+
+.mb-4 {
+  margin-bottom: 6.4rem; }
+
+.mr-4 {
+  margin-right: 6.4rem; }
+
+.ml-4 {
+  margin-left: 6.4rem; }
+
+.mt-4 {
+  margin-top: 6.4rem; }
+
+.p-half {
+  padding: 0.8rem; }
+
+.pb-half {
+  padding-bottom: 0.8rem; }
+
+.pr-half {
+  padding-right: 0.8rem; }
+
+.pl-half {
+  padding-left: 0.8rem; }
+
+.pt-half {
+  padding-top: 0.8rem; }
+
+.p-1 {
+  padding: 1.6rem; }
+
+.pb-1 {
+  padding-bottom: 1.6rem; }
+
+.pr-1 {
+  padding-right: 1.6rem; }
+
+.pl-1 {
+  padding-left: 1.6rem; }
+
+.pt-1 {
+  padding-top: 1.6rem; }
+
+.p-2 {
+  padding: 3.2rem; }
+
+.pb-2 {
+  padding-bottom: 3.2rem; }
+
+.pr-2 {
+  padding-right: 3.2rem; }
+
+.pl-2 {
+  padding-left: 3.2rem; }
+
+.pt-2 {
+  padding-top: 3.2rem; }
+
+.p-3 {
+  padding: 4.8rem; }
+
+.pb-3 {
+  padding-bottom: 4.8rem; }
+
+.pr-3 {
+  padding-right: 4.8rem; }
+
+.pl-3 {
+  padding-left: 4.8rem; }
+
+.pt-3 {
+  padding-top: 4.8rem; }
+
+.p-4 {
+  padding: 6.4rem; }
+
+.pb-4 {
+  padding-bottom: 6.4rem; }
+
+.pr-4 {
+  padding-right: 6.4rem; }
+
+.pl-4 {
+  padding-left: 6.4rem; }
+
+.pt-4 {
+  padding-top: 6.4rem; }
+
+.f-column {
+  display: flex;
+  flex-direction: column; }
+  .f-column.reverse {
+    flex-direction: column-reverse; }
+
+.f-row {
+  display: flex;
+  flex-direction: row; }
+  .f-row.reverse {
+    flex-direction: row-reverse; }
+
+.f-start {
+  justify-content: flex-start; }
+
+.f-end {
+  justify-content: flex-end; }
+
+.f-center {
+  justify-content: center; }
+
+.f-around {
+  justify-content: space-around; }
+
+.f-between {
+  justify-content: space-between; }
+
+/* 4 - Custom styling
+ * Styles that are custom to this particular theme
+**/
 /* --- 03. GLOBAL STYLING --- */
 /*
  * Les styles "globaux" touchant toute la page.
@@ -607,14 +2724,12 @@ th {
 
 /* ------------------ HEADERS ------------------- */
 #page-header {
-  background: #2aa198 url("img/background.png") center bottom repeat-x;
-  border-top: 6px solid #073642;
+  background: #339af0 url("img/background.png") center bottom repeat-x;
   padding-top: .75rem;
   padding-bottom: 1.5rem; }
 
 header h1 {
   border-style: none !important;
-  color: #fdf6e3;
   font-weight: 800;
   font-size: 5.4em;
   font-style: oblique;
@@ -649,7 +2764,7 @@ header h1 {
         display: none;
         position: absolute;
         left: -0.75rem;
-        background-color: #eee8d5;
+        background-color: #fefefe;
         padding: 1.5rem;
         padding-top: 0.5rem;
         padding-bottom: 0.5rem;
@@ -667,31 +2782,31 @@ header h1 {
   border-left: 0;
   border-right: 0;
   padding: 0.75rem;
-  color: #fdf6e3; }
+  color: #fefefe; }
   .navbar a {
-    color: #fdf6e3; }
+    color: #fefefe; }
   .navbar li {
     margin: 0; }
 
 .dropdown-menu {
-  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0); }
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0); }
 
 /* ------------------ CONTAINERS ------------------- */
 .container-big {
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
+  padding-left: 1.6rem;
+  padding-right: 1.6rem;
   max-width: 1600px;
   margin: auto; }
 
 .container-blog {
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
+  padding-left: 1.6rem;
+  padding-right: 1.6rem;
   max-width: 1600px;
   margin: auto;
   display: grid;
   grid-template-columns: 1fr;
   grid-template-rows: auto;
-  row-gap: 1.5rem;
+  row-gap: 1.6rem;
   column-gap: 3rem;
   grid-template-areas: "main" "side"; }
   @media (min-width: 992px) {
@@ -715,14 +2830,14 @@ ul.tag-list {
     margin: 3px; }
 
 .container-preview {
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
+  padding-left: 1.6rem;
+  padding-right: 1.6rem;
   max-width: 1600px;
   margin: auto;
   display: grid;
   grid-template-columns: 1fr;
   grid-template-rows: auto;
-  row-gap: 1.5rem;
+  row-gap: 1.6rem;
   column-gap: 3rem;
   grid-template-areas: "main" "side"; }
   @media (min-width: 992px) {
@@ -732,11 +2847,11 @@ ul.tag-list {
 .container-onecolumn {
   max-width: 1280px;
   margin: auto;
-  padding-bottom: 1.5rem; }
+  padding-bottom: 1.6rem; }
 
 .container-personnage {
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
+  padding-left: 1.6rem;
+  padding-right: 1.6rem;
   max-width: 1600px;
   margin: auto;
   display: grid;
@@ -776,46 +2891,32 @@ ul.tag-list {
 
 /* ------------------ PAGE ------------------- */
 #wrapper {
-  background-color: #fdf6e3; }
+  background-color: #fefefe; }
 
 /* ------------------ FOOTER ------------------- */
 body {
-  background-color: #073642; }
+  background-color: getColor("dark"); }
 
 footer {
-  position: relative;
-  color: #fdf6e3;
+  color: getColor("light");
   padding-top: 1.5rem;
   font-size: 0.8rem !important;
   padding-bottom: 1.5rem; }
-  footer::before {
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 32' fill='rgb(7,54,66)' fill-opacity='1'%3E%3Cpolygon points='0,32 100,32 100,0'%3E%3C/polygon%3E%3C/svg%3E");
-    background-position: center center;
-    background-repeat: no-repeat;
-    background-size: 100% 100%;
-    content: '';
-    height: 32px;
-    left: 0;
-    position: absolute;
-    right: 0;
-    width: 100%;
-    z-index: 1;
-    top: -32px; }
   footer .footer-collumns {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
+    padding-left: 1.6rem;
+    padding-right: 1.6rem;
     max-width: 1600px;
     margin: auto;
     display: grid;
     grid-template-columns: 1fr;
     grid-template-rows: auto;
-    grid-gap: 1.5rem;
-    padding-bottom: 1.5rem; }
+    grid-gap: 1.6rem;
+    padding-bottom: 1.6rem; }
     @media (min-width: 992px) {
       footer .footer-collumns {
         grid-template-columns: 1fr 1fr 1fr; } }
     footer .footer-collumns a:hover, footer .footer-collumns a:active, footer .footer-collumns a:visited, footer .footer-collumns a:visited:hover, footer .footer-collumns a:visited:active, footer .footer-collumns a:visited:visited {
-      color: #fdf6e3; }
+      color: getColor("light"); }
 
 /* social media */
 ul.social {
@@ -828,1363 +2929,17 @@ ul.social {
     list-style: none;
     display: inline; }
     ul.social li a, ul.social li a:visited {
-      color: #073642;
-      background-color: #fdf6e3;
+      color: getColor("dark");
+      background-color: getColor("light");
       padding: 0.3em;
       padding-left: 0.36em;
       padding-right: 0.36em;
       vertical-align: middle;
       border-radius: 100%; }
       ul.social li a:hover, ul.social li a:visited:hover {
-        color: #fdf6e3;
-        background-color: #073642; }
+        color: getColor("light");
+        background-color: getColor("dark"); }
 
-/* --- 04. COMPOSANTS --- */
-/*
- * Les différents composants réutilisables de la page.
- *
- */
-/*
- * 2. Cards and containers
- * All elements that are supposed to contain other stuff
- *
- *
-*/
-.card, .menu {
-  border-radius: 0px 0px 0px 0px;
-  background-color: #eee8d5;
-  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0);
-  border: none;
-  margin: 0;
-  margin-bottom: 1.5rem;
-  padding: 1.5rem;
-  /* Menu handling */ }
-  .card-body, .menu-body {
-    padding: 0 !important;
-    margin: 0 !important; }
-  .card-header, .menu-header {
-    font-size: 1.1em;
-    font-weight: 300;
-    border-radius: 0;
-    padding: 0.75rem;
-    padding-left: 0;
-    padding-right: 0;
-    padding-bottom: 0.75rem !important;
-    margin-bottom: 0.75rem;
-    line-height: 1.5rem;
-    white-space: nowrap;
-    position: relative;
-    left: -1.875rem;
-    width: 95%;
-    position: relative;
-    z-index: 1;
-    overflow: visible; }
-    .card-header:before, .menu-header:before {
-      content: " ";
-      position: absolute;
-      top: 0;
-      left: -0.75rem;
-      right: -0.75rem;
-      bottom: 0;
-      z-index: -1;
-      transform: skewX(-15deg);
-      transition: background-color 0.3s; }
-    .card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6, .card-header h7, .card-header h8, .card-header h9, .card-header h10, .menu-header h1, .menu-header h2, .menu-header h3, .menu-header h4, .menu-header h5, .menu-header h6, .menu-header h7, .menu-header h8, .menu-header h9, .menu-header h10 {
-      font-family: Open Sans, sans-serif;
-      font-size: 1rem;
-      padding: 0px;
-      margin: 0px;
-      color: #fdf6e3;
-      font-weight: 300;
-      line-height: 1.5rem; }
-    .card-header .fa, .menu-header .fa {
-      margin-right: 0.5em; }
-  .card-menu, .menu-menu {
-    display: flex;
-    flex-direction: column; }
-    .card-menu ul, .menu-menu ul {
-      margin: 0;
-      padding: 0; }
-    .card-menu li, .menu-menu li {
-      list-style: none;
-      padding: 0;
-      margin: 0; }
-    .card-menu .menu-element, .card-menu .menu-element-link, .card-menu li a, .card-menu li a:visited, .menu-menu .menu-element, .menu-menu .menu-element-link, .menu-menu li a, .menu-menu li a:visited {
-      display: flex;
-      line-height: 1.5rem;
-      padding-right: 0.75rem;
-      padding-left: 0.375rem;
-      padding-top: 0.375rem;
-      padding-bottom: 0.375rem;
-      margin: 0;
-      justify-content: space-between;
-      word-wrap: none;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-      overflow: hidden;
-      position: relative;
-      z-index: 1;
-      overflow: visible; }
-      .card-menu .menu-element:before, .card-menu .menu-element-link:before, .card-menu li a:before, .card-menu li a:visited:before, .menu-menu .menu-element:before, .menu-menu .menu-element-link:before, .menu-menu li a:before, .menu-menu li a:visited:before {
-        content: " ";
-        position: absolute;
-        top: 0;
-        left: -0.375rem;
-        right: -0.375rem;
-        bottom: 0;
-        z-index: -1;
-        transform: skewX(-15deg);
-        transition: background-color 0.3s; }
-      .card-menu .menu-element strong, .card-menu .menu-element-link strong, .card-menu li a strong, .card-menu li a:visited strong, .menu-menu .menu-element strong, .menu-menu .menu-element-link strong, .menu-menu li a strong, .menu-menu li a:visited strong {
-        font-weight: 900;
-        color: #002b36 !important; }
-      .card-menu .menu-element.noflex, .card-menu .menu-element-link.noflex, .card-menu li a.noflex, .card-menu li a:visited.noflex, .menu-menu .menu-element.noflex, .menu-menu .menu-element-link.noflex, .menu-menu li a.noflex, .menu-menu li a:visited.noflex {
-        justify-content: flex-start; }
-        .card-menu .menu-element.noflex :first-child, .card-menu .menu-element-link.noflex :first-child, .card-menu li a.noflex :first-child, .card-menu li a:visited.noflex :first-child, .menu-menu .menu-element.noflex :first-child, .menu-menu .menu-element-link.noflex :first-child, .menu-menu li a.noflex :first-child, .menu-menu li a:visited.noflex :first-child {
-          min-width: 2rem; }
-    .card-menu a, .card-menu a:visited, .menu-menu a, .menu-menu a:visited {
-      text-decoration: none;
-      color: #d33682;
-      background-color: transparent; }
-      .card-menu a:hover, .card-menu a:visited:hover, .menu-menu a:hover, .menu-menu a:visited:hover {
-        text-decoration: none;
-        color: #d33682;
-        position: relative;
-        z-index: 1;
-        overflow: visible; }
-        .card-menu a:hover:before, .card-menu a:visited:hover:before, .menu-menu a:hover:before, .menu-menu a:visited:hover:before {
-          content: " ";
-          position: absolute;
-          top: 0;
-          left: -0.375rem;
-          right: -0.375rem;
-          bottom: 0;
-          z-index: -1;
-          transform: skewX(-15deg);
-          transition: background-color 0.3s; }
-        .card-menu a:hover:before, .card-menu a:visited:hover:before, .menu-menu a:hover:before, .menu-menu a:visited:hover:before {
-          background-color: #e3d9ba; }
-    .card-menu .menu-divider, .menu-menu .menu-divider {
-      position: relative;
-      left: -0.375rem;
-      font-weight: 800;
-      padding-top: 0.375rem;
-      padding-bottom: 0.375rem; }
-
-/* CARD LIST - Make a list part of a card */
-ul.card-list, .card > ul {
-  padding: 0;
-  margin: 0; }
-  ul.card-list li.list-element, .card > ul li.list-element {
-    line-height: 1.5rem;
-    padding-right: 0.75rem;
-    padding-left: 0.375rem;
-    padding-top: 0.375rem;
-    padding-bottom: 0.375rem;
-    margin: 0; }
-
-.list-check li.list-element {
-  list-style: none; }
-  .list-check li.list-element::before {
-    font-family: "ForkAwesome";
-    content: "";
-    padding-right: 0.75rem; }
-
-.list-cross li.list-element {
-  list-style: none; }
-  .list-cross li.list-element::before {
-    font-family: "ForkAwesome";
-    content: "";
-    padding-right: 0.75rem; }
-
-.list-danger li.list-element::before {
-  color: #dc322f; }
-
-.list-success li.list-element::before {
-  color: #859900; }
-
-.smallcard, .toast {
-  border-radius: 0px 0px 0px 0px;
-  background-color: #eee8d5;
-  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0);
-  border: none;
-  margin: 0;
-  margin-bottom: 1.5rem;
-  padding: 0.75rem; }
-  .smallcard-header, .toast-header {
-    font-size: 1.1em;
-    font-weight: 300;
-    border-radius: 0;
-    padding: 0.75rem;
-    padding-left: 0;
-    padding-right: 0;
-    padding-bottom: 0.75rem !important;
-    margin-bottom: 0.75rem;
-    line-height: 1.5rem;
-    white-space: nowrap;
-    position: relative;
-    left: -1.875rem;
-    width: 95%;
-    position: relative;
-    z-index: 1;
-    overflow: visible; }
-    .smallcard-header:before, .toast-header:before {
-      content: " ";
-      position: absolute;
-      top: 0;
-      left: -0.75rem;
-      right: -0.75rem;
-      bottom: 0;
-      z-index: -1;
-      transform: skewX(-15deg);
-      transition: background-color 0.3s; }
-    .smallcard-header h1, .smallcard-header h2, .smallcard-header h3, .smallcard-header h4, .smallcard-header h5, .smallcard-header h6, .smallcard-header h7, .smallcard-header h8, .smallcard-header h9, .smallcard-header h10, .toast-header h1, .toast-header h2, .toast-header h3, .toast-header h4, .toast-header h5, .toast-header h6, .toast-header h7, .toast-header h8, .toast-header h9, .toast-header h10 {
-      font-family: Open Sans, sans-serif;
-      font-size: 1rem;
-      padding: 0px;
-      margin: 0px;
-      color: #fdf6e3;
-      font-weight: 300;
-      line-height: 1.5rem; }
-
-/* COLORIZE CARDS and TOASTS */
-.card-blue .card-header, .card-blue .menu-header, .smallcard-blue .card-header, .smallcard-blue .menu-header, .menu-blue .card-header, .menu-blue .menu-header {
-  background-color: #268bd2 !important;
-  color: #fdf6e3; }
-  .card-blue .card-header:before, .card-blue .menu-header:before, .smallcard-blue .card-header:before, .smallcard-blue .menu-header:before, .menu-blue .card-header:before, .menu-blue .menu-header:before {
-    background-color: #268bd2 !important;
-    color: #fdf6e3; }
-
-.card-violet .card-header, .card-violet .menu-header, .smallcard-violet .card-header, .smallcard-violet .menu-header, .menu-violet .card-header, .menu-violet .menu-header {
-  background-color: #d33682 !important;
-  color: #fdf6e3; }
-  .card-violet .card-header:before, .card-violet .menu-header:before, .smallcard-violet .card-header:before, .smallcard-violet .menu-header:before, .menu-violet .card-header:before, .menu-violet .menu-header:before {
-    background-color: #d33682 !important;
-    color: #fdf6e3; }
-
-.card-red .card-header, .card-red .menu-header, .smallcard-red .card-header, .smallcard-red .menu-header, .menu-red .card-header, .menu-red .menu-header {
-  background-color: #dc322f !important;
-  color: #fdf6e3; }
-  .card-red .card-header:before, .card-red .menu-header:before, .smallcard-red .card-header:before, .smallcard-red .menu-header:before, .menu-red .card-header:before, .menu-red .menu-header:before {
-    background-color: #dc322f !important;
-    color: #fdf6e3; }
-
-.card-orange .card-header, .card-orange .menu-header, .smallcard-orange .card-header, .smallcard-orange .menu-header, .menu-orange .card-header, .menu-orange .menu-header {
-  background-color: #cb4b16 !important;
-  color: #fdf6e3; }
-  .card-orange .card-header:before, .card-orange .menu-header:before, .smallcard-orange .card-header:before, .smallcard-orange .menu-header:before, .menu-orange .card-header:before, .menu-orange .menu-header:before {
-    background-color: #cb4b16 !important;
-    color: #fdf6e3; }
-
-.card-green .card-header, .card-green .menu-header, .smallcard-green .card-header, .smallcard-green .menu-header, .menu-green .card-header, .menu-green .menu-header {
-  background-color: #859900 !important;
-  color: #fdf6e3; }
-  .card-green .card-header:before, .card-green .menu-header:before, .smallcard-green .card-header:before, .smallcard-green .menu-header:before, .menu-green .card-header:before, .menu-green .menu-header:before {
-    background-color: #859900 !important;
-    color: #fdf6e3; }
-
-.card-skyblue .card-header, .card-skyblue .menu-header, .smallcard-skyblue .card-header, .smallcard-skyblue .menu-header, .menu-skyblue .card-header, .menu-skyblue .menu-header {
-  background-color: #2aa198 !important;
-  color: #fdf6e3; }
-  .card-skyblue .card-header:before, .card-skyblue .menu-header:before, .smallcard-skyblue .card-header:before, .smallcard-skyblue .menu-header:before, .menu-skyblue .card-header:before, .menu-skyblue .menu-header:before {
-    background-color: #2aa198 !important;
-    color: #fdf6e3; }
-
-.card-dark .card-header, .card-dark .menu-header, .smallcard-dark .card-header, .smallcard-dark .menu-header, .menu-dark .card-header, .menu-dark .menu-header {
-  background-color: #002b36 !important;
-  color: #fdf6e3; }
-  .card-dark .card-header:before, .card-dark .menu-header:before, .smallcard-dark .card-header:before, .smallcard-dark .menu-header:before, .menu-dark .card-header:before, .menu-dark .menu-header:before {
-    background-color: #002b36 !important;
-    color: #fdf6e3; }
-
-.card-light .card-header, .card-light .menu-header, .smallcard-light .card-header, .smallcard-light .menu-header, .menu-light .card-header, .menu-light .menu-header {
-  background-color: #eee8d5 !important;
-  color: #002b36; }
-  .card-light .card-header:before, .card-light .menu-header:before, .smallcard-light .card-header:before, .smallcard-light .menu-header:before, .menu-light .card-header:before, .menu-light .menu-header:before {
-    background-color: #eee8d5 !important;
-    color: #002b36; }
-
-.card-yellow .card-header, .card-yellow .menu-header, .smallcard-yellow .card-header, .smallcard-yellow .menu-header, .menu-yellow .card-header, .menu-yellow .menu-header {
-  background-color: #b58900 !important;
-  color: #fdf6e3; }
-  .card-yellow .card-header:before, .card-yellow .menu-header:before, .smallcard-yellow .card-header:before, .smallcard-yellow .menu-header:before, .menu-yellow .card-header:before, .menu-yellow .menu-header:before {
-    background-color: #b58900 !important;
-    color: #fdf6e3; }
-
-.card-grey .card-header, .card-grey .menu-header, .smallcard-grey .card-header, .smallcard-grey .menu-header, .menu-grey .card-header, .menu-grey .menu-header {
-  background-color: #586e75 !important;
-  color: #fdf6e3; }
-  .card-grey .card-header:before, .card-grey .menu-header:before, .smallcard-grey .card-header:before, .smallcard-grey .menu-header:before, .menu-grey .card-header:before, .menu-grey .menu-header:before {
-    background-color: #586e75 !important;
-    color: #fdf6e3; }
-
-.card-primary .card-header, .card-primary .menu-header, .smallcard-primary .card-header, .smallcard-primary .menu-header, .menu-primary .card-header, .menu-primary .menu-header {
-  background-color: #d33682 !important;
-  color: #fdf6e3; }
-  .card-primary .card-header:before, .card-primary .menu-header:before, .smallcard-primary .card-header:before, .smallcard-primary .menu-header:before, .menu-primary .card-header:before, .menu-primary .menu-header:before {
-    background-color: #d33682 !important;
-    color: #fdf6e3; }
-
-.card-secondary .card-header, .card-secondary .menu-header, .smallcard-secondary .card-header, .smallcard-secondary .menu-header, .menu-secondary .card-header, .menu-secondary .menu-header {
-  background-color: #2aa198 !important;
-  color: #fdf6e3; }
-  .card-secondary .card-header:before, .card-secondary .menu-header:before, .smallcard-secondary .card-header:before, .smallcard-secondary .menu-header:before, .menu-secondary .card-header:before, .menu-secondary .menu-header:before {
-    background-color: #2aa198 !important;
-    color: #fdf6e3; }
-
-.card-warning .card-header, .card-warning .menu-header, .smallcard-warning .card-header, .smallcard-warning .menu-header, .menu-warning .card-header, .menu-warning .menu-header {
-  background-color: #cb4b16 !important;
-  color: #fdf6e3; }
-  .card-warning .card-header:before, .card-warning .menu-header:before, .smallcard-warning .card-header:before, .smallcard-warning .menu-header:before, .menu-warning .card-header:before, .menu-warning .menu-header:before {
-    background-color: #cb4b16 !important;
-    color: #fdf6e3; }
-
-.card-danger .card-header, .card-danger .menu-header, .smallcard-danger .card-header, .smallcard-danger .menu-header, .menu-danger .card-header, .menu-danger .menu-header {
-  background-color: #dc322f !important;
-  color: #fdf6e3; }
-  .card-danger .card-header:before, .card-danger .menu-header:before, .smallcard-danger .card-header:before, .smallcard-danger .menu-header:before, .menu-danger .card-header:before, .menu-danger .menu-header:before {
-    background-color: #dc322f !important;
-    color: #fdf6e3; }
-
-.card-info .card-header, .card-info .menu-header, .smallcard-info .card-header, .smallcard-info .menu-header, .menu-info .card-header, .menu-info .menu-header {
-  background-color: #2aa198 !important;
-  color: #fdf6e3; }
-  .card-info .card-header:before, .card-info .menu-header:before, .smallcard-info .card-header:before, .smallcard-info .menu-header:before, .menu-info .card-header:before, .menu-info .menu-header:before {
-    background-color: #2aa198 !important;
-    color: #fdf6e3; }
-
-.card-success .card-header, .card-success .menu-header, .smallcard-success .card-header, .smallcard-success .menu-header, .menu-success .card-header, .menu-success .menu-header {
-  background-color: #859900 !important;
-  color: #fdf6e3; }
-  .card-success .card-header:before, .card-success .menu-header:before, .smallcard-success .card-header:before, .smallcard-success .menu-header:before, .menu-success .card-header:before, .menu-success .menu-header:before {
-    background-color: #859900 !important;
-    color: #fdf6e3; }
-
-.toast-blue {
-  background-color: #268bd2 !important;
-  color: #fdf6e3; }
-
-.toast-violet {
-  background-color: #d33682 !important;
-  color: #fdf6e3; }
-
-.toast-red {
-  background-color: #dc322f !important;
-  color: #fdf6e3; }
-
-.toast-orange {
-  background-color: #cb4b16 !important;
-  color: #fdf6e3; }
-
-.toast-green {
-  background-color: #859900 !important;
-  color: #fdf6e3; }
-
-.toast-skyblue {
-  background-color: #2aa198 !important;
-  color: #fdf6e3; }
-
-.toast-dark {
-  background-color: #002b36 !important;
-  color: #fdf6e3; }
-
-.toast-light {
-  background-color: #eee8d5 !important;
-  color: #002b36; }
-
-.toast-yellow {
-  background-color: #b58900 !important;
-  color: #fdf6e3; }
-
-.toast-grey {
-  background-color: #586e75 !important;
-  color: #fdf6e3; }
-
-.toast-primary {
-  background-color: #d33682 !important;
-  color: #fdf6e3; }
-
-.toast-secondary {
-  background-color: #2aa198 !important;
-  color: #fdf6e3; }
-
-.toast-warning {
-  background-color: #cb4b16 !important;
-  color: #fdf6e3; }
-
-.toast-danger {
-  background-color: #dc322f !important;
-  color: #fdf6e3; }
-
-.toast-info {
-  background-color: #2aa198 !important;
-  color: #fdf6e3; }
-
-.toast-success {
-  background-color: #859900 !important;
-  color: #fdf6e3; }
-
-.toast a, .toast a:visited {
-  color: #fdf6e3;
-  background-color: rgba(0, 0, 0, 0.15);
-  text-decoration: none;
-  opacity: 1; }
-  .toast a:hover, .toast a:active, .toast a:visited, .toast a:visited:hover, .toast a:visited:active, .toast a:visited:visited {
-    color: #fdf6e3;
-    background-color: transparent;
-    opacity: 1; }
-
-/*
- * 3. Buttons and labels
- * All clickable elements
- *
-*/
-.btn {
-  padding: 1.5rem;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  margin: 0.75rem;
-  margin-top: 0.5rem;
-  margin-bottom: 1.5rem;
-  line-height: 1.5rem;
-  height: auto;
-  border: 0px solid rgba(0, 0, 0, 0.3);
-  border-radius: 0px 0px 0px 0px;
-  font-weight: 400;
-  background-color: transparent;
-  position: relative;
-  z-index: 1;
-  overflow: visible; }
-  .btn:hover, .btn:active, .btn:focus, a:hover > .btn, a:active > .btn, a:focus > .btn {
-    text-decoration: none;
-    background-color: transparent; }
-  .btn:focus {
-    outline: none;
-    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0); }
-    .btn:focus:before {
-      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0.3);
-      outline: none; }
-  .btn:before {
-    content: " ";
-    position: absolute;
-    top: 0;
-    left: -0.75rem;
-    right: -0.75rem;
-    bottom: 0;
-    z-index: -1;
-    transform: skewX(-15deg);
-    transition: background-color 0.3s; }
-  .btn:hover, .btn:active {
-    border: 0px solid rgba(0, 0, 0, 0.3); }
-  p .btn:last-child {
-    margin-bottom: 0; }
-
-.btn-small {
-  padding: 0.375rem;
-  padding-top: 0.125rem;
-  padding-bottom: 0.125rem;
-  margin: 0.1875rem;
-  margin-top: 0.125rem;
-  margin-bottom: 1.5rem;
-  line-height: 1.5rem;
-  height: auto;
-  border: 0px solid rgba(0, 0, 0, 0.3);
-  border-radius: 0px 0px 0px 0px;
-  font-weight: 400;
-  background-color: transparent;
-  position: relative;
-  z-index: 1;
-  overflow: visible;
-  padding-left: 0.375rem;
-  padding-right: 0.375rem;
-  text-decoration: none; }
-  .btn-small:hover, .btn-small:active, .btn-small:focus, a:hover > .btn-small, a:active > .btn-small, a:focus > .btn-small {
-    text-decoration: none;
-    background-color: transparent; }
-  .btn-small:focus {
-    outline: none;
-    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0); }
-    .btn-small:focus:before {
-      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0.3);
-      outline: none; }
-  .btn-small:before {
-    content: " ";
-    position: absolute;
-    top: 0;
-    left: -0.1875rem;
-    right: -0.1875rem;
-    bottom: 0;
-    z-index: -1;
-    transform: skewX(-15deg);
-    transition: background-color 0.3s; }
-
-.menu-label {
-  position: relative;
-  z-index: 1;
-  overflow: visible;
-  padding-left: 0.375rem;
-  padding-right: 0.375rem; }
-  .menu-label:before {
-    content: " ";
-    position: absolute;
-    top: 0;
-    left: -0.1875rem;
-    right: -0.1875rem;
-    bottom: 0;
-    z-index: -1;
-    transform: skewX(-15deg);
-    transition: background-color 0.3s; }
-
-.btn-navbar {
-  color: #fdf6e3;
-  padding-left: 0.375rem;
-  padding-right: 0.375rem; }
-  .btn-navbar:before {
-    background-color: transparent; }
-  .btn-navbar:visited {
-    color: #fdf6e3; }
-    .btn-navbar:visited:before {
-      background-color: transparent; }
-  .btn-navbar:hover, .btn-navbar:active, .btn-navbar:focus, a:hover > .btn-navbar, a:active > .btn-navbar, a:focus > .btn-navbar, .btn-navbar:visited:hover, .btn-navbar:visited:active, .btn-navbar:visited:focus, a:hover > .btn-navbar:visited, a:active > .btn-navbar:visited, a:focus > .btn-navbar:visited, .btn-navbar:not(.disabled):not(:disabled):hover, .btn-navbar:not(.disabled):not(:disabled):active, .btn-navbar:not(.disabled):not(:disabled):focus, a:hover > .btn-navbar:not(.disabled):not(:disabled), a:active > .btn-navbar:not(.disabled):not(:disabled), a:focus > .btn-navbar:not(.disabled):not(:disabled) {
-    color: #fffefb; }
-    .btn-navbar:hover:before, .btn-navbar:active:before, .btn-navbar:focus:before, a:hover > .btn-navbar:before, a:active > .btn-navbar:before, a:focus > .btn-navbar:before, .btn-navbar:visited:hover:before, .btn-navbar:visited:active:before, .btn-navbar:visited:focus:before, a:hover > .btn-navbar:visited:before, a:active > .btn-navbar:visited:before, a:focus > .btn-navbar:visited:before, .btn-navbar:not(.disabled):not(:disabled):hover:before, .btn-navbar:not(.disabled):not(:disabled):active:before, .btn-navbar:not(.disabled):not(:disabled):focus:before, a:hover > .btn-navbar:not(.disabled):not(:disabled):before, a:active > .btn-navbar:not(.disabled):not(:disabled):before, a:focus > .btn-navbar:not(.disabled):not(:disabled):before {
-      background-color: rgba(0, 0, 0, 0.1); }
-
-.btn-readmore {
-  color: #d33682; }
-  .btn-readmore:before {
-    background-color: transparent; }
-  .btn-readmore:visited {
-    color: #d33682; }
-    .btn-readmore:visited:before {
-      background-color: transparent; }
-  .btn-readmore:hover, .btn-readmore:active, .btn-readmore:focus, a:hover > .btn-readmore, a:active > .btn-readmore, a:focus > .btn-readmore, .btn-readmore:visited:hover, .btn-readmore:visited:active, .btn-readmore:visited:focus, a:hover > .btn-readmore:visited, a:active > .btn-readmore:visited, a:focus > .btn-readmore:visited, .btn-readmore:not(.disabled):not(:disabled):hover, .btn-readmore:not(.disabled):not(:disabled):active, .btn-readmore:not(.disabled):not(:disabled):focus, a:hover > .btn-readmore:not(.disabled):not(:disabled), a:active > .btn-readmore:not(.disabled):not(:disabled), a:focus > .btn-readmore:not(.disabled):not(:disabled) {
-    color: #d84b8f; }
-    .btn-readmore:hover:before, .btn-readmore:active:before, .btn-readmore:focus:before, a:hover > .btn-readmore:before, a:active > .btn-readmore:before, a:focus > .btn-readmore:before, .btn-readmore:visited:hover:before, .btn-readmore:visited:active:before, .btn-readmore:visited:focus:before, a:hover > .btn-readmore:visited:before, a:active > .btn-readmore:visited:before, a:focus > .btn-readmore:visited:before, .btn-readmore:not(.disabled):not(:disabled):hover:before, .btn-readmore:not(.disabled):not(:disabled):active:before, .btn-readmore:not(.disabled):not(:disabled):focus:before, a:hover > .btn-readmore:not(.disabled):not(:disabled):before, a:active > .btn-readmore:not(.disabled):not(:disabled):before, a:focus > .btn-readmore:not(.disabled):not(:disabled):before {
-      background-color: rgba(0, 0, 0, 0.05); }
-
-.btn-toolbar {
-  padding: 0 1.5rem; }
-
-.btn-group {
-  padding: 0px;
-  background-color: transparent;
-  margin-bottom: 1.33em; }
-
-.btn-group .btn {
-  margin: 0 0.95rem 0 0.95rem !important; }
-
-/* ------------------ BREADCRUMB ------------------- */
-ul.breadcrumb, ol.breadcrumb, .breadcrumb {
-  padding-top: 0em;
-  background-color: transparent;
-  margin: 0;
-  padding-bottom: 2rem; }
-
-.breadcrumb li.breadcrumb-item {
-  padding: 0; }
-  .breadcrumb li.breadcrumb-item:before {
-    display: none; }
-  .breadcrumb li.breadcrumb-item a, .breadcrumb li.breadcrumb-item > span {
-    display: inline-block;
-    padding: 1.5rem;
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-    margin: 0.75rem;
-    margin-top: 0.5rem;
-    margin-bottom: 1.5rem;
-    line-height: 1.5rem;
-    height: auto;
-    border: 0px solid rgba(0, 0, 0, 0.3);
-    border-radius: 0px 0px 0px 0px;
-    font-weight: 400;
-    background-color: transparent;
-    position: relative;
-    z-index: 1;
-    overflow: visible;
-    color: #073642;
-    margin: 0 0.6rem 0 0.6rem; }
-    .breadcrumb li.breadcrumb-item a:hover, .breadcrumb li.breadcrumb-item a:active, .breadcrumb li.breadcrumb-item a:focus, a:hover > .breadcrumb li.breadcrumb-item a, a:active > .breadcrumb li.breadcrumb-item a, a:focus > .breadcrumb li.breadcrumb-item a, .breadcrumb li.breadcrumb-item > span:hover, .breadcrumb li.breadcrumb-item > span:active, .breadcrumb li.breadcrumb-item > span:focus, a:hover > .breadcrumb li.breadcrumb-item > span, a:active > .breadcrumb li.breadcrumb-item > span, a:focus > .breadcrumb li.breadcrumb-item > span {
-      text-decoration: none;
-      background-color: transparent; }
-    .breadcrumb li.breadcrumb-item a:focus, .breadcrumb li.breadcrumb-item > span:focus {
-      outline: none;
-      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0); }
-      .breadcrumb li.breadcrumb-item a:focus:before, .breadcrumb li.breadcrumb-item > span:focus:before {
-        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0.3);
-        outline: none; }
-    .breadcrumb li.breadcrumb-item a:before, .breadcrumb li.breadcrumb-item > span:before {
-      content: " ";
-      position: absolute;
-      top: 0;
-      left: -0.75rem;
-      right: -0.75rem;
-      bottom: 0;
-      z-index: -1;
-      transform: skewX(-15deg);
-      transition: background-color 0.3s; }
-    .breadcrumb li.breadcrumb-item a:before, .breadcrumb li.breadcrumb-item > span:before {
-      background-color: #eee8d5; }
-    .breadcrumb li.breadcrumb-item a:visited, .breadcrumb li.breadcrumb-item > span:visited {
-      color: #073642; }
-      .breadcrumb li.breadcrumb-item a:visited:before, .breadcrumb li.breadcrumb-item > span:visited:before {
-        background-color: #eee8d5; }
-    .breadcrumb li.breadcrumb-item a:hover, .breadcrumb li.breadcrumb-item a:active, .breadcrumb li.breadcrumb-item a:focus, a:hover > .breadcrumb li.breadcrumb-item a, a:active > .breadcrumb li.breadcrumb-item a, a:focus > .breadcrumb li.breadcrumb-item a, .breadcrumb li.breadcrumb-item a:visited:hover, .breadcrumb li.breadcrumb-item a:visited:active, .breadcrumb li.breadcrumb-item a:visited:focus, a:hover > .breadcrumb li.breadcrumb-item a:visited, a:active > .breadcrumb li.breadcrumb-item a:visited, a:focus > .breadcrumb li.breadcrumb-item a:visited, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):focus, a:hover > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled), a:active > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled), a:focus > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled), .breadcrumb li.breadcrumb-item > span:hover, .breadcrumb li.breadcrumb-item > span:active, .breadcrumb li.breadcrumb-item > span:focus, a:hover > .breadcrumb li.breadcrumb-item > span, a:active > .breadcrumb li.breadcrumb-item > span, a:focus > .breadcrumb li.breadcrumb-item > span, .breadcrumb li.breadcrumb-item > span:visited:hover, .breadcrumb li.breadcrumb-item > span:visited:active, .breadcrumb li.breadcrumb-item > span:visited:focus, a:hover > .breadcrumb li.breadcrumb-item > span:visited, a:active > .breadcrumb li.breadcrumb-item > span:visited, a:focus > .breadcrumb li.breadcrumb-item > span:visited, .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled):focus, a:hover > .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled), a:active > .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled), a:focus > .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled) {
-      color: #094959; }
-      .breadcrumb li.breadcrumb-item a:hover:before, .breadcrumb li.breadcrumb-item a:active:before, .breadcrumb li.breadcrumb-item a:focus:before, a:hover > .breadcrumb li.breadcrumb-item a:before, a:active > .breadcrumb li.breadcrumb-item a:before, a:focus > .breadcrumb li.breadcrumb-item a:before, .breadcrumb li.breadcrumb-item a:visited:hover:before, .breadcrumb li.breadcrumb-item a:visited:active:before, .breadcrumb li.breadcrumb-item a:visited:focus:before, a:hover > .breadcrumb li.breadcrumb-item a:visited:before, a:active > .breadcrumb li.breadcrumb-item a:visited:before, a:focus > .breadcrumb li.breadcrumb-item a:visited:before, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):hover:before, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):active:before, .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):focus:before, a:hover > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):before, a:active > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):before, a:focus > .breadcrumb li.breadcrumb-item a:not(.disabled):not(:disabled):before, .breadcrumb li.breadcrumb-item > span:hover:before, .breadcrumb li.breadcrumb-item > span:active:before, .breadcrumb li.breadcrumb-item > span:focus:before, a:hover > .breadcrumb li.breadcrumb-item > span:before, a:active > .breadcrumb li.breadcrumb-item > span:before, a:focus > .breadcrumb li.breadcrumb-item > span:before, .breadcrumb li.breadcrumb-item > span:visited:hover:before, .breadcrumb li.breadcrumb-item > span:visited:active:before, .breadcrumb li.breadcrumb-item > span:visited:focus:before, a:hover > .breadcrumb li.breadcrumb-item > span:visited:before, a:active > .breadcrumb li.breadcrumb-item > span:visited:before, a:focus > .breadcrumb li.breadcrumb-item > span:visited:before, .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled):hover:before, .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled):active:before, .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled):focus:before, a:hover > .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled):before, a:active > .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled):before, a:focus > .breadcrumb li.breadcrumb-item > span:not(.disabled):not(:disabled):before {
-        background-color: #e7dec3; }
-    .breadcrumb li.breadcrumb-item a:before, .breadcrumb li.breadcrumb-item > span:before {
-      content: " " !important;
-      border-right: 1px solid rgba(0, 0, 0, 0.2); }
-    .breadcrumb li.breadcrumb-item a.active, .breadcrumb li.breadcrumb-item > span.active {
-      color: #fdf6e3; }
-      .breadcrumb li.breadcrumb-item a.active:before, .breadcrumb li.breadcrumb-item > span.active:before {
-        background-color: #d33682; }
-      .breadcrumb li.breadcrumb-item a.active:visited, .breadcrumb li.breadcrumb-item > span.active:visited {
-        color: #fdf6e3; }
-        .breadcrumb li.breadcrumb-item a.active:visited:before, .breadcrumb li.breadcrumb-item > span.active:visited:before {
-          background-color: #d33682; }
-      .breadcrumb li.breadcrumb-item a.active:hover, .breadcrumb li.breadcrumb-item a.active:active, .breadcrumb li.breadcrumb-item a.active:focus, a:hover > .breadcrumb li.breadcrumb-item a.active, a:active > .breadcrumb li.breadcrumb-item a.active, a:focus > .breadcrumb li.breadcrumb-item a.active, .breadcrumb li.breadcrumb-item a.active:visited:hover, .breadcrumb li.breadcrumb-item a.active:visited:active, .breadcrumb li.breadcrumb-item a.active:visited:focus, a:hover > .breadcrumb li.breadcrumb-item a.active:visited, a:active > .breadcrumb li.breadcrumb-item a.active:visited, a:focus > .breadcrumb li.breadcrumb-item a.active:visited, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):focus, a:hover > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled), a:active > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled), a:focus > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled), .breadcrumb li.breadcrumb-item > span.active:hover, .breadcrumb li.breadcrumb-item > span.active:active, .breadcrumb li.breadcrumb-item > span.active:focus, a:hover > .breadcrumb li.breadcrumb-item > span.active, a:active > .breadcrumb li.breadcrumb-item > span.active, a:focus > .breadcrumb li.breadcrumb-item > span.active, .breadcrumb li.breadcrumb-item > span.active:visited:hover, .breadcrumb li.breadcrumb-item > span.active:visited:active, .breadcrumb li.breadcrumb-item > span.active:visited:focus, a:hover > .breadcrumb li.breadcrumb-item > span.active:visited, a:active > .breadcrumb li.breadcrumb-item > span.active:visited, a:focus > .breadcrumb li.breadcrumb-item > span.active:visited, .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):hover, .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):active, .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):focus, a:hover > .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled), a:active > .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled), a:focus > .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled) {
-        color: #fffefb; }
-        .breadcrumb li.breadcrumb-item a.active:hover:before, .breadcrumb li.breadcrumb-item a.active:active:before, .breadcrumb li.breadcrumb-item a.active:focus:before, a:hover > .breadcrumb li.breadcrumb-item a.active:before, a:active > .breadcrumb li.breadcrumb-item a.active:before, a:focus > .breadcrumb li.breadcrumb-item a.active:before, .breadcrumb li.breadcrumb-item a.active:visited:hover:before, .breadcrumb li.breadcrumb-item a.active:visited:active:before, .breadcrumb li.breadcrumb-item a.active:visited:focus:before, a:hover > .breadcrumb li.breadcrumb-item a.active:visited:before, a:active > .breadcrumb li.breadcrumb-item a.active:visited:before, a:focus > .breadcrumb li.breadcrumb-item a.active:visited:before, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):hover:before, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):active:before, .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):focus:before, a:hover > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):before, a:active > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):before, a:focus > .breadcrumb li.breadcrumb-item a.active:not(.disabled):not(:disabled):before, .breadcrumb li.breadcrumb-item > span.active:hover:before, .breadcrumb li.breadcrumb-item > span.active:active:before, .breadcrumb li.breadcrumb-item > span.active:focus:before, a:hover > .breadcrumb li.breadcrumb-item > span.active:before, a:active > .breadcrumb li.breadcrumb-item > span.active:before, a:focus > .breadcrumb li.breadcrumb-item > span.active:before, .breadcrumb li.breadcrumb-item > span.active:visited:hover:before, .breadcrumb li.breadcrumb-item > span.active:visited:active:before, .breadcrumb li.breadcrumb-item > span.active:visited:focus:before, a:hover > .breadcrumb li.breadcrumb-item > span.active:visited:before, a:active > .breadcrumb li.breadcrumb-item > span.active:visited:before, a:focus > .breadcrumb li.breadcrumb-item > span.active:visited:before, .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):hover:before, .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):active:before, .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):focus:before, a:hover > .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):before, a:active > .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):before, a:focus > .breadcrumb li.breadcrumb-item > span.active:not(.disabled):not(:disabled):before {
-          background-color: #d33682; }
-
-.btn-blue, a.btn-blue, .badge-blue, .chip-blue, a.chip-blue, a.badge-blue, .label-blue, a.label-blue, label.label-blue {
-  color: #fdf6e3; }
-  .btn-blue:before, a.btn-blue:before, .badge-blue:before, .chip-blue:before, a.chip-blue:before, a.badge-blue:before, .label-blue:before, a.label-blue:before, label.label-blue:before {
-    background-color: #268bd2; }
-  .btn-blue:visited, a.btn-blue:visited, .badge-blue:visited, .chip-blue:visited, a.chip-blue:visited, a.badge-blue:visited, .label-blue:visited, a.label-blue:visited, label.label-blue:visited {
-    color: #fdf6e3; }
-    .btn-blue:visited:before, a.btn-blue:visited:before, .badge-blue:visited:before, .chip-blue:visited:before, a.chip-blue:visited:before, a.badge-blue:visited:before, .label-blue:visited:before, a.label-blue:visited:before, label.label-blue:visited:before {
-      background-color: #268bd2; }
-  .btn-blue:hover, .btn-blue:active, .btn-blue:focus, a:hover > .btn-blue, a:active > .btn-blue, a:focus > .btn-blue, .btn-blue:visited:hover, .btn-blue:visited:active, .btn-blue:visited:focus, a:hover > .btn-blue:visited, a:active > .btn-blue:visited, a:focus > .btn-blue:visited, .btn-blue:not(.disabled):not(:disabled):hover, .btn-blue:not(.disabled):not(:disabled):active, .btn-blue:not(.disabled):not(:disabled):focus, a:hover > .btn-blue:not(.disabled):not(:disabled), a:active > .btn-blue:not(.disabled):not(:disabled), a:focus > .btn-blue:not(.disabled):not(:disabled), a.btn-blue:hover, a.btn-blue:active, a.btn-blue:focus, a:hover > a.btn-blue, a:active > a.btn-blue, a:focus > a.btn-blue, a.btn-blue:visited:hover, a.btn-blue:visited:active, a.btn-blue:visited:focus, a:hover > a.btn-blue:visited, a:active > a.btn-blue:visited, a:focus > a.btn-blue:visited, a.btn-blue:not(.disabled):not(:disabled):hover, a.btn-blue:not(.disabled):not(:disabled):active, a.btn-blue:not(.disabled):not(:disabled):focus, a:hover > a.btn-blue:not(.disabled):not(:disabled), a:active > a.btn-blue:not(.disabled):not(:disabled), a:focus > a.btn-blue:not(.disabled):not(:disabled), .badge-blue:hover, .badge-blue:active, .badge-blue:focus, a:hover > .badge-blue, a:active > .badge-blue, a:focus > .badge-blue, .badge-blue:visited:hover, .badge-blue:visited:active, .badge-blue:visited:focus, a:hover > .badge-blue:visited, a:active > .badge-blue:visited, a:focus > .badge-blue:visited, .badge-blue:not(.disabled):not(:disabled):hover, .badge-blue:not(.disabled):not(:disabled):active, .badge-blue:not(.disabled):not(:disabled):focus, a:hover > .badge-blue:not(.disabled):not(:disabled), a:active > .badge-blue:not(.disabled):not(:disabled), a:focus > .badge-blue:not(.disabled):not(:disabled), .chip-blue:hover, .chip-blue:active, .chip-blue:focus, a:hover > .chip-blue, a:active > .chip-blue, a:focus > .chip-blue, .chip-blue:visited:hover, .chip-blue:visited:active, .chip-blue:visited:focus, a:hover > .chip-blue:visited, a:active > .chip-blue:visited, a:focus > .chip-blue:visited, .chip-blue:not(.disabled):not(:disabled):hover, .chip-blue:not(.disabled):not(:disabled):active, .chip-blue:not(.disabled):not(:disabled):focus, a:hover > .chip-blue:not(.disabled):not(:disabled), a:active > .chip-blue:not(.disabled):not(:disabled), a:focus > .chip-blue:not(.disabled):not(:disabled), a.chip-blue:hover, a.chip-blue:active, a.chip-blue:focus, a:hover > a.chip-blue, a:active > a.chip-blue, a:focus > a.chip-blue, a.chip-blue:visited:hover, a.chip-blue:visited:active, a.chip-blue:visited:focus, a:hover > a.chip-blue:visited, a:active > a.chip-blue:visited, a:focus > a.chip-blue:visited, a.chip-blue:not(.disabled):not(:disabled):hover, a.chip-blue:not(.disabled):not(:disabled):active, a.chip-blue:not(.disabled):not(:disabled):focus, a:hover > a.chip-blue:not(.disabled):not(:disabled), a:active > a.chip-blue:not(.disabled):not(:disabled), a:focus > a.chip-blue:not(.disabled):not(:disabled), a.badge-blue:hover, a.badge-blue:active, a.badge-blue:focus, a:hover > a.badge-blue, a:active > a.badge-blue, a:focus > a.badge-blue, a.badge-blue:visited:hover, a.badge-blue:visited:active, a.badge-blue:visited:focus, a:hover > a.badge-blue:visited, a:active > a.badge-blue:visited, a:focus > a.badge-blue:visited, a.badge-blue:not(.disabled):not(:disabled):hover, a.badge-blue:not(.disabled):not(:disabled):active, a.badge-blue:not(.disabled):not(:disabled):focus, a:hover > a.badge-blue:not(.disabled):not(:disabled), a:active > a.badge-blue:not(.disabled):not(:disabled), a:focus > a.badge-blue:not(.disabled):not(:disabled), .label-blue:hover, .label-blue:active, .label-blue:focus, a:hover > .label-blue, a:active > .label-blue, a:focus > .label-blue, .label-blue:visited:hover, .label-blue:visited:active, .label-blue:visited:focus, a:hover > .label-blue:visited, a:active > .label-blue:visited, a:focus > .label-blue:visited, .label-blue:not(.disabled):not(:disabled):hover, .label-blue:not(.disabled):not(:disabled):active, .label-blue:not(.disabled):not(:disabled):focus, a:hover > .label-blue:not(.disabled):not(:disabled), a:active > .label-blue:not(.disabled):not(:disabled), a:focus > .label-blue:not(.disabled):not(:disabled), a.label-blue:hover, a.label-blue:active, a.label-blue:focus, a:hover > a.label-blue, a:active > a.label-blue, a:focus > a.label-blue, a.label-blue:visited:hover, a.label-blue:visited:active, a.label-blue:visited:focus, a:hover > a.label-blue:visited, a:active > a.label-blue:visited, a:focus > a.label-blue:visited, a.label-blue:not(.disabled):not(:disabled):hover, a.label-blue:not(.disabled):not(:disabled):active, a.label-blue:not(.disabled):not(:disabled):focus, a:hover > a.label-blue:not(.disabled):not(:disabled), a:active > a.label-blue:not(.disabled):not(:disabled), a:focus > a.label-blue:not(.disabled):not(:disabled), label.label-blue:hover, label.label-blue:active, label.label-blue:focus, a:hover > label.label-blue, a:active > label.label-blue, a:focus > label.label-blue, label.label-blue:visited:hover, label.label-blue:visited:active, label.label-blue:visited:focus, a:hover > label.label-blue:visited, a:active > label.label-blue:visited, a:focus > label.label-blue:visited, label.label-blue:not(.disabled):not(:disabled):hover, label.label-blue:not(.disabled):not(:disabled):active, label.label-blue:not(.disabled):not(:disabled):focus, a:hover > label.label-blue:not(.disabled):not(:disabled), a:active > label.label-blue:not(.disabled):not(:disabled), a:focus > label.label-blue:not(.disabled):not(:disabled) {
-    color: #fffefb; }
-    .btn-blue:hover:before, .btn-blue:active:before, .btn-blue:focus:before, a:hover > .btn-blue:before, a:active > .btn-blue:before, a:focus > .btn-blue:before, .btn-blue:visited:hover:before, .btn-blue:visited:active:before, .btn-blue:visited:focus:before, a:hover > .btn-blue:visited:before, a:active > .btn-blue:visited:before, a:focus > .btn-blue:visited:before, .btn-blue:not(.disabled):not(:disabled):hover:before, .btn-blue:not(.disabled):not(:disabled):active:before, .btn-blue:not(.disabled):not(:disabled):focus:before, a:hover > .btn-blue:not(.disabled):not(:disabled):before, a:active > .btn-blue:not(.disabled):not(:disabled):before, a:focus > .btn-blue:not(.disabled):not(:disabled):before, a.btn-blue:hover:before, a.btn-blue:active:before, a.btn-blue:focus:before, a:hover > a.btn-blue:before, a:active > a.btn-blue:before, a:focus > a.btn-blue:before, a.btn-blue:visited:hover:before, a.btn-blue:visited:active:before, a.btn-blue:visited:focus:before, a:hover > a.btn-blue:visited:before, a:active > a.btn-blue:visited:before, a:focus > a.btn-blue:visited:before, a.btn-blue:not(.disabled):not(:disabled):hover:before, a.btn-blue:not(.disabled):not(:disabled):active:before, a.btn-blue:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-blue:not(.disabled):not(:disabled):before, a:active > a.btn-blue:not(.disabled):not(:disabled):before, a:focus > a.btn-blue:not(.disabled):not(:disabled):before, .badge-blue:hover:before, .badge-blue:active:before, .badge-blue:focus:before, a:hover > .badge-blue:before, a:active > .badge-blue:before, a:focus > .badge-blue:before, .badge-blue:visited:hover:before, .badge-blue:visited:active:before, .badge-blue:visited:focus:before, a:hover > .badge-blue:visited:before, a:active > .badge-blue:visited:before, a:focus > .badge-blue:visited:before, .badge-blue:not(.disabled):not(:disabled):hover:before, .badge-blue:not(.disabled):not(:disabled):active:before, .badge-blue:not(.disabled):not(:disabled):focus:before, a:hover > .badge-blue:not(.disabled):not(:disabled):before, a:active > .badge-blue:not(.disabled):not(:disabled):before, a:focus > .badge-blue:not(.disabled):not(:disabled):before, .chip-blue:hover:before, .chip-blue:active:before, .chip-blue:focus:before, a:hover > .chip-blue:before, a:active > .chip-blue:before, a:focus > .chip-blue:before, .chip-blue:visited:hover:before, .chip-blue:visited:active:before, .chip-blue:visited:focus:before, a:hover > .chip-blue:visited:before, a:active > .chip-blue:visited:before, a:focus > .chip-blue:visited:before, .chip-blue:not(.disabled):not(:disabled):hover:before, .chip-blue:not(.disabled):not(:disabled):active:before, .chip-blue:not(.disabled):not(:disabled):focus:before, a:hover > .chip-blue:not(.disabled):not(:disabled):before, a:active > .chip-blue:not(.disabled):not(:disabled):before, a:focus > .chip-blue:not(.disabled):not(:disabled):before, a.chip-blue:hover:before, a.chip-blue:active:before, a.chip-blue:focus:before, a:hover > a.chip-blue:before, a:active > a.chip-blue:before, a:focus > a.chip-blue:before, a.chip-blue:visited:hover:before, a.chip-blue:visited:active:before, a.chip-blue:visited:focus:before, a:hover > a.chip-blue:visited:before, a:active > a.chip-blue:visited:before, a:focus > a.chip-blue:visited:before, a.chip-blue:not(.disabled):not(:disabled):hover:before, a.chip-blue:not(.disabled):not(:disabled):active:before, a.chip-blue:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-blue:not(.disabled):not(:disabled):before, a:active > a.chip-blue:not(.disabled):not(:disabled):before, a:focus > a.chip-blue:not(.disabled):not(:disabled):before, a.badge-blue:hover:before, a.badge-blue:active:before, a.badge-blue:focus:before, a:hover > a.badge-blue:before, a:active > a.badge-blue:before, a:focus > a.badge-blue:before, a.badge-blue:visited:hover:before, a.badge-blue:visited:active:before, a.badge-blue:visited:focus:before, a:hover > a.badge-blue:visited:before, a:active > a.badge-blue:visited:before, a:focus > a.badge-blue:visited:before, a.badge-blue:not(.disabled):not(:disabled):hover:before, a.badge-blue:not(.disabled):not(:disabled):active:before, a.badge-blue:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-blue:not(.disabled):not(:disabled):before, a:active > a.badge-blue:not(.disabled):not(:disabled):before, a:focus > a.badge-blue:not(.disabled):not(:disabled):before, .label-blue:hover:before, .label-blue:active:before, .label-blue:focus:before, a:hover > .label-blue:before, a:active > .label-blue:before, a:focus > .label-blue:before, .label-blue:visited:hover:before, .label-blue:visited:active:before, .label-blue:visited:focus:before, a:hover > .label-blue:visited:before, a:active > .label-blue:visited:before, a:focus > .label-blue:visited:before, .label-blue:not(.disabled):not(:disabled):hover:before, .label-blue:not(.disabled):not(:disabled):active:before, .label-blue:not(.disabled):not(:disabled):focus:before, a:hover > .label-blue:not(.disabled):not(:disabled):before, a:active > .label-blue:not(.disabled):not(:disabled):before, a:focus > .label-blue:not(.disabled):not(:disabled):before, a.label-blue:hover:before, a.label-blue:active:before, a.label-blue:focus:before, a:hover > a.label-blue:before, a:active > a.label-blue:before, a:focus > a.label-blue:before, a.label-blue:visited:hover:before, a.label-blue:visited:active:before, a.label-blue:visited:focus:before, a:hover > a.label-blue:visited:before, a:active > a.label-blue:visited:before, a:focus > a.label-blue:visited:before, a.label-blue:not(.disabled):not(:disabled):hover:before, a.label-blue:not(.disabled):not(:disabled):active:before, a.label-blue:not(.disabled):not(:disabled):focus:before, a:hover > a.label-blue:not(.disabled):not(:disabled):before, a:active > a.label-blue:not(.disabled):not(:disabled):before, a:focus > a.label-blue:not(.disabled):not(:disabled):before, label.label-blue:hover:before, label.label-blue:active:before, label.label-blue:focus:before, a:hover > label.label-blue:before, a:active > label.label-blue:before, a:focus > label.label-blue:before, label.label-blue:visited:hover:before, label.label-blue:visited:active:before, label.label-blue:visited:focus:before, a:hover > label.label-blue:visited:before, a:active > label.label-blue:visited:before, a:focus > label.label-blue:visited:before, label.label-blue:not(.disabled):not(:disabled):hover:before, label.label-blue:not(.disabled):not(:disabled):active:before, label.label-blue:not(.disabled):not(:disabled):focus:before, a:hover > label.label-blue:not(.disabled):not(:disabled):before, a:active > label.label-blue:not(.disabled):not(:disabled):before, a:focus > label.label-blue:not(.disabled):not(:disabled):before {
-      background-color: #2076b2; }
-
-.btn-violet, a.btn-violet, .badge-violet, .chip-violet, a.chip-violet, a.badge-violet, .label-violet, a.label-violet, label.label-violet {
-  color: #fdf6e3; }
-  .btn-violet:before, a.btn-violet:before, .badge-violet:before, .chip-violet:before, a.chip-violet:before, a.badge-violet:before, .label-violet:before, a.label-violet:before, label.label-violet:before {
-    background-color: #d33682; }
-  .btn-violet:visited, a.btn-violet:visited, .badge-violet:visited, .chip-violet:visited, a.chip-violet:visited, a.badge-violet:visited, .label-violet:visited, a.label-violet:visited, label.label-violet:visited {
-    color: #fdf6e3; }
-    .btn-violet:visited:before, a.btn-violet:visited:before, .badge-violet:visited:before, .chip-violet:visited:before, a.chip-violet:visited:before, a.badge-violet:visited:before, .label-violet:visited:before, a.label-violet:visited:before, label.label-violet:visited:before {
-      background-color: #d33682; }
-  .btn-violet:hover, .btn-violet:active, .btn-violet:focus, a:hover > .btn-violet, a:active > .btn-violet, a:focus > .btn-violet, .btn-violet:visited:hover, .btn-violet:visited:active, .btn-violet:visited:focus, a:hover > .btn-violet:visited, a:active > .btn-violet:visited, a:focus > .btn-violet:visited, .btn-violet:not(.disabled):not(:disabled):hover, .btn-violet:not(.disabled):not(:disabled):active, .btn-violet:not(.disabled):not(:disabled):focus, a:hover > .btn-violet:not(.disabled):not(:disabled), a:active > .btn-violet:not(.disabled):not(:disabled), a:focus > .btn-violet:not(.disabled):not(:disabled), a.btn-violet:hover, a.btn-violet:active, a.btn-violet:focus, a:hover > a.btn-violet, a:active > a.btn-violet, a:focus > a.btn-violet, a.btn-violet:visited:hover, a.btn-violet:visited:active, a.btn-violet:visited:focus, a:hover > a.btn-violet:visited, a:active > a.btn-violet:visited, a:focus > a.btn-violet:visited, a.btn-violet:not(.disabled):not(:disabled):hover, a.btn-violet:not(.disabled):not(:disabled):active, a.btn-violet:not(.disabled):not(:disabled):focus, a:hover > a.btn-violet:not(.disabled):not(:disabled), a:active > a.btn-violet:not(.disabled):not(:disabled), a:focus > a.btn-violet:not(.disabled):not(:disabled), .badge-violet:hover, .badge-violet:active, .badge-violet:focus, a:hover > .badge-violet, a:active > .badge-violet, a:focus > .badge-violet, .badge-violet:visited:hover, .badge-violet:visited:active, .badge-violet:visited:focus, a:hover > .badge-violet:visited, a:active > .badge-violet:visited, a:focus > .badge-violet:visited, .badge-violet:not(.disabled):not(:disabled):hover, .badge-violet:not(.disabled):not(:disabled):active, .badge-violet:not(.disabled):not(:disabled):focus, a:hover > .badge-violet:not(.disabled):not(:disabled), a:active > .badge-violet:not(.disabled):not(:disabled), a:focus > .badge-violet:not(.disabled):not(:disabled), .chip-violet:hover, .chip-violet:active, .chip-violet:focus, a:hover > .chip-violet, a:active > .chip-violet, a:focus > .chip-violet, .chip-violet:visited:hover, .chip-violet:visited:active, .chip-violet:visited:focus, a:hover > .chip-violet:visited, a:active > .chip-violet:visited, a:focus > .chip-violet:visited, .chip-violet:not(.disabled):not(:disabled):hover, .chip-violet:not(.disabled):not(:disabled):active, .chip-violet:not(.disabled):not(:disabled):focus, a:hover > .chip-violet:not(.disabled):not(:disabled), a:active > .chip-violet:not(.disabled):not(:disabled), a:focus > .chip-violet:not(.disabled):not(:disabled), a.chip-violet:hover, a.chip-violet:active, a.chip-violet:focus, a:hover > a.chip-violet, a:active > a.chip-violet, a:focus > a.chip-violet, a.chip-violet:visited:hover, a.chip-violet:visited:active, a.chip-violet:visited:focus, a:hover > a.chip-violet:visited, a:active > a.chip-violet:visited, a:focus > a.chip-violet:visited, a.chip-violet:not(.disabled):not(:disabled):hover, a.chip-violet:not(.disabled):not(:disabled):active, a.chip-violet:not(.disabled):not(:disabled):focus, a:hover > a.chip-violet:not(.disabled):not(:disabled), a:active > a.chip-violet:not(.disabled):not(:disabled), a:focus > a.chip-violet:not(.disabled):not(:disabled), a.badge-violet:hover, a.badge-violet:active, a.badge-violet:focus, a:hover > a.badge-violet, a:active > a.badge-violet, a:focus > a.badge-violet, a.badge-violet:visited:hover, a.badge-violet:visited:active, a.badge-violet:visited:focus, a:hover > a.badge-violet:visited, a:active > a.badge-violet:visited, a:focus > a.badge-violet:visited, a.badge-violet:not(.disabled):not(:disabled):hover, a.badge-violet:not(.disabled):not(:disabled):active, a.badge-violet:not(.disabled):not(:disabled):focus, a:hover > a.badge-violet:not(.disabled):not(:disabled), a:active > a.badge-violet:not(.disabled):not(:disabled), a:focus > a.badge-violet:not(.disabled):not(:disabled), .label-violet:hover, .label-violet:active, .label-violet:focus, a:hover > .label-violet, a:active > .label-violet, a:focus > .label-violet, .label-violet:visited:hover, .label-violet:visited:active, .label-violet:visited:focus, a:hover > .label-violet:visited, a:active > .label-violet:visited, a:focus > .label-violet:visited, .label-violet:not(.disabled):not(:disabled):hover, .label-violet:not(.disabled):not(:disabled):active, .label-violet:not(.disabled):not(:disabled):focus, a:hover > .label-violet:not(.disabled):not(:disabled), a:active > .label-violet:not(.disabled):not(:disabled), a:focus > .label-violet:not(.disabled):not(:disabled), a.label-violet:hover, a.label-violet:active, a.label-violet:focus, a:hover > a.label-violet, a:active > a.label-violet, a:focus > a.label-violet, a.label-violet:visited:hover, a.label-violet:visited:active, a.label-violet:visited:focus, a:hover > a.label-violet:visited, a:active > a.label-violet:visited, a:focus > a.label-violet:visited, a.label-violet:not(.disabled):not(:disabled):hover, a.label-violet:not(.disabled):not(:disabled):active, a.label-violet:not(.disabled):not(:disabled):focus, a:hover > a.label-violet:not(.disabled):not(:disabled), a:active > a.label-violet:not(.disabled):not(:disabled), a:focus > a.label-violet:not(.disabled):not(:disabled), label.label-violet:hover, label.label-violet:active, label.label-violet:focus, a:hover > label.label-violet, a:active > label.label-violet, a:focus > label.label-violet, label.label-violet:visited:hover, label.label-violet:visited:active, label.label-violet:visited:focus, a:hover > label.label-violet:visited, a:active > label.label-violet:visited, a:focus > label.label-violet:visited, label.label-violet:not(.disabled):not(:disabled):hover, label.label-violet:not(.disabled):not(:disabled):active, label.label-violet:not(.disabled):not(:disabled):focus, a:hover > label.label-violet:not(.disabled):not(:disabled), a:active > label.label-violet:not(.disabled):not(:disabled), a:focus > label.label-violet:not(.disabled):not(:disabled) {
-    color: #fffefb; }
-    .btn-violet:hover:before, .btn-violet:active:before, .btn-violet:focus:before, a:hover > .btn-violet:before, a:active > .btn-violet:before, a:focus > .btn-violet:before, .btn-violet:visited:hover:before, .btn-violet:visited:active:before, .btn-violet:visited:focus:before, a:hover > .btn-violet:visited:before, a:active > .btn-violet:visited:before, a:focus > .btn-violet:visited:before, .btn-violet:not(.disabled):not(:disabled):hover:before, .btn-violet:not(.disabled):not(:disabled):active:before, .btn-violet:not(.disabled):not(:disabled):focus:before, a:hover > .btn-violet:not(.disabled):not(:disabled):before, a:active > .btn-violet:not(.disabled):not(:disabled):before, a:focus > .btn-violet:not(.disabled):not(:disabled):before, a.btn-violet:hover:before, a.btn-violet:active:before, a.btn-violet:focus:before, a:hover > a.btn-violet:before, a:active > a.btn-violet:before, a:focus > a.btn-violet:before, a.btn-violet:visited:hover:before, a.btn-violet:visited:active:before, a.btn-violet:visited:focus:before, a:hover > a.btn-violet:visited:before, a:active > a.btn-violet:visited:before, a:focus > a.btn-violet:visited:before, a.btn-violet:not(.disabled):not(:disabled):hover:before, a.btn-violet:not(.disabled):not(:disabled):active:before, a.btn-violet:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-violet:not(.disabled):not(:disabled):before, a:active > a.btn-violet:not(.disabled):not(:disabled):before, a:focus > a.btn-violet:not(.disabled):not(:disabled):before, .badge-violet:hover:before, .badge-violet:active:before, .badge-violet:focus:before, a:hover > .badge-violet:before, a:active > .badge-violet:before, a:focus > .badge-violet:before, .badge-violet:visited:hover:before, .badge-violet:visited:active:before, .badge-violet:visited:focus:before, a:hover > .badge-violet:visited:before, a:active > .badge-violet:visited:before, a:focus > .badge-violet:visited:before, .badge-violet:not(.disabled):not(:disabled):hover:before, .badge-violet:not(.disabled):not(:disabled):active:before, .badge-violet:not(.disabled):not(:disabled):focus:before, a:hover > .badge-violet:not(.disabled):not(:disabled):before, a:active > .badge-violet:not(.disabled):not(:disabled):before, a:focus > .badge-violet:not(.disabled):not(:disabled):before, .chip-violet:hover:before, .chip-violet:active:before, .chip-violet:focus:before, a:hover > .chip-violet:before, a:active > .chip-violet:before, a:focus > .chip-violet:before, .chip-violet:visited:hover:before, .chip-violet:visited:active:before, .chip-violet:visited:focus:before, a:hover > .chip-violet:visited:before, a:active > .chip-violet:visited:before, a:focus > .chip-violet:visited:before, .chip-violet:not(.disabled):not(:disabled):hover:before, .chip-violet:not(.disabled):not(:disabled):active:before, .chip-violet:not(.disabled):not(:disabled):focus:before, a:hover > .chip-violet:not(.disabled):not(:disabled):before, a:active > .chip-violet:not(.disabled):not(:disabled):before, a:focus > .chip-violet:not(.disabled):not(:disabled):before, a.chip-violet:hover:before, a.chip-violet:active:before, a.chip-violet:focus:before, a:hover > a.chip-violet:before, a:active > a.chip-violet:before, a:focus > a.chip-violet:before, a.chip-violet:visited:hover:before, a.chip-violet:visited:active:before, a.chip-violet:visited:focus:before, a:hover > a.chip-violet:visited:before, a:active > a.chip-violet:visited:before, a:focus > a.chip-violet:visited:before, a.chip-violet:not(.disabled):not(:disabled):hover:before, a.chip-violet:not(.disabled):not(:disabled):active:before, a.chip-violet:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-violet:not(.disabled):not(:disabled):before, a:active > a.chip-violet:not(.disabled):not(:disabled):before, a:focus > a.chip-violet:not(.disabled):not(:disabled):before, a.badge-violet:hover:before, a.badge-violet:active:before, a.badge-violet:focus:before, a:hover > a.badge-violet:before, a:active > a.badge-violet:before, a:focus > a.badge-violet:before, a.badge-violet:visited:hover:before, a.badge-violet:visited:active:before, a.badge-violet:visited:focus:before, a:hover > a.badge-violet:visited:before, a:active > a.badge-violet:visited:before, a:focus > a.badge-violet:visited:before, a.badge-violet:not(.disabled):not(:disabled):hover:before, a.badge-violet:not(.disabled):not(:disabled):active:before, a.badge-violet:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-violet:not(.disabled):not(:disabled):before, a:active > a.badge-violet:not(.disabled):not(:disabled):before, a:focus > a.badge-violet:not(.disabled):not(:disabled):before, .label-violet:hover:before, .label-violet:active:before, .label-violet:focus:before, a:hover > .label-violet:before, a:active > .label-violet:before, a:focus > .label-violet:before, .label-violet:visited:hover:before, .label-violet:visited:active:before, .label-violet:visited:focus:before, a:hover > .label-violet:visited:before, a:active > .label-violet:visited:before, a:focus > .label-violet:visited:before, .label-violet:not(.disabled):not(:disabled):hover:before, .label-violet:not(.disabled):not(:disabled):active:before, .label-violet:not(.disabled):not(:disabled):focus:before, a:hover > .label-violet:not(.disabled):not(:disabled):before, a:active > .label-violet:not(.disabled):not(:disabled):before, a:focus > .label-violet:not(.disabled):not(:disabled):before, a.label-violet:hover:before, a.label-violet:active:before, a.label-violet:focus:before, a:hover > a.label-violet:before, a:active > a.label-violet:before, a:focus > a.label-violet:before, a.label-violet:visited:hover:before, a.label-violet:visited:active:before, a.label-violet:visited:focus:before, a:hover > a.label-violet:visited:before, a:active > a.label-violet:visited:before, a:focus > a.label-violet:visited:before, a.label-violet:not(.disabled):not(:disabled):hover:before, a.label-violet:not(.disabled):not(:disabled):active:before, a.label-violet:not(.disabled):not(:disabled):focus:before, a:hover > a.label-violet:not(.disabled):not(:disabled):before, a:active > a.label-violet:not(.disabled):not(:disabled):before, a:focus > a.label-violet:not(.disabled):not(:disabled):before, label.label-violet:hover:before, label.label-violet:active:before, label.label-violet:focus:before, a:hover > label.label-violet:before, a:active > label.label-violet:before, a:focus > label.label-violet:before, label.label-violet:visited:hover:before, label.label-violet:visited:active:before, label.label-violet:visited:focus:before, a:hover > label.label-violet:visited:before, a:active > label.label-violet:visited:before, a:focus > label.label-violet:visited:before, label.label-violet:not(.disabled):not(:disabled):hover:before, label.label-violet:not(.disabled):not(:disabled):active:before, label.label-violet:not(.disabled):not(:disabled):focus:before, a:hover > label.label-violet:not(.disabled):not(:disabled):before, a:active > label.label-violet:not(.disabled):not(:disabled):before, a:focus > label.label-violet:not(.disabled):not(:disabled):before {
-      background-color: #ba296f; }
-
-.btn-red, a.btn-red, .badge-red, .chip-red, a.chip-red, a.badge-red, .label-red, a.label-red, label.label-red {
-  color: #fdf6e3; }
-  .btn-red:before, a.btn-red:before, .badge-red:before, .chip-red:before, a.chip-red:before, a.badge-red:before, .label-red:before, a.label-red:before, label.label-red:before {
-    background-color: #dc322f; }
-  .btn-red:visited, a.btn-red:visited, .badge-red:visited, .chip-red:visited, a.chip-red:visited, a.badge-red:visited, .label-red:visited, a.label-red:visited, label.label-red:visited {
-    color: #fdf6e3; }
-    .btn-red:visited:before, a.btn-red:visited:before, .badge-red:visited:before, .chip-red:visited:before, a.chip-red:visited:before, a.badge-red:visited:before, .label-red:visited:before, a.label-red:visited:before, label.label-red:visited:before {
-      background-color: #dc322f; }
-  .btn-red:hover, .btn-red:active, .btn-red:focus, a:hover > .btn-red, a:active > .btn-red, a:focus > .btn-red, .btn-red:visited:hover, .btn-red:visited:active, .btn-red:visited:focus, a:hover > .btn-red:visited, a:active > .btn-red:visited, a:focus > .btn-red:visited, .btn-red:not(.disabled):not(:disabled):hover, .btn-red:not(.disabled):not(:disabled):active, .btn-red:not(.disabled):not(:disabled):focus, a:hover > .btn-red:not(.disabled):not(:disabled), a:active > .btn-red:not(.disabled):not(:disabled), a:focus > .btn-red:not(.disabled):not(:disabled), a.btn-red:hover, a.btn-red:active, a.btn-red:focus, a:hover > a.btn-red, a:active > a.btn-red, a:focus > a.btn-red, a.btn-red:visited:hover, a.btn-red:visited:active, a.btn-red:visited:focus, a:hover > a.btn-red:visited, a:active > a.btn-red:visited, a:focus > a.btn-red:visited, a.btn-red:not(.disabled):not(:disabled):hover, a.btn-red:not(.disabled):not(:disabled):active, a.btn-red:not(.disabled):not(:disabled):focus, a:hover > a.btn-red:not(.disabled):not(:disabled), a:active > a.btn-red:not(.disabled):not(:disabled), a:focus > a.btn-red:not(.disabled):not(:disabled), .badge-red:hover, .badge-red:active, .badge-red:focus, a:hover > .badge-red, a:active > .badge-red, a:focus > .badge-red, .badge-red:visited:hover, .badge-red:visited:active, .badge-red:visited:focus, a:hover > .badge-red:visited, a:active > .badge-red:visited, a:focus > .badge-red:visited, .badge-red:not(.disabled):not(:disabled):hover, .badge-red:not(.disabled):not(:disabled):active, .badge-red:not(.disabled):not(:disabled):focus, a:hover > .badge-red:not(.disabled):not(:disabled), a:active > .badge-red:not(.disabled):not(:disabled), a:focus > .badge-red:not(.disabled):not(:disabled), .chip-red:hover, .chip-red:active, .chip-red:focus, a:hover > .chip-red, a:active > .chip-red, a:focus > .chip-red, .chip-red:visited:hover, .chip-red:visited:active, .chip-red:visited:focus, a:hover > .chip-red:visited, a:active > .chip-red:visited, a:focus > .chip-red:visited, .chip-red:not(.disabled):not(:disabled):hover, .chip-red:not(.disabled):not(:disabled):active, .chip-red:not(.disabled):not(:disabled):focus, a:hover > .chip-red:not(.disabled):not(:disabled), a:active > .chip-red:not(.disabled):not(:disabled), a:focus > .chip-red:not(.disabled):not(:disabled), a.chip-red:hover, a.chip-red:active, a.chip-red:focus, a:hover > a.chip-red, a:active > a.chip-red, a:focus > a.chip-red, a.chip-red:visited:hover, a.chip-red:visited:active, a.chip-red:visited:focus, a:hover > a.chip-red:visited, a:active > a.chip-red:visited, a:focus > a.chip-red:visited, a.chip-red:not(.disabled):not(:disabled):hover, a.chip-red:not(.disabled):not(:disabled):active, a.chip-red:not(.disabled):not(:disabled):focus, a:hover > a.chip-red:not(.disabled):not(:disabled), a:active > a.chip-red:not(.disabled):not(:disabled), a:focus > a.chip-red:not(.disabled):not(:disabled), a.badge-red:hover, a.badge-red:active, a.badge-red:focus, a:hover > a.badge-red, a:active > a.badge-red, a:focus > a.badge-red, a.badge-red:visited:hover, a.badge-red:visited:active, a.badge-red:visited:focus, a:hover > a.badge-red:visited, a:active > a.badge-red:visited, a:focus > a.badge-red:visited, a.badge-red:not(.disabled):not(:disabled):hover, a.badge-red:not(.disabled):not(:disabled):active, a.badge-red:not(.disabled):not(:disabled):focus, a:hover > a.badge-red:not(.disabled):not(:disabled), a:active > a.badge-red:not(.disabled):not(:disabled), a:focus > a.badge-red:not(.disabled):not(:disabled), .label-red:hover, .label-red:active, .label-red:focus, a:hover > .label-red, a:active > .label-red, a:focus > .label-red, .label-red:visited:hover, .label-red:visited:active, .label-red:visited:focus, a:hover > .label-red:visited, a:active > .label-red:visited, a:focus > .label-red:visited, .label-red:not(.disabled):not(:disabled):hover, .label-red:not(.disabled):not(:disabled):active, .label-red:not(.disabled):not(:disabled):focus, a:hover > .label-red:not(.disabled):not(:disabled), a:active > .label-red:not(.disabled):not(:disabled), a:focus > .label-red:not(.disabled):not(:disabled), a.label-red:hover, a.label-red:active, a.label-red:focus, a:hover > a.label-red, a:active > a.label-red, a:focus > a.label-red, a.label-red:visited:hover, a.label-red:visited:active, a.label-red:visited:focus, a:hover > a.label-red:visited, a:active > a.label-red:visited, a:focus > a.label-red:visited, a.label-red:not(.disabled):not(:disabled):hover, a.label-red:not(.disabled):not(:disabled):active, a.label-red:not(.disabled):not(:disabled):focus, a:hover > a.label-red:not(.disabled):not(:disabled), a:active > a.label-red:not(.disabled):not(:disabled), a:focus > a.label-red:not(.disabled):not(:disabled), label.label-red:hover, label.label-red:active, label.label-red:focus, a:hover > label.label-red, a:active > label.label-red, a:focus > label.label-red, label.label-red:visited:hover, label.label-red:visited:active, label.label-red:visited:focus, a:hover > label.label-red:visited, a:active > label.label-red:visited, a:focus > label.label-red:visited, label.label-red:not(.disabled):not(:disabled):hover, label.label-red:not(.disabled):not(:disabled):active, label.label-red:not(.disabled):not(:disabled):focus, a:hover > label.label-red:not(.disabled):not(:disabled), a:active > label.label-red:not(.disabled):not(:disabled), a:focus > label.label-red:not(.disabled):not(:disabled) {
-    color: #fffefb; }
-    .btn-red:hover:before, .btn-red:active:before, .btn-red:focus:before, a:hover > .btn-red:before, a:active > .btn-red:before, a:focus > .btn-red:before, .btn-red:visited:hover:before, .btn-red:visited:active:before, .btn-red:visited:focus:before, a:hover > .btn-red:visited:before, a:active > .btn-red:visited:before, a:focus > .btn-red:visited:before, .btn-red:not(.disabled):not(:disabled):hover:before, .btn-red:not(.disabled):not(:disabled):active:before, .btn-red:not(.disabled):not(:disabled):focus:before, a:hover > .btn-red:not(.disabled):not(:disabled):before, a:active > .btn-red:not(.disabled):not(:disabled):before, a:focus > .btn-red:not(.disabled):not(:disabled):before, a.btn-red:hover:before, a.btn-red:active:before, a.btn-red:focus:before, a:hover > a.btn-red:before, a:active > a.btn-red:before, a:focus > a.btn-red:before, a.btn-red:visited:hover:before, a.btn-red:visited:active:before, a.btn-red:visited:focus:before, a:hover > a.btn-red:visited:before, a:active > a.btn-red:visited:before, a:focus > a.btn-red:visited:before, a.btn-red:not(.disabled):not(:disabled):hover:before, a.btn-red:not(.disabled):not(:disabled):active:before, a.btn-red:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-red:not(.disabled):not(:disabled):before, a:active > a.btn-red:not(.disabled):not(:disabled):before, a:focus > a.btn-red:not(.disabled):not(:disabled):before, .badge-red:hover:before, .badge-red:active:before, .badge-red:focus:before, a:hover > .badge-red:before, a:active > .badge-red:before, a:focus > .badge-red:before, .badge-red:visited:hover:before, .badge-red:visited:active:before, .badge-red:visited:focus:before, a:hover > .badge-red:visited:before, a:active > .badge-red:visited:before, a:focus > .badge-red:visited:before, .badge-red:not(.disabled):not(:disabled):hover:before, .badge-red:not(.disabled):not(:disabled):active:before, .badge-red:not(.disabled):not(:disabled):focus:before, a:hover > .badge-red:not(.disabled):not(:disabled):before, a:active > .badge-red:not(.disabled):not(:disabled):before, a:focus > .badge-red:not(.disabled):not(:disabled):before, .chip-red:hover:before, .chip-red:active:before, .chip-red:focus:before, a:hover > .chip-red:before, a:active > .chip-red:before, a:focus > .chip-red:before, .chip-red:visited:hover:before, .chip-red:visited:active:before, .chip-red:visited:focus:before, a:hover > .chip-red:visited:before, a:active > .chip-red:visited:before, a:focus > .chip-red:visited:before, .chip-red:not(.disabled):not(:disabled):hover:before, .chip-red:not(.disabled):not(:disabled):active:before, .chip-red:not(.disabled):not(:disabled):focus:before, a:hover > .chip-red:not(.disabled):not(:disabled):before, a:active > .chip-red:not(.disabled):not(:disabled):before, a:focus > .chip-red:not(.disabled):not(:disabled):before, a.chip-red:hover:before, a.chip-red:active:before, a.chip-red:focus:before, a:hover > a.chip-red:before, a:active > a.chip-red:before, a:focus > a.chip-red:before, a.chip-red:visited:hover:before, a.chip-red:visited:active:before, a.chip-red:visited:focus:before, a:hover > a.chip-red:visited:before, a:active > a.chip-red:visited:before, a:focus > a.chip-red:visited:before, a.chip-red:not(.disabled):not(:disabled):hover:before, a.chip-red:not(.disabled):not(:disabled):active:before, a.chip-red:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-red:not(.disabled):not(:disabled):before, a:active > a.chip-red:not(.disabled):not(:disabled):before, a:focus > a.chip-red:not(.disabled):not(:disabled):before, a.badge-red:hover:before, a.badge-red:active:before, a.badge-red:focus:before, a:hover > a.badge-red:before, a:active > a.badge-red:before, a:focus > a.badge-red:before, a.badge-red:visited:hover:before, a.badge-red:visited:active:before, a.badge-red:visited:focus:before, a:hover > a.badge-red:visited:before, a:active > a.badge-red:visited:before, a:focus > a.badge-red:visited:before, a.badge-red:not(.disabled):not(:disabled):hover:before, a.badge-red:not(.disabled):not(:disabled):active:before, a.badge-red:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-red:not(.disabled):not(:disabled):before, a:active > a.badge-red:not(.disabled):not(:disabled):before, a:focus > a.badge-red:not(.disabled):not(:disabled):before, .label-red:hover:before, .label-red:active:before, .label-red:focus:before, a:hover > .label-red:before, a:active > .label-red:before, a:focus > .label-red:before, .label-red:visited:hover:before, .label-red:visited:active:before, .label-red:visited:focus:before, a:hover > .label-red:visited:before, a:active > .label-red:visited:before, a:focus > .label-red:visited:before, .label-red:not(.disabled):not(:disabled):hover:before, .label-red:not(.disabled):not(:disabled):active:before, .label-red:not(.disabled):not(:disabled):focus:before, a:hover > .label-red:not(.disabled):not(:disabled):before, a:active > .label-red:not(.disabled):not(:disabled):before, a:focus > .label-red:not(.disabled):not(:disabled):before, a.label-red:hover:before, a.label-red:active:before, a.label-red:focus:before, a:hover > a.label-red:before, a:active > a.label-red:before, a:focus > a.label-red:before, a.label-red:visited:hover:before, a.label-red:visited:active:before, a.label-red:visited:focus:before, a:hover > a.label-red:visited:before, a:active > a.label-red:visited:before, a:focus > a.label-red:visited:before, a.label-red:not(.disabled):not(:disabled):hover:before, a.label-red:not(.disabled):not(:disabled):active:before, a.label-red:not(.disabled):not(:disabled):focus:before, a:hover > a.label-red:not(.disabled):not(:disabled):before, a:active > a.label-red:not(.disabled):not(:disabled):before, a:focus > a.label-red:not(.disabled):not(:disabled):before, label.label-red:hover:before, label.label-red:active:before, label.label-red:focus:before, a:hover > label.label-red:before, a:active > label.label-red:before, a:focus > label.label-red:before, label.label-red:visited:hover:before, label.label-red:visited:active:before, label.label-red:visited:focus:before, a:hover > label.label-red:visited:before, a:active > label.label-red:visited:before, a:focus > label.label-red:visited:before, label.label-red:not(.disabled):not(:disabled):hover:before, label.label-red:not(.disabled):not(:disabled):active:before, label.label-red:not(.disabled):not(:disabled):focus:before, a:hover > label.label-red:not(.disabled):not(:disabled):before, a:active > label.label-red:not(.disabled):not(:disabled):before, a:focus > label.label-red:not(.disabled):not(:disabled):before {
-      background-color: #c42421; }
-
-.btn-orange, a.btn-orange, .badge-orange, .chip-orange, a.chip-orange, a.badge-orange, .label-orange, a.label-orange, label.label-orange {
-  color: #fdf6e3; }
-  .btn-orange:before, a.btn-orange:before, .badge-orange:before, .chip-orange:before, a.chip-orange:before, a.badge-orange:before, .label-orange:before, a.label-orange:before, label.label-orange:before {
-    background-color: #cb4b16; }
-  .btn-orange:visited, a.btn-orange:visited, .badge-orange:visited, .chip-orange:visited, a.chip-orange:visited, a.badge-orange:visited, .label-orange:visited, a.label-orange:visited, label.label-orange:visited {
-    color: #fdf6e3; }
-    .btn-orange:visited:before, a.btn-orange:visited:before, .badge-orange:visited:before, .chip-orange:visited:before, a.chip-orange:visited:before, a.badge-orange:visited:before, .label-orange:visited:before, a.label-orange:visited:before, label.label-orange:visited:before {
-      background-color: #cb4b16; }
-  .btn-orange:hover, .btn-orange:active, .btn-orange:focus, a:hover > .btn-orange, a:active > .btn-orange, a:focus > .btn-orange, .btn-orange:visited:hover, .btn-orange:visited:active, .btn-orange:visited:focus, a:hover > .btn-orange:visited, a:active > .btn-orange:visited, a:focus > .btn-orange:visited, .btn-orange:not(.disabled):not(:disabled):hover, .btn-orange:not(.disabled):not(:disabled):active, .btn-orange:not(.disabled):not(:disabled):focus, a:hover > .btn-orange:not(.disabled):not(:disabled), a:active > .btn-orange:not(.disabled):not(:disabled), a:focus > .btn-orange:not(.disabled):not(:disabled), a.btn-orange:hover, a.btn-orange:active, a.btn-orange:focus, a:hover > a.btn-orange, a:active > a.btn-orange, a:focus > a.btn-orange, a.btn-orange:visited:hover, a.btn-orange:visited:active, a.btn-orange:visited:focus, a:hover > a.btn-orange:visited, a:active > a.btn-orange:visited, a:focus > a.btn-orange:visited, a.btn-orange:not(.disabled):not(:disabled):hover, a.btn-orange:not(.disabled):not(:disabled):active, a.btn-orange:not(.disabled):not(:disabled):focus, a:hover > a.btn-orange:not(.disabled):not(:disabled), a:active > a.btn-orange:not(.disabled):not(:disabled), a:focus > a.btn-orange:not(.disabled):not(:disabled), .badge-orange:hover, .badge-orange:active, .badge-orange:focus, a:hover > .badge-orange, a:active > .badge-orange, a:focus > .badge-orange, .badge-orange:visited:hover, .badge-orange:visited:active, .badge-orange:visited:focus, a:hover > .badge-orange:visited, a:active > .badge-orange:visited, a:focus > .badge-orange:visited, .badge-orange:not(.disabled):not(:disabled):hover, .badge-orange:not(.disabled):not(:disabled):active, .badge-orange:not(.disabled):not(:disabled):focus, a:hover > .badge-orange:not(.disabled):not(:disabled), a:active > .badge-orange:not(.disabled):not(:disabled), a:focus > .badge-orange:not(.disabled):not(:disabled), .chip-orange:hover, .chip-orange:active, .chip-orange:focus, a:hover > .chip-orange, a:active > .chip-orange, a:focus > .chip-orange, .chip-orange:visited:hover, .chip-orange:visited:active, .chip-orange:visited:focus, a:hover > .chip-orange:visited, a:active > .chip-orange:visited, a:focus > .chip-orange:visited, .chip-orange:not(.disabled):not(:disabled):hover, .chip-orange:not(.disabled):not(:disabled):active, .chip-orange:not(.disabled):not(:disabled):focus, a:hover > .chip-orange:not(.disabled):not(:disabled), a:active > .chip-orange:not(.disabled):not(:disabled), a:focus > .chip-orange:not(.disabled):not(:disabled), a.chip-orange:hover, a.chip-orange:active, a.chip-orange:focus, a:hover > a.chip-orange, a:active > a.chip-orange, a:focus > a.chip-orange, a.chip-orange:visited:hover, a.chip-orange:visited:active, a.chip-orange:visited:focus, a:hover > a.chip-orange:visited, a:active > a.chip-orange:visited, a:focus > a.chip-orange:visited, a.chip-orange:not(.disabled):not(:disabled):hover, a.chip-orange:not(.disabled):not(:disabled):active, a.chip-orange:not(.disabled):not(:disabled):focus, a:hover > a.chip-orange:not(.disabled):not(:disabled), a:active > a.chip-orange:not(.disabled):not(:disabled), a:focus > a.chip-orange:not(.disabled):not(:disabled), a.badge-orange:hover, a.badge-orange:active, a.badge-orange:focus, a:hover > a.badge-orange, a:active > a.badge-orange, a:focus > a.badge-orange, a.badge-orange:visited:hover, a.badge-orange:visited:active, a.badge-orange:visited:focus, a:hover > a.badge-orange:visited, a:active > a.badge-orange:visited, a:focus > a.badge-orange:visited, a.badge-orange:not(.disabled):not(:disabled):hover, a.badge-orange:not(.disabled):not(:disabled):active, a.badge-orange:not(.disabled):not(:disabled):focus, a:hover > a.badge-orange:not(.disabled):not(:disabled), a:active > a.badge-orange:not(.disabled):not(:disabled), a:focus > a.badge-orange:not(.disabled):not(:disabled), .label-orange:hover, .label-orange:active, .label-orange:focus, a:hover > .label-orange, a:active > .label-orange, a:focus > .label-orange, .label-orange:visited:hover, .label-orange:visited:active, .label-orange:visited:focus, a:hover > .label-orange:visited, a:active > .label-orange:visited, a:focus > .label-orange:visited, .label-orange:not(.disabled):not(:disabled):hover, .label-orange:not(.disabled):not(:disabled):active, .label-orange:not(.disabled):not(:disabled):focus, a:hover > .label-orange:not(.disabled):not(:disabled), a:active > .label-orange:not(.disabled):not(:disabled), a:focus > .label-orange:not(.disabled):not(:disabled), a.label-orange:hover, a.label-orange:active, a.label-orange:focus, a:hover > a.label-orange, a:active > a.label-orange, a:focus > a.label-orange, a.label-orange:visited:hover, a.label-orange:visited:active, a.label-orange:visited:focus, a:hover > a.label-orange:visited, a:active > a.label-orange:visited, a:focus > a.label-orange:visited, a.label-orange:not(.disabled):not(:disabled):hover, a.label-orange:not(.disabled):not(:disabled):active, a.label-orange:not(.disabled):not(:disabled):focus, a:hover > a.label-orange:not(.disabled):not(:disabled), a:active > a.label-orange:not(.disabled):not(:disabled), a:focus > a.label-orange:not(.disabled):not(:disabled), label.label-orange:hover, label.label-orange:active, label.label-orange:focus, a:hover > label.label-orange, a:active > label.label-orange, a:focus > label.label-orange, label.label-orange:visited:hover, label.label-orange:visited:active, label.label-orange:visited:focus, a:hover > label.label-orange:visited, a:active > label.label-orange:visited, a:focus > label.label-orange:visited, label.label-orange:not(.disabled):not(:disabled):hover, label.label-orange:not(.disabled):not(:disabled):active, label.label-orange:not(.disabled):not(:disabled):focus, a:hover > label.label-orange:not(.disabled):not(:disabled), a:active > label.label-orange:not(.disabled):not(:disabled), a:focus > label.label-orange:not(.disabled):not(:disabled) {
-    color: #fffefb; }
-    .btn-orange:hover:before, .btn-orange:active:before, .btn-orange:focus:before, a:hover > .btn-orange:before, a:active > .btn-orange:before, a:focus > .btn-orange:before, .btn-orange:visited:hover:before, .btn-orange:visited:active:before, .btn-orange:visited:focus:before, a:hover > .btn-orange:visited:before, a:active > .btn-orange:visited:before, a:focus > .btn-orange:visited:before, .btn-orange:not(.disabled):not(:disabled):hover:before, .btn-orange:not(.disabled):not(:disabled):active:before, .btn-orange:not(.disabled):not(:disabled):focus:before, a:hover > .btn-orange:not(.disabled):not(:disabled):before, a:active > .btn-orange:not(.disabled):not(:disabled):before, a:focus > .btn-orange:not(.disabled):not(:disabled):before, a.btn-orange:hover:before, a.btn-orange:active:before, a.btn-orange:focus:before, a:hover > a.btn-orange:before, a:active > a.btn-orange:before, a:focus > a.btn-orange:before, a.btn-orange:visited:hover:before, a.btn-orange:visited:active:before, a.btn-orange:visited:focus:before, a:hover > a.btn-orange:visited:before, a:active > a.btn-orange:visited:before, a:focus > a.btn-orange:visited:before, a.btn-orange:not(.disabled):not(:disabled):hover:before, a.btn-orange:not(.disabled):not(:disabled):active:before, a.btn-orange:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-orange:not(.disabled):not(:disabled):before, a:active > a.btn-orange:not(.disabled):not(:disabled):before, a:focus > a.btn-orange:not(.disabled):not(:disabled):before, .badge-orange:hover:before, .badge-orange:active:before, .badge-orange:focus:before, a:hover > .badge-orange:before, a:active > .badge-orange:before, a:focus > .badge-orange:before, .badge-orange:visited:hover:before, .badge-orange:visited:active:before, .badge-orange:visited:focus:before, a:hover > .badge-orange:visited:before, a:active > .badge-orange:visited:before, a:focus > .badge-orange:visited:before, .badge-orange:not(.disabled):not(:disabled):hover:before, .badge-orange:not(.disabled):not(:disabled):active:before, .badge-orange:not(.disabled):not(:disabled):focus:before, a:hover > .badge-orange:not(.disabled):not(:disabled):before, a:active > .badge-orange:not(.disabled):not(:disabled):before, a:focus > .badge-orange:not(.disabled):not(:disabled):before, .chip-orange:hover:before, .chip-orange:active:before, .chip-orange:focus:before, a:hover > .chip-orange:before, a:active > .chip-orange:before, a:focus > .chip-orange:before, .chip-orange:visited:hover:before, .chip-orange:visited:active:before, .chip-orange:visited:focus:before, a:hover > .chip-orange:visited:before, a:active > .chip-orange:visited:before, a:focus > .chip-orange:visited:before, .chip-orange:not(.disabled):not(:disabled):hover:before, .chip-orange:not(.disabled):not(:disabled):active:before, .chip-orange:not(.disabled):not(:disabled):focus:before, a:hover > .chip-orange:not(.disabled):not(:disabled):before, a:active > .chip-orange:not(.disabled):not(:disabled):before, a:focus > .chip-orange:not(.disabled):not(:disabled):before, a.chip-orange:hover:before, a.chip-orange:active:before, a.chip-orange:focus:before, a:hover > a.chip-orange:before, a:active > a.chip-orange:before, a:focus > a.chip-orange:before, a.chip-orange:visited:hover:before, a.chip-orange:visited:active:before, a.chip-orange:visited:focus:before, a:hover > a.chip-orange:visited:before, a:active > a.chip-orange:visited:before, a:focus > a.chip-orange:visited:before, a.chip-orange:not(.disabled):not(:disabled):hover:before, a.chip-orange:not(.disabled):not(:disabled):active:before, a.chip-orange:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-orange:not(.disabled):not(:disabled):before, a:active > a.chip-orange:not(.disabled):not(:disabled):before, a:focus > a.chip-orange:not(.disabled):not(:disabled):before, a.badge-orange:hover:before, a.badge-orange:active:before, a.badge-orange:focus:before, a:hover > a.badge-orange:before, a:active > a.badge-orange:before, a:focus > a.badge-orange:before, a.badge-orange:visited:hover:before, a.badge-orange:visited:active:before, a.badge-orange:visited:focus:before, a:hover > a.badge-orange:visited:before, a:active > a.badge-orange:visited:before, a:focus > a.badge-orange:visited:before, a.badge-orange:not(.disabled):not(:disabled):hover:before, a.badge-orange:not(.disabled):not(:disabled):active:before, a.badge-orange:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-orange:not(.disabled):not(:disabled):before, a:active > a.badge-orange:not(.disabled):not(:disabled):before, a:focus > a.badge-orange:not(.disabled):not(:disabled):before, .label-orange:hover:before, .label-orange:active:before, .label-orange:focus:before, a:hover > .label-orange:before, a:active > .label-orange:before, a:focus > .label-orange:before, .label-orange:visited:hover:before, .label-orange:visited:active:before, .label-orange:visited:focus:before, a:hover > .label-orange:visited:before, a:active > .label-orange:visited:before, a:focus > .label-orange:visited:before, .label-orange:not(.disabled):not(:disabled):hover:before, .label-orange:not(.disabled):not(:disabled):active:before, .label-orange:not(.disabled):not(:disabled):focus:before, a:hover > .label-orange:not(.disabled):not(:disabled):before, a:active > .label-orange:not(.disabled):not(:disabled):before, a:focus > .label-orange:not(.disabled):not(:disabled):before, a.label-orange:hover:before, a.label-orange:active:before, a.label-orange:focus:before, a:hover > a.label-orange:before, a:active > a.label-orange:before, a:focus > a.label-orange:before, a.label-orange:visited:hover:before, a.label-orange:visited:active:before, a.label-orange:visited:focus:before, a:hover > a.label-orange:visited:before, a:active > a.label-orange:visited:before, a:focus > a.label-orange:visited:before, a.label-orange:not(.disabled):not(:disabled):hover:before, a.label-orange:not(.disabled):not(:disabled):active:before, a.label-orange:not(.disabled):not(:disabled):focus:before, a:hover > a.label-orange:not(.disabled):not(:disabled):before, a:active > a.label-orange:not(.disabled):not(:disabled):before, a:focus > a.label-orange:not(.disabled):not(:disabled):before, label.label-orange:hover:before, label.label-orange:active:before, label.label-orange:focus:before, a:hover > label.label-orange:before, a:active > label.label-orange:before, a:focus > label.label-orange:before, label.label-orange:visited:hover:before, label.label-orange:visited:active:before, label.label-orange:visited:focus:before, a:hover > label.label-orange:visited:before, a:active > label.label-orange:visited:before, a:focus > label.label-orange:visited:before, label.label-orange:not(.disabled):not(:disabled):hover:before, label.label-orange:not(.disabled):not(:disabled):active:before, label.label-orange:not(.disabled):not(:disabled):focus:before, a:hover > label.label-orange:not(.disabled):not(:disabled):before, a:active > label.label-orange:not(.disabled):not(:disabled):before, a:focus > label.label-orange:not(.disabled):not(:disabled):before {
-      background-color: #a83e12; }
-
-.btn-green, a.btn-green, .badge-green, .chip-green, a.chip-green, a.badge-green, .label-green, a.label-green, label.label-green {
-  color: #fdf6e3; }
-  .btn-green:before, a.btn-green:before, .badge-green:before, .chip-green:before, a.chip-green:before, a.badge-green:before, .label-green:before, a.label-green:before, label.label-green:before {
-    background-color: #859900; }
-  .btn-green:visited, a.btn-green:visited, .badge-green:visited, .chip-green:visited, a.chip-green:visited, a.badge-green:visited, .label-green:visited, a.label-green:visited, label.label-green:visited {
-    color: #fdf6e3; }
-    .btn-green:visited:before, a.btn-green:visited:before, .badge-green:visited:before, .chip-green:visited:before, a.chip-green:visited:before, a.badge-green:visited:before, .label-green:visited:before, a.label-green:visited:before, label.label-green:visited:before {
-      background-color: #859900; }
-  .btn-green:hover, .btn-green:active, .btn-green:focus, a:hover > .btn-green, a:active > .btn-green, a:focus > .btn-green, .btn-green:visited:hover, .btn-green:visited:active, .btn-green:visited:focus, a:hover > .btn-green:visited, a:active > .btn-green:visited, a:focus > .btn-green:visited, .btn-green:not(.disabled):not(:disabled):hover, .btn-green:not(.disabled):not(:disabled):active, .btn-green:not(.disabled):not(:disabled):focus, a:hover > .btn-green:not(.disabled):not(:disabled), a:active > .btn-green:not(.disabled):not(:disabled), a:focus > .btn-green:not(.disabled):not(:disabled), a.btn-green:hover, a.btn-green:active, a.btn-green:focus, a:hover > a.btn-green, a:active > a.btn-green, a:focus > a.btn-green, a.btn-green:visited:hover, a.btn-green:visited:active, a.btn-green:visited:focus, a:hover > a.btn-green:visited, a:active > a.btn-green:visited, a:focus > a.btn-green:visited, a.btn-green:not(.disabled):not(:disabled):hover, a.btn-green:not(.disabled):not(:disabled):active, a.btn-green:not(.disabled):not(:disabled):focus, a:hover > a.btn-green:not(.disabled):not(:disabled), a:active > a.btn-green:not(.disabled):not(:disabled), a:focus > a.btn-green:not(.disabled):not(:disabled), .badge-green:hover, .badge-green:active, .badge-green:focus, a:hover > .badge-green, a:active > .badge-green, a:focus > .badge-green, .badge-green:visited:hover, .badge-green:visited:active, .badge-green:visited:focus, a:hover > .badge-green:visited, a:active > .badge-green:visited, a:focus > .badge-green:visited, .badge-green:not(.disabled):not(:disabled):hover, .badge-green:not(.disabled):not(:disabled):active, .badge-green:not(.disabled):not(:disabled):focus, a:hover > .badge-green:not(.disabled):not(:disabled), a:active > .badge-green:not(.disabled):not(:disabled), a:focus > .badge-green:not(.disabled):not(:disabled), .chip-green:hover, .chip-green:active, .chip-green:focus, a:hover > .chip-green, a:active > .chip-green, a:focus > .chip-green, .chip-green:visited:hover, .chip-green:visited:active, .chip-green:visited:focus, a:hover > .chip-green:visited, a:active > .chip-green:visited, a:focus > .chip-green:visited, .chip-green:not(.disabled):not(:disabled):hover, .chip-green:not(.disabled):not(:disabled):active, .chip-green:not(.disabled):not(:disabled):focus, a:hover > .chip-green:not(.disabled):not(:disabled), a:active > .chip-green:not(.disabled):not(:disabled), a:focus > .chip-green:not(.disabled):not(:disabled), a.chip-green:hover, a.chip-green:active, a.chip-green:focus, a:hover > a.chip-green, a:active > a.chip-green, a:focus > a.chip-green, a.chip-green:visited:hover, a.chip-green:visited:active, a.chip-green:visited:focus, a:hover > a.chip-green:visited, a:active > a.chip-green:visited, a:focus > a.chip-green:visited, a.chip-green:not(.disabled):not(:disabled):hover, a.chip-green:not(.disabled):not(:disabled):active, a.chip-green:not(.disabled):not(:disabled):focus, a:hover > a.chip-green:not(.disabled):not(:disabled), a:active > a.chip-green:not(.disabled):not(:disabled), a:focus > a.chip-green:not(.disabled):not(:disabled), a.badge-green:hover, a.badge-green:active, a.badge-green:focus, a:hover > a.badge-green, a:active > a.badge-green, a:focus > a.badge-green, a.badge-green:visited:hover, a.badge-green:visited:active, a.badge-green:visited:focus, a:hover > a.badge-green:visited, a:active > a.badge-green:visited, a:focus > a.badge-green:visited, a.badge-green:not(.disabled):not(:disabled):hover, a.badge-green:not(.disabled):not(:disabled):active, a.badge-green:not(.disabled):not(:disabled):focus, a:hover > a.badge-green:not(.disabled):not(:disabled), a:active > a.badge-green:not(.disabled):not(:disabled), a:focus > a.badge-green:not(.disabled):not(:disabled), .label-green:hover, .label-green:active, .label-green:focus, a:hover > .label-green, a:active > .label-green, a:focus > .label-green, .label-green:visited:hover, .label-green:visited:active, .label-green:visited:focus, a:hover > .label-green:visited, a:active > .label-green:visited, a:focus > .label-green:visited, .label-green:not(.disabled):not(:disabled):hover, .label-green:not(.disabled):not(:disabled):active, .label-green:not(.disabled):not(:disabled):focus, a:hover > .label-green:not(.disabled):not(:disabled), a:active > .label-green:not(.disabled):not(:disabled), a:focus > .label-green:not(.disabled):not(:disabled), a.label-green:hover, a.label-green:active, a.label-green:focus, a:hover > a.label-green, a:active > a.label-green, a:focus > a.label-green, a.label-green:visited:hover, a.label-green:visited:active, a.label-green:visited:focus, a:hover > a.label-green:visited, a:active > a.label-green:visited, a:focus > a.label-green:visited, a.label-green:not(.disabled):not(:disabled):hover, a.label-green:not(.disabled):not(:disabled):active, a.label-green:not(.disabled):not(:disabled):focus, a:hover > a.label-green:not(.disabled):not(:disabled), a:active > a.label-green:not(.disabled):not(:disabled), a:focus > a.label-green:not(.disabled):not(:disabled), label.label-green:hover, label.label-green:active, label.label-green:focus, a:hover > label.label-green, a:active > label.label-green, a:focus > label.label-green, label.label-green:visited:hover, label.label-green:visited:active, label.label-green:visited:focus, a:hover > label.label-green:visited, a:active > label.label-green:visited, a:focus > label.label-green:visited, label.label-green:not(.disabled):not(:disabled):hover, label.label-green:not(.disabled):not(:disabled):active, label.label-green:not(.disabled):not(:disabled):focus, a:hover > label.label-green:not(.disabled):not(:disabled), a:active > label.label-green:not(.disabled):not(:disabled), a:focus > label.label-green:not(.disabled):not(:disabled) {
-    color: #fffefb; }
-    .btn-green:hover:before, .btn-green:active:before, .btn-green:focus:before, a:hover > .btn-green:before, a:active > .btn-green:before, a:focus > .btn-green:before, .btn-green:visited:hover:before, .btn-green:visited:active:before, .btn-green:visited:focus:before, a:hover > .btn-green:visited:before, a:active > .btn-green:visited:before, a:focus > .btn-green:visited:before, .btn-green:not(.disabled):not(:disabled):hover:before, .btn-green:not(.disabled):not(:disabled):active:before, .btn-green:not(.disabled):not(:disabled):focus:before, a:hover > .btn-green:not(.disabled):not(:disabled):before, a:active > .btn-green:not(.disabled):not(:disabled):before, a:focus > .btn-green:not(.disabled):not(:disabled):before, a.btn-green:hover:before, a.btn-green:active:before, a.btn-green:focus:before, a:hover > a.btn-green:before, a:active > a.btn-green:before, a:focus > a.btn-green:before, a.btn-green:visited:hover:before, a.btn-green:visited:active:before, a.btn-green:visited:focus:before, a:hover > a.btn-green:visited:before, a:active > a.btn-green:visited:before, a:focus > a.btn-green:visited:before, a.btn-green:not(.disabled):not(:disabled):hover:before, a.btn-green:not(.disabled):not(:disabled):active:before, a.btn-green:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-green:not(.disabled):not(:disabled):before, a:active > a.btn-green:not(.disabled):not(:disabled):before, a:focus > a.btn-green:not(.disabled):not(:disabled):before, .badge-green:hover:before, .badge-green:active:before, .badge-green:focus:before, a:hover > .badge-green:before, a:active > .badge-green:before, a:focus > .badge-green:before, .badge-green:visited:hover:before, .badge-green:visited:active:before, .badge-green:visited:focus:before, a:hover > .badge-green:visited:before, a:active > .badge-green:visited:before, a:focus > .badge-green:visited:before, .badge-green:not(.disabled):not(:disabled):hover:before, .badge-green:not(.disabled):not(:disabled):active:before, .badge-green:not(.disabled):not(:disabled):focus:before, a:hover > .badge-green:not(.disabled):not(:disabled):before, a:active > .badge-green:not(.disabled):not(:disabled):before, a:focus > .badge-green:not(.disabled):not(:disabled):before, .chip-green:hover:before, .chip-green:active:before, .chip-green:focus:before, a:hover > .chip-green:before, a:active > .chip-green:before, a:focus > .chip-green:before, .chip-green:visited:hover:before, .chip-green:visited:active:before, .chip-green:visited:focus:before, a:hover > .chip-green:visited:before, a:active > .chip-green:visited:before, a:focus > .chip-green:visited:before, .chip-green:not(.disabled):not(:disabled):hover:before, .chip-green:not(.disabled):not(:disabled):active:before, .chip-green:not(.disabled):not(:disabled):focus:before, a:hover > .chip-green:not(.disabled):not(:disabled):before, a:active > .chip-green:not(.disabled):not(:disabled):before, a:focus > .chip-green:not(.disabled):not(:disabled):before, a.chip-green:hover:before, a.chip-green:active:before, a.chip-green:focus:before, a:hover > a.chip-green:before, a:active > a.chip-green:before, a:focus > a.chip-green:before, a.chip-green:visited:hover:before, a.chip-green:visited:active:before, a.chip-green:visited:focus:before, a:hover > a.chip-green:visited:before, a:active > a.chip-green:visited:before, a:focus > a.chip-green:visited:before, a.chip-green:not(.disabled):not(:disabled):hover:before, a.chip-green:not(.disabled):not(:disabled):active:before, a.chip-green:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-green:not(.disabled):not(:disabled):before, a:active > a.chip-green:not(.disabled):not(:disabled):before, a:focus > a.chip-green:not(.disabled):not(:disabled):before, a.badge-green:hover:before, a.badge-green:active:before, a.badge-green:focus:before, a:hover > a.badge-green:before, a:active > a.badge-green:before, a:focus > a.badge-green:before, a.badge-green:visited:hover:before, a.badge-green:visited:active:before, a.badge-green:visited:focus:before, a:hover > a.badge-green:visited:before, a:active > a.badge-green:visited:before, a:focus > a.badge-green:visited:before, a.badge-green:not(.disabled):not(:disabled):hover:before, a.badge-green:not(.disabled):not(:disabled):active:before, a.badge-green:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-green:not(.disabled):not(:disabled):before, a:active > a.badge-green:not(.disabled):not(:disabled):before, a:focus > a.badge-green:not(.disabled):not(:disabled):before, .label-green:hover:before, .label-green:active:before, .label-green:focus:before, a:hover > .label-green:before, a:active > .label-green:before, a:focus > .label-green:before, .label-green:visited:hover:before, .label-green:visited:active:before, .label-green:visited:focus:before, a:hover > .label-green:visited:before, a:active > .label-green:visited:before, a:focus > .label-green:visited:before, .label-green:not(.disabled):not(:disabled):hover:before, .label-green:not(.disabled):not(:disabled):active:before, .label-green:not(.disabled):not(:disabled):focus:before, a:hover > .label-green:not(.disabled):not(:disabled):before, a:active > .label-green:not(.disabled):not(:disabled):before, a:focus > .label-green:not(.disabled):not(:disabled):before, a.label-green:hover:before, a.label-green:active:before, a.label-green:focus:before, a:hover > a.label-green:before, a:active > a.label-green:before, a:focus > a.label-green:before, a.label-green:visited:hover:before, a.label-green:visited:active:before, a.label-green:visited:focus:before, a:hover > a.label-green:visited:before, a:active > a.label-green:visited:before, a:focus > a.label-green:visited:before, a.label-green:not(.disabled):not(:disabled):hover:before, a.label-green:not(.disabled):not(:disabled):active:before, a.label-green:not(.disabled):not(:disabled):focus:before, a:hover > a.label-green:not(.disabled):not(:disabled):before, a:active > a.label-green:not(.disabled):not(:disabled):before, a:focus > a.label-green:not(.disabled):not(:disabled):before, label.label-green:hover:before, label.label-green:active:before, label.label-green:focus:before, a:hover > label.label-green:before, a:active > label.label-green:before, a:focus > label.label-green:before, label.label-green:visited:hover:before, label.label-green:visited:active:before, label.label-green:visited:focus:before, a:hover > label.label-green:visited:before, a:active > label.label-green:visited:before, a:focus > label.label-green:visited:before, label.label-green:not(.disabled):not(:disabled):hover:before, label.label-green:not(.disabled):not(:disabled):active:before, label.label-green:not(.disabled):not(:disabled):focus:before, a:hover > label.label-green:not(.disabled):not(:disabled):before, a:active > label.label-green:not(.disabled):not(:disabled):before, a:focus > label.label-green:not(.disabled):not(:disabled):before {
-      background-color: #647300; }
-
-.btn-skyblue, a.btn-skyblue, .badge-skyblue, .chip-skyblue, a.chip-skyblue, a.badge-skyblue, .label-skyblue, a.label-skyblue, label.label-skyblue {
-  color: #fdf6e3; }
-  .btn-skyblue:before, a.btn-skyblue:before, .badge-skyblue:before, .chip-skyblue:before, a.chip-skyblue:before, a.badge-skyblue:before, .label-skyblue:before, a.label-skyblue:before, label.label-skyblue:before {
-    background-color: #2aa198; }
-  .btn-skyblue:visited, a.btn-skyblue:visited, .badge-skyblue:visited, .chip-skyblue:visited, a.chip-skyblue:visited, a.badge-skyblue:visited, .label-skyblue:visited, a.label-skyblue:visited, label.label-skyblue:visited {
-    color: #fdf6e3; }
-    .btn-skyblue:visited:before, a.btn-skyblue:visited:before, .badge-skyblue:visited:before, .chip-skyblue:visited:before, a.chip-skyblue:visited:before, a.badge-skyblue:visited:before, .label-skyblue:visited:before, a.label-skyblue:visited:before, label.label-skyblue:visited:before {
-      background-color: #2aa198; }
-  .btn-skyblue:hover, .btn-skyblue:active, .btn-skyblue:focus, a:hover > .btn-skyblue, a:active > .btn-skyblue, a:focus > .btn-skyblue, .btn-skyblue:visited:hover, .btn-skyblue:visited:active, .btn-skyblue:visited:focus, a:hover > .btn-skyblue:visited, a:active > .btn-skyblue:visited, a:focus > .btn-skyblue:visited, .btn-skyblue:not(.disabled):not(:disabled):hover, .btn-skyblue:not(.disabled):not(:disabled):active, .btn-skyblue:not(.disabled):not(:disabled):focus, a:hover > .btn-skyblue:not(.disabled):not(:disabled), a:active > .btn-skyblue:not(.disabled):not(:disabled), a:focus > .btn-skyblue:not(.disabled):not(:disabled), a.btn-skyblue:hover, a.btn-skyblue:active, a.btn-skyblue:focus, a:hover > a.btn-skyblue, a:active > a.btn-skyblue, a:focus > a.btn-skyblue, a.btn-skyblue:visited:hover, a.btn-skyblue:visited:active, a.btn-skyblue:visited:focus, a:hover > a.btn-skyblue:visited, a:active > a.btn-skyblue:visited, a:focus > a.btn-skyblue:visited, a.btn-skyblue:not(.disabled):not(:disabled):hover, a.btn-skyblue:not(.disabled):not(:disabled):active, a.btn-skyblue:not(.disabled):not(:disabled):focus, a:hover > a.btn-skyblue:not(.disabled):not(:disabled), a:active > a.btn-skyblue:not(.disabled):not(:disabled), a:focus > a.btn-skyblue:not(.disabled):not(:disabled), .badge-skyblue:hover, .badge-skyblue:active, .badge-skyblue:focus, a:hover > .badge-skyblue, a:active > .badge-skyblue, a:focus > .badge-skyblue, .badge-skyblue:visited:hover, .badge-skyblue:visited:active, .badge-skyblue:visited:focus, a:hover > .badge-skyblue:visited, a:active > .badge-skyblue:visited, a:focus > .badge-skyblue:visited, .badge-skyblue:not(.disabled):not(:disabled):hover, .badge-skyblue:not(.disabled):not(:disabled):active, .badge-skyblue:not(.disabled):not(:disabled):focus, a:hover > .badge-skyblue:not(.disabled):not(:disabled), a:active > .badge-skyblue:not(.disabled):not(:disabled), a:focus > .badge-skyblue:not(.disabled):not(:disabled), .chip-skyblue:hover, .chip-skyblue:active, .chip-skyblue:focus, a:hover > .chip-skyblue, a:active > .chip-skyblue, a:focus > .chip-skyblue, .chip-skyblue:visited:hover, .chip-skyblue:visited:active, .chip-skyblue:visited:focus, a:hover > .chip-skyblue:visited, a:active > .chip-skyblue:visited, a:focus > .chip-skyblue:visited, .chip-skyblue:not(.disabled):not(:disabled):hover, .chip-skyblue:not(.disabled):not(:disabled):active, .chip-skyblue:not(.disabled):not(:disabled):focus, a:hover > .chip-skyblue:not(.disabled):not(:disabled), a:active > .chip-skyblue:not(.disabled):not(:disabled), a:focus > .chip-skyblue:not(.disabled):not(:disabled), a.chip-skyblue:hover, a.chip-skyblue:active, a.chip-skyblue:focus, a:hover > a.chip-skyblue, a:active > a.chip-skyblue, a:focus > a.chip-skyblue, a.chip-skyblue:visited:hover, a.chip-skyblue:visited:active, a.chip-skyblue:visited:focus, a:hover > a.chip-skyblue:visited, a:active > a.chip-skyblue:visited, a:focus > a.chip-skyblue:visited, a.chip-skyblue:not(.disabled):not(:disabled):hover, a.chip-skyblue:not(.disabled):not(:disabled):active, a.chip-skyblue:not(.disabled):not(:disabled):focus, a:hover > a.chip-skyblue:not(.disabled):not(:disabled), a:active > a.chip-skyblue:not(.disabled):not(:disabled), a:focus > a.chip-skyblue:not(.disabled):not(:disabled), a.badge-skyblue:hover, a.badge-skyblue:active, a.badge-skyblue:focus, a:hover > a.badge-skyblue, a:active > a.badge-skyblue, a:focus > a.badge-skyblue, a.badge-skyblue:visited:hover, a.badge-skyblue:visited:active, a.badge-skyblue:visited:focus, a:hover > a.badge-skyblue:visited, a:active > a.badge-skyblue:visited, a:focus > a.badge-skyblue:visited, a.badge-skyblue:not(.disabled):not(:disabled):hover, a.badge-skyblue:not(.disabled):not(:disabled):active, a.badge-skyblue:not(.disabled):not(:disabled):focus, a:hover > a.badge-skyblue:not(.disabled):not(:disabled), a:active > a.badge-skyblue:not(.disabled):not(:disabled), a:focus > a.badge-skyblue:not(.disabled):not(:disabled), .label-skyblue:hover, .label-skyblue:active, .label-skyblue:focus, a:hover > .label-skyblue, a:active > .label-skyblue, a:focus > .label-skyblue, .label-skyblue:visited:hover, .label-skyblue:visited:active, .label-skyblue:visited:focus, a:hover > .label-skyblue:visited, a:active > .label-skyblue:visited, a:focus > .label-skyblue:visited, .label-skyblue:not(.disabled):not(:disabled):hover, .label-skyblue:not(.disabled):not(:disabled):active, .label-skyblue:not(.disabled):not(:disabled):focus, a:hover > .label-skyblue:not(.disabled):not(:disabled), a:active > .label-skyblue:not(.disabled):not(:disabled), a:focus > .label-skyblue:not(.disabled):not(:disabled), a.label-skyblue:hover, a.label-skyblue:active, a.label-skyblue:focus, a:hover > a.label-skyblue, a:active > a.label-skyblue, a:focus > a.label-skyblue, a.label-skyblue:visited:hover, a.label-skyblue:visited:active, a.label-skyblue:visited:focus, a:hover > a.label-skyblue:visited, a:active > a.label-skyblue:visited, a:focus > a.label-skyblue:visited, a.label-skyblue:not(.disabled):not(:disabled):hover, a.label-skyblue:not(.disabled):not(:disabled):active, a.label-skyblue:not(.disabled):not(:disabled):focus, a:hover > a.label-skyblue:not(.disabled):not(:disabled), a:active > a.label-skyblue:not(.disabled):not(:disabled), a:focus > a.label-skyblue:not(.disabled):not(:disabled), label.label-skyblue:hover, label.label-skyblue:active, label.label-skyblue:focus, a:hover > label.label-skyblue, a:active > label.label-skyblue, a:focus > label.label-skyblue, label.label-skyblue:visited:hover, label.label-skyblue:visited:active, label.label-skyblue:visited:focus, a:hover > label.label-skyblue:visited, a:active > label.label-skyblue:visited, a:focus > label.label-skyblue:visited, label.label-skyblue:not(.disabled):not(:disabled):hover, label.label-skyblue:not(.disabled):not(:disabled):active, label.label-skyblue:not(.disabled):not(:disabled):focus, a:hover > label.label-skyblue:not(.disabled):not(:disabled), a:active > label.label-skyblue:not(.disabled):not(:disabled), a:focus > label.label-skyblue:not(.disabled):not(:disabled) {
-    color: #fffefb; }
-    .btn-skyblue:hover:before, .btn-skyblue:active:before, .btn-skyblue:focus:before, a:hover > .btn-skyblue:before, a:active > .btn-skyblue:before, a:focus > .btn-skyblue:before, .btn-skyblue:visited:hover:before, .btn-skyblue:visited:active:before, .btn-skyblue:visited:focus:before, a:hover > .btn-skyblue:visited:before, a:active > .btn-skyblue:visited:before, a:focus > .btn-skyblue:visited:before, .btn-skyblue:not(.disabled):not(:disabled):hover:before, .btn-skyblue:not(.disabled):not(:disabled):active:before, .btn-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > .btn-skyblue:not(.disabled):not(:disabled):before, a:active > .btn-skyblue:not(.disabled):not(:disabled):before, a:focus > .btn-skyblue:not(.disabled):not(:disabled):before, a.btn-skyblue:hover:before, a.btn-skyblue:active:before, a.btn-skyblue:focus:before, a:hover > a.btn-skyblue:before, a:active > a.btn-skyblue:before, a:focus > a.btn-skyblue:before, a.btn-skyblue:visited:hover:before, a.btn-skyblue:visited:active:before, a.btn-skyblue:visited:focus:before, a:hover > a.btn-skyblue:visited:before, a:active > a.btn-skyblue:visited:before, a:focus > a.btn-skyblue:visited:before, a.btn-skyblue:not(.disabled):not(:disabled):hover:before, a.btn-skyblue:not(.disabled):not(:disabled):active:before, a.btn-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-skyblue:not(.disabled):not(:disabled):before, a:active > a.btn-skyblue:not(.disabled):not(:disabled):before, a:focus > a.btn-skyblue:not(.disabled):not(:disabled):before, .badge-skyblue:hover:before, .badge-skyblue:active:before, .badge-skyblue:focus:before, a:hover > .badge-skyblue:before, a:active > .badge-skyblue:before, a:focus > .badge-skyblue:before, .badge-skyblue:visited:hover:before, .badge-skyblue:visited:active:before, .badge-skyblue:visited:focus:before, a:hover > .badge-skyblue:visited:before, a:active > .badge-skyblue:visited:before, a:focus > .badge-skyblue:visited:before, .badge-skyblue:not(.disabled):not(:disabled):hover:before, .badge-skyblue:not(.disabled):not(:disabled):active:before, .badge-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > .badge-skyblue:not(.disabled):not(:disabled):before, a:active > .badge-skyblue:not(.disabled):not(:disabled):before, a:focus > .badge-skyblue:not(.disabled):not(:disabled):before, .chip-skyblue:hover:before, .chip-skyblue:active:before, .chip-skyblue:focus:before, a:hover > .chip-skyblue:before, a:active > .chip-skyblue:before, a:focus > .chip-skyblue:before, .chip-skyblue:visited:hover:before, .chip-skyblue:visited:active:before, .chip-skyblue:visited:focus:before, a:hover > .chip-skyblue:visited:before, a:active > .chip-skyblue:visited:before, a:focus > .chip-skyblue:visited:before, .chip-skyblue:not(.disabled):not(:disabled):hover:before, .chip-skyblue:not(.disabled):not(:disabled):active:before, .chip-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > .chip-skyblue:not(.disabled):not(:disabled):before, a:active > .chip-skyblue:not(.disabled):not(:disabled):before, a:focus > .chip-skyblue:not(.disabled):not(:disabled):before, a.chip-skyblue:hover:before, a.chip-skyblue:active:before, a.chip-skyblue:focus:before, a:hover > a.chip-skyblue:before, a:active > a.chip-skyblue:before, a:focus > a.chip-skyblue:before, a.chip-skyblue:visited:hover:before, a.chip-skyblue:visited:active:before, a.chip-skyblue:visited:focus:before, a:hover > a.chip-skyblue:visited:before, a:active > a.chip-skyblue:visited:before, a:focus > a.chip-skyblue:visited:before, a.chip-skyblue:not(.disabled):not(:disabled):hover:before, a.chip-skyblue:not(.disabled):not(:disabled):active:before, a.chip-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-skyblue:not(.disabled):not(:disabled):before, a:active > a.chip-skyblue:not(.disabled):not(:disabled):before, a:focus > a.chip-skyblue:not(.disabled):not(:disabled):before, a.badge-skyblue:hover:before, a.badge-skyblue:active:before, a.badge-skyblue:focus:before, a:hover > a.badge-skyblue:before, a:active > a.badge-skyblue:before, a:focus > a.badge-skyblue:before, a.badge-skyblue:visited:hover:before, a.badge-skyblue:visited:active:before, a.badge-skyblue:visited:focus:before, a:hover > a.badge-skyblue:visited:before, a:active > a.badge-skyblue:visited:before, a:focus > a.badge-skyblue:visited:before, a.badge-skyblue:not(.disabled):not(:disabled):hover:before, a.badge-skyblue:not(.disabled):not(:disabled):active:before, a.badge-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-skyblue:not(.disabled):not(:disabled):before, a:active > a.badge-skyblue:not(.disabled):not(:disabled):before, a:focus > a.badge-skyblue:not(.disabled):not(:disabled):before, .label-skyblue:hover:before, .label-skyblue:active:before, .label-skyblue:focus:before, a:hover > .label-skyblue:before, a:active > .label-skyblue:before, a:focus > .label-skyblue:before, .label-skyblue:visited:hover:before, .label-skyblue:visited:active:before, .label-skyblue:visited:focus:before, a:hover > .label-skyblue:visited:before, a:active > .label-skyblue:visited:before, a:focus > .label-skyblue:visited:before, .label-skyblue:not(.disabled):not(:disabled):hover:before, .label-skyblue:not(.disabled):not(:disabled):active:before, .label-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > .label-skyblue:not(.disabled):not(:disabled):before, a:active > .label-skyblue:not(.disabled):not(:disabled):before, a:focus > .label-skyblue:not(.disabled):not(:disabled):before, a.label-skyblue:hover:before, a.label-skyblue:active:before, a.label-skyblue:focus:before, a:hover > a.label-skyblue:before, a:active > a.label-skyblue:before, a:focus > a.label-skyblue:before, a.label-skyblue:visited:hover:before, a.label-skyblue:visited:active:before, a.label-skyblue:visited:focus:before, a:hover > a.label-skyblue:visited:before, a:active > a.label-skyblue:visited:before, a:focus > a.label-skyblue:visited:before, a.label-skyblue:not(.disabled):not(:disabled):hover:before, a.label-skyblue:not(.disabled):not(:disabled):active:before, a.label-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > a.label-skyblue:not(.disabled):not(:disabled):before, a:active > a.label-skyblue:not(.disabled):not(:disabled):before, a:focus > a.label-skyblue:not(.disabled):not(:disabled):before, label.label-skyblue:hover:before, label.label-skyblue:active:before, label.label-skyblue:focus:before, a:hover > label.label-skyblue:before, a:active > label.label-skyblue:before, a:focus > label.label-skyblue:before, label.label-skyblue:visited:hover:before, label.label-skyblue:visited:active:before, label.label-skyblue:visited:focus:before, a:hover > label.label-skyblue:visited:before, a:active > label.label-skyblue:visited:before, a:focus > label.label-skyblue:visited:before, label.label-skyblue:not(.disabled):not(:disabled):hover:before, label.label-skyblue:not(.disabled):not(:disabled):active:before, label.label-skyblue:not(.disabled):not(:disabled):focus:before, a:hover > label.label-skyblue:not(.disabled):not(:disabled):before, a:active > label.label-skyblue:not(.disabled):not(:disabled):before, a:focus > label.label-skyblue:not(.disabled):not(:disabled):before {
-      background-color: #22837b; }
-
-.btn-dark, a.btn-dark, .badge-dark, .chip-dark, a.chip-dark, a.badge-dark, .label-dark, a.label-dark, label.label-dark {
-  color: #fdf6e3; }
-  .btn-dark:before, a.btn-dark:before, .badge-dark:before, .chip-dark:before, a.chip-dark:before, a.badge-dark:before, .label-dark:before, a.label-dark:before, label.label-dark:before {
-    background-color: #002b36; }
-  .btn-dark:visited, a.btn-dark:visited, .badge-dark:visited, .chip-dark:visited, a.chip-dark:visited, a.badge-dark:visited, .label-dark:visited, a.label-dark:visited, label.label-dark:visited {
-    color: #fdf6e3; }
-    .btn-dark:visited:before, a.btn-dark:visited:before, .badge-dark:visited:before, .chip-dark:visited:before, a.chip-dark:visited:before, a.badge-dark:visited:before, .label-dark:visited:before, a.label-dark:visited:before, label.label-dark:visited:before {
-      background-color: #002b36; }
-  .btn-dark:hover, .btn-dark:active, .btn-dark:focus, a:hover > .btn-dark, a:active > .btn-dark, a:focus > .btn-dark, .btn-dark:visited:hover, .btn-dark:visited:active, .btn-dark:visited:focus, a:hover > .btn-dark:visited, a:active > .btn-dark:visited, a:focus > .btn-dark:visited, .btn-dark:not(.disabled):not(:disabled):hover, .btn-dark:not(.disabled):not(:disabled):active, .btn-dark:not(.disabled):not(:disabled):focus, a:hover > .btn-dark:not(.disabled):not(:disabled), a:active > .btn-dark:not(.disabled):not(:disabled), a:focus > .btn-dark:not(.disabled):not(:disabled), a.btn-dark:hover, a.btn-dark:active, a.btn-dark:focus, a:hover > a.btn-dark, a:active > a.btn-dark, a:focus > a.btn-dark, a.btn-dark:visited:hover, a.btn-dark:visited:active, a.btn-dark:visited:focus, a:hover > a.btn-dark:visited, a:active > a.btn-dark:visited, a:focus > a.btn-dark:visited, a.btn-dark:not(.disabled):not(:disabled):hover, a.btn-dark:not(.disabled):not(:disabled):active, a.btn-dark:not(.disabled):not(:disabled):focus, a:hover > a.btn-dark:not(.disabled):not(:disabled), a:active > a.btn-dark:not(.disabled):not(:disabled), a:focus > a.btn-dark:not(.disabled):not(:disabled), .badge-dark:hover, .badge-dark:active, .badge-dark:focus, a:hover > .badge-dark, a:active > .badge-dark, a:focus > .badge-dark, .badge-dark:visited:hover, .badge-dark:visited:active, .badge-dark:visited:focus, a:hover > .badge-dark:visited, a:active > .badge-dark:visited, a:focus > .badge-dark:visited, .badge-dark:not(.disabled):not(:disabled):hover, .badge-dark:not(.disabled):not(:disabled):active, .badge-dark:not(.disabled):not(:disabled):focus, a:hover > .badge-dark:not(.disabled):not(:disabled), a:active > .badge-dark:not(.disabled):not(:disabled), a:focus > .badge-dark:not(.disabled):not(:disabled), .chip-dark:hover, .chip-dark:active, .chip-dark:focus, a:hover > .chip-dark, a:active > .chip-dark, a:focus > .chip-dark, .chip-dark:visited:hover, .chip-dark:visited:active, .chip-dark:visited:focus, a:hover > .chip-dark:visited, a:active > .chip-dark:visited, a:focus > .chip-dark:visited, .chip-dark:not(.disabled):not(:disabled):hover, .chip-dark:not(.disabled):not(:disabled):active, .chip-dark:not(.disabled):not(:disabled):focus, a:hover > .chip-dark:not(.disabled):not(:disabled), a:active > .chip-dark:not(.disabled):not(:disabled), a:focus > .chip-dark:not(.disabled):not(:disabled), a.chip-dark:hover, a.chip-dark:active, a.chip-dark:focus, a:hover > a.chip-dark, a:active > a.chip-dark, a:focus > a.chip-dark, a.chip-dark:visited:hover, a.chip-dark:visited:active, a.chip-dark:visited:focus, a:hover > a.chip-dark:visited, a:active > a.chip-dark:visited, a:focus > a.chip-dark:visited, a.chip-dark:not(.disabled):not(:disabled):hover, a.chip-dark:not(.disabled):not(:disabled):active, a.chip-dark:not(.disabled):not(:disabled):focus, a:hover > a.chip-dark:not(.disabled):not(:disabled), a:active > a.chip-dark:not(.disabled):not(:disabled), a:focus > a.chip-dark:not(.disabled):not(:disabled), a.badge-dark:hover, a.badge-dark:active, a.badge-dark:focus, a:hover > a.badge-dark, a:active > a.badge-dark, a:focus > a.badge-dark, a.badge-dark:visited:hover, a.badge-dark:visited:active, a.badge-dark:visited:focus, a:hover > a.badge-dark:visited, a:active > a.badge-dark:visited, a:focus > a.badge-dark:visited, a.badge-dark:not(.disabled):not(:disabled):hover, a.badge-dark:not(.disabled):not(:disabled):active, a.badge-dark:not(.disabled):not(:disabled):focus, a:hover > a.badge-dark:not(.disabled):not(:disabled), a:active > a.badge-dark:not(.disabled):not(:disabled), a:focus > a.badge-dark:not(.disabled):not(:disabled), .label-dark:hover, .label-dark:active, .label-dark:focus, a:hover > .label-dark, a:active > .label-dark, a:focus > .label-dark, .label-dark:visited:hover, .label-dark:visited:active, .label-dark:visited:focus, a:hover > .label-dark:visited, a:active > .label-dark:visited, a:focus > .label-dark:visited, .label-dark:not(.disabled):not(:disabled):hover, .label-dark:not(.disabled):not(:disabled):active, .label-dark:not(.disabled):not(:disabled):focus, a:hover > .label-dark:not(.disabled):not(:disabled), a:active > .label-dark:not(.disabled):not(:disabled), a:focus > .label-dark:not(.disabled):not(:disabled), a.label-dark:hover, a.label-dark:active, a.label-dark:focus, a:hover > a.label-dark, a:active > a.label-dark, a:focus > a.label-dark, a.label-dark:visited:hover, a.label-dark:visited:active, a.label-dark:visited:focus, a:hover > a.label-dark:visited, a:active > a.label-dark:visited, a:focus > a.label-dark:visited, a.label-dark:not(.disabled):not(:disabled):hover, a.label-dark:not(.disabled):not(:disabled):active, a.label-dark:not(.disabled):not(:disabled):focus, a:hover > a.label-dark:not(.disabled):not(:disabled), a:active > a.label-dark:not(.disabled):not(:disabled), a:focus > a.label-dark:not(.disabled):not(:disabled), label.label-dark:hover, label.label-dark:active, label.label-dark:focus, a:hover > label.label-dark, a:active > label.label-dark, a:focus > label.label-dark, label.label-dark:visited:hover, label.label-dark:visited:active, label.label-dark:visited:focus, a:hover > label.label-dark:visited, a:active > label.label-dark:visited, a:focus > label.label-dark:visited, label.label-dark:not(.disabled):not(:disabled):hover, label.label-dark:not(.disabled):not(:disabled):active, label.label-dark:not(.disabled):not(:disabled):focus, a:hover > label.label-dark:not(.disabled):not(:disabled), a:active > label.label-dark:not(.disabled):not(:disabled), a:focus > label.label-dark:not(.disabled):not(:disabled) {
-    color: #fffefb; }
-    .btn-dark:hover:before, .btn-dark:active:before, .btn-dark:focus:before, a:hover > .btn-dark:before, a:active > .btn-dark:before, a:focus > .btn-dark:before, .btn-dark:visited:hover:before, .btn-dark:visited:active:before, .btn-dark:visited:focus:before, a:hover > .btn-dark:visited:before, a:active > .btn-dark:visited:before, a:focus > .btn-dark:visited:before, .btn-dark:not(.disabled):not(:disabled):hover:before, .btn-dark:not(.disabled):not(:disabled):active:before, .btn-dark:not(.disabled):not(:disabled):focus:before, a:hover > .btn-dark:not(.disabled):not(:disabled):before, a:active > .btn-dark:not(.disabled):not(:disabled):before, a:focus > .btn-dark:not(.disabled):not(:disabled):before, a.btn-dark:hover:before, a.btn-dark:active:before, a.btn-dark:focus:before, a:hover > a.btn-dark:before, a:active > a.btn-dark:before, a:focus > a.btn-dark:before, a.btn-dark:visited:hover:before, a.btn-dark:visited:active:before, a.btn-dark:visited:focus:before, a:hover > a.btn-dark:visited:before, a:active > a.btn-dark:visited:before, a:focus > a.btn-dark:visited:before, a.btn-dark:not(.disabled):not(:disabled):hover:before, a.btn-dark:not(.disabled):not(:disabled):active:before, a.btn-dark:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-dark:not(.disabled):not(:disabled):before, a:active > a.btn-dark:not(.disabled):not(:disabled):before, a:focus > a.btn-dark:not(.disabled):not(:disabled):before, .badge-dark:hover:before, .badge-dark:active:before, .badge-dark:focus:before, a:hover > .badge-dark:before, a:active > .badge-dark:before, a:focus > .badge-dark:before, .badge-dark:visited:hover:before, .badge-dark:visited:active:before, .badge-dark:visited:focus:before, a:hover > .badge-dark:visited:before, a:active > .badge-dark:visited:before, a:focus > .badge-dark:visited:before, .badge-dark:not(.disabled):not(:disabled):hover:before, .badge-dark:not(.disabled):not(:disabled):active:before, .badge-dark:not(.disabled):not(:disabled):focus:before, a:hover > .badge-dark:not(.disabled):not(:disabled):before, a:active > .badge-dark:not(.disabled):not(:disabled):before, a:focus > .badge-dark:not(.disabled):not(:disabled):before, .chip-dark:hover:before, .chip-dark:active:before, .chip-dark:focus:before, a:hover > .chip-dark:before, a:active > .chip-dark:before, a:focus > .chip-dark:before, .chip-dark:visited:hover:before, .chip-dark:visited:active:before, .chip-dark:visited:focus:before, a:hover > .chip-dark:visited:before, a:active > .chip-dark:visited:before, a:focus > .chip-dark:visited:before, .chip-dark:not(.disabled):not(:disabled):hover:before, .chip-dark:not(.disabled):not(:disabled):active:before, .chip-dark:not(.disabled):not(:disabled):focus:before, a:hover > .chip-dark:not(.disabled):not(:disabled):before, a:active > .chip-dark:not(.disabled):not(:disabled):before, a:focus > .chip-dark:not(.disabled):not(:disabled):before, a.chip-dark:hover:before, a.chip-dark:active:before, a.chip-dark:focus:before, a:hover > a.chip-dark:before, a:active > a.chip-dark:before, a:focus > a.chip-dark:before, a.chip-dark:visited:hover:before, a.chip-dark:visited:active:before, a.chip-dark:visited:focus:before, a:hover > a.chip-dark:visited:before, a:active > a.chip-dark:visited:before, a:focus > a.chip-dark:visited:before, a.chip-dark:not(.disabled):not(:disabled):hover:before, a.chip-dark:not(.disabled):not(:disabled):active:before, a.chip-dark:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-dark:not(.disabled):not(:disabled):before, a:active > a.chip-dark:not(.disabled):not(:disabled):before, a:focus > a.chip-dark:not(.disabled):not(:disabled):before, a.badge-dark:hover:before, a.badge-dark:active:before, a.badge-dark:focus:before, a:hover > a.badge-dark:before, a:active > a.badge-dark:before, a:focus > a.badge-dark:before, a.badge-dark:visited:hover:before, a.badge-dark:visited:active:before, a.badge-dark:visited:focus:before, a:hover > a.badge-dark:visited:before, a:active > a.badge-dark:visited:before, a:focus > a.badge-dark:visited:before, a.badge-dark:not(.disabled):not(:disabled):hover:before, a.badge-dark:not(.disabled):not(:disabled):active:before, a.badge-dark:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-dark:not(.disabled):not(:disabled):before, a:active > a.badge-dark:not(.disabled):not(:disabled):before, a:focus > a.badge-dark:not(.disabled):not(:disabled):before, .label-dark:hover:before, .label-dark:active:before, .label-dark:focus:before, a:hover > .label-dark:before, a:active > .label-dark:before, a:focus > .label-dark:before, .label-dark:visited:hover:before, .label-dark:visited:active:before, .label-dark:visited:focus:before, a:hover > .label-dark:visited:before, a:active > .label-dark:visited:before, a:focus > .label-dark:visited:before, .label-dark:not(.disabled):not(:disabled):hover:before, .label-dark:not(.disabled):not(:disabled):active:before, .label-dark:not(.disabled):not(:disabled):focus:before, a:hover > .label-dark:not(.disabled):not(:disabled):before, a:active > .label-dark:not(.disabled):not(:disabled):before, a:focus > .label-dark:not(.disabled):not(:disabled):before, a.label-dark:hover:before, a.label-dark:active:before, a.label-dark:focus:before, a:hover > a.label-dark:before, a:active > a.label-dark:before, a:focus > a.label-dark:before, a.label-dark:visited:hover:before, a.label-dark:visited:active:before, a.label-dark:visited:focus:before, a:hover > a.label-dark:visited:before, a:active > a.label-dark:visited:before, a:focus > a.label-dark:visited:before, a.label-dark:not(.disabled):not(:disabled):hover:before, a.label-dark:not(.disabled):not(:disabled):active:before, a.label-dark:not(.disabled):not(:disabled):focus:before, a:hover > a.label-dark:not(.disabled):not(:disabled):before, a:active > a.label-dark:not(.disabled):not(:disabled):before, a:focus > a.label-dark:not(.disabled):not(:disabled):before, label.label-dark:hover:before, label.label-dark:active:before, label.label-dark:focus:before, a:hover > label.label-dark:before, a:active > label.label-dark:before, a:focus > label.label-dark:before, label.label-dark:visited:hover:before, label.label-dark:visited:active:before, label.label-dark:visited:focus:before, a:hover > label.label-dark:visited:before, a:active > label.label-dark:visited:before, a:focus > label.label-dark:visited:before, label.label-dark:not(.disabled):not(:disabled):hover:before, label.label-dark:not(.disabled):not(:disabled):active:before, label.label-dark:not(.disabled):not(:disabled):focus:before, a:hover > label.label-dark:not(.disabled):not(:disabled):before, a:active > label.label-dark:not(.disabled):not(:disabled):before, a:focus > label.label-dark:not(.disabled):not(:disabled):before {
-      background-color: #000d10; }
-
-.btn-light, a.btn-light, .badge-light, .chip-light, a.chip-light, a.badge-light, .label-light, a.label-light, label.label-light {
-  color: #002b36; }
-  .btn-light:before, a.btn-light:before, .badge-light:before, .chip-light:before, a.chip-light:before, a.badge-light:before, .label-light:before, a.label-light:before, label.label-light:before {
-    background-color: #eee8d5; }
-  .btn-light:visited, a.btn-light:visited, .badge-light:visited, .chip-light:visited, a.chip-light:visited, a.badge-light:visited, .label-light:visited, a.label-light:visited, label.label-light:visited {
-    color: #002b36; }
-    .btn-light:visited:before, a.btn-light:visited:before, .badge-light:visited:before, .chip-light:visited:before, a.chip-light:visited:before, a.badge-light:visited:before, .label-light:visited:before, a.label-light:visited:before, label.label-light:visited:before {
-      background-color: #eee8d5; }
-  .btn-light:hover, .btn-light:active, .btn-light:focus, a:hover > .btn-light, a:active > .btn-light, a:focus > .btn-light, .btn-light:visited:hover, .btn-light:visited:active, .btn-light:visited:focus, a:hover > .btn-light:visited, a:active > .btn-light:visited, a:focus > .btn-light:visited, .btn-light:not(.disabled):not(:disabled):hover, .btn-light:not(.disabled):not(:disabled):active, .btn-light:not(.disabled):not(:disabled):focus, a:hover > .btn-light:not(.disabled):not(:disabled), a:active > .btn-light:not(.disabled):not(:disabled), a:focus > .btn-light:not(.disabled):not(:disabled), a.btn-light:hover, a.btn-light:active, a.btn-light:focus, a:hover > a.btn-light, a:active > a.btn-light, a:focus > a.btn-light, a.btn-light:visited:hover, a.btn-light:visited:active, a.btn-light:visited:focus, a:hover > a.btn-light:visited, a:active > a.btn-light:visited, a:focus > a.btn-light:visited, a.btn-light:not(.disabled):not(:disabled):hover, a.btn-light:not(.disabled):not(:disabled):active, a.btn-light:not(.disabled):not(:disabled):focus, a:hover > a.btn-light:not(.disabled):not(:disabled), a:active > a.btn-light:not(.disabled):not(:disabled), a:focus > a.btn-light:not(.disabled):not(:disabled), .badge-light:hover, .badge-light:active, .badge-light:focus, a:hover > .badge-light, a:active > .badge-light, a:focus > .badge-light, .badge-light:visited:hover, .badge-light:visited:active, .badge-light:visited:focus, a:hover > .badge-light:visited, a:active > .badge-light:visited, a:focus > .badge-light:visited, .badge-light:not(.disabled):not(:disabled):hover, .badge-light:not(.disabled):not(:disabled):active, .badge-light:not(.disabled):not(:disabled):focus, a:hover > .badge-light:not(.disabled):not(:disabled), a:active > .badge-light:not(.disabled):not(:disabled), a:focus > .badge-light:not(.disabled):not(:disabled), .chip-light:hover, .chip-light:active, .chip-light:focus, a:hover > .chip-light, a:active > .chip-light, a:focus > .chip-light, .chip-light:visited:hover, .chip-light:visited:active, .chip-light:visited:focus, a:hover > .chip-light:visited, a:active > .chip-light:visited, a:focus > .chip-light:visited, .chip-light:not(.disabled):not(:disabled):hover, .chip-light:not(.disabled):not(:disabled):active, .chip-light:not(.disabled):not(:disabled):focus, a:hover > .chip-light:not(.disabled):not(:disabled), a:active > .chip-light:not(.disabled):not(:disabled), a:focus > .chip-light:not(.disabled):not(:disabled), a.chip-light:hover, a.chip-light:active, a.chip-light:focus, a:hover > a.chip-light, a:active > a.chip-light, a:focus > a.chip-light, a.chip-light:visited:hover, a.chip-light:visited:active, a.chip-light:visited:focus, a:hover > a.chip-light:visited, a:active > a.chip-light:visited, a:focus > a.chip-light:visited, a.chip-light:not(.disabled):not(:disabled):hover, a.chip-light:not(.disabled):not(:disabled):active, a.chip-light:not(.disabled):not(:disabled):focus, a:hover > a.chip-light:not(.disabled):not(:disabled), a:active > a.chip-light:not(.disabled):not(:disabled), a:focus > a.chip-light:not(.disabled):not(:disabled), a.badge-light:hover, a.badge-light:active, a.badge-light:focus, a:hover > a.badge-light, a:active > a.badge-light, a:focus > a.badge-light, a.badge-light:visited:hover, a.badge-light:visited:active, a.badge-light:visited:focus, a:hover > a.badge-light:visited, a:active > a.badge-light:visited, a:focus > a.badge-light:visited, a.badge-light:not(.disabled):not(:disabled):hover, a.badge-light:not(.disabled):not(:disabled):active, a.badge-light:not(.disabled):not(:disabled):focus, a:hover > a.badge-light:not(.disabled):not(:disabled), a:active > a.badge-light:not(.disabled):not(:disabled), a:focus > a.badge-light:not(.disabled):not(:disabled), .label-light:hover, .label-light:active, .label-light:focus, a:hover > .label-light, a:active > .label-light, a:focus > .label-light, .label-light:visited:hover, .label-light:visited:active, .label-light:visited:focus, a:hover > .label-light:visited, a:active > .label-light:visited, a:focus > .label-light:visited, .label-light:not(.disabled):not(:disabled):hover, .label-light:not(.disabled):not(:disabled):active, .label-light:not(.disabled):not(:disabled):focus, a:hover > .label-light:not(.disabled):not(:disabled), a:active > .label-light:not(.disabled):not(:disabled), a:focus > .label-light:not(.disabled):not(:disabled), a.label-light:hover, a.label-light:active, a.label-light:focus, a:hover > a.label-light, a:active > a.label-light, a:focus > a.label-light, a.label-light:visited:hover, a.label-light:visited:active, a.label-light:visited:focus, a:hover > a.label-light:visited, a:active > a.label-light:visited, a:focus > a.label-light:visited, a.label-light:not(.disabled):not(:disabled):hover, a.label-light:not(.disabled):not(:disabled):active, a.label-light:not(.disabled):not(:disabled):focus, a:hover > a.label-light:not(.disabled):not(:disabled), a:active > a.label-light:not(.disabled):not(:disabled), a:focus > a.label-light:not(.disabled):not(:disabled), label.label-light:hover, label.label-light:active, label.label-light:focus, a:hover > label.label-light, a:active > label.label-light, a:focus > label.label-light, label.label-light:visited:hover, label.label-light:visited:active, label.label-light:visited:focus, a:hover > label.label-light:visited, a:active > label.label-light:visited, a:focus > label.label-light:visited, label.label-light:not(.disabled):not(:disabled):hover, label.label-light:not(.disabled):not(:disabled):active, label.label-light:not(.disabled):not(:disabled):focus, a:hover > label.label-light:not(.disabled):not(:disabled), a:active > label.label-light:not(.disabled):not(:disabled), a:focus > label.label-light:not(.disabled):not(:disabled) {
-    color: #003f50; }
-    .btn-light:hover:before, .btn-light:active:before, .btn-light:focus:before, a:hover > .btn-light:before, a:active > .btn-light:before, a:focus > .btn-light:before, .btn-light:visited:hover:before, .btn-light:visited:active:before, .btn-light:visited:focus:before, a:hover > .btn-light:visited:before, a:active > .btn-light:visited:before, a:focus > .btn-light:visited:before, .btn-light:not(.disabled):not(:disabled):hover:before, .btn-light:not(.disabled):not(:disabled):active:before, .btn-light:not(.disabled):not(:disabled):focus:before, a:hover > .btn-light:not(.disabled):not(:disabled):before, a:active > .btn-light:not(.disabled):not(:disabled):before, a:focus > .btn-light:not(.disabled):not(:disabled):before, a.btn-light:hover:before, a.btn-light:active:before, a.btn-light:focus:before, a:hover > a.btn-light:before, a:active > a.btn-light:before, a:focus > a.btn-light:before, a.btn-light:visited:hover:before, a.btn-light:visited:active:before, a.btn-light:visited:focus:before, a:hover > a.btn-light:visited:before, a:active > a.btn-light:visited:before, a:focus > a.btn-light:visited:before, a.btn-light:not(.disabled):not(:disabled):hover:before, a.btn-light:not(.disabled):not(:disabled):active:before, a.btn-light:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-light:not(.disabled):not(:disabled):before, a:active > a.btn-light:not(.disabled):not(:disabled):before, a:focus > a.btn-light:not(.disabled):not(:disabled):before, .badge-light:hover:before, .badge-light:active:before, .badge-light:focus:before, a:hover > .badge-light:before, a:active > .badge-light:before, a:focus > .badge-light:before, .badge-light:visited:hover:before, .badge-light:visited:active:before, .badge-light:visited:focus:before, a:hover > .badge-light:visited:before, a:active > .badge-light:visited:before, a:focus > .badge-light:visited:before, .badge-light:not(.disabled):not(:disabled):hover:before, .badge-light:not(.disabled):not(:disabled):active:before, .badge-light:not(.disabled):not(:disabled):focus:before, a:hover > .badge-light:not(.disabled):not(:disabled):before, a:active > .badge-light:not(.disabled):not(:disabled):before, a:focus > .badge-light:not(.disabled):not(:disabled):before, .chip-light:hover:before, .chip-light:active:before, .chip-light:focus:before, a:hover > .chip-light:before, a:active > .chip-light:before, a:focus > .chip-light:before, .chip-light:visited:hover:before, .chip-light:visited:active:before, .chip-light:visited:focus:before, a:hover > .chip-light:visited:before, a:active > .chip-light:visited:before, a:focus > .chip-light:visited:before, .chip-light:not(.disabled):not(:disabled):hover:before, .chip-light:not(.disabled):not(:disabled):active:before, .chip-light:not(.disabled):not(:disabled):focus:before, a:hover > .chip-light:not(.disabled):not(:disabled):before, a:active > .chip-light:not(.disabled):not(:disabled):before, a:focus > .chip-light:not(.disabled):not(:disabled):before, a.chip-light:hover:before, a.chip-light:active:before, a.chip-light:focus:before, a:hover > a.chip-light:before, a:active > a.chip-light:before, a:focus > a.chip-light:before, a.chip-light:visited:hover:before, a.chip-light:visited:active:before, a.chip-light:visited:focus:before, a:hover > a.chip-light:visited:before, a:active > a.chip-light:visited:before, a:focus > a.chip-light:visited:before, a.chip-light:not(.disabled):not(:disabled):hover:before, a.chip-light:not(.disabled):not(:disabled):active:before, a.chip-light:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-light:not(.disabled):not(:disabled):before, a:active > a.chip-light:not(.disabled):not(:disabled):before, a:focus > a.chip-light:not(.disabled):not(:disabled):before, a.badge-light:hover:before, a.badge-light:active:before, a.badge-light:focus:before, a:hover > a.badge-light:before, a:active > a.badge-light:before, a:focus > a.badge-light:before, a.badge-light:visited:hover:before, a.badge-light:visited:active:before, a.badge-light:visited:focus:before, a:hover > a.badge-light:visited:before, a:active > a.badge-light:visited:before, a:focus > a.badge-light:visited:before, a.badge-light:not(.disabled):not(:disabled):hover:before, a.badge-light:not(.disabled):not(:disabled):active:before, a.badge-light:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-light:not(.disabled):not(:disabled):before, a:active > a.badge-light:not(.disabled):not(:disabled):before, a:focus > a.badge-light:not(.disabled):not(:disabled):before, .label-light:hover:before, .label-light:active:before, .label-light:focus:before, a:hover > .label-light:before, a:active > .label-light:before, a:focus > .label-light:before, .label-light:visited:hover:before, .label-light:visited:active:before, .label-light:visited:focus:before, a:hover > .label-light:visited:before, a:active > .label-light:visited:before, a:focus > .label-light:visited:before, .label-light:not(.disabled):not(:disabled):hover:before, .label-light:not(.disabled):not(:disabled):active:before, .label-light:not(.disabled):not(:disabled):focus:before, a:hover > .label-light:not(.disabled):not(:disabled):before, a:active > .label-light:not(.disabled):not(:disabled):before, a:focus > .label-light:not(.disabled):not(:disabled):before, a.label-light:hover:before, a.label-light:active:before, a.label-light:focus:before, a:hover > a.label-light:before, a:active > a.label-light:before, a:focus > a.label-light:before, a.label-light:visited:hover:before, a.label-light:visited:active:before, a.label-light:visited:focus:before, a:hover > a.label-light:visited:before, a:active > a.label-light:visited:before, a:focus > a.label-light:visited:before, a.label-light:not(.disabled):not(:disabled):hover:before, a.label-light:not(.disabled):not(:disabled):active:before, a.label-light:not(.disabled):not(:disabled):focus:before, a:hover > a.label-light:not(.disabled):not(:disabled):before, a:active > a.label-light:not(.disabled):not(:disabled):before, a:focus > a.label-light:not(.disabled):not(:disabled):before, label.label-light:hover:before, label.label-light:active:before, label.label-light:focus:before, a:hover > label.label-light:before, a:active > label.label-light:before, a:focus > label.label-light:before, label.label-light:visited:hover:before, label.label-light:visited:active:before, label.label-light:visited:focus:before, a:hover > label.label-light:visited:before, a:active > label.label-light:visited:before, a:focus > label.label-light:visited:before, label.label-light:not(.disabled):not(:disabled):hover:before, label.label-light:not(.disabled):not(:disabled):active:before, label.label-light:not(.disabled):not(:disabled):focus:before, a:hover > label.label-light:not(.disabled):not(:disabled):before, a:active > label.label-light:not(.disabled):not(:disabled):before, a:focus > label.label-light:not(.disabled):not(:disabled):before {
-      background-color: #e3d9ba; }
-
-.btn-yellow, a.btn-yellow, .badge-yellow, .chip-yellow, a.chip-yellow, a.badge-yellow, .label-yellow, a.label-yellow, label.label-yellow {
-  color: #fdf6e3; }
-  .btn-yellow:before, a.btn-yellow:before, .badge-yellow:before, .chip-yellow:before, a.chip-yellow:before, a.badge-yellow:before, .label-yellow:before, a.label-yellow:before, label.label-yellow:before {
-    background-color: #b58900; }
-  .btn-yellow:visited, a.btn-yellow:visited, .badge-yellow:visited, .chip-yellow:visited, a.chip-yellow:visited, a.badge-yellow:visited, .label-yellow:visited, a.label-yellow:visited, label.label-yellow:visited {
-    color: #fdf6e3; }
-    .btn-yellow:visited:before, a.btn-yellow:visited:before, .badge-yellow:visited:before, .chip-yellow:visited:before, a.chip-yellow:visited:before, a.badge-yellow:visited:before, .label-yellow:visited:before, a.label-yellow:visited:before, label.label-yellow:visited:before {
-      background-color: #b58900; }
-  .btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus, a:hover > .btn-yellow, a:active > .btn-yellow, a:focus > .btn-yellow, .btn-yellow:visited:hover, .btn-yellow:visited:active, .btn-yellow:visited:focus, a:hover > .btn-yellow:visited, a:active > .btn-yellow:visited, a:focus > .btn-yellow:visited, .btn-yellow:not(.disabled):not(:disabled):hover, .btn-yellow:not(.disabled):not(:disabled):active, .btn-yellow:not(.disabled):not(:disabled):focus, a:hover > .btn-yellow:not(.disabled):not(:disabled), a:active > .btn-yellow:not(.disabled):not(:disabled), a:focus > .btn-yellow:not(.disabled):not(:disabled), a.btn-yellow:hover, a.btn-yellow:active, a.btn-yellow:focus, a:hover > a.btn-yellow, a:active > a.btn-yellow, a:focus > a.btn-yellow, a.btn-yellow:visited:hover, a.btn-yellow:visited:active, a.btn-yellow:visited:focus, a:hover > a.btn-yellow:visited, a:active > a.btn-yellow:visited, a:focus > a.btn-yellow:visited, a.btn-yellow:not(.disabled):not(:disabled):hover, a.btn-yellow:not(.disabled):not(:disabled):active, a.btn-yellow:not(.disabled):not(:disabled):focus, a:hover > a.btn-yellow:not(.disabled):not(:disabled), a:active > a.btn-yellow:not(.disabled):not(:disabled), a:focus > a.btn-yellow:not(.disabled):not(:disabled), .badge-yellow:hover, .badge-yellow:active, .badge-yellow:focus, a:hover > .badge-yellow, a:active > .badge-yellow, a:focus > .badge-yellow, .badge-yellow:visited:hover, .badge-yellow:visited:active, .badge-yellow:visited:focus, a:hover > .badge-yellow:visited, a:active > .badge-yellow:visited, a:focus > .badge-yellow:visited, .badge-yellow:not(.disabled):not(:disabled):hover, .badge-yellow:not(.disabled):not(:disabled):active, .badge-yellow:not(.disabled):not(:disabled):focus, a:hover > .badge-yellow:not(.disabled):not(:disabled), a:active > .badge-yellow:not(.disabled):not(:disabled), a:focus > .badge-yellow:not(.disabled):not(:disabled), .chip-yellow:hover, .chip-yellow:active, .chip-yellow:focus, a:hover > .chip-yellow, a:active > .chip-yellow, a:focus > .chip-yellow, .chip-yellow:visited:hover, .chip-yellow:visited:active, .chip-yellow:visited:focus, a:hover > .chip-yellow:visited, a:active > .chip-yellow:visited, a:focus > .chip-yellow:visited, .chip-yellow:not(.disabled):not(:disabled):hover, .chip-yellow:not(.disabled):not(:disabled):active, .chip-yellow:not(.disabled):not(:disabled):focus, a:hover > .chip-yellow:not(.disabled):not(:disabled), a:active > .chip-yellow:not(.disabled):not(:disabled), a:focus > .chip-yellow:not(.disabled):not(:disabled), a.chip-yellow:hover, a.chip-yellow:active, a.chip-yellow:focus, a:hover > a.chip-yellow, a:active > a.chip-yellow, a:focus > a.chip-yellow, a.chip-yellow:visited:hover, a.chip-yellow:visited:active, a.chip-yellow:visited:focus, a:hover > a.chip-yellow:visited, a:active > a.chip-yellow:visited, a:focus > a.chip-yellow:visited, a.chip-yellow:not(.disabled):not(:disabled):hover, a.chip-yellow:not(.disabled):not(:disabled):active, a.chip-yellow:not(.disabled):not(:disabled):focus, a:hover > a.chip-yellow:not(.disabled):not(:disabled), a:active > a.chip-yellow:not(.disabled):not(:disabled), a:focus > a.chip-yellow:not(.disabled):not(:disabled), a.badge-yellow:hover, a.badge-yellow:active, a.badge-yellow:focus, a:hover > a.badge-yellow, a:active > a.badge-yellow, a:focus > a.badge-yellow, a.badge-yellow:visited:hover, a.badge-yellow:visited:active, a.badge-yellow:visited:focus, a:hover > a.badge-yellow:visited, a:active > a.badge-yellow:visited, a:focus > a.badge-yellow:visited, a.badge-yellow:not(.disabled):not(:disabled):hover, a.badge-yellow:not(.disabled):not(:disabled):active, a.badge-yellow:not(.disabled):not(:disabled):focus, a:hover > a.badge-yellow:not(.disabled):not(:disabled), a:active > a.badge-yellow:not(.disabled):not(:disabled), a:focus > a.badge-yellow:not(.disabled):not(:disabled), .label-yellow:hover, .label-yellow:active, .label-yellow:focus, a:hover > .label-yellow, a:active > .label-yellow, a:focus > .label-yellow, .label-yellow:visited:hover, .label-yellow:visited:active, .label-yellow:visited:focus, a:hover > .label-yellow:visited, a:active > .label-yellow:visited, a:focus > .label-yellow:visited, .label-yellow:not(.disabled):not(:disabled):hover, .label-yellow:not(.disabled):not(:disabled):active, .label-yellow:not(.disabled):not(:disabled):focus, a:hover > .label-yellow:not(.disabled):not(:disabled), a:active > .label-yellow:not(.disabled):not(:disabled), a:focus > .label-yellow:not(.disabled):not(:disabled), a.label-yellow:hover, a.label-yellow:active, a.label-yellow:focus, a:hover > a.label-yellow, a:active > a.label-yellow, a:focus > a.label-yellow, a.label-yellow:visited:hover, a.label-yellow:visited:active, a.label-yellow:visited:focus, a:hover > a.label-yellow:visited, a:active > a.label-yellow:visited, a:focus > a.label-yellow:visited, a.label-yellow:not(.disabled):not(:disabled):hover, a.label-yellow:not(.disabled):not(:disabled):active, a.label-yellow:not(.disabled):not(:disabled):focus, a:hover > a.label-yellow:not(.disabled):not(:disabled), a:active > a.label-yellow:not(.disabled):not(:disabled), a:focus > a.label-yellow:not(.disabled):not(:disabled), label.label-yellow:hover, label.label-yellow:active, label.label-yellow:focus, a:hover > label.label-yellow, a:active > label.label-yellow, a:focus > label.label-yellow, label.label-yellow:visited:hover, label.label-yellow:visited:active, label.label-yellow:visited:focus, a:hover > label.label-yellow:visited, a:active > label.label-yellow:visited, a:focus > label.label-yellow:visited, label.label-yellow:not(.disabled):not(:disabled):hover, label.label-yellow:not(.disabled):not(:disabled):active, label.label-yellow:not(.disabled):not(:disabled):focus, a:hover > label.label-yellow:not(.disabled):not(:disabled), a:active > label.label-yellow:not(.disabled):not(:disabled), a:focus > label.label-yellow:not(.disabled):not(:disabled) {
-    color: #fffefb; }
-    .btn-yellow:hover:before, .btn-yellow:active:before, .btn-yellow:focus:before, a:hover > .btn-yellow:before, a:active > .btn-yellow:before, a:focus > .btn-yellow:before, .btn-yellow:visited:hover:before, .btn-yellow:visited:active:before, .btn-yellow:visited:focus:before, a:hover > .btn-yellow:visited:before, a:active > .btn-yellow:visited:before, a:focus > .btn-yellow:visited:before, .btn-yellow:not(.disabled):not(:disabled):hover:before, .btn-yellow:not(.disabled):not(:disabled):active:before, .btn-yellow:not(.disabled):not(:disabled):focus:before, a:hover > .btn-yellow:not(.disabled):not(:disabled):before, a:active > .btn-yellow:not(.disabled):not(:disabled):before, a:focus > .btn-yellow:not(.disabled):not(:disabled):before, a.btn-yellow:hover:before, a.btn-yellow:active:before, a.btn-yellow:focus:before, a:hover > a.btn-yellow:before, a:active > a.btn-yellow:before, a:focus > a.btn-yellow:before, a.btn-yellow:visited:hover:before, a.btn-yellow:visited:active:before, a.btn-yellow:visited:focus:before, a:hover > a.btn-yellow:visited:before, a:active > a.btn-yellow:visited:before, a:focus > a.btn-yellow:visited:before, a.btn-yellow:not(.disabled):not(:disabled):hover:before, a.btn-yellow:not(.disabled):not(:disabled):active:before, a.btn-yellow:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-yellow:not(.disabled):not(:disabled):before, a:active > a.btn-yellow:not(.disabled):not(:disabled):before, a:focus > a.btn-yellow:not(.disabled):not(:disabled):before, .badge-yellow:hover:before, .badge-yellow:active:before, .badge-yellow:focus:before, a:hover > .badge-yellow:before, a:active > .badge-yellow:before, a:focus > .badge-yellow:before, .badge-yellow:visited:hover:before, .badge-yellow:visited:active:before, .badge-yellow:visited:focus:before, a:hover > .badge-yellow:visited:before, a:active > .badge-yellow:visited:before, a:focus > .badge-yellow:visited:before, .badge-yellow:not(.disabled):not(:disabled):hover:before, .badge-yellow:not(.disabled):not(:disabled):active:before, .badge-yellow:not(.disabled):not(:disabled):focus:before, a:hover > .badge-yellow:not(.disabled):not(:disabled):before, a:active > .badge-yellow:not(.disabled):not(:disabled):before, a:focus > .badge-yellow:not(.disabled):not(:disabled):before, .chip-yellow:hover:before, .chip-yellow:active:before, .chip-yellow:focus:before, a:hover > .chip-yellow:before, a:active > .chip-yellow:before, a:focus > .chip-yellow:before, .chip-yellow:visited:hover:before, .chip-yellow:visited:active:before, .chip-yellow:visited:focus:before, a:hover > .chip-yellow:visited:before, a:active > .chip-yellow:visited:before, a:focus > .chip-yellow:visited:before, .chip-yellow:not(.disabled):not(:disabled):hover:before, .chip-yellow:not(.disabled):not(:disabled):active:before, .chip-yellow:not(.disabled):not(:disabled):focus:before, a:hover > .chip-yellow:not(.disabled):not(:disabled):before, a:active > .chip-yellow:not(.disabled):not(:disabled):before, a:focus > .chip-yellow:not(.disabled):not(:disabled):before, a.chip-yellow:hover:before, a.chip-yellow:active:before, a.chip-yellow:focus:before, a:hover > a.chip-yellow:before, a:active > a.chip-yellow:before, a:focus > a.chip-yellow:before, a.chip-yellow:visited:hover:before, a.chip-yellow:visited:active:before, a.chip-yellow:visited:focus:before, a:hover > a.chip-yellow:visited:before, a:active > a.chip-yellow:visited:before, a:focus > a.chip-yellow:visited:before, a.chip-yellow:not(.disabled):not(:disabled):hover:before, a.chip-yellow:not(.disabled):not(:disabled):active:before, a.chip-yellow:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-yellow:not(.disabled):not(:disabled):before, a:active > a.chip-yellow:not(.disabled):not(:disabled):before, a:focus > a.chip-yellow:not(.disabled):not(:disabled):before, a.badge-yellow:hover:before, a.badge-yellow:active:before, a.badge-yellow:focus:before, a:hover > a.badge-yellow:before, a:active > a.badge-yellow:before, a:focus > a.badge-yellow:before, a.badge-yellow:visited:hover:before, a.badge-yellow:visited:active:before, a.badge-yellow:visited:focus:before, a:hover > a.badge-yellow:visited:before, a:active > a.badge-yellow:visited:before, a:focus > a.badge-yellow:visited:before, a.badge-yellow:not(.disabled):not(:disabled):hover:before, a.badge-yellow:not(.disabled):not(:disabled):active:before, a.badge-yellow:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-yellow:not(.disabled):not(:disabled):before, a:active > a.badge-yellow:not(.disabled):not(:disabled):before, a:focus > a.badge-yellow:not(.disabled):not(:disabled):before, .label-yellow:hover:before, .label-yellow:active:before, .label-yellow:focus:before, a:hover > .label-yellow:before, a:active > .label-yellow:before, a:focus > .label-yellow:before, .label-yellow:visited:hover:before, .label-yellow:visited:active:before, .label-yellow:visited:focus:before, a:hover > .label-yellow:visited:before, a:active > .label-yellow:visited:before, a:focus > .label-yellow:visited:before, .label-yellow:not(.disabled):not(:disabled):hover:before, .label-yellow:not(.disabled):not(:disabled):active:before, .label-yellow:not(.disabled):not(:disabled):focus:before, a:hover > .label-yellow:not(.disabled):not(:disabled):before, a:active > .label-yellow:not(.disabled):not(:disabled):before, a:focus > .label-yellow:not(.disabled):not(:disabled):before, a.label-yellow:hover:before, a.label-yellow:active:before, a.label-yellow:focus:before, a:hover > a.label-yellow:before, a:active > a.label-yellow:before, a:focus > a.label-yellow:before, a.label-yellow:visited:hover:before, a.label-yellow:visited:active:before, a.label-yellow:visited:focus:before, a:hover > a.label-yellow:visited:before, a:active > a.label-yellow:visited:before, a:focus > a.label-yellow:visited:before, a.label-yellow:not(.disabled):not(:disabled):hover:before, a.label-yellow:not(.disabled):not(:disabled):active:before, a.label-yellow:not(.disabled):not(:disabled):focus:before, a:hover > a.label-yellow:not(.disabled):not(:disabled):before, a:active > a.label-yellow:not(.disabled):not(:disabled):before, a:focus > a.label-yellow:not(.disabled):not(:disabled):before, label.label-yellow:hover:before, label.label-yellow:active:before, label.label-yellow:focus:before, a:hover > label.label-yellow:before, a:active > label.label-yellow:before, a:focus > label.label-yellow:before, label.label-yellow:visited:hover:before, label.label-yellow:visited:active:before, label.label-yellow:visited:focus:before, a:hover > label.label-yellow:visited:before, a:active > label.label-yellow:visited:before, a:focus > label.label-yellow:visited:before, label.label-yellow:not(.disabled):not(:disabled):hover:before, label.label-yellow:not(.disabled):not(:disabled):active:before, label.label-yellow:not(.disabled):not(:disabled):focus:before, a:hover > label.label-yellow:not(.disabled):not(:disabled):before, a:active > label.label-yellow:not(.disabled):not(:disabled):before, a:focus > label.label-yellow:not(.disabled):not(:disabled):before {
-      background-color: #8f6c00; }
-
-.btn-grey, a.btn-grey, .badge-grey, .chip-grey, a.chip-grey, a.badge-grey, .label-grey, a.label-grey, label.label-grey {
-  color: #fdf6e3; }
-  .btn-grey:before, a.btn-grey:before, .badge-grey:before, .chip-grey:before, a.chip-grey:before, a.badge-grey:before, .label-grey:before, a.label-grey:before, label.label-grey:before {
-    background-color: #586e75; }
-  .btn-grey:visited, a.btn-grey:visited, .badge-grey:visited, .chip-grey:visited, a.chip-grey:visited, a.badge-grey:visited, .label-grey:visited, a.label-grey:visited, label.label-grey:visited {
-    color: #fdf6e3; }
-    .btn-grey:visited:before, a.btn-grey:visited:before, .badge-grey:visited:before, .chip-grey:visited:before, a.chip-grey:visited:before, a.badge-grey:visited:before, .label-grey:visited:before, a.label-grey:visited:before, label.label-grey:visited:before {
-      background-color: #586e75; }
-  .btn-grey:hover, .btn-grey:active, .btn-grey:focus, a:hover > .btn-grey, a:active > .btn-grey, a:focus > .btn-grey, .btn-grey:visited:hover, .btn-grey:visited:active, .btn-grey:visited:focus, a:hover > .btn-grey:visited, a:active > .btn-grey:visited, a:focus > .btn-grey:visited, .btn-grey:not(.disabled):not(:disabled):hover, .btn-grey:not(.disabled):not(:disabled):active, .btn-grey:not(.disabled):not(:disabled):focus, a:hover > .btn-grey:not(.disabled):not(:disabled), a:active > .btn-grey:not(.disabled):not(:disabled), a:focus > .btn-grey:not(.disabled):not(:disabled), a.btn-grey:hover, a.btn-grey:active, a.btn-grey:focus, a:hover > a.btn-grey, a:active > a.btn-grey, a:focus > a.btn-grey, a.btn-grey:visited:hover, a.btn-grey:visited:active, a.btn-grey:visited:focus, a:hover > a.btn-grey:visited, a:active > a.btn-grey:visited, a:focus > a.btn-grey:visited, a.btn-grey:not(.disabled):not(:disabled):hover, a.btn-grey:not(.disabled):not(:disabled):active, a.btn-grey:not(.disabled):not(:disabled):focus, a:hover > a.btn-grey:not(.disabled):not(:disabled), a:active > a.btn-grey:not(.disabled):not(:disabled), a:focus > a.btn-grey:not(.disabled):not(:disabled), .badge-grey:hover, .badge-grey:active, .badge-grey:focus, a:hover > .badge-grey, a:active > .badge-grey, a:focus > .badge-grey, .badge-grey:visited:hover, .badge-grey:visited:active, .badge-grey:visited:focus, a:hover > .badge-grey:visited, a:active > .badge-grey:visited, a:focus > .badge-grey:visited, .badge-grey:not(.disabled):not(:disabled):hover, .badge-grey:not(.disabled):not(:disabled):active, .badge-grey:not(.disabled):not(:disabled):focus, a:hover > .badge-grey:not(.disabled):not(:disabled), a:active > .badge-grey:not(.disabled):not(:disabled), a:focus > .badge-grey:not(.disabled):not(:disabled), .chip-grey:hover, .chip-grey:active, .chip-grey:focus, a:hover > .chip-grey, a:active > .chip-grey, a:focus > .chip-grey, .chip-grey:visited:hover, .chip-grey:visited:active, .chip-grey:visited:focus, a:hover > .chip-grey:visited, a:active > .chip-grey:visited, a:focus > .chip-grey:visited, .chip-grey:not(.disabled):not(:disabled):hover, .chip-grey:not(.disabled):not(:disabled):active, .chip-grey:not(.disabled):not(:disabled):focus, a:hover > .chip-grey:not(.disabled):not(:disabled), a:active > .chip-grey:not(.disabled):not(:disabled), a:focus > .chip-grey:not(.disabled):not(:disabled), a.chip-grey:hover, a.chip-grey:active, a.chip-grey:focus, a:hover > a.chip-grey, a:active > a.chip-grey, a:focus > a.chip-grey, a.chip-grey:visited:hover, a.chip-grey:visited:active, a.chip-grey:visited:focus, a:hover > a.chip-grey:visited, a:active > a.chip-grey:visited, a:focus > a.chip-grey:visited, a.chip-grey:not(.disabled):not(:disabled):hover, a.chip-grey:not(.disabled):not(:disabled):active, a.chip-grey:not(.disabled):not(:disabled):focus, a:hover > a.chip-grey:not(.disabled):not(:disabled), a:active > a.chip-grey:not(.disabled):not(:disabled), a:focus > a.chip-grey:not(.disabled):not(:disabled), a.badge-grey:hover, a.badge-grey:active, a.badge-grey:focus, a:hover > a.badge-grey, a:active > a.badge-grey, a:focus > a.badge-grey, a.badge-grey:visited:hover, a.badge-grey:visited:active, a.badge-grey:visited:focus, a:hover > a.badge-grey:visited, a:active > a.badge-grey:visited, a:focus > a.badge-grey:visited, a.badge-grey:not(.disabled):not(:disabled):hover, a.badge-grey:not(.disabled):not(:disabled):active, a.badge-grey:not(.disabled):not(:disabled):focus, a:hover > a.badge-grey:not(.disabled):not(:disabled), a:active > a.badge-grey:not(.disabled):not(:disabled), a:focus > a.badge-grey:not(.disabled):not(:disabled), .label-grey:hover, .label-grey:active, .label-grey:focus, a:hover > .label-grey, a:active > .label-grey, a:focus > .label-grey, .label-grey:visited:hover, .label-grey:visited:active, .label-grey:visited:focus, a:hover > .label-grey:visited, a:active > .label-grey:visited, a:focus > .label-grey:visited, .label-grey:not(.disabled):not(:disabled):hover, .label-grey:not(.disabled):not(:disabled):active, .label-grey:not(.disabled):not(:disabled):focus, a:hover > .label-grey:not(.disabled):not(:disabled), a:active > .label-grey:not(.disabled):not(:disabled), a:focus > .label-grey:not(.disabled):not(:disabled), a.label-grey:hover, a.label-grey:active, a.label-grey:focus, a:hover > a.label-grey, a:active > a.label-grey, a:focus > a.label-grey, a.label-grey:visited:hover, a.label-grey:visited:active, a.label-grey:visited:focus, a:hover > a.label-grey:visited, a:active > a.label-grey:visited, a:focus > a.label-grey:visited, a.label-grey:not(.disabled):not(:disabled):hover, a.label-grey:not(.disabled):not(:disabled):active, a.label-grey:not(.disabled):not(:disabled):focus, a:hover > a.label-grey:not(.disabled):not(:disabled), a:active > a.label-grey:not(.disabled):not(:disabled), a:focus > a.label-grey:not(.disabled):not(:disabled), label.label-grey:hover, label.label-grey:active, label.label-grey:focus, a:hover > label.label-grey, a:active > label.label-grey, a:focus > label.label-grey, label.label-grey:visited:hover, label.label-grey:visited:active, label.label-grey:visited:focus, a:hover > label.label-grey:visited, a:active > label.label-grey:visited, a:focus > label.label-grey:visited, label.label-grey:not(.disabled):not(:disabled):hover, label.label-grey:not(.disabled):not(:disabled):active, label.label-grey:not(.disabled):not(:disabled):focus, a:hover > label.label-grey:not(.disabled):not(:disabled), a:active > label.label-grey:not(.disabled):not(:disabled), a:focus > label.label-grey:not(.disabled):not(:disabled) {
-    color: #fffefb; }
-    .btn-grey:hover:before, .btn-grey:active:before, .btn-grey:focus:before, a:hover > .btn-grey:before, a:active > .btn-grey:before, a:focus > .btn-grey:before, .btn-grey:visited:hover:before, .btn-grey:visited:active:before, .btn-grey:visited:focus:before, a:hover > .btn-grey:visited:before, a:active > .btn-grey:visited:before, a:focus > .btn-grey:visited:before, .btn-grey:not(.disabled):not(:disabled):hover:before, .btn-grey:not(.disabled):not(:disabled):active:before, .btn-grey:not(.disabled):not(:disabled):focus:before, a:hover > .btn-grey:not(.disabled):not(:disabled):before, a:active > .btn-grey:not(.disabled):not(:disabled):before, a:focus > .btn-grey:not(.disabled):not(:disabled):before, a.btn-grey:hover:before, a.btn-grey:active:before, a.btn-grey:focus:before, a:hover > a.btn-grey:before, a:active > a.btn-grey:before, a:focus > a.btn-grey:before, a.btn-grey:visited:hover:before, a.btn-grey:visited:active:before, a.btn-grey:visited:focus:before, a:hover > a.btn-grey:visited:before, a:active > a.btn-grey:visited:before, a:focus > a.btn-grey:visited:before, a.btn-grey:not(.disabled):not(:disabled):hover:before, a.btn-grey:not(.disabled):not(:disabled):active:before, a.btn-grey:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-grey:not(.disabled):not(:disabled):before, a:active > a.btn-grey:not(.disabled):not(:disabled):before, a:focus > a.btn-grey:not(.disabled):not(:disabled):before, .badge-grey:hover:before, .badge-grey:active:before, .badge-grey:focus:before, a:hover > .badge-grey:before, a:active > .badge-grey:before, a:focus > .badge-grey:before, .badge-grey:visited:hover:before, .badge-grey:visited:active:before, .badge-grey:visited:focus:before, a:hover > .badge-grey:visited:before, a:active > .badge-grey:visited:before, a:focus > .badge-grey:visited:before, .badge-grey:not(.disabled):not(:disabled):hover:before, .badge-grey:not(.disabled):not(:disabled):active:before, .badge-grey:not(.disabled):not(:disabled):focus:before, a:hover > .badge-grey:not(.disabled):not(:disabled):before, a:active > .badge-grey:not(.disabled):not(:disabled):before, a:focus > .badge-grey:not(.disabled):not(:disabled):before, .chip-grey:hover:before, .chip-grey:active:before, .chip-grey:focus:before, a:hover > .chip-grey:before, a:active > .chip-grey:before, a:focus > .chip-grey:before, .chip-grey:visited:hover:before, .chip-grey:visited:active:before, .chip-grey:visited:focus:before, a:hover > .chip-grey:visited:before, a:active > .chip-grey:visited:before, a:focus > .chip-grey:visited:before, .chip-grey:not(.disabled):not(:disabled):hover:before, .chip-grey:not(.disabled):not(:disabled):active:before, .chip-grey:not(.disabled):not(:disabled):focus:before, a:hover > .chip-grey:not(.disabled):not(:disabled):before, a:active > .chip-grey:not(.disabled):not(:disabled):before, a:focus > .chip-grey:not(.disabled):not(:disabled):before, a.chip-grey:hover:before, a.chip-grey:active:before, a.chip-grey:focus:before, a:hover > a.chip-grey:before, a:active > a.chip-grey:before, a:focus > a.chip-grey:before, a.chip-grey:visited:hover:before, a.chip-grey:visited:active:before, a.chip-grey:visited:focus:before, a:hover > a.chip-grey:visited:before, a:active > a.chip-grey:visited:before, a:focus > a.chip-grey:visited:before, a.chip-grey:not(.disabled):not(:disabled):hover:before, a.chip-grey:not(.disabled):not(:disabled):active:before, a.chip-grey:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-grey:not(.disabled):not(:disabled):before, a:active > a.chip-grey:not(.disabled):not(:disabled):before, a:focus > a.chip-grey:not(.disabled):not(:disabled):before, a.badge-grey:hover:before, a.badge-grey:active:before, a.badge-grey:focus:before, a:hover > a.badge-grey:before, a:active > a.badge-grey:before, a:focus > a.badge-grey:before, a.badge-grey:visited:hover:before, a.badge-grey:visited:active:before, a.badge-grey:visited:focus:before, a:hover > a.badge-grey:visited:before, a:active > a.badge-grey:visited:before, a:focus > a.badge-grey:visited:before, a.badge-grey:not(.disabled):not(:disabled):hover:before, a.badge-grey:not(.disabled):not(:disabled):active:before, a.badge-grey:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-grey:not(.disabled):not(:disabled):before, a:active > a.badge-grey:not(.disabled):not(:disabled):before, a:focus > a.badge-grey:not(.disabled):not(:disabled):before, .label-grey:hover:before, .label-grey:active:before, .label-grey:focus:before, a:hover > .label-grey:before, a:active > .label-grey:before, a:focus > .label-grey:before, .label-grey:visited:hover:before, .label-grey:visited:active:before, .label-grey:visited:focus:before, a:hover > .label-grey:visited:before, a:active > .label-grey:visited:before, a:focus > .label-grey:visited:before, .label-grey:not(.disabled):not(:disabled):hover:before, .label-grey:not(.disabled):not(:disabled):active:before, .label-grey:not(.disabled):not(:disabled):focus:before, a:hover > .label-grey:not(.disabled):not(:disabled):before, a:active > .label-grey:not(.disabled):not(:disabled):before, a:focus > .label-grey:not(.disabled):not(:disabled):before, a.label-grey:hover:before, a.label-grey:active:before, a.label-grey:focus:before, a:hover > a.label-grey:before, a:active > a.label-grey:before, a:focus > a.label-grey:before, a.label-grey:visited:hover:before, a.label-grey:visited:active:before, a.label-grey:visited:focus:before, a:hover > a.label-grey:visited:before, a:active > a.label-grey:visited:before, a:focus > a.label-grey:visited:before, a.label-grey:not(.disabled):not(:disabled):hover:before, a.label-grey:not(.disabled):not(:disabled):active:before, a.label-grey:not(.disabled):not(:disabled):focus:before, a:hover > a.label-grey:not(.disabled):not(:disabled):before, a:active > a.label-grey:not(.disabled):not(:disabled):before, a:focus > a.label-grey:not(.disabled):not(:disabled):before, label.label-grey:hover:before, label.label-grey:active:before, label.label-grey:focus:before, a:hover > label.label-grey:before, a:active > label.label-grey:before, a:focus > label.label-grey:before, label.label-grey:visited:hover:before, label.label-grey:visited:active:before, label.label-grey:visited:focus:before, a:hover > label.label-grey:visited:before, a:active > label.label-grey:visited:before, a:focus > label.label-grey:visited:before, label.label-grey:not(.disabled):not(:disabled):hover:before, label.label-grey:not(.disabled):not(:disabled):active:before, label.label-grey:not(.disabled):not(:disabled):focus:before, a:hover > label.label-grey:not(.disabled):not(:disabled):before, a:active > label.label-grey:not(.disabled):not(:disabled):before, a:focus > label.label-grey:not(.disabled):not(:disabled):before {
-      background-color: #48595f; }
-
-.btn-primary, a.btn-primary, .badge-primary, .chip-primary, a.chip-primary, a.badge-primary, .label-primary, a.label-primary, label.label-primary {
-  color: #fdf6e3; }
-  .btn-primary:before, a.btn-primary:before, .badge-primary:before, .chip-primary:before, a.chip-primary:before, a.badge-primary:before, .label-primary:before, a.label-primary:before, label.label-primary:before {
-    background-color: #d33682; }
-  .btn-primary:visited, a.btn-primary:visited, .badge-primary:visited, .chip-primary:visited, a.chip-primary:visited, a.badge-primary:visited, .label-primary:visited, a.label-primary:visited, label.label-primary:visited {
-    color: #fdf6e3; }
-    .btn-primary:visited:before, a.btn-primary:visited:before, .badge-primary:visited:before, .chip-primary:visited:before, a.chip-primary:visited:before, a.badge-primary:visited:before, .label-primary:visited:before, a.label-primary:visited:before, label.label-primary:visited:before {
-      background-color: #d33682; }
-  .btn-primary:hover, .btn-primary:active, .btn-primary:focus, a:hover > .btn-primary, a:active > .btn-primary, a:focus > .btn-primary, .btn-primary:visited:hover, .btn-primary:visited:active, .btn-primary:visited:focus, a:hover > .btn-primary:visited, a:active > .btn-primary:visited, a:focus > .btn-primary:visited, .btn-primary:not(.disabled):not(:disabled):hover, .btn-primary:not(.disabled):not(:disabled):active, .btn-primary:not(.disabled):not(:disabled):focus, a:hover > .btn-primary:not(.disabled):not(:disabled), a:active > .btn-primary:not(.disabled):not(:disabled), a:focus > .btn-primary:not(.disabled):not(:disabled), a.btn-primary:hover, a.btn-primary:active, a.btn-primary:focus, a:hover > a.btn-primary, a:active > a.btn-primary, a:focus > a.btn-primary, a.btn-primary:visited:hover, a.btn-primary:visited:active, a.btn-primary:visited:focus, a:hover > a.btn-primary:visited, a:active > a.btn-primary:visited, a:focus > a.btn-primary:visited, a.btn-primary:not(.disabled):not(:disabled):hover, a.btn-primary:not(.disabled):not(:disabled):active, a.btn-primary:not(.disabled):not(:disabled):focus, a:hover > a.btn-primary:not(.disabled):not(:disabled), a:active > a.btn-primary:not(.disabled):not(:disabled), a:focus > a.btn-primary:not(.disabled):not(:disabled), .badge-primary:hover, .badge-primary:active, .badge-primary:focus, a:hover > .badge-primary, a:active > .badge-primary, a:focus > .badge-primary, .badge-primary:visited:hover, .badge-primary:visited:active, .badge-primary:visited:focus, a:hover > .badge-primary:visited, a:active > .badge-primary:visited, a:focus > .badge-primary:visited, .badge-primary:not(.disabled):not(:disabled):hover, .badge-primary:not(.disabled):not(:disabled):active, .badge-primary:not(.disabled):not(:disabled):focus, a:hover > .badge-primary:not(.disabled):not(:disabled), a:active > .badge-primary:not(.disabled):not(:disabled), a:focus > .badge-primary:not(.disabled):not(:disabled), .chip-primary:hover, .chip-primary:active, .chip-primary:focus, a:hover > .chip-primary, a:active > .chip-primary, a:focus > .chip-primary, .chip-primary:visited:hover, .chip-primary:visited:active, .chip-primary:visited:focus, a:hover > .chip-primary:visited, a:active > .chip-primary:visited, a:focus > .chip-primary:visited, .chip-primary:not(.disabled):not(:disabled):hover, .chip-primary:not(.disabled):not(:disabled):active, .chip-primary:not(.disabled):not(:disabled):focus, a:hover > .chip-primary:not(.disabled):not(:disabled), a:active > .chip-primary:not(.disabled):not(:disabled), a:focus > .chip-primary:not(.disabled):not(:disabled), a.chip-primary:hover, a.chip-primary:active, a.chip-primary:focus, a:hover > a.chip-primary, a:active > a.chip-primary, a:focus > a.chip-primary, a.chip-primary:visited:hover, a.chip-primary:visited:active, a.chip-primary:visited:focus, a:hover > a.chip-primary:visited, a:active > a.chip-primary:visited, a:focus > a.chip-primary:visited, a.chip-primary:not(.disabled):not(:disabled):hover, a.chip-primary:not(.disabled):not(:disabled):active, a.chip-primary:not(.disabled):not(:disabled):focus, a:hover > a.chip-primary:not(.disabled):not(:disabled), a:active > a.chip-primary:not(.disabled):not(:disabled), a:focus > a.chip-primary:not(.disabled):not(:disabled), a.badge-primary:hover, a.badge-primary:active, a.badge-primary:focus, a:hover > a.badge-primary, a:active > a.badge-primary, a:focus > a.badge-primary, a.badge-primary:visited:hover, a.badge-primary:visited:active, a.badge-primary:visited:focus, a:hover > a.badge-primary:visited, a:active > a.badge-primary:visited, a:focus > a.badge-primary:visited, a.badge-primary:not(.disabled):not(:disabled):hover, a.badge-primary:not(.disabled):not(:disabled):active, a.badge-primary:not(.disabled):not(:disabled):focus, a:hover > a.badge-primary:not(.disabled):not(:disabled), a:active > a.badge-primary:not(.disabled):not(:disabled), a:focus > a.badge-primary:not(.disabled):not(:disabled), .label-primary:hover, .label-primary:active, .label-primary:focus, a:hover > .label-primary, a:active > .label-primary, a:focus > .label-primary, .label-primary:visited:hover, .label-primary:visited:active, .label-primary:visited:focus, a:hover > .label-primary:visited, a:active > .label-primary:visited, a:focus > .label-primary:visited, .label-primary:not(.disabled):not(:disabled):hover, .label-primary:not(.disabled):not(:disabled):active, .label-primary:not(.disabled):not(:disabled):focus, a:hover > .label-primary:not(.disabled):not(:disabled), a:active > .label-primary:not(.disabled):not(:disabled), a:focus > .label-primary:not(.disabled):not(:disabled), a.label-primary:hover, a.label-primary:active, a.label-primary:focus, a:hover > a.label-primary, a:active > a.label-primary, a:focus > a.label-primary, a.label-primary:visited:hover, a.label-primary:visited:active, a.label-primary:visited:focus, a:hover > a.label-primary:visited, a:active > a.label-primary:visited, a:focus > a.label-primary:visited, a.label-primary:not(.disabled):not(:disabled):hover, a.label-primary:not(.disabled):not(:disabled):active, a.label-primary:not(.disabled):not(:disabled):focus, a:hover > a.label-primary:not(.disabled):not(:disabled), a:active > a.label-primary:not(.disabled):not(:disabled), a:focus > a.label-primary:not(.disabled):not(:disabled), label.label-primary:hover, label.label-primary:active, label.label-primary:focus, a:hover > label.label-primary, a:active > label.label-primary, a:focus > label.label-primary, label.label-primary:visited:hover, label.label-primary:visited:active, label.label-primary:visited:focus, a:hover > label.label-primary:visited, a:active > label.label-primary:visited, a:focus > label.label-primary:visited, label.label-primary:not(.disabled):not(:disabled):hover, label.label-primary:not(.disabled):not(:disabled):active, label.label-primary:not(.disabled):not(:disabled):focus, a:hover > label.label-primary:not(.disabled):not(:disabled), a:active > label.label-primary:not(.disabled):not(:disabled), a:focus > label.label-primary:not(.disabled):not(:disabled) {
-    color: #fffefb; }
-    .btn-primary:hover:before, .btn-primary:active:before, .btn-primary:focus:before, a:hover > .btn-primary:before, a:active > .btn-primary:before, a:focus > .btn-primary:before, .btn-primary:visited:hover:before, .btn-primary:visited:active:before, .btn-primary:visited:focus:before, a:hover > .btn-primary:visited:before, a:active > .btn-primary:visited:before, a:focus > .btn-primary:visited:before, .btn-primary:not(.disabled):not(:disabled):hover:before, .btn-primary:not(.disabled):not(:disabled):active:before, .btn-primary:not(.disabled):not(:disabled):focus:before, a:hover > .btn-primary:not(.disabled):not(:disabled):before, a:active > .btn-primary:not(.disabled):not(:disabled):before, a:focus > .btn-primary:not(.disabled):not(:disabled):before, a.btn-primary:hover:before, a.btn-primary:active:before, a.btn-primary:focus:before, a:hover > a.btn-primary:before, a:active > a.btn-primary:before, a:focus > a.btn-primary:before, a.btn-primary:visited:hover:before, a.btn-primary:visited:active:before, a.btn-primary:visited:focus:before, a:hover > a.btn-primary:visited:before, a:active > a.btn-primary:visited:before, a:focus > a.btn-primary:visited:before, a.btn-primary:not(.disabled):not(:disabled):hover:before, a.btn-primary:not(.disabled):not(:disabled):active:before, a.btn-primary:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-primary:not(.disabled):not(:disabled):before, a:active > a.btn-primary:not(.disabled):not(:disabled):before, a:focus > a.btn-primary:not(.disabled):not(:disabled):before, .badge-primary:hover:before, .badge-primary:active:before, .badge-primary:focus:before, a:hover > .badge-primary:before, a:active > .badge-primary:before, a:focus > .badge-primary:before, .badge-primary:visited:hover:before, .badge-primary:visited:active:before, .badge-primary:visited:focus:before, a:hover > .badge-primary:visited:before, a:active > .badge-primary:visited:before, a:focus > .badge-primary:visited:before, .badge-primary:not(.disabled):not(:disabled):hover:before, .badge-primary:not(.disabled):not(:disabled):active:before, .badge-primary:not(.disabled):not(:disabled):focus:before, a:hover > .badge-primary:not(.disabled):not(:disabled):before, a:active > .badge-primary:not(.disabled):not(:disabled):before, a:focus > .badge-primary:not(.disabled):not(:disabled):before, .chip-primary:hover:before, .chip-primary:active:before, .chip-primary:focus:before, a:hover > .chip-primary:before, a:active > .chip-primary:before, a:focus > .chip-primary:before, .chip-primary:visited:hover:before, .chip-primary:visited:active:before, .chip-primary:visited:focus:before, a:hover > .chip-primary:visited:before, a:active > .chip-primary:visited:before, a:focus > .chip-primary:visited:before, .chip-primary:not(.disabled):not(:disabled):hover:before, .chip-primary:not(.disabled):not(:disabled):active:before, .chip-primary:not(.disabled):not(:disabled):focus:before, a:hover > .chip-primary:not(.disabled):not(:disabled):before, a:active > .chip-primary:not(.disabled):not(:disabled):before, a:focus > .chip-primary:not(.disabled):not(:disabled):before, a.chip-primary:hover:before, a.chip-primary:active:before, a.chip-primary:focus:before, a:hover > a.chip-primary:before, a:active > a.chip-primary:before, a:focus > a.chip-primary:before, a.chip-primary:visited:hover:before, a.chip-primary:visited:active:before, a.chip-primary:visited:focus:before, a:hover > a.chip-primary:visited:before, a:active > a.chip-primary:visited:before, a:focus > a.chip-primary:visited:before, a.chip-primary:not(.disabled):not(:disabled):hover:before, a.chip-primary:not(.disabled):not(:disabled):active:before, a.chip-primary:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-primary:not(.disabled):not(:disabled):before, a:active > a.chip-primary:not(.disabled):not(:disabled):before, a:focus > a.chip-primary:not(.disabled):not(:disabled):before, a.badge-primary:hover:before, a.badge-primary:active:before, a.badge-primary:focus:before, a:hover > a.badge-primary:before, a:active > a.badge-primary:before, a:focus > a.badge-primary:before, a.badge-primary:visited:hover:before, a.badge-primary:visited:active:before, a.badge-primary:visited:focus:before, a:hover > a.badge-primary:visited:before, a:active > a.badge-primary:visited:before, a:focus > a.badge-primary:visited:before, a.badge-primary:not(.disabled):not(:disabled):hover:before, a.badge-primary:not(.disabled):not(:disabled):active:before, a.badge-primary:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-primary:not(.disabled):not(:disabled):before, a:active > a.badge-primary:not(.disabled):not(:disabled):before, a:focus > a.badge-primary:not(.disabled):not(:disabled):before, .label-primary:hover:before, .label-primary:active:before, .label-primary:focus:before, a:hover > .label-primary:before, a:active > .label-primary:before, a:focus > .label-primary:before, .label-primary:visited:hover:before, .label-primary:visited:active:before, .label-primary:visited:focus:before, a:hover > .label-primary:visited:before, a:active > .label-primary:visited:before, a:focus > .label-primary:visited:before, .label-primary:not(.disabled):not(:disabled):hover:before, .label-primary:not(.disabled):not(:disabled):active:before, .label-primary:not(.disabled):not(:disabled):focus:before, a:hover > .label-primary:not(.disabled):not(:disabled):before, a:active > .label-primary:not(.disabled):not(:disabled):before, a:focus > .label-primary:not(.disabled):not(:disabled):before, a.label-primary:hover:before, a.label-primary:active:before, a.label-primary:focus:before, a:hover > a.label-primary:before, a:active > a.label-primary:before, a:focus > a.label-primary:before, a.label-primary:visited:hover:before, a.label-primary:visited:active:before, a.label-primary:visited:focus:before, a:hover > a.label-primary:visited:before, a:active > a.label-primary:visited:before, a:focus > a.label-primary:visited:before, a.label-primary:not(.disabled):not(:disabled):hover:before, a.label-primary:not(.disabled):not(:disabled):active:before, a.label-primary:not(.disabled):not(:disabled):focus:before, a:hover > a.label-primary:not(.disabled):not(:disabled):before, a:active > a.label-primary:not(.disabled):not(:disabled):before, a:focus > a.label-primary:not(.disabled):not(:disabled):before, label.label-primary:hover:before, label.label-primary:active:before, label.label-primary:focus:before, a:hover > label.label-primary:before, a:active > label.label-primary:before, a:focus > label.label-primary:before, label.label-primary:visited:hover:before, label.label-primary:visited:active:before, label.label-primary:visited:focus:before, a:hover > label.label-primary:visited:before, a:active > label.label-primary:visited:before, a:focus > label.label-primary:visited:before, label.label-primary:not(.disabled):not(:disabled):hover:before, label.label-primary:not(.disabled):not(:disabled):active:before, label.label-primary:not(.disabled):not(:disabled):focus:before, a:hover > label.label-primary:not(.disabled):not(:disabled):before, a:active > label.label-primary:not(.disabled):not(:disabled):before, a:focus > label.label-primary:not(.disabled):not(:disabled):before {
-      background-color: #ba296f; }
-
-.btn-secondary, a.btn-secondary, .badge-secondary, .chip-secondary, a.chip-secondary, a.badge-secondary, .label-secondary, a.label-secondary, label.label-secondary {
-  color: #fdf6e3; }
-  .btn-secondary:before, a.btn-secondary:before, .badge-secondary:before, .chip-secondary:before, a.chip-secondary:before, a.badge-secondary:before, .label-secondary:before, a.label-secondary:before, label.label-secondary:before {
-    background-color: #2aa198; }
-  .btn-secondary:visited, a.btn-secondary:visited, .badge-secondary:visited, .chip-secondary:visited, a.chip-secondary:visited, a.badge-secondary:visited, .label-secondary:visited, a.label-secondary:visited, label.label-secondary:visited {
-    color: #fdf6e3; }
-    .btn-secondary:visited:before, a.btn-secondary:visited:before, .badge-secondary:visited:before, .chip-secondary:visited:before, a.chip-secondary:visited:before, a.badge-secondary:visited:before, .label-secondary:visited:before, a.label-secondary:visited:before, label.label-secondary:visited:before {
-      background-color: #2aa198; }
-  .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, a:hover > .btn-secondary, a:active > .btn-secondary, a:focus > .btn-secondary, .btn-secondary:visited:hover, .btn-secondary:visited:active, .btn-secondary:visited:focus, a:hover > .btn-secondary:visited, a:active > .btn-secondary:visited, a:focus > .btn-secondary:visited, .btn-secondary:not(.disabled):not(:disabled):hover, .btn-secondary:not(.disabled):not(:disabled):active, .btn-secondary:not(.disabled):not(:disabled):focus, a:hover > .btn-secondary:not(.disabled):not(:disabled), a:active > .btn-secondary:not(.disabled):not(:disabled), a:focus > .btn-secondary:not(.disabled):not(:disabled), a.btn-secondary:hover, a.btn-secondary:active, a.btn-secondary:focus, a:hover > a.btn-secondary, a:active > a.btn-secondary, a:focus > a.btn-secondary, a.btn-secondary:visited:hover, a.btn-secondary:visited:active, a.btn-secondary:visited:focus, a:hover > a.btn-secondary:visited, a:active > a.btn-secondary:visited, a:focus > a.btn-secondary:visited, a.btn-secondary:not(.disabled):not(:disabled):hover, a.btn-secondary:not(.disabled):not(:disabled):active, a.btn-secondary:not(.disabled):not(:disabled):focus, a:hover > a.btn-secondary:not(.disabled):not(:disabled), a:active > a.btn-secondary:not(.disabled):not(:disabled), a:focus > a.btn-secondary:not(.disabled):not(:disabled), .badge-secondary:hover, .badge-secondary:active, .badge-secondary:focus, a:hover > .badge-secondary, a:active > .badge-secondary, a:focus > .badge-secondary, .badge-secondary:visited:hover, .badge-secondary:visited:active, .badge-secondary:visited:focus, a:hover > .badge-secondary:visited, a:active > .badge-secondary:visited, a:focus > .badge-secondary:visited, .badge-secondary:not(.disabled):not(:disabled):hover, .badge-secondary:not(.disabled):not(:disabled):active, .badge-secondary:not(.disabled):not(:disabled):focus, a:hover > .badge-secondary:not(.disabled):not(:disabled), a:active > .badge-secondary:not(.disabled):not(:disabled), a:focus > .badge-secondary:not(.disabled):not(:disabled), .chip-secondary:hover, .chip-secondary:active, .chip-secondary:focus, a:hover > .chip-secondary, a:active > .chip-secondary, a:focus > .chip-secondary, .chip-secondary:visited:hover, .chip-secondary:visited:active, .chip-secondary:visited:focus, a:hover > .chip-secondary:visited, a:active > .chip-secondary:visited, a:focus > .chip-secondary:visited, .chip-secondary:not(.disabled):not(:disabled):hover, .chip-secondary:not(.disabled):not(:disabled):active, .chip-secondary:not(.disabled):not(:disabled):focus, a:hover > .chip-secondary:not(.disabled):not(:disabled), a:active > .chip-secondary:not(.disabled):not(:disabled), a:focus > .chip-secondary:not(.disabled):not(:disabled), a.chip-secondary:hover, a.chip-secondary:active, a.chip-secondary:focus, a:hover > a.chip-secondary, a:active > a.chip-secondary, a:focus > a.chip-secondary, a.chip-secondary:visited:hover, a.chip-secondary:visited:active, a.chip-secondary:visited:focus, a:hover > a.chip-secondary:visited, a:active > a.chip-secondary:visited, a:focus > a.chip-secondary:visited, a.chip-secondary:not(.disabled):not(:disabled):hover, a.chip-secondary:not(.disabled):not(:disabled):active, a.chip-secondary:not(.disabled):not(:disabled):focus, a:hover > a.chip-secondary:not(.disabled):not(:disabled), a:active > a.chip-secondary:not(.disabled):not(:disabled), a:focus > a.chip-secondary:not(.disabled):not(:disabled), a.badge-secondary:hover, a.badge-secondary:active, a.badge-secondary:focus, a:hover > a.badge-secondary, a:active > a.badge-secondary, a:focus > a.badge-secondary, a.badge-secondary:visited:hover, a.badge-secondary:visited:active, a.badge-secondary:visited:focus, a:hover > a.badge-secondary:visited, a:active > a.badge-secondary:visited, a:focus > a.badge-secondary:visited, a.badge-secondary:not(.disabled):not(:disabled):hover, a.badge-secondary:not(.disabled):not(:disabled):active, a.badge-secondary:not(.disabled):not(:disabled):focus, a:hover > a.badge-secondary:not(.disabled):not(:disabled), a:active > a.badge-secondary:not(.disabled):not(:disabled), a:focus > a.badge-secondary:not(.disabled):not(:disabled), .label-secondary:hover, .label-secondary:active, .label-secondary:focus, a:hover > .label-secondary, a:active > .label-secondary, a:focus > .label-secondary, .label-secondary:visited:hover, .label-secondary:visited:active, .label-secondary:visited:focus, a:hover > .label-secondary:visited, a:active > .label-secondary:visited, a:focus > .label-secondary:visited, .label-secondary:not(.disabled):not(:disabled):hover, .label-secondary:not(.disabled):not(:disabled):active, .label-secondary:not(.disabled):not(:disabled):focus, a:hover > .label-secondary:not(.disabled):not(:disabled), a:active > .label-secondary:not(.disabled):not(:disabled), a:focus > .label-secondary:not(.disabled):not(:disabled), a.label-secondary:hover, a.label-secondary:active, a.label-secondary:focus, a:hover > a.label-secondary, a:active > a.label-secondary, a:focus > a.label-secondary, a.label-secondary:visited:hover, a.label-secondary:visited:active, a.label-secondary:visited:focus, a:hover > a.label-secondary:visited, a:active > a.label-secondary:visited, a:focus > a.label-secondary:visited, a.label-secondary:not(.disabled):not(:disabled):hover, a.label-secondary:not(.disabled):not(:disabled):active, a.label-secondary:not(.disabled):not(:disabled):focus, a:hover > a.label-secondary:not(.disabled):not(:disabled), a:active > a.label-secondary:not(.disabled):not(:disabled), a:focus > a.label-secondary:not(.disabled):not(:disabled), label.label-secondary:hover, label.label-secondary:active, label.label-secondary:focus, a:hover > label.label-secondary, a:active > label.label-secondary, a:focus > label.label-secondary, label.label-secondary:visited:hover, label.label-secondary:visited:active, label.label-secondary:visited:focus, a:hover > label.label-secondary:visited, a:active > label.label-secondary:visited, a:focus > label.label-secondary:visited, label.label-secondary:not(.disabled):not(:disabled):hover, label.label-secondary:not(.disabled):not(:disabled):active, label.label-secondary:not(.disabled):not(:disabled):focus, a:hover > label.label-secondary:not(.disabled):not(:disabled), a:active > label.label-secondary:not(.disabled):not(:disabled), a:focus > label.label-secondary:not(.disabled):not(:disabled) {
-    color: #fffefb; }
-    .btn-secondary:hover:before, .btn-secondary:active:before, .btn-secondary:focus:before, a:hover > .btn-secondary:before, a:active > .btn-secondary:before, a:focus > .btn-secondary:before, .btn-secondary:visited:hover:before, .btn-secondary:visited:active:before, .btn-secondary:visited:focus:before, a:hover > .btn-secondary:visited:before, a:active > .btn-secondary:visited:before, a:focus > .btn-secondary:visited:before, .btn-secondary:not(.disabled):not(:disabled):hover:before, .btn-secondary:not(.disabled):not(:disabled):active:before, .btn-secondary:not(.disabled):not(:disabled):focus:before, a:hover > .btn-secondary:not(.disabled):not(:disabled):before, a:active > .btn-secondary:not(.disabled):not(:disabled):before, a:focus > .btn-secondary:not(.disabled):not(:disabled):before, a.btn-secondary:hover:before, a.btn-secondary:active:before, a.btn-secondary:focus:before, a:hover > a.btn-secondary:before, a:active > a.btn-secondary:before, a:focus > a.btn-secondary:before, a.btn-secondary:visited:hover:before, a.btn-secondary:visited:active:before, a.btn-secondary:visited:focus:before, a:hover > a.btn-secondary:visited:before, a:active > a.btn-secondary:visited:before, a:focus > a.btn-secondary:visited:before, a.btn-secondary:not(.disabled):not(:disabled):hover:before, a.btn-secondary:not(.disabled):not(:disabled):active:before, a.btn-secondary:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-secondary:not(.disabled):not(:disabled):before, a:active > a.btn-secondary:not(.disabled):not(:disabled):before, a:focus > a.btn-secondary:not(.disabled):not(:disabled):before, .badge-secondary:hover:before, .badge-secondary:active:before, .badge-secondary:focus:before, a:hover > .badge-secondary:before, a:active > .badge-secondary:before, a:focus > .badge-secondary:before, .badge-secondary:visited:hover:before, .badge-secondary:visited:active:before, .badge-secondary:visited:focus:before, a:hover > .badge-secondary:visited:before, a:active > .badge-secondary:visited:before, a:focus > .badge-secondary:visited:before, .badge-secondary:not(.disabled):not(:disabled):hover:before, .badge-secondary:not(.disabled):not(:disabled):active:before, .badge-secondary:not(.disabled):not(:disabled):focus:before, a:hover > .badge-secondary:not(.disabled):not(:disabled):before, a:active > .badge-secondary:not(.disabled):not(:disabled):before, a:focus > .badge-secondary:not(.disabled):not(:disabled):before, .chip-secondary:hover:before, .chip-secondary:active:before, .chip-secondary:focus:before, a:hover > .chip-secondary:before, a:active > .chip-secondary:before, a:focus > .chip-secondary:before, .chip-secondary:visited:hover:before, .chip-secondary:visited:active:before, .chip-secondary:visited:focus:before, a:hover > .chip-secondary:visited:before, a:active > .chip-secondary:visited:before, a:focus > .chip-secondary:visited:before, .chip-secondary:not(.disabled):not(:disabled):hover:before, .chip-secondary:not(.disabled):not(:disabled):active:before, .chip-secondary:not(.disabled):not(:disabled):focus:before, a:hover > .chip-secondary:not(.disabled):not(:disabled):before, a:active > .chip-secondary:not(.disabled):not(:disabled):before, a:focus > .chip-secondary:not(.disabled):not(:disabled):before, a.chip-secondary:hover:before, a.chip-secondary:active:before, a.chip-secondary:focus:before, a:hover > a.chip-secondary:before, a:active > a.chip-secondary:before, a:focus > a.chip-secondary:before, a.chip-secondary:visited:hover:before, a.chip-secondary:visited:active:before, a.chip-secondary:visited:focus:before, a:hover > a.chip-secondary:visited:before, a:active > a.chip-secondary:visited:before, a:focus > a.chip-secondary:visited:before, a.chip-secondary:not(.disabled):not(:disabled):hover:before, a.chip-secondary:not(.disabled):not(:disabled):active:before, a.chip-secondary:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-secondary:not(.disabled):not(:disabled):before, a:active > a.chip-secondary:not(.disabled):not(:disabled):before, a:focus > a.chip-secondary:not(.disabled):not(:disabled):before, a.badge-secondary:hover:before, a.badge-secondary:active:before, a.badge-secondary:focus:before, a:hover > a.badge-secondary:before, a:active > a.badge-secondary:before, a:focus > a.badge-secondary:before, a.badge-secondary:visited:hover:before, a.badge-secondary:visited:active:before, a.badge-secondary:visited:focus:before, a:hover > a.badge-secondary:visited:before, a:active > a.badge-secondary:visited:before, a:focus > a.badge-secondary:visited:before, a.badge-secondary:not(.disabled):not(:disabled):hover:before, a.badge-secondary:not(.disabled):not(:disabled):active:before, a.badge-secondary:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-secondary:not(.disabled):not(:disabled):before, a:active > a.badge-secondary:not(.disabled):not(:disabled):before, a:focus > a.badge-secondary:not(.disabled):not(:disabled):before, .label-secondary:hover:before, .label-secondary:active:before, .label-secondary:focus:before, a:hover > .label-secondary:before, a:active > .label-secondary:before, a:focus > .label-secondary:before, .label-secondary:visited:hover:before, .label-secondary:visited:active:before, .label-secondary:visited:focus:before, a:hover > .label-secondary:visited:before, a:active > .label-secondary:visited:before, a:focus > .label-secondary:visited:before, .label-secondary:not(.disabled):not(:disabled):hover:before, .label-secondary:not(.disabled):not(:disabled):active:before, .label-secondary:not(.disabled):not(:disabled):focus:before, a:hover > .label-secondary:not(.disabled):not(:disabled):before, a:active > .label-secondary:not(.disabled):not(:disabled):before, a:focus > .label-secondary:not(.disabled):not(:disabled):before, a.label-secondary:hover:before, a.label-secondary:active:before, a.label-secondary:focus:before, a:hover > a.label-secondary:before, a:active > a.label-secondary:before, a:focus > a.label-secondary:before, a.label-secondary:visited:hover:before, a.label-secondary:visited:active:before, a.label-secondary:visited:focus:before, a:hover > a.label-secondary:visited:before, a:active > a.label-secondary:visited:before, a:focus > a.label-secondary:visited:before, a.label-secondary:not(.disabled):not(:disabled):hover:before, a.label-secondary:not(.disabled):not(:disabled):active:before, a.label-secondary:not(.disabled):not(:disabled):focus:before, a:hover > a.label-secondary:not(.disabled):not(:disabled):before, a:active > a.label-secondary:not(.disabled):not(:disabled):before, a:focus > a.label-secondary:not(.disabled):not(:disabled):before, label.label-secondary:hover:before, label.label-secondary:active:before, label.label-secondary:focus:before, a:hover > label.label-secondary:before, a:active > label.label-secondary:before, a:focus > label.label-secondary:before, label.label-secondary:visited:hover:before, label.label-secondary:visited:active:before, label.label-secondary:visited:focus:before, a:hover > label.label-secondary:visited:before, a:active > label.label-secondary:visited:before, a:focus > label.label-secondary:visited:before, label.label-secondary:not(.disabled):not(:disabled):hover:before, label.label-secondary:not(.disabled):not(:disabled):active:before, label.label-secondary:not(.disabled):not(:disabled):focus:before, a:hover > label.label-secondary:not(.disabled):not(:disabled):before, a:active > label.label-secondary:not(.disabled):not(:disabled):before, a:focus > label.label-secondary:not(.disabled):not(:disabled):before {
-      background-color: #22837b; }
-
-.btn-warning, a.btn-warning, .badge-warning, .chip-warning, a.chip-warning, a.badge-warning, .label-warning, a.label-warning, label.label-warning {
-  color: #fdf6e3; }
-  .btn-warning:before, a.btn-warning:before, .badge-warning:before, .chip-warning:before, a.chip-warning:before, a.badge-warning:before, .label-warning:before, a.label-warning:before, label.label-warning:before {
-    background-color: #cb4b16; }
-  .btn-warning:visited, a.btn-warning:visited, .badge-warning:visited, .chip-warning:visited, a.chip-warning:visited, a.badge-warning:visited, .label-warning:visited, a.label-warning:visited, label.label-warning:visited {
-    color: #fdf6e3; }
-    .btn-warning:visited:before, a.btn-warning:visited:before, .badge-warning:visited:before, .chip-warning:visited:before, a.chip-warning:visited:before, a.badge-warning:visited:before, .label-warning:visited:before, a.label-warning:visited:before, label.label-warning:visited:before {
-      background-color: #cb4b16; }
-  .btn-warning:hover, .btn-warning:active, .btn-warning:focus, a:hover > .btn-warning, a:active > .btn-warning, a:focus > .btn-warning, .btn-warning:visited:hover, .btn-warning:visited:active, .btn-warning:visited:focus, a:hover > .btn-warning:visited, a:active > .btn-warning:visited, a:focus > .btn-warning:visited, .btn-warning:not(.disabled):not(:disabled):hover, .btn-warning:not(.disabled):not(:disabled):active, .btn-warning:not(.disabled):not(:disabled):focus, a:hover > .btn-warning:not(.disabled):not(:disabled), a:active > .btn-warning:not(.disabled):not(:disabled), a:focus > .btn-warning:not(.disabled):not(:disabled), a.btn-warning:hover, a.btn-warning:active, a.btn-warning:focus, a:hover > a.btn-warning, a:active > a.btn-warning, a:focus > a.btn-warning, a.btn-warning:visited:hover, a.btn-warning:visited:active, a.btn-warning:visited:focus, a:hover > a.btn-warning:visited, a:active > a.btn-warning:visited, a:focus > a.btn-warning:visited, a.btn-warning:not(.disabled):not(:disabled):hover, a.btn-warning:not(.disabled):not(:disabled):active, a.btn-warning:not(.disabled):not(:disabled):focus, a:hover > a.btn-warning:not(.disabled):not(:disabled), a:active > a.btn-warning:not(.disabled):not(:disabled), a:focus > a.btn-warning:not(.disabled):not(:disabled), .badge-warning:hover, .badge-warning:active, .badge-warning:focus, a:hover > .badge-warning, a:active > .badge-warning, a:focus > .badge-warning, .badge-warning:visited:hover, .badge-warning:visited:active, .badge-warning:visited:focus, a:hover > .badge-warning:visited, a:active > .badge-warning:visited, a:focus > .badge-warning:visited, .badge-warning:not(.disabled):not(:disabled):hover, .badge-warning:not(.disabled):not(:disabled):active, .badge-warning:not(.disabled):not(:disabled):focus, a:hover > .badge-warning:not(.disabled):not(:disabled), a:active > .badge-warning:not(.disabled):not(:disabled), a:focus > .badge-warning:not(.disabled):not(:disabled), .chip-warning:hover, .chip-warning:active, .chip-warning:focus, a:hover > .chip-warning, a:active > .chip-warning, a:focus > .chip-warning, .chip-warning:visited:hover, .chip-warning:visited:active, .chip-warning:visited:focus, a:hover > .chip-warning:visited, a:active > .chip-warning:visited, a:focus > .chip-warning:visited, .chip-warning:not(.disabled):not(:disabled):hover, .chip-warning:not(.disabled):not(:disabled):active, .chip-warning:not(.disabled):not(:disabled):focus, a:hover > .chip-warning:not(.disabled):not(:disabled), a:active > .chip-warning:not(.disabled):not(:disabled), a:focus > .chip-warning:not(.disabled):not(:disabled), a.chip-warning:hover, a.chip-warning:active, a.chip-warning:focus, a:hover > a.chip-warning, a:active > a.chip-warning, a:focus > a.chip-warning, a.chip-warning:visited:hover, a.chip-warning:visited:active, a.chip-warning:visited:focus, a:hover > a.chip-warning:visited, a:active > a.chip-warning:visited, a:focus > a.chip-warning:visited, a.chip-warning:not(.disabled):not(:disabled):hover, a.chip-warning:not(.disabled):not(:disabled):active, a.chip-warning:not(.disabled):not(:disabled):focus, a:hover > a.chip-warning:not(.disabled):not(:disabled), a:active > a.chip-warning:not(.disabled):not(:disabled), a:focus > a.chip-warning:not(.disabled):not(:disabled), a.badge-warning:hover, a.badge-warning:active, a.badge-warning:focus, a:hover > a.badge-warning, a:active > a.badge-warning, a:focus > a.badge-warning, a.badge-warning:visited:hover, a.badge-warning:visited:active, a.badge-warning:visited:focus, a:hover > a.badge-warning:visited, a:active > a.badge-warning:visited, a:focus > a.badge-warning:visited, a.badge-warning:not(.disabled):not(:disabled):hover, a.badge-warning:not(.disabled):not(:disabled):active, a.badge-warning:not(.disabled):not(:disabled):focus, a:hover > a.badge-warning:not(.disabled):not(:disabled), a:active > a.badge-warning:not(.disabled):not(:disabled), a:focus > a.badge-warning:not(.disabled):not(:disabled), .label-warning:hover, .label-warning:active, .label-warning:focus, a:hover > .label-warning, a:active > .label-warning, a:focus > .label-warning, .label-warning:visited:hover, .label-warning:visited:active, .label-warning:visited:focus, a:hover > .label-warning:visited, a:active > .label-warning:visited, a:focus > .label-warning:visited, .label-warning:not(.disabled):not(:disabled):hover, .label-warning:not(.disabled):not(:disabled):active, .label-warning:not(.disabled):not(:disabled):focus, a:hover > .label-warning:not(.disabled):not(:disabled), a:active > .label-warning:not(.disabled):not(:disabled), a:focus > .label-warning:not(.disabled):not(:disabled), a.label-warning:hover, a.label-warning:active, a.label-warning:focus, a:hover > a.label-warning, a:active > a.label-warning, a:focus > a.label-warning, a.label-warning:visited:hover, a.label-warning:visited:active, a.label-warning:visited:focus, a:hover > a.label-warning:visited, a:active > a.label-warning:visited, a:focus > a.label-warning:visited, a.label-warning:not(.disabled):not(:disabled):hover, a.label-warning:not(.disabled):not(:disabled):active, a.label-warning:not(.disabled):not(:disabled):focus, a:hover > a.label-warning:not(.disabled):not(:disabled), a:active > a.label-warning:not(.disabled):not(:disabled), a:focus > a.label-warning:not(.disabled):not(:disabled), label.label-warning:hover, label.label-warning:active, label.label-warning:focus, a:hover > label.label-warning, a:active > label.label-warning, a:focus > label.label-warning, label.label-warning:visited:hover, label.label-warning:visited:active, label.label-warning:visited:focus, a:hover > label.label-warning:visited, a:active > label.label-warning:visited, a:focus > label.label-warning:visited, label.label-warning:not(.disabled):not(:disabled):hover, label.label-warning:not(.disabled):not(:disabled):active, label.label-warning:not(.disabled):not(:disabled):focus, a:hover > label.label-warning:not(.disabled):not(:disabled), a:active > label.label-warning:not(.disabled):not(:disabled), a:focus > label.label-warning:not(.disabled):not(:disabled) {
-    color: #fffefb; }
-    .btn-warning:hover:before, .btn-warning:active:before, .btn-warning:focus:before, a:hover > .btn-warning:before, a:active > .btn-warning:before, a:focus > .btn-warning:before, .btn-warning:visited:hover:before, .btn-warning:visited:active:before, .btn-warning:visited:focus:before, a:hover > .btn-warning:visited:before, a:active > .btn-warning:visited:before, a:focus > .btn-warning:visited:before, .btn-warning:not(.disabled):not(:disabled):hover:before, .btn-warning:not(.disabled):not(:disabled):active:before, .btn-warning:not(.disabled):not(:disabled):focus:before, a:hover > .btn-warning:not(.disabled):not(:disabled):before, a:active > .btn-warning:not(.disabled):not(:disabled):before, a:focus > .btn-warning:not(.disabled):not(:disabled):before, a.btn-warning:hover:before, a.btn-warning:active:before, a.btn-warning:focus:before, a:hover > a.btn-warning:before, a:active > a.btn-warning:before, a:focus > a.btn-warning:before, a.btn-warning:visited:hover:before, a.btn-warning:visited:active:before, a.btn-warning:visited:focus:before, a:hover > a.btn-warning:visited:before, a:active > a.btn-warning:visited:before, a:focus > a.btn-warning:visited:before, a.btn-warning:not(.disabled):not(:disabled):hover:before, a.btn-warning:not(.disabled):not(:disabled):active:before, a.btn-warning:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-warning:not(.disabled):not(:disabled):before, a:active > a.btn-warning:not(.disabled):not(:disabled):before, a:focus > a.btn-warning:not(.disabled):not(:disabled):before, .badge-warning:hover:before, .badge-warning:active:before, .badge-warning:focus:before, a:hover > .badge-warning:before, a:active > .badge-warning:before, a:focus > .badge-warning:before, .badge-warning:visited:hover:before, .badge-warning:visited:active:before, .badge-warning:visited:focus:before, a:hover > .badge-warning:visited:before, a:active > .badge-warning:visited:before, a:focus > .badge-warning:visited:before, .badge-warning:not(.disabled):not(:disabled):hover:before, .badge-warning:not(.disabled):not(:disabled):active:before, .badge-warning:not(.disabled):not(:disabled):focus:before, a:hover > .badge-warning:not(.disabled):not(:disabled):before, a:active > .badge-warning:not(.disabled):not(:disabled):before, a:focus > .badge-warning:not(.disabled):not(:disabled):before, .chip-warning:hover:before, .chip-warning:active:before, .chip-warning:focus:before, a:hover > .chip-warning:before, a:active > .chip-warning:before, a:focus > .chip-warning:before, .chip-warning:visited:hover:before, .chip-warning:visited:active:before, .chip-warning:visited:focus:before, a:hover > .chip-warning:visited:before, a:active > .chip-warning:visited:before, a:focus > .chip-warning:visited:before, .chip-warning:not(.disabled):not(:disabled):hover:before, .chip-warning:not(.disabled):not(:disabled):active:before, .chip-warning:not(.disabled):not(:disabled):focus:before, a:hover > .chip-warning:not(.disabled):not(:disabled):before, a:active > .chip-warning:not(.disabled):not(:disabled):before, a:focus > .chip-warning:not(.disabled):not(:disabled):before, a.chip-warning:hover:before, a.chip-warning:active:before, a.chip-warning:focus:before, a:hover > a.chip-warning:before, a:active > a.chip-warning:before, a:focus > a.chip-warning:before, a.chip-warning:visited:hover:before, a.chip-warning:visited:active:before, a.chip-warning:visited:focus:before, a:hover > a.chip-warning:visited:before, a:active > a.chip-warning:visited:before, a:focus > a.chip-warning:visited:before, a.chip-warning:not(.disabled):not(:disabled):hover:before, a.chip-warning:not(.disabled):not(:disabled):active:before, a.chip-warning:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-warning:not(.disabled):not(:disabled):before, a:active > a.chip-warning:not(.disabled):not(:disabled):before, a:focus > a.chip-warning:not(.disabled):not(:disabled):before, a.badge-warning:hover:before, a.badge-warning:active:before, a.badge-warning:focus:before, a:hover > a.badge-warning:before, a:active > a.badge-warning:before, a:focus > a.badge-warning:before, a.badge-warning:visited:hover:before, a.badge-warning:visited:active:before, a.badge-warning:visited:focus:before, a:hover > a.badge-warning:visited:before, a:active > a.badge-warning:visited:before, a:focus > a.badge-warning:visited:before, a.badge-warning:not(.disabled):not(:disabled):hover:before, a.badge-warning:not(.disabled):not(:disabled):active:before, a.badge-warning:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-warning:not(.disabled):not(:disabled):before, a:active > a.badge-warning:not(.disabled):not(:disabled):before, a:focus > a.badge-warning:not(.disabled):not(:disabled):before, .label-warning:hover:before, .label-warning:active:before, .label-warning:focus:before, a:hover > .label-warning:before, a:active > .label-warning:before, a:focus > .label-warning:before, .label-warning:visited:hover:before, .label-warning:visited:active:before, .label-warning:visited:focus:before, a:hover > .label-warning:visited:before, a:active > .label-warning:visited:before, a:focus > .label-warning:visited:before, .label-warning:not(.disabled):not(:disabled):hover:before, .label-warning:not(.disabled):not(:disabled):active:before, .label-warning:not(.disabled):not(:disabled):focus:before, a:hover > .label-warning:not(.disabled):not(:disabled):before, a:active > .label-warning:not(.disabled):not(:disabled):before, a:focus > .label-warning:not(.disabled):not(:disabled):before, a.label-warning:hover:before, a.label-warning:active:before, a.label-warning:focus:before, a:hover > a.label-warning:before, a:active > a.label-warning:before, a:focus > a.label-warning:before, a.label-warning:visited:hover:before, a.label-warning:visited:active:before, a.label-warning:visited:focus:before, a:hover > a.label-warning:visited:before, a:active > a.label-warning:visited:before, a:focus > a.label-warning:visited:before, a.label-warning:not(.disabled):not(:disabled):hover:before, a.label-warning:not(.disabled):not(:disabled):active:before, a.label-warning:not(.disabled):not(:disabled):focus:before, a:hover > a.label-warning:not(.disabled):not(:disabled):before, a:active > a.label-warning:not(.disabled):not(:disabled):before, a:focus > a.label-warning:not(.disabled):not(:disabled):before, label.label-warning:hover:before, label.label-warning:active:before, label.label-warning:focus:before, a:hover > label.label-warning:before, a:active > label.label-warning:before, a:focus > label.label-warning:before, label.label-warning:visited:hover:before, label.label-warning:visited:active:before, label.label-warning:visited:focus:before, a:hover > label.label-warning:visited:before, a:active > label.label-warning:visited:before, a:focus > label.label-warning:visited:before, label.label-warning:not(.disabled):not(:disabled):hover:before, label.label-warning:not(.disabled):not(:disabled):active:before, label.label-warning:not(.disabled):not(:disabled):focus:before, a:hover > label.label-warning:not(.disabled):not(:disabled):before, a:active > label.label-warning:not(.disabled):not(:disabled):before, a:focus > label.label-warning:not(.disabled):not(:disabled):before {
-      background-color: #a83e12; }
-
-.btn-danger, a.btn-danger, .badge-danger, .chip-danger, a.chip-danger, a.badge-danger, .label-danger, a.label-danger, label.label-danger {
-  color: #fdf6e3; }
-  .btn-danger:before, a.btn-danger:before, .badge-danger:before, .chip-danger:before, a.chip-danger:before, a.badge-danger:before, .label-danger:before, a.label-danger:before, label.label-danger:before {
-    background-color: #dc322f; }
-  .btn-danger:visited, a.btn-danger:visited, .badge-danger:visited, .chip-danger:visited, a.chip-danger:visited, a.badge-danger:visited, .label-danger:visited, a.label-danger:visited, label.label-danger:visited {
-    color: #fdf6e3; }
-    .btn-danger:visited:before, a.btn-danger:visited:before, .badge-danger:visited:before, .chip-danger:visited:before, a.chip-danger:visited:before, a.badge-danger:visited:before, .label-danger:visited:before, a.label-danger:visited:before, label.label-danger:visited:before {
-      background-color: #dc322f; }
-  .btn-danger:hover, .btn-danger:active, .btn-danger:focus, a:hover > .btn-danger, a:active > .btn-danger, a:focus > .btn-danger, .btn-danger:visited:hover, .btn-danger:visited:active, .btn-danger:visited:focus, a:hover > .btn-danger:visited, a:active > .btn-danger:visited, a:focus > .btn-danger:visited, .btn-danger:not(.disabled):not(:disabled):hover, .btn-danger:not(.disabled):not(:disabled):active, .btn-danger:not(.disabled):not(:disabled):focus, a:hover > .btn-danger:not(.disabled):not(:disabled), a:active > .btn-danger:not(.disabled):not(:disabled), a:focus > .btn-danger:not(.disabled):not(:disabled), a.btn-danger:hover, a.btn-danger:active, a.btn-danger:focus, a:hover > a.btn-danger, a:active > a.btn-danger, a:focus > a.btn-danger, a.btn-danger:visited:hover, a.btn-danger:visited:active, a.btn-danger:visited:focus, a:hover > a.btn-danger:visited, a:active > a.btn-danger:visited, a:focus > a.btn-danger:visited, a.btn-danger:not(.disabled):not(:disabled):hover, a.btn-danger:not(.disabled):not(:disabled):active, a.btn-danger:not(.disabled):not(:disabled):focus, a:hover > a.btn-danger:not(.disabled):not(:disabled), a:active > a.btn-danger:not(.disabled):not(:disabled), a:focus > a.btn-danger:not(.disabled):not(:disabled), .badge-danger:hover, .badge-danger:active, .badge-danger:focus, a:hover > .badge-danger, a:active > .badge-danger, a:focus > .badge-danger, .badge-danger:visited:hover, .badge-danger:visited:active, .badge-danger:visited:focus, a:hover > .badge-danger:visited, a:active > .badge-danger:visited, a:focus > .badge-danger:visited, .badge-danger:not(.disabled):not(:disabled):hover, .badge-danger:not(.disabled):not(:disabled):active, .badge-danger:not(.disabled):not(:disabled):focus, a:hover > .badge-danger:not(.disabled):not(:disabled), a:active > .badge-danger:not(.disabled):not(:disabled), a:focus > .badge-danger:not(.disabled):not(:disabled), .chip-danger:hover, .chip-danger:active, .chip-danger:focus, a:hover > .chip-danger, a:active > .chip-danger, a:focus > .chip-danger, .chip-danger:visited:hover, .chip-danger:visited:active, .chip-danger:visited:focus, a:hover > .chip-danger:visited, a:active > .chip-danger:visited, a:focus > .chip-danger:visited, .chip-danger:not(.disabled):not(:disabled):hover, .chip-danger:not(.disabled):not(:disabled):active, .chip-danger:not(.disabled):not(:disabled):focus, a:hover > .chip-danger:not(.disabled):not(:disabled), a:active > .chip-danger:not(.disabled):not(:disabled), a:focus > .chip-danger:not(.disabled):not(:disabled), a.chip-danger:hover, a.chip-danger:active, a.chip-danger:focus, a:hover > a.chip-danger, a:active > a.chip-danger, a:focus > a.chip-danger, a.chip-danger:visited:hover, a.chip-danger:visited:active, a.chip-danger:visited:focus, a:hover > a.chip-danger:visited, a:active > a.chip-danger:visited, a:focus > a.chip-danger:visited, a.chip-danger:not(.disabled):not(:disabled):hover, a.chip-danger:not(.disabled):not(:disabled):active, a.chip-danger:not(.disabled):not(:disabled):focus, a:hover > a.chip-danger:not(.disabled):not(:disabled), a:active > a.chip-danger:not(.disabled):not(:disabled), a:focus > a.chip-danger:not(.disabled):not(:disabled), a.badge-danger:hover, a.badge-danger:active, a.badge-danger:focus, a:hover > a.badge-danger, a:active > a.badge-danger, a:focus > a.badge-danger, a.badge-danger:visited:hover, a.badge-danger:visited:active, a.badge-danger:visited:focus, a:hover > a.badge-danger:visited, a:active > a.badge-danger:visited, a:focus > a.badge-danger:visited, a.badge-danger:not(.disabled):not(:disabled):hover, a.badge-danger:not(.disabled):not(:disabled):active, a.badge-danger:not(.disabled):not(:disabled):focus, a:hover > a.badge-danger:not(.disabled):not(:disabled), a:active > a.badge-danger:not(.disabled):not(:disabled), a:focus > a.badge-danger:not(.disabled):not(:disabled), .label-danger:hover, .label-danger:active, .label-danger:focus, a:hover > .label-danger, a:active > .label-danger, a:focus > .label-danger, .label-danger:visited:hover, .label-danger:visited:active, .label-danger:visited:focus, a:hover > .label-danger:visited, a:active > .label-danger:visited, a:focus > .label-danger:visited, .label-danger:not(.disabled):not(:disabled):hover, .label-danger:not(.disabled):not(:disabled):active, .label-danger:not(.disabled):not(:disabled):focus, a:hover > .label-danger:not(.disabled):not(:disabled), a:active > .label-danger:not(.disabled):not(:disabled), a:focus > .label-danger:not(.disabled):not(:disabled), a.label-danger:hover, a.label-danger:active, a.label-danger:focus, a:hover > a.label-danger, a:active > a.label-danger, a:focus > a.label-danger, a.label-danger:visited:hover, a.label-danger:visited:active, a.label-danger:visited:focus, a:hover > a.label-danger:visited, a:active > a.label-danger:visited, a:focus > a.label-danger:visited, a.label-danger:not(.disabled):not(:disabled):hover, a.label-danger:not(.disabled):not(:disabled):active, a.label-danger:not(.disabled):not(:disabled):focus, a:hover > a.label-danger:not(.disabled):not(:disabled), a:active > a.label-danger:not(.disabled):not(:disabled), a:focus > a.label-danger:not(.disabled):not(:disabled), label.label-danger:hover, label.label-danger:active, label.label-danger:focus, a:hover > label.label-danger, a:active > label.label-danger, a:focus > label.label-danger, label.label-danger:visited:hover, label.label-danger:visited:active, label.label-danger:visited:focus, a:hover > label.label-danger:visited, a:active > label.label-danger:visited, a:focus > label.label-danger:visited, label.label-danger:not(.disabled):not(:disabled):hover, label.label-danger:not(.disabled):not(:disabled):active, label.label-danger:not(.disabled):not(:disabled):focus, a:hover > label.label-danger:not(.disabled):not(:disabled), a:active > label.label-danger:not(.disabled):not(:disabled), a:focus > label.label-danger:not(.disabled):not(:disabled) {
-    color: #fffefb; }
-    .btn-danger:hover:before, .btn-danger:active:before, .btn-danger:focus:before, a:hover > .btn-danger:before, a:active > .btn-danger:before, a:focus > .btn-danger:before, .btn-danger:visited:hover:before, .btn-danger:visited:active:before, .btn-danger:visited:focus:before, a:hover > .btn-danger:visited:before, a:active > .btn-danger:visited:before, a:focus > .btn-danger:visited:before, .btn-danger:not(.disabled):not(:disabled):hover:before, .btn-danger:not(.disabled):not(:disabled):active:before, .btn-danger:not(.disabled):not(:disabled):focus:before, a:hover > .btn-danger:not(.disabled):not(:disabled):before, a:active > .btn-danger:not(.disabled):not(:disabled):before, a:focus > .btn-danger:not(.disabled):not(:disabled):before, a.btn-danger:hover:before, a.btn-danger:active:before, a.btn-danger:focus:before, a:hover > a.btn-danger:before, a:active > a.btn-danger:before, a:focus > a.btn-danger:before, a.btn-danger:visited:hover:before, a.btn-danger:visited:active:before, a.btn-danger:visited:focus:before, a:hover > a.btn-danger:visited:before, a:active > a.btn-danger:visited:before, a:focus > a.btn-danger:visited:before, a.btn-danger:not(.disabled):not(:disabled):hover:before, a.btn-danger:not(.disabled):not(:disabled):active:before, a.btn-danger:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-danger:not(.disabled):not(:disabled):before, a:active > a.btn-danger:not(.disabled):not(:disabled):before, a:focus > a.btn-danger:not(.disabled):not(:disabled):before, .badge-danger:hover:before, .badge-danger:active:before, .badge-danger:focus:before, a:hover > .badge-danger:before, a:active > .badge-danger:before, a:focus > .badge-danger:before, .badge-danger:visited:hover:before, .badge-danger:visited:active:before, .badge-danger:visited:focus:before, a:hover > .badge-danger:visited:before, a:active > .badge-danger:visited:before, a:focus > .badge-danger:visited:before, .badge-danger:not(.disabled):not(:disabled):hover:before, .badge-danger:not(.disabled):not(:disabled):active:before, .badge-danger:not(.disabled):not(:disabled):focus:before, a:hover > .badge-danger:not(.disabled):not(:disabled):before, a:active > .badge-danger:not(.disabled):not(:disabled):before, a:focus > .badge-danger:not(.disabled):not(:disabled):before, .chip-danger:hover:before, .chip-danger:active:before, .chip-danger:focus:before, a:hover > .chip-danger:before, a:active > .chip-danger:before, a:focus > .chip-danger:before, .chip-danger:visited:hover:before, .chip-danger:visited:active:before, .chip-danger:visited:focus:before, a:hover > .chip-danger:visited:before, a:active > .chip-danger:visited:before, a:focus > .chip-danger:visited:before, .chip-danger:not(.disabled):not(:disabled):hover:before, .chip-danger:not(.disabled):not(:disabled):active:before, .chip-danger:not(.disabled):not(:disabled):focus:before, a:hover > .chip-danger:not(.disabled):not(:disabled):before, a:active > .chip-danger:not(.disabled):not(:disabled):before, a:focus > .chip-danger:not(.disabled):not(:disabled):before, a.chip-danger:hover:before, a.chip-danger:active:before, a.chip-danger:focus:before, a:hover > a.chip-danger:before, a:active > a.chip-danger:before, a:focus > a.chip-danger:before, a.chip-danger:visited:hover:before, a.chip-danger:visited:active:before, a.chip-danger:visited:focus:before, a:hover > a.chip-danger:visited:before, a:active > a.chip-danger:visited:before, a:focus > a.chip-danger:visited:before, a.chip-danger:not(.disabled):not(:disabled):hover:before, a.chip-danger:not(.disabled):not(:disabled):active:before, a.chip-danger:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-danger:not(.disabled):not(:disabled):before, a:active > a.chip-danger:not(.disabled):not(:disabled):before, a:focus > a.chip-danger:not(.disabled):not(:disabled):before, a.badge-danger:hover:before, a.badge-danger:active:before, a.badge-danger:focus:before, a:hover > a.badge-danger:before, a:active > a.badge-danger:before, a:focus > a.badge-danger:before, a.badge-danger:visited:hover:before, a.badge-danger:visited:active:before, a.badge-danger:visited:focus:before, a:hover > a.badge-danger:visited:before, a:active > a.badge-danger:visited:before, a:focus > a.badge-danger:visited:before, a.badge-danger:not(.disabled):not(:disabled):hover:before, a.badge-danger:not(.disabled):not(:disabled):active:before, a.badge-danger:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-danger:not(.disabled):not(:disabled):before, a:active > a.badge-danger:not(.disabled):not(:disabled):before, a:focus > a.badge-danger:not(.disabled):not(:disabled):before, .label-danger:hover:before, .label-danger:active:before, .label-danger:focus:before, a:hover > .label-danger:before, a:active > .label-danger:before, a:focus > .label-danger:before, .label-danger:visited:hover:before, .label-danger:visited:active:before, .label-danger:visited:focus:before, a:hover > .label-danger:visited:before, a:active > .label-danger:visited:before, a:focus > .label-danger:visited:before, .label-danger:not(.disabled):not(:disabled):hover:before, .label-danger:not(.disabled):not(:disabled):active:before, .label-danger:not(.disabled):not(:disabled):focus:before, a:hover > .label-danger:not(.disabled):not(:disabled):before, a:active > .label-danger:not(.disabled):not(:disabled):before, a:focus > .label-danger:not(.disabled):not(:disabled):before, a.label-danger:hover:before, a.label-danger:active:before, a.label-danger:focus:before, a:hover > a.label-danger:before, a:active > a.label-danger:before, a:focus > a.label-danger:before, a.label-danger:visited:hover:before, a.label-danger:visited:active:before, a.label-danger:visited:focus:before, a:hover > a.label-danger:visited:before, a:active > a.label-danger:visited:before, a:focus > a.label-danger:visited:before, a.label-danger:not(.disabled):not(:disabled):hover:before, a.label-danger:not(.disabled):not(:disabled):active:before, a.label-danger:not(.disabled):not(:disabled):focus:before, a:hover > a.label-danger:not(.disabled):not(:disabled):before, a:active > a.label-danger:not(.disabled):not(:disabled):before, a:focus > a.label-danger:not(.disabled):not(:disabled):before, label.label-danger:hover:before, label.label-danger:active:before, label.label-danger:focus:before, a:hover > label.label-danger:before, a:active > label.label-danger:before, a:focus > label.label-danger:before, label.label-danger:visited:hover:before, label.label-danger:visited:active:before, label.label-danger:visited:focus:before, a:hover > label.label-danger:visited:before, a:active > label.label-danger:visited:before, a:focus > label.label-danger:visited:before, label.label-danger:not(.disabled):not(:disabled):hover:before, label.label-danger:not(.disabled):not(:disabled):active:before, label.label-danger:not(.disabled):not(:disabled):focus:before, a:hover > label.label-danger:not(.disabled):not(:disabled):before, a:active > label.label-danger:not(.disabled):not(:disabled):before, a:focus > label.label-danger:not(.disabled):not(:disabled):before {
-      background-color: #c42421; }
-
-.btn-info, a.btn-info, .badge-info, .chip-info, a.chip-info, a.badge-info, .label-info, a.label-info, label.label-info {
-  color: #fdf6e3; }
-  .btn-info:before, a.btn-info:before, .badge-info:before, .chip-info:before, a.chip-info:before, a.badge-info:before, .label-info:before, a.label-info:before, label.label-info:before {
-    background-color: #2aa198; }
-  .btn-info:visited, a.btn-info:visited, .badge-info:visited, .chip-info:visited, a.chip-info:visited, a.badge-info:visited, .label-info:visited, a.label-info:visited, label.label-info:visited {
-    color: #fdf6e3; }
-    .btn-info:visited:before, a.btn-info:visited:before, .badge-info:visited:before, .chip-info:visited:before, a.chip-info:visited:before, a.badge-info:visited:before, .label-info:visited:before, a.label-info:visited:before, label.label-info:visited:before {
-      background-color: #2aa198; }
-  .btn-info:hover, .btn-info:active, .btn-info:focus, a:hover > .btn-info, a:active > .btn-info, a:focus > .btn-info, .btn-info:visited:hover, .btn-info:visited:active, .btn-info:visited:focus, a:hover > .btn-info:visited, a:active > .btn-info:visited, a:focus > .btn-info:visited, .btn-info:not(.disabled):not(:disabled):hover, .btn-info:not(.disabled):not(:disabled):active, .btn-info:not(.disabled):not(:disabled):focus, a:hover > .btn-info:not(.disabled):not(:disabled), a:active > .btn-info:not(.disabled):not(:disabled), a:focus > .btn-info:not(.disabled):not(:disabled), a.btn-info:hover, a.btn-info:active, a.btn-info:focus, a:hover > a.btn-info, a:active > a.btn-info, a:focus > a.btn-info, a.btn-info:visited:hover, a.btn-info:visited:active, a.btn-info:visited:focus, a:hover > a.btn-info:visited, a:active > a.btn-info:visited, a:focus > a.btn-info:visited, a.btn-info:not(.disabled):not(:disabled):hover, a.btn-info:not(.disabled):not(:disabled):active, a.btn-info:not(.disabled):not(:disabled):focus, a:hover > a.btn-info:not(.disabled):not(:disabled), a:active > a.btn-info:not(.disabled):not(:disabled), a:focus > a.btn-info:not(.disabled):not(:disabled), .badge-info:hover, .badge-info:active, .badge-info:focus, a:hover > .badge-info, a:active > .badge-info, a:focus > .badge-info, .badge-info:visited:hover, .badge-info:visited:active, .badge-info:visited:focus, a:hover > .badge-info:visited, a:active > .badge-info:visited, a:focus > .badge-info:visited, .badge-info:not(.disabled):not(:disabled):hover, .badge-info:not(.disabled):not(:disabled):active, .badge-info:not(.disabled):not(:disabled):focus, a:hover > .badge-info:not(.disabled):not(:disabled), a:active > .badge-info:not(.disabled):not(:disabled), a:focus > .badge-info:not(.disabled):not(:disabled), .chip-info:hover, .chip-info:active, .chip-info:focus, a:hover > .chip-info, a:active > .chip-info, a:focus > .chip-info, .chip-info:visited:hover, .chip-info:visited:active, .chip-info:visited:focus, a:hover > .chip-info:visited, a:active > .chip-info:visited, a:focus > .chip-info:visited, .chip-info:not(.disabled):not(:disabled):hover, .chip-info:not(.disabled):not(:disabled):active, .chip-info:not(.disabled):not(:disabled):focus, a:hover > .chip-info:not(.disabled):not(:disabled), a:active > .chip-info:not(.disabled):not(:disabled), a:focus > .chip-info:not(.disabled):not(:disabled), a.chip-info:hover, a.chip-info:active, a.chip-info:focus, a:hover > a.chip-info, a:active > a.chip-info, a:focus > a.chip-info, a.chip-info:visited:hover, a.chip-info:visited:active, a.chip-info:visited:focus, a:hover > a.chip-info:visited, a:active > a.chip-info:visited, a:focus > a.chip-info:visited, a.chip-info:not(.disabled):not(:disabled):hover, a.chip-info:not(.disabled):not(:disabled):active, a.chip-info:not(.disabled):not(:disabled):focus, a:hover > a.chip-info:not(.disabled):not(:disabled), a:active > a.chip-info:not(.disabled):not(:disabled), a:focus > a.chip-info:not(.disabled):not(:disabled), a.badge-info:hover, a.badge-info:active, a.badge-info:focus, a:hover > a.badge-info, a:active > a.badge-info, a:focus > a.badge-info, a.badge-info:visited:hover, a.badge-info:visited:active, a.badge-info:visited:focus, a:hover > a.badge-info:visited, a:active > a.badge-info:visited, a:focus > a.badge-info:visited, a.badge-info:not(.disabled):not(:disabled):hover, a.badge-info:not(.disabled):not(:disabled):active, a.badge-info:not(.disabled):not(:disabled):focus, a:hover > a.badge-info:not(.disabled):not(:disabled), a:active > a.badge-info:not(.disabled):not(:disabled), a:focus > a.badge-info:not(.disabled):not(:disabled), .label-info:hover, .label-info:active, .label-info:focus, a:hover > .label-info, a:active > .label-info, a:focus > .label-info, .label-info:visited:hover, .label-info:visited:active, .label-info:visited:focus, a:hover > .label-info:visited, a:active > .label-info:visited, a:focus > .label-info:visited, .label-info:not(.disabled):not(:disabled):hover, .label-info:not(.disabled):not(:disabled):active, .label-info:not(.disabled):not(:disabled):focus, a:hover > .label-info:not(.disabled):not(:disabled), a:active > .label-info:not(.disabled):not(:disabled), a:focus > .label-info:not(.disabled):not(:disabled), a.label-info:hover, a.label-info:active, a.label-info:focus, a:hover > a.label-info, a:active > a.label-info, a:focus > a.label-info, a.label-info:visited:hover, a.label-info:visited:active, a.label-info:visited:focus, a:hover > a.label-info:visited, a:active > a.label-info:visited, a:focus > a.label-info:visited, a.label-info:not(.disabled):not(:disabled):hover, a.label-info:not(.disabled):not(:disabled):active, a.label-info:not(.disabled):not(:disabled):focus, a:hover > a.label-info:not(.disabled):not(:disabled), a:active > a.label-info:not(.disabled):not(:disabled), a:focus > a.label-info:not(.disabled):not(:disabled), label.label-info:hover, label.label-info:active, label.label-info:focus, a:hover > label.label-info, a:active > label.label-info, a:focus > label.label-info, label.label-info:visited:hover, label.label-info:visited:active, label.label-info:visited:focus, a:hover > label.label-info:visited, a:active > label.label-info:visited, a:focus > label.label-info:visited, label.label-info:not(.disabled):not(:disabled):hover, label.label-info:not(.disabled):not(:disabled):active, label.label-info:not(.disabled):not(:disabled):focus, a:hover > label.label-info:not(.disabled):not(:disabled), a:active > label.label-info:not(.disabled):not(:disabled), a:focus > label.label-info:not(.disabled):not(:disabled) {
-    color: #fffefb; }
-    .btn-info:hover:before, .btn-info:active:before, .btn-info:focus:before, a:hover > .btn-info:before, a:active > .btn-info:before, a:focus > .btn-info:before, .btn-info:visited:hover:before, .btn-info:visited:active:before, .btn-info:visited:focus:before, a:hover > .btn-info:visited:before, a:active > .btn-info:visited:before, a:focus > .btn-info:visited:before, .btn-info:not(.disabled):not(:disabled):hover:before, .btn-info:not(.disabled):not(:disabled):active:before, .btn-info:not(.disabled):not(:disabled):focus:before, a:hover > .btn-info:not(.disabled):not(:disabled):before, a:active > .btn-info:not(.disabled):not(:disabled):before, a:focus > .btn-info:not(.disabled):not(:disabled):before, a.btn-info:hover:before, a.btn-info:active:before, a.btn-info:focus:before, a:hover > a.btn-info:before, a:active > a.btn-info:before, a:focus > a.btn-info:before, a.btn-info:visited:hover:before, a.btn-info:visited:active:before, a.btn-info:visited:focus:before, a:hover > a.btn-info:visited:before, a:active > a.btn-info:visited:before, a:focus > a.btn-info:visited:before, a.btn-info:not(.disabled):not(:disabled):hover:before, a.btn-info:not(.disabled):not(:disabled):active:before, a.btn-info:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-info:not(.disabled):not(:disabled):before, a:active > a.btn-info:not(.disabled):not(:disabled):before, a:focus > a.btn-info:not(.disabled):not(:disabled):before, .badge-info:hover:before, .badge-info:active:before, .badge-info:focus:before, a:hover > .badge-info:before, a:active > .badge-info:before, a:focus > .badge-info:before, .badge-info:visited:hover:before, .badge-info:visited:active:before, .badge-info:visited:focus:before, a:hover > .badge-info:visited:before, a:active > .badge-info:visited:before, a:focus > .badge-info:visited:before, .badge-info:not(.disabled):not(:disabled):hover:before, .badge-info:not(.disabled):not(:disabled):active:before, .badge-info:not(.disabled):not(:disabled):focus:before, a:hover > .badge-info:not(.disabled):not(:disabled):before, a:active > .badge-info:not(.disabled):not(:disabled):before, a:focus > .badge-info:not(.disabled):not(:disabled):before, .chip-info:hover:before, .chip-info:active:before, .chip-info:focus:before, a:hover > .chip-info:before, a:active > .chip-info:before, a:focus > .chip-info:before, .chip-info:visited:hover:before, .chip-info:visited:active:before, .chip-info:visited:focus:before, a:hover > .chip-info:visited:before, a:active > .chip-info:visited:before, a:focus > .chip-info:visited:before, .chip-info:not(.disabled):not(:disabled):hover:before, .chip-info:not(.disabled):not(:disabled):active:before, .chip-info:not(.disabled):not(:disabled):focus:before, a:hover > .chip-info:not(.disabled):not(:disabled):before, a:active > .chip-info:not(.disabled):not(:disabled):before, a:focus > .chip-info:not(.disabled):not(:disabled):before, a.chip-info:hover:before, a.chip-info:active:before, a.chip-info:focus:before, a:hover > a.chip-info:before, a:active > a.chip-info:before, a:focus > a.chip-info:before, a.chip-info:visited:hover:before, a.chip-info:visited:active:before, a.chip-info:visited:focus:before, a:hover > a.chip-info:visited:before, a:active > a.chip-info:visited:before, a:focus > a.chip-info:visited:before, a.chip-info:not(.disabled):not(:disabled):hover:before, a.chip-info:not(.disabled):not(:disabled):active:before, a.chip-info:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-info:not(.disabled):not(:disabled):before, a:active > a.chip-info:not(.disabled):not(:disabled):before, a:focus > a.chip-info:not(.disabled):not(:disabled):before, a.badge-info:hover:before, a.badge-info:active:before, a.badge-info:focus:before, a:hover > a.badge-info:before, a:active > a.badge-info:before, a:focus > a.badge-info:before, a.badge-info:visited:hover:before, a.badge-info:visited:active:before, a.badge-info:visited:focus:before, a:hover > a.badge-info:visited:before, a:active > a.badge-info:visited:before, a:focus > a.badge-info:visited:before, a.badge-info:not(.disabled):not(:disabled):hover:before, a.badge-info:not(.disabled):not(:disabled):active:before, a.badge-info:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-info:not(.disabled):not(:disabled):before, a:active > a.badge-info:not(.disabled):not(:disabled):before, a:focus > a.badge-info:not(.disabled):not(:disabled):before, .label-info:hover:before, .label-info:active:before, .label-info:focus:before, a:hover > .label-info:before, a:active > .label-info:before, a:focus > .label-info:before, .label-info:visited:hover:before, .label-info:visited:active:before, .label-info:visited:focus:before, a:hover > .label-info:visited:before, a:active > .label-info:visited:before, a:focus > .label-info:visited:before, .label-info:not(.disabled):not(:disabled):hover:before, .label-info:not(.disabled):not(:disabled):active:before, .label-info:not(.disabled):not(:disabled):focus:before, a:hover > .label-info:not(.disabled):not(:disabled):before, a:active > .label-info:not(.disabled):not(:disabled):before, a:focus > .label-info:not(.disabled):not(:disabled):before, a.label-info:hover:before, a.label-info:active:before, a.label-info:focus:before, a:hover > a.label-info:before, a:active > a.label-info:before, a:focus > a.label-info:before, a.label-info:visited:hover:before, a.label-info:visited:active:before, a.label-info:visited:focus:before, a:hover > a.label-info:visited:before, a:active > a.label-info:visited:before, a:focus > a.label-info:visited:before, a.label-info:not(.disabled):not(:disabled):hover:before, a.label-info:not(.disabled):not(:disabled):active:before, a.label-info:not(.disabled):not(:disabled):focus:before, a:hover > a.label-info:not(.disabled):not(:disabled):before, a:active > a.label-info:not(.disabled):not(:disabled):before, a:focus > a.label-info:not(.disabled):not(:disabled):before, label.label-info:hover:before, label.label-info:active:before, label.label-info:focus:before, a:hover > label.label-info:before, a:active > label.label-info:before, a:focus > label.label-info:before, label.label-info:visited:hover:before, label.label-info:visited:active:before, label.label-info:visited:focus:before, a:hover > label.label-info:visited:before, a:active > label.label-info:visited:before, a:focus > label.label-info:visited:before, label.label-info:not(.disabled):not(:disabled):hover:before, label.label-info:not(.disabled):not(:disabled):active:before, label.label-info:not(.disabled):not(:disabled):focus:before, a:hover > label.label-info:not(.disabled):not(:disabled):before, a:active > label.label-info:not(.disabled):not(:disabled):before, a:focus > label.label-info:not(.disabled):not(:disabled):before {
-      background-color: #22837b; }
-
-.btn-success, a.btn-success, .badge-success, .chip-success, a.chip-success, a.badge-success, .label-success, a.label-success, label.label-success {
-  color: #fdf6e3; }
-  .btn-success:before, a.btn-success:before, .badge-success:before, .chip-success:before, a.chip-success:before, a.badge-success:before, .label-success:before, a.label-success:before, label.label-success:before {
-    background-color: #859900; }
-  .btn-success:visited, a.btn-success:visited, .badge-success:visited, .chip-success:visited, a.chip-success:visited, a.badge-success:visited, .label-success:visited, a.label-success:visited, label.label-success:visited {
-    color: #fdf6e3; }
-    .btn-success:visited:before, a.btn-success:visited:before, .badge-success:visited:before, .chip-success:visited:before, a.chip-success:visited:before, a.badge-success:visited:before, .label-success:visited:before, a.label-success:visited:before, label.label-success:visited:before {
-      background-color: #859900; }
-  .btn-success:hover, .btn-success:active, .btn-success:focus, a:hover > .btn-success, a:active > .btn-success, a:focus > .btn-success, .btn-success:visited:hover, .btn-success:visited:active, .btn-success:visited:focus, a:hover > .btn-success:visited, a:active > .btn-success:visited, a:focus > .btn-success:visited, .btn-success:not(.disabled):not(:disabled):hover, .btn-success:not(.disabled):not(:disabled):active, .btn-success:not(.disabled):not(:disabled):focus, a:hover > .btn-success:not(.disabled):not(:disabled), a:active > .btn-success:not(.disabled):not(:disabled), a:focus > .btn-success:not(.disabled):not(:disabled), a.btn-success:hover, a.btn-success:active, a.btn-success:focus, a:hover > a.btn-success, a:active > a.btn-success, a:focus > a.btn-success, a.btn-success:visited:hover, a.btn-success:visited:active, a.btn-success:visited:focus, a:hover > a.btn-success:visited, a:active > a.btn-success:visited, a:focus > a.btn-success:visited, a.btn-success:not(.disabled):not(:disabled):hover, a.btn-success:not(.disabled):not(:disabled):active, a.btn-success:not(.disabled):not(:disabled):focus, a:hover > a.btn-success:not(.disabled):not(:disabled), a:active > a.btn-success:not(.disabled):not(:disabled), a:focus > a.btn-success:not(.disabled):not(:disabled), .badge-success:hover, .badge-success:active, .badge-success:focus, a:hover > .badge-success, a:active > .badge-success, a:focus > .badge-success, .badge-success:visited:hover, .badge-success:visited:active, .badge-success:visited:focus, a:hover > .badge-success:visited, a:active > .badge-success:visited, a:focus > .badge-success:visited, .badge-success:not(.disabled):not(:disabled):hover, .badge-success:not(.disabled):not(:disabled):active, .badge-success:not(.disabled):not(:disabled):focus, a:hover > .badge-success:not(.disabled):not(:disabled), a:active > .badge-success:not(.disabled):not(:disabled), a:focus > .badge-success:not(.disabled):not(:disabled), .chip-success:hover, .chip-success:active, .chip-success:focus, a:hover > .chip-success, a:active > .chip-success, a:focus > .chip-success, .chip-success:visited:hover, .chip-success:visited:active, .chip-success:visited:focus, a:hover > .chip-success:visited, a:active > .chip-success:visited, a:focus > .chip-success:visited, .chip-success:not(.disabled):not(:disabled):hover, .chip-success:not(.disabled):not(:disabled):active, .chip-success:not(.disabled):not(:disabled):focus, a:hover > .chip-success:not(.disabled):not(:disabled), a:active > .chip-success:not(.disabled):not(:disabled), a:focus > .chip-success:not(.disabled):not(:disabled), a.chip-success:hover, a.chip-success:active, a.chip-success:focus, a:hover > a.chip-success, a:active > a.chip-success, a:focus > a.chip-success, a.chip-success:visited:hover, a.chip-success:visited:active, a.chip-success:visited:focus, a:hover > a.chip-success:visited, a:active > a.chip-success:visited, a:focus > a.chip-success:visited, a.chip-success:not(.disabled):not(:disabled):hover, a.chip-success:not(.disabled):not(:disabled):active, a.chip-success:not(.disabled):not(:disabled):focus, a:hover > a.chip-success:not(.disabled):not(:disabled), a:active > a.chip-success:not(.disabled):not(:disabled), a:focus > a.chip-success:not(.disabled):not(:disabled), a.badge-success:hover, a.badge-success:active, a.badge-success:focus, a:hover > a.badge-success, a:active > a.badge-success, a:focus > a.badge-success, a.badge-success:visited:hover, a.badge-success:visited:active, a.badge-success:visited:focus, a:hover > a.badge-success:visited, a:active > a.badge-success:visited, a:focus > a.badge-success:visited, a.badge-success:not(.disabled):not(:disabled):hover, a.badge-success:not(.disabled):not(:disabled):active, a.badge-success:not(.disabled):not(:disabled):focus, a:hover > a.badge-success:not(.disabled):not(:disabled), a:active > a.badge-success:not(.disabled):not(:disabled), a:focus > a.badge-success:not(.disabled):not(:disabled), .label-success:hover, .label-success:active, .label-success:focus, a:hover > .label-success, a:active > .label-success, a:focus > .label-success, .label-success:visited:hover, .label-success:visited:active, .label-success:visited:focus, a:hover > .label-success:visited, a:active > .label-success:visited, a:focus > .label-success:visited, .label-success:not(.disabled):not(:disabled):hover, .label-success:not(.disabled):not(:disabled):active, .label-success:not(.disabled):not(:disabled):focus, a:hover > .label-success:not(.disabled):not(:disabled), a:active > .label-success:not(.disabled):not(:disabled), a:focus > .label-success:not(.disabled):not(:disabled), a.label-success:hover, a.label-success:active, a.label-success:focus, a:hover > a.label-success, a:active > a.label-success, a:focus > a.label-success, a.label-success:visited:hover, a.label-success:visited:active, a.label-success:visited:focus, a:hover > a.label-success:visited, a:active > a.label-success:visited, a:focus > a.label-success:visited, a.label-success:not(.disabled):not(:disabled):hover, a.label-success:not(.disabled):not(:disabled):active, a.label-success:not(.disabled):not(:disabled):focus, a:hover > a.label-success:not(.disabled):not(:disabled), a:active > a.label-success:not(.disabled):not(:disabled), a:focus > a.label-success:not(.disabled):not(:disabled), label.label-success:hover, label.label-success:active, label.label-success:focus, a:hover > label.label-success, a:active > label.label-success, a:focus > label.label-success, label.label-success:visited:hover, label.label-success:visited:active, label.label-success:visited:focus, a:hover > label.label-success:visited, a:active > label.label-success:visited, a:focus > label.label-success:visited, label.label-success:not(.disabled):not(:disabled):hover, label.label-success:not(.disabled):not(:disabled):active, label.label-success:not(.disabled):not(:disabled):focus, a:hover > label.label-success:not(.disabled):not(:disabled), a:active > label.label-success:not(.disabled):not(:disabled), a:focus > label.label-success:not(.disabled):not(:disabled) {
-    color: #fffefb; }
-    .btn-success:hover:before, .btn-success:active:before, .btn-success:focus:before, a:hover > .btn-success:before, a:active > .btn-success:before, a:focus > .btn-success:before, .btn-success:visited:hover:before, .btn-success:visited:active:before, .btn-success:visited:focus:before, a:hover > .btn-success:visited:before, a:active > .btn-success:visited:before, a:focus > .btn-success:visited:before, .btn-success:not(.disabled):not(:disabled):hover:before, .btn-success:not(.disabled):not(:disabled):active:before, .btn-success:not(.disabled):not(:disabled):focus:before, a:hover > .btn-success:not(.disabled):not(:disabled):before, a:active > .btn-success:not(.disabled):not(:disabled):before, a:focus > .btn-success:not(.disabled):not(:disabled):before, a.btn-success:hover:before, a.btn-success:active:before, a.btn-success:focus:before, a:hover > a.btn-success:before, a:active > a.btn-success:before, a:focus > a.btn-success:before, a.btn-success:visited:hover:before, a.btn-success:visited:active:before, a.btn-success:visited:focus:before, a:hover > a.btn-success:visited:before, a:active > a.btn-success:visited:before, a:focus > a.btn-success:visited:before, a.btn-success:not(.disabled):not(:disabled):hover:before, a.btn-success:not(.disabled):not(:disabled):active:before, a.btn-success:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-success:not(.disabled):not(:disabled):before, a:active > a.btn-success:not(.disabled):not(:disabled):before, a:focus > a.btn-success:not(.disabled):not(:disabled):before, .badge-success:hover:before, .badge-success:active:before, .badge-success:focus:before, a:hover > .badge-success:before, a:active > .badge-success:before, a:focus > .badge-success:before, .badge-success:visited:hover:before, .badge-success:visited:active:before, .badge-success:visited:focus:before, a:hover > .badge-success:visited:before, a:active > .badge-success:visited:before, a:focus > .badge-success:visited:before, .badge-success:not(.disabled):not(:disabled):hover:before, .badge-success:not(.disabled):not(:disabled):active:before, .badge-success:not(.disabled):not(:disabled):focus:before, a:hover > .badge-success:not(.disabled):not(:disabled):before, a:active > .badge-success:not(.disabled):not(:disabled):before, a:focus > .badge-success:not(.disabled):not(:disabled):before, .chip-success:hover:before, .chip-success:active:before, .chip-success:focus:before, a:hover > .chip-success:before, a:active > .chip-success:before, a:focus > .chip-success:before, .chip-success:visited:hover:before, .chip-success:visited:active:before, .chip-success:visited:focus:before, a:hover > .chip-success:visited:before, a:active > .chip-success:visited:before, a:focus > .chip-success:visited:before, .chip-success:not(.disabled):not(:disabled):hover:before, .chip-success:not(.disabled):not(:disabled):active:before, .chip-success:not(.disabled):not(:disabled):focus:before, a:hover > .chip-success:not(.disabled):not(:disabled):before, a:active > .chip-success:not(.disabled):not(:disabled):before, a:focus > .chip-success:not(.disabled):not(:disabled):before, a.chip-success:hover:before, a.chip-success:active:before, a.chip-success:focus:before, a:hover > a.chip-success:before, a:active > a.chip-success:before, a:focus > a.chip-success:before, a.chip-success:visited:hover:before, a.chip-success:visited:active:before, a.chip-success:visited:focus:before, a:hover > a.chip-success:visited:before, a:active > a.chip-success:visited:before, a:focus > a.chip-success:visited:before, a.chip-success:not(.disabled):not(:disabled):hover:before, a.chip-success:not(.disabled):not(:disabled):active:before, a.chip-success:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-success:not(.disabled):not(:disabled):before, a:active > a.chip-success:not(.disabled):not(:disabled):before, a:focus > a.chip-success:not(.disabled):not(:disabled):before, a.badge-success:hover:before, a.badge-success:active:before, a.badge-success:focus:before, a:hover > a.badge-success:before, a:active > a.badge-success:before, a:focus > a.badge-success:before, a.badge-success:visited:hover:before, a.badge-success:visited:active:before, a.badge-success:visited:focus:before, a:hover > a.badge-success:visited:before, a:active > a.badge-success:visited:before, a:focus > a.badge-success:visited:before, a.badge-success:not(.disabled):not(:disabled):hover:before, a.badge-success:not(.disabled):not(:disabled):active:before, a.badge-success:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-success:not(.disabled):not(:disabled):before, a:active > a.badge-success:not(.disabled):not(:disabled):before, a:focus > a.badge-success:not(.disabled):not(:disabled):before, .label-success:hover:before, .label-success:active:before, .label-success:focus:before, a:hover > .label-success:before, a:active > .label-success:before, a:focus > .label-success:before, .label-success:visited:hover:before, .label-success:visited:active:before, .label-success:visited:focus:before, a:hover > .label-success:visited:before, a:active > .label-success:visited:before, a:focus > .label-success:visited:before, .label-success:not(.disabled):not(:disabled):hover:before, .label-success:not(.disabled):not(:disabled):active:before, .label-success:not(.disabled):not(:disabled):focus:before, a:hover > .label-success:not(.disabled):not(:disabled):before, a:active > .label-success:not(.disabled):not(:disabled):before, a:focus > .label-success:not(.disabled):not(:disabled):before, a.label-success:hover:before, a.label-success:active:before, a.label-success:focus:before, a:hover > a.label-success:before, a:active > a.label-success:before, a:focus > a.label-success:before, a.label-success:visited:hover:before, a.label-success:visited:active:before, a.label-success:visited:focus:before, a:hover > a.label-success:visited:before, a:active > a.label-success:visited:before, a:focus > a.label-success:visited:before, a.label-success:not(.disabled):not(:disabled):hover:before, a.label-success:not(.disabled):not(:disabled):active:before, a.label-success:not(.disabled):not(:disabled):focus:before, a:hover > a.label-success:not(.disabled):not(:disabled):before, a:active > a.label-success:not(.disabled):not(:disabled):before, a:focus > a.label-success:not(.disabled):not(:disabled):before, label.label-success:hover:before, label.label-success:active:before, label.label-success:focus:before, a:hover > label.label-success:before, a:active > label.label-success:before, a:focus > label.label-success:before, label.label-success:visited:hover:before, label.label-success:visited:active:before, label.label-success:visited:focus:before, a:hover > label.label-success:visited:before, a:active > label.label-success:visited:before, a:focus > label.label-success:visited:before, label.label-success:not(.disabled):not(:disabled):hover:before, label.label-success:not(.disabled):not(:disabled):active:before, label.label-success:not(.disabled):not(:disabled):focus:before, a:hover > label.label-success:not(.disabled):not(:disabled):before, a:active > label.label-success:not(.disabled):not(:disabled):before, a:focus > label.label-success:not(.disabled):not(:disabled):before {
-      background-color: #647300; }
-
-.btn-link, a.btn-link, .badge-link, .chip-link, a.chip-link, a.badge-link, .label-link, a.label-link, label.label-link {
-  color: #002b36; }
-  .btn-link:before, a.btn-link:before, .badge-link:before, .chip-link:before, a.chip-link:before, a.badge-link:before, .label-link:before, a.label-link:before, label.label-link:before {
-    background-color: transparent; }
-  .btn-link:visited, a.btn-link:visited, .badge-link:visited, .chip-link:visited, a.chip-link:visited, a.badge-link:visited, .label-link:visited, a.label-link:visited, label.label-link:visited {
-    color: #002b36; }
-    .btn-link:visited:before, a.btn-link:visited:before, .badge-link:visited:before, .chip-link:visited:before, a.chip-link:visited:before, a.badge-link:visited:before, .label-link:visited:before, a.label-link:visited:before, label.label-link:visited:before {
-      background-color: transparent; }
-  .btn-link:hover, .btn-link:active, .btn-link:focus, a:hover > .btn-link, a:active > .btn-link, a:focus > .btn-link, .btn-link:visited:hover, .btn-link:visited:active, .btn-link:visited:focus, a:hover > .btn-link:visited, a:active > .btn-link:visited, a:focus > .btn-link:visited, .btn-link:not(.disabled):not(:disabled):hover, .btn-link:not(.disabled):not(:disabled):active, .btn-link:not(.disabled):not(:disabled):focus, a:hover > .btn-link:not(.disabled):not(:disabled), a:active > .btn-link:not(.disabled):not(:disabled), a:focus > .btn-link:not(.disabled):not(:disabled), a.btn-link:hover, a.btn-link:active, a.btn-link:focus, a:hover > a.btn-link, a:active > a.btn-link, a:focus > a.btn-link, a.btn-link:visited:hover, a.btn-link:visited:active, a.btn-link:visited:focus, a:hover > a.btn-link:visited, a:active > a.btn-link:visited, a:focus > a.btn-link:visited, a.btn-link:not(.disabled):not(:disabled):hover, a.btn-link:not(.disabled):not(:disabled):active, a.btn-link:not(.disabled):not(:disabled):focus, a:hover > a.btn-link:not(.disabled):not(:disabled), a:active > a.btn-link:not(.disabled):not(:disabled), a:focus > a.btn-link:not(.disabled):not(:disabled), .badge-link:hover, .badge-link:active, .badge-link:focus, a:hover > .badge-link, a:active > .badge-link, a:focus > .badge-link, .badge-link:visited:hover, .badge-link:visited:active, .badge-link:visited:focus, a:hover > .badge-link:visited, a:active > .badge-link:visited, a:focus > .badge-link:visited, .badge-link:not(.disabled):not(:disabled):hover, .badge-link:not(.disabled):not(:disabled):active, .badge-link:not(.disabled):not(:disabled):focus, a:hover > .badge-link:not(.disabled):not(:disabled), a:active > .badge-link:not(.disabled):not(:disabled), a:focus > .badge-link:not(.disabled):not(:disabled), .chip-link:hover, .chip-link:active, .chip-link:focus, a:hover > .chip-link, a:active > .chip-link, a:focus > .chip-link, .chip-link:visited:hover, .chip-link:visited:active, .chip-link:visited:focus, a:hover > .chip-link:visited, a:active > .chip-link:visited, a:focus > .chip-link:visited, .chip-link:not(.disabled):not(:disabled):hover, .chip-link:not(.disabled):not(:disabled):active, .chip-link:not(.disabled):not(:disabled):focus, a:hover > .chip-link:not(.disabled):not(:disabled), a:active > .chip-link:not(.disabled):not(:disabled), a:focus > .chip-link:not(.disabled):not(:disabled), a.chip-link:hover, a.chip-link:active, a.chip-link:focus, a:hover > a.chip-link, a:active > a.chip-link, a:focus > a.chip-link, a.chip-link:visited:hover, a.chip-link:visited:active, a.chip-link:visited:focus, a:hover > a.chip-link:visited, a:active > a.chip-link:visited, a:focus > a.chip-link:visited, a.chip-link:not(.disabled):not(:disabled):hover, a.chip-link:not(.disabled):not(:disabled):active, a.chip-link:not(.disabled):not(:disabled):focus, a:hover > a.chip-link:not(.disabled):not(:disabled), a:active > a.chip-link:not(.disabled):not(:disabled), a:focus > a.chip-link:not(.disabled):not(:disabled), a.badge-link:hover, a.badge-link:active, a.badge-link:focus, a:hover > a.badge-link, a:active > a.badge-link, a:focus > a.badge-link, a.badge-link:visited:hover, a.badge-link:visited:active, a.badge-link:visited:focus, a:hover > a.badge-link:visited, a:active > a.badge-link:visited, a:focus > a.badge-link:visited, a.badge-link:not(.disabled):not(:disabled):hover, a.badge-link:not(.disabled):not(:disabled):active, a.badge-link:not(.disabled):not(:disabled):focus, a:hover > a.badge-link:not(.disabled):not(:disabled), a:active > a.badge-link:not(.disabled):not(:disabled), a:focus > a.badge-link:not(.disabled):not(:disabled), .label-link:hover, .label-link:active, .label-link:focus, a:hover > .label-link, a:active > .label-link, a:focus > .label-link, .label-link:visited:hover, .label-link:visited:active, .label-link:visited:focus, a:hover > .label-link:visited, a:active > .label-link:visited, a:focus > .label-link:visited, .label-link:not(.disabled):not(:disabled):hover, .label-link:not(.disabled):not(:disabled):active, .label-link:not(.disabled):not(:disabled):focus, a:hover > .label-link:not(.disabled):not(:disabled), a:active > .label-link:not(.disabled):not(:disabled), a:focus > .label-link:not(.disabled):not(:disabled), a.label-link:hover, a.label-link:active, a.label-link:focus, a:hover > a.label-link, a:active > a.label-link, a:focus > a.label-link, a.label-link:visited:hover, a.label-link:visited:active, a.label-link:visited:focus, a:hover > a.label-link:visited, a:active > a.label-link:visited, a:focus > a.label-link:visited, a.label-link:not(.disabled):not(:disabled):hover, a.label-link:not(.disabled):not(:disabled):active, a.label-link:not(.disabled):not(:disabled):focus, a:hover > a.label-link:not(.disabled):not(:disabled), a:active > a.label-link:not(.disabled):not(:disabled), a:focus > a.label-link:not(.disabled):not(:disabled), label.label-link:hover, label.label-link:active, label.label-link:focus, a:hover > label.label-link, a:active > label.label-link, a:focus > label.label-link, label.label-link:visited:hover, label.label-link:visited:active, label.label-link:visited:focus, a:hover > label.label-link:visited, a:active > label.label-link:visited, a:focus > label.label-link:visited, label.label-link:not(.disabled):not(:disabled):hover, label.label-link:not(.disabled):not(:disabled):active, label.label-link:not(.disabled):not(:disabled):focus, a:hover > label.label-link:not(.disabled):not(:disabled), a:active > label.label-link:not(.disabled):not(:disabled), a:focus > label.label-link:not(.disabled):not(:disabled) {
-    color: #003f50; }
-    .btn-link:hover:before, .btn-link:active:before, .btn-link:focus:before, a:hover > .btn-link:before, a:active > .btn-link:before, a:focus > .btn-link:before, .btn-link:visited:hover:before, .btn-link:visited:active:before, .btn-link:visited:focus:before, a:hover > .btn-link:visited:before, a:active > .btn-link:visited:before, a:focus > .btn-link:visited:before, .btn-link:not(.disabled):not(:disabled):hover:before, .btn-link:not(.disabled):not(:disabled):active:before, .btn-link:not(.disabled):not(:disabled):focus:before, a:hover > .btn-link:not(.disabled):not(:disabled):before, a:active > .btn-link:not(.disabled):not(:disabled):before, a:focus > .btn-link:not(.disabled):not(:disabled):before, a.btn-link:hover:before, a.btn-link:active:before, a.btn-link:focus:before, a:hover > a.btn-link:before, a:active > a.btn-link:before, a:focus > a.btn-link:before, a.btn-link:visited:hover:before, a.btn-link:visited:active:before, a.btn-link:visited:focus:before, a:hover > a.btn-link:visited:before, a:active > a.btn-link:visited:before, a:focus > a.btn-link:visited:before, a.btn-link:not(.disabled):not(:disabled):hover:before, a.btn-link:not(.disabled):not(:disabled):active:before, a.btn-link:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-link:not(.disabled):not(:disabled):before, a:active > a.btn-link:not(.disabled):not(:disabled):before, a:focus > a.btn-link:not(.disabled):not(:disabled):before, .badge-link:hover:before, .badge-link:active:before, .badge-link:focus:before, a:hover > .badge-link:before, a:active > .badge-link:before, a:focus > .badge-link:before, .badge-link:visited:hover:before, .badge-link:visited:active:before, .badge-link:visited:focus:before, a:hover > .badge-link:visited:before, a:active > .badge-link:visited:before, a:focus > .badge-link:visited:before, .badge-link:not(.disabled):not(:disabled):hover:before, .badge-link:not(.disabled):not(:disabled):active:before, .badge-link:not(.disabled):not(:disabled):focus:before, a:hover > .badge-link:not(.disabled):not(:disabled):before, a:active > .badge-link:not(.disabled):not(:disabled):before, a:focus > .badge-link:not(.disabled):not(:disabled):before, .chip-link:hover:before, .chip-link:active:before, .chip-link:focus:before, a:hover > .chip-link:before, a:active > .chip-link:before, a:focus > .chip-link:before, .chip-link:visited:hover:before, .chip-link:visited:active:before, .chip-link:visited:focus:before, a:hover > .chip-link:visited:before, a:active > .chip-link:visited:before, a:focus > .chip-link:visited:before, .chip-link:not(.disabled):not(:disabled):hover:before, .chip-link:not(.disabled):not(:disabled):active:before, .chip-link:not(.disabled):not(:disabled):focus:before, a:hover > .chip-link:not(.disabled):not(:disabled):before, a:active > .chip-link:not(.disabled):not(:disabled):before, a:focus > .chip-link:not(.disabled):not(:disabled):before, a.chip-link:hover:before, a.chip-link:active:before, a.chip-link:focus:before, a:hover > a.chip-link:before, a:active > a.chip-link:before, a:focus > a.chip-link:before, a.chip-link:visited:hover:before, a.chip-link:visited:active:before, a.chip-link:visited:focus:before, a:hover > a.chip-link:visited:before, a:active > a.chip-link:visited:before, a:focus > a.chip-link:visited:before, a.chip-link:not(.disabled):not(:disabled):hover:before, a.chip-link:not(.disabled):not(:disabled):active:before, a.chip-link:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-link:not(.disabled):not(:disabled):before, a:active > a.chip-link:not(.disabled):not(:disabled):before, a:focus > a.chip-link:not(.disabled):not(:disabled):before, a.badge-link:hover:before, a.badge-link:active:before, a.badge-link:focus:before, a:hover > a.badge-link:before, a:active > a.badge-link:before, a:focus > a.badge-link:before, a.badge-link:visited:hover:before, a.badge-link:visited:active:before, a.badge-link:visited:focus:before, a:hover > a.badge-link:visited:before, a:active > a.badge-link:visited:before, a:focus > a.badge-link:visited:before, a.badge-link:not(.disabled):not(:disabled):hover:before, a.badge-link:not(.disabled):not(:disabled):active:before, a.badge-link:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-link:not(.disabled):not(:disabled):before, a:active > a.badge-link:not(.disabled):not(:disabled):before, a:focus > a.badge-link:not(.disabled):not(:disabled):before, .label-link:hover:before, .label-link:active:before, .label-link:focus:before, a:hover > .label-link:before, a:active > .label-link:before, a:focus > .label-link:before, .label-link:visited:hover:before, .label-link:visited:active:before, .label-link:visited:focus:before, a:hover > .label-link:visited:before, a:active > .label-link:visited:before, a:focus > .label-link:visited:before, .label-link:not(.disabled):not(:disabled):hover:before, .label-link:not(.disabled):not(:disabled):active:before, .label-link:not(.disabled):not(:disabled):focus:before, a:hover > .label-link:not(.disabled):not(:disabled):before, a:active > .label-link:not(.disabled):not(:disabled):before, a:focus > .label-link:not(.disabled):not(:disabled):before, a.label-link:hover:before, a.label-link:active:before, a.label-link:focus:before, a:hover > a.label-link:before, a:active > a.label-link:before, a:focus > a.label-link:before, a.label-link:visited:hover:before, a.label-link:visited:active:before, a.label-link:visited:focus:before, a:hover > a.label-link:visited:before, a:active > a.label-link:visited:before, a:focus > a.label-link:visited:before, a.label-link:not(.disabled):not(:disabled):hover:before, a.label-link:not(.disabled):not(:disabled):active:before, a.label-link:not(.disabled):not(:disabled):focus:before, a:hover > a.label-link:not(.disabled):not(:disabled):before, a:active > a.label-link:not(.disabled):not(:disabled):before, a:focus > a.label-link:not(.disabled):not(:disabled):before, label.label-link:hover:before, label.label-link:active:before, label.label-link:focus:before, a:hover > label.label-link:before, a:active > label.label-link:before, a:focus > label.label-link:before, label.label-link:visited:hover:before, label.label-link:visited:active:before, label.label-link:visited:focus:before, a:hover > label.label-link:visited:before, a:active > label.label-link:visited:before, a:focus > label.label-link:visited:before, label.label-link:not(.disabled):not(:disabled):hover:before, label.label-link:not(.disabled):not(:disabled):active:before, label.label-link:not(.disabled):not(:disabled):focus:before, a:hover > label.label-link:not(.disabled):not(:disabled):before, a:active > label.label-link:not(.disabled):not(:disabled):before, a:focus > label.label-link:not(.disabled):not(:disabled):before {
-      background-color: rgba(0, 0, 0, 0); }
-
-/* ------------------ PARTAGE RESEAUX SOCIAUX ------------------- */
-.share-buttons {
-  margin-top: 1.5rem;
-  padding-bottom: 1.5rem; }
-
-.reagir {
-  text-align: right; }
-
-.btn-facebook, a.btn-facebook {
-  color: #fdf6e3; }
-  .btn-facebook:before, a.btn-facebook:before {
-    background-color: #3B5998; }
-  .btn-facebook:visited, a.btn-facebook:visited {
-    color: #fdf6e3; }
-    .btn-facebook:visited:before, a.btn-facebook:visited:before {
-      background-color: #3B5998; }
-  .btn-facebook:hover, .btn-facebook:active, .btn-facebook:focus, a:hover > .btn-facebook, a:active > .btn-facebook, a:focus > .btn-facebook, .btn-facebook:visited:hover, .btn-facebook:visited:active, .btn-facebook:visited:focus, a:hover > .btn-facebook:visited, a:active > .btn-facebook:visited, a:focus > .btn-facebook:visited, .btn-facebook:not(.disabled):not(:disabled):hover, .btn-facebook:not(.disabled):not(:disabled):active, .btn-facebook:not(.disabled):not(:disabled):focus, a:hover > .btn-facebook:not(.disabled):not(:disabled), a:active > .btn-facebook:not(.disabled):not(:disabled), a:focus > .btn-facebook:not(.disabled):not(:disabled), a.btn-facebook:hover, a.btn-facebook:active, a.btn-facebook:focus, a:hover > a.btn-facebook, a:active > a.btn-facebook, a:focus > a.btn-facebook, a.btn-facebook:visited:hover, a.btn-facebook:visited:active, a.btn-facebook:visited:focus, a:hover > a.btn-facebook:visited, a:active > a.btn-facebook:visited, a:focus > a.btn-facebook:visited, a.btn-facebook:not(.disabled):not(:disabled):hover, a.btn-facebook:not(.disabled):not(:disabled):active, a.btn-facebook:not(.disabled):not(:disabled):focus, a:hover > a.btn-facebook:not(.disabled):not(:disabled), a:active > a.btn-facebook:not(.disabled):not(:disabled), a:focus > a.btn-facebook:not(.disabled):not(:disabled) {
-    color: #fffefb; }
-    .btn-facebook:hover:before, .btn-facebook:active:before, .btn-facebook:focus:before, a:hover > .btn-facebook:before, a:active > .btn-facebook:before, a:focus > .btn-facebook:before, .btn-facebook:visited:hover:before, .btn-facebook:visited:active:before, .btn-facebook:visited:focus:before, a:hover > .btn-facebook:visited:before, a:active > .btn-facebook:visited:before, a:focus > .btn-facebook:visited:before, .btn-facebook:not(.disabled):not(:disabled):hover:before, .btn-facebook:not(.disabled):not(:disabled):active:before, .btn-facebook:not(.disabled):not(:disabled):focus:before, a:hover > .btn-facebook:not(.disabled):not(:disabled):before, a:active > .btn-facebook:not(.disabled):not(:disabled):before, a:focus > .btn-facebook:not(.disabled):not(:disabled):before, a.btn-facebook:hover:before, a.btn-facebook:active:before, a.btn-facebook:focus:before, a:hover > a.btn-facebook:before, a:active > a.btn-facebook:before, a:focus > a.btn-facebook:before, a.btn-facebook:visited:hover:before, a.btn-facebook:visited:active:before, a.btn-facebook:visited:focus:before, a:hover > a.btn-facebook:visited:before, a:active > a.btn-facebook:visited:before, a:focus > a.btn-facebook:visited:before, a.btn-facebook:not(.disabled):not(:disabled):hover:before, a.btn-facebook:not(.disabled):not(:disabled):active:before, a.btn-facebook:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-facebook:not(.disabled):not(:disabled):before, a:active > a.btn-facebook:not(.disabled):not(:disabled):before, a:focus > a.btn-facebook:not(.disabled):not(:disabled):before {
-      background-color: #30497c; }
-
-.btn-twitter, a.btn-twitter {
-  color: #fdf6e3; }
-  .btn-twitter:before, a.btn-twitter:before {
-    background-color: #55ACEE; }
-  .btn-twitter:visited, a.btn-twitter:visited {
-    color: #fdf6e3; }
-    .btn-twitter:visited:before, a.btn-twitter:visited:before {
-      background-color: #55ACEE; }
-  .btn-twitter:hover, .btn-twitter:active, .btn-twitter:focus, a:hover > .btn-twitter, a:active > .btn-twitter, a:focus > .btn-twitter, .btn-twitter:visited:hover, .btn-twitter:visited:active, .btn-twitter:visited:focus, a:hover > .btn-twitter:visited, a:active > .btn-twitter:visited, a:focus > .btn-twitter:visited, .btn-twitter:not(.disabled):not(:disabled):hover, .btn-twitter:not(.disabled):not(:disabled):active, .btn-twitter:not(.disabled):not(:disabled):focus, a:hover > .btn-twitter:not(.disabled):not(:disabled), a:active > .btn-twitter:not(.disabled):not(:disabled), a:focus > .btn-twitter:not(.disabled):not(:disabled), a.btn-twitter:hover, a.btn-twitter:active, a.btn-twitter:focus, a:hover > a.btn-twitter, a:active > a.btn-twitter, a:focus > a.btn-twitter, a.btn-twitter:visited:hover, a.btn-twitter:visited:active, a.btn-twitter:visited:focus, a:hover > a.btn-twitter:visited, a:active > a.btn-twitter:visited, a:focus > a.btn-twitter:visited, a.btn-twitter:not(.disabled):not(:disabled):hover, a.btn-twitter:not(.disabled):not(:disabled):active, a.btn-twitter:not(.disabled):not(:disabled):focus, a:hover > a.btn-twitter:not(.disabled):not(:disabled), a:active > a.btn-twitter:not(.disabled):not(:disabled), a:focus > a.btn-twitter:not(.disabled):not(:disabled) {
-    color: #fffefb; }
-    .btn-twitter:hover:before, .btn-twitter:active:before, .btn-twitter:focus:before, a:hover > .btn-twitter:before, a:active > .btn-twitter:before, a:focus > .btn-twitter:before, .btn-twitter:visited:hover:before, .btn-twitter:visited:active:before, .btn-twitter:visited:focus:before, a:hover > .btn-twitter:visited:before, a:active > .btn-twitter:visited:before, a:focus > .btn-twitter:visited:before, .btn-twitter:not(.disabled):not(:disabled):hover:before, .btn-twitter:not(.disabled):not(:disabled):active:before, .btn-twitter:not(.disabled):not(:disabled):focus:before, a:hover > .btn-twitter:not(.disabled):not(:disabled):before, a:active > .btn-twitter:not(.disabled):not(:disabled):before, a:focus > .btn-twitter:not(.disabled):not(:disabled):before, a.btn-twitter:hover:before, a.btn-twitter:active:before, a.btn-twitter:focus:before, a:hover > a.btn-twitter:before, a:active > a.btn-twitter:before, a:focus > a.btn-twitter:before, a.btn-twitter:visited:hover:before, a.btn-twitter:visited:active:before, a.btn-twitter:visited:focus:before, a:hover > a.btn-twitter:visited:before, a:active > a.btn-twitter:visited:before, a:focus > a.btn-twitter:visited:before, a.btn-twitter:not(.disabled):not(:disabled):hover:before, a.btn-twitter:not(.disabled):not(:disabled):active:before, a.btn-twitter:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-twitter:not(.disabled):not(:disabled):before, a:active > a.btn-twitter:not(.disabled):not(:disabled):before, a:focus > a.btn-twitter:not(.disabled):not(:disabled):before {
-      background-color: #329beb; }
-
-.btn-googleplus, a.btn-googleplus {
-  color: #fdf6e3; }
-  .btn-googleplus:before, a.btn-googleplus:before {
-    background-color: #d34836; }
-  .btn-googleplus:visited, a.btn-googleplus:visited {
-    color: #fdf6e3; }
-    .btn-googleplus:visited:before, a.btn-googleplus:visited:before {
-      background-color: #d34836; }
-  .btn-googleplus:hover, .btn-googleplus:active, .btn-googleplus:focus, a:hover > .btn-googleplus, a:active > .btn-googleplus, a:focus > .btn-googleplus, .btn-googleplus:visited:hover, .btn-googleplus:visited:active, .btn-googleplus:visited:focus, a:hover > .btn-googleplus:visited, a:active > .btn-googleplus:visited, a:focus > .btn-googleplus:visited, .btn-googleplus:not(.disabled):not(:disabled):hover, .btn-googleplus:not(.disabled):not(:disabled):active, .btn-googleplus:not(.disabled):not(:disabled):focus, a:hover > .btn-googleplus:not(.disabled):not(:disabled), a:active > .btn-googleplus:not(.disabled):not(:disabled), a:focus > .btn-googleplus:not(.disabled):not(:disabled), a.btn-googleplus:hover, a.btn-googleplus:active, a.btn-googleplus:focus, a:hover > a.btn-googleplus, a:active > a.btn-googleplus, a:focus > a.btn-googleplus, a.btn-googleplus:visited:hover, a.btn-googleplus:visited:active, a.btn-googleplus:visited:focus, a:hover > a.btn-googleplus:visited, a:active > a.btn-googleplus:visited, a:focus > a.btn-googleplus:visited, a.btn-googleplus:not(.disabled):not(:disabled):hover, a.btn-googleplus:not(.disabled):not(:disabled):active, a.btn-googleplus:not(.disabled):not(:disabled):focus, a:hover > a.btn-googleplus:not(.disabled):not(:disabled), a:active > a.btn-googleplus:not(.disabled):not(:disabled), a:focus > a.btn-googleplus:not(.disabled):not(:disabled) {
-    color: #fffefb; }
-    .btn-googleplus:hover:before, .btn-googleplus:active:before, .btn-googleplus:focus:before, a:hover > .btn-googleplus:before, a:active > .btn-googleplus:before, a:focus > .btn-googleplus:before, .btn-googleplus:visited:hover:before, .btn-googleplus:visited:active:before, .btn-googleplus:visited:focus:before, a:hover > .btn-googleplus:visited:before, a:active > .btn-googleplus:visited:before, a:focus > .btn-googleplus:visited:before, .btn-googleplus:not(.disabled):not(:disabled):hover:before, .btn-googleplus:not(.disabled):not(:disabled):active:before, .btn-googleplus:not(.disabled):not(:disabled):focus:before, a:hover > .btn-googleplus:not(.disabled):not(:disabled):before, a:active > .btn-googleplus:not(.disabled):not(:disabled):before, a:focus > .btn-googleplus:not(.disabled):not(:disabled):before, a.btn-googleplus:hover:before, a.btn-googleplus:active:before, a.btn-googleplus:focus:before, a:hover > a.btn-googleplus:before, a:active > a.btn-googleplus:before, a:focus > a.btn-googleplus:before, a.btn-googleplus:visited:hover:before, a.btn-googleplus:visited:active:before, a.btn-googleplus:visited:focus:before, a:hover > a.btn-googleplus:visited:before, a:active > a.btn-googleplus:visited:before, a:focus > a.btn-googleplus:visited:before, a.btn-googleplus:not(.disabled):not(:disabled):hover:before, a.btn-googleplus:not(.disabled):not(:disabled):active:before, a.btn-googleplus:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-googleplus:not(.disabled):not(:disabled):before, a:active > a.btn-googleplus:not(.disabled):not(:disabled):before, a:focus > a.btn-googleplus:not(.disabled):not(:disabled):before {
-      background-color: #ba3929; }
-
-.btn-diaspora, a.btn-diaspora {
-  color: #fdf6e3; }
-  .btn-diaspora:before, a.btn-diaspora:before {
-    background-color: #313739; }
-  .btn-diaspora:visited, a.btn-diaspora:visited {
-    color: #fdf6e3; }
-    .btn-diaspora:visited:before, a.btn-diaspora:visited:before {
-      background-color: #313739; }
-  .btn-diaspora:hover, .btn-diaspora:active, .btn-diaspora:focus, a:hover > .btn-diaspora, a:active > .btn-diaspora, a:focus > .btn-diaspora, .btn-diaspora:visited:hover, .btn-diaspora:visited:active, .btn-diaspora:visited:focus, a:hover > .btn-diaspora:visited, a:active > .btn-diaspora:visited, a:focus > .btn-diaspora:visited, .btn-diaspora:not(.disabled):not(:disabled):hover, .btn-diaspora:not(.disabled):not(:disabled):active, .btn-diaspora:not(.disabled):not(:disabled):focus, a:hover > .btn-diaspora:not(.disabled):not(:disabled), a:active > .btn-diaspora:not(.disabled):not(:disabled), a:focus > .btn-diaspora:not(.disabled):not(:disabled), a.btn-diaspora:hover, a.btn-diaspora:active, a.btn-diaspora:focus, a:hover > a.btn-diaspora, a:active > a.btn-diaspora, a:focus > a.btn-diaspora, a.btn-diaspora:visited:hover, a.btn-diaspora:visited:active, a.btn-diaspora:visited:focus, a:hover > a.btn-diaspora:visited, a:active > a.btn-diaspora:visited, a:focus > a.btn-diaspora:visited, a.btn-diaspora:not(.disabled):not(:disabled):hover, a.btn-diaspora:not(.disabled):not(:disabled):active, a.btn-diaspora:not(.disabled):not(:disabled):focus, a:hover > a.btn-diaspora:not(.disabled):not(:disabled), a:active > a.btn-diaspora:not(.disabled):not(:disabled), a:focus > a.btn-diaspora:not(.disabled):not(:disabled) {
-    color: #fffefb; }
-    .btn-diaspora:hover:before, .btn-diaspora:active:before, .btn-diaspora:focus:before, a:hover > .btn-diaspora:before, a:active > .btn-diaspora:before, a:focus > .btn-diaspora:before, .btn-diaspora:visited:hover:before, .btn-diaspora:visited:active:before, .btn-diaspora:visited:focus:before, a:hover > .btn-diaspora:visited:before, a:active > .btn-diaspora:visited:before, a:focus > .btn-diaspora:visited:before, .btn-diaspora:not(.disabled):not(:disabled):hover:before, .btn-diaspora:not(.disabled):not(:disabled):active:before, .btn-diaspora:not(.disabled):not(:disabled):focus:before, a:hover > .btn-diaspora:not(.disabled):not(:disabled):before, a:active > .btn-diaspora:not(.disabled):not(:disabled):before, a:focus > .btn-diaspora:not(.disabled):not(:disabled):before, a.btn-diaspora:hover:before, a.btn-diaspora:active:before, a.btn-diaspora:focus:before, a:hover > a.btn-diaspora:before, a:active > a.btn-diaspora:before, a:focus > a.btn-diaspora:before, a.btn-diaspora:visited:hover:before, a.btn-diaspora:visited:active:before, a.btn-diaspora:visited:focus:before, a:hover > a.btn-diaspora:visited:before, a:active > a.btn-diaspora:visited:before, a:focus > a.btn-diaspora:visited:before, a.btn-diaspora:not(.disabled):not(:disabled):hover:before, a.btn-diaspora:not(.disabled):not(:disabled):active:before, a.btn-diaspora:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-diaspora:not(.disabled):not(:disabled):before, a:active > a.btn-diaspora:not(.disabled):not(:disabled):before, a:focus > a.btn-diaspora:not(.disabled):not(:disabled):before {
-      background-color: #1f2324; }
-
-.btn-mastodon, a.btn-mastodon {
-  color: #fdf6e3; }
-  .btn-mastodon:before, a.btn-mastodon:before {
-    background-color: #282c37; }
-  .btn-mastodon:visited, a.btn-mastodon:visited {
-    color: #fdf6e3; }
-    .btn-mastodon:visited:before, a.btn-mastodon:visited:before {
-      background-color: #282c37; }
-  .btn-mastodon:hover, .btn-mastodon:active, .btn-mastodon:focus, a:hover > .btn-mastodon, a:active > .btn-mastodon, a:focus > .btn-mastodon, .btn-mastodon:visited:hover, .btn-mastodon:visited:active, .btn-mastodon:visited:focus, a:hover > .btn-mastodon:visited, a:active > .btn-mastodon:visited, a:focus > .btn-mastodon:visited, .btn-mastodon:not(.disabled):not(:disabled):hover, .btn-mastodon:not(.disabled):not(:disabled):active, .btn-mastodon:not(.disabled):not(:disabled):focus, a:hover > .btn-mastodon:not(.disabled):not(:disabled), a:active > .btn-mastodon:not(.disabled):not(:disabled), a:focus > .btn-mastodon:not(.disabled):not(:disabled), a.btn-mastodon:hover, a.btn-mastodon:active, a.btn-mastodon:focus, a:hover > a.btn-mastodon, a:active > a.btn-mastodon, a:focus > a.btn-mastodon, a.btn-mastodon:visited:hover, a.btn-mastodon:visited:active, a.btn-mastodon:visited:focus, a:hover > a.btn-mastodon:visited, a:active > a.btn-mastodon:visited, a:focus > a.btn-mastodon:visited, a.btn-mastodon:not(.disabled):not(:disabled):hover, a.btn-mastodon:not(.disabled):not(:disabled):active, a.btn-mastodon:not(.disabled):not(:disabled):focus, a:hover > a.btn-mastodon:not(.disabled):not(:disabled), a:active > a.btn-mastodon:not(.disabled):not(:disabled), a:focus > a.btn-mastodon:not(.disabled):not(:disabled) {
-    color: #fffefb; }
-    .btn-mastodon:hover:before, .btn-mastodon:active:before, .btn-mastodon:focus:before, a:hover > .btn-mastodon:before, a:active > .btn-mastodon:before, a:focus > .btn-mastodon:before, .btn-mastodon:visited:hover:before, .btn-mastodon:visited:active:before, .btn-mastodon:visited:focus:before, a:hover > .btn-mastodon:visited:before, a:active > .btn-mastodon:visited:before, a:focus > .btn-mastodon:visited:before, .btn-mastodon:not(.disabled):not(:disabled):hover:before, .btn-mastodon:not(.disabled):not(:disabled):active:before, .btn-mastodon:not(.disabled):not(:disabled):focus:before, a:hover > .btn-mastodon:not(.disabled):not(:disabled):before, a:active > .btn-mastodon:not(.disabled):not(:disabled):before, a:focus > .btn-mastodon:not(.disabled):not(:disabled):before, a.btn-mastodon:hover:before, a.btn-mastodon:active:before, a.btn-mastodon:focus:before, a:hover > a.btn-mastodon:before, a:active > a.btn-mastodon:before, a:focus > a.btn-mastodon:before, a.btn-mastodon:visited:hover:before, a.btn-mastodon:visited:active:before, a.btn-mastodon:visited:focus:before, a:hover > a.btn-mastodon:visited:before, a:active > a.btn-mastodon:visited:before, a:focus > a.btn-mastodon:visited:before, a.btn-mastodon:not(.disabled):not(:disabled):hover:before, a.btn-mastodon:not(.disabled):not(:disabled):active:before, a.btn-mastodon:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-mastodon:not(.disabled):not(:disabled):before, a:active > a.btn-mastodon:not(.disabled):not(:disabled):before, a:focus > a.btn-mastodon:not(.disabled):not(:disabled):before {
-      background-color: #181a21; }
-
-/*
- * 4. Previews
- * Special style for previews cards
- *
-*/
-.previews-section {
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-template-rows: auto;
-  grid-gap: 1.5rem;
-  padding-bottom: 1.5rem; }
-  @media (min-width: 1200px) {
-    .previews-section {
-      grid-template-columns: 1fr 1fr; } }
-  @media (min-width: 1600px) {
-    .previews-section {
-      grid-template-columns: 1fr 1fr 1fr; } }
-.preview-container {
-  width: 100%; }
-
-@media (min-width: 992px) {
-  .prev-col-2 .preview-container {
-    width: 50%; }
-  .prev-col-3 .preview-container {
-    width: 33%; }
-  .prev-col-4 .preview-container {
-    width: 25%; } }
-
-.card-preview {
-  padding: 0;
-  width: 100%;
+.container-article {
   margin: auto;
-  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0); }
-
-.preview-link {
-  padding: 0;
-  background-color: transparent; }
-
-.preview-item {
-  height: 12rem;
-  font-size: 0.9rem;
-  line-height: 1.5rem !important;
-  text-align: justify;
-  background-color: rgba(0, 0, 0, 0);
-  color: rgba(0, 0, 0, 0.4);
-  position: relative;
-  display: flex;
-  -ms-flex-align: center !important;
-  align-items: center !important;
-  justify-content: center; }
-  .preview-item .preview-overlay {
-    height: 100%;
-    width: 100%;
-    top: 0;
-    left: 0;
-    position: absolute;
-    padding-top: 0.75rem;
-    backdrop-filter: none;
-    transition: background-color 0.3s; }
-    .preview-item .preview-overlay h1, .preview-item .preview-overlay h2, .preview-item .preview-overlay h3, .preview-item .preview-overlay h4, .preview-item .preview-overlay h5, .preview-item .preview-overlay h6 {
-      color: #fdf6e3;
-      font-size: 1rem;
-      line-height: 1.5rem;
-      font-weight: 300; }
-    .preview-item .preview-overlay .card-header {
-      font-family: Open Sans, sans-serif;
-      font-size: 1rem;
-      background-color: #d33682;
-      font-size: 1.1em;
-      font-weight: 300;
-      border-radius: 0;
-      padding: 0.375rem;
-      padding-left: 0;
-      padding-right: 0;
-      padding-bottom: 0.375rem !important;
-      margin-bottom: 0.75rem;
-      line-height: 1.5rem;
-      white-space: nowrap;
-      position: relative;
-      left: -0.9375rem;
-      width: 95%;
-      position: relative;
-      z-index: 1;
-      overflow: visible;
-      font-weight: 300; }
-      .preview-item .preview-overlay .card-header:before {
-        content: " ";
-        position: absolute;
-        top: 0;
-        left: -0.375rem;
-        right: -0.375rem;
-        bottom: 0;
-        z-index: -1;
-        transform: skewX(-15deg);
-        transition: background-color 0.3s; }
-      .preview-item .preview-overlay .card-header h1, .preview-item .preview-overlay .card-header h2, .preview-item .preview-overlay .card-header h3, .preview-item .preview-overlay .card-header h4, .preview-item .preview-overlay .card-header h5, .preview-item .preview-overlay .card-header h6, .preview-item .preview-overlay .card-header h7, .preview-item .preview-overlay .card-header h8, .preview-item .preview-overlay .card-header h9, .preview-item .preview-overlay .card-header h10 {
-        font-family: Open Sans, sans-serif;
-        font-size: 1rem;
-        padding: 0px;
-        margin: 0px;
-        color: #fdf6e3;
-        font-weight: 300;
-        line-height: 1.5rem; }
-  .preview-item:hover .preview-overlay {
-    backdrop-filter: blur(2px);
-    background-color: rgba(0, 0, 0, 0.4); }
-    .preview-item:hover .preview-overlay .metadata-pills {
-      opacity: .9;
-      transition: opacity .5s, height .5s;
-      height: 135px; }
-
-.preview-content {
-  max-height: 12rem;
-  overflow: hidden;
-  background-size: cover;
-  min-height: 100%;
-  min-width: 100%; }
-  .preview-content h1, .preview-content h2, .preview-content h3, .preview-content h4, .preview-content h5, .preview-content h6 {
-    margin-bottom: 0px;
-    max-width: 100%;
-    display: none; }
-  .preview-content > p {
-    width: 100%;
-    margin: auto; }
-    .preview-content > p > img {
-      max-width: 100%;
-      height: auto;
-      vertical-align: middle;
-      margin: auto;
-      text-align: center; }
-    .preview-content > p.p-img {
-      text-align: center;
-      margin: auto;
-      padding: auto;
-      display: block;
-      width: 100%; }
-
-.preview-metadata {
-  color: #fdf6e3;
-  height: 165px;
-  overflow: hidden; }
-  .preview-metadata .metadata-pills {
-    height: 165px;
-    opacity: 0;
-    transition: opacity .3s, height .3s;
-    display: flex;
-    justify-content: space-between;
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
-    font-size: 0.9em; }
-
-.card-preview.card-info .comment-text {
-  position: relative;
-  background-color: #2aa198; }
-  .card-preview.card-info .comment-text::before {
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 16' fill='rgb(42,161,152)' fill-opacity='1'%3E%3Cpolygon points='0,16 100,16 100,0'%3E%3C/polygon%3E%3C/svg%3E");
-    background-position: center center;
-    background-repeat: no-repeat;
-    background-size: 100% 100%;
-    content: '';
-    height: 16px;
-    left: 0;
-    position: absolute;
-    right: 0;
-    width: 100%;
-    z-index: 1;
-    top: -16px; }
-
-.card-preview.card-grey .comment-text {
-  position: relative;
-  background-color: #586e75; }
-  .card-preview.card-grey .comment-text::before {
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 16' fill='rgb(88,110,117)' fill-opacity='1'%3E%3Cpolygon points='0,16 100,16 100,0'%3E%3C/polygon%3E%3C/svg%3E");
-    background-position: center center;
-    background-repeat: no-repeat;
-    background-size: 100% 100%;
-    content: '';
-    height: 16px;
-    left: 0;
-    position: absolute;
-    right: 0;
-    width: 100%;
-    z-index: 1;
-    top: -16px; }
-
-.comment-text {
-  position: relative;
-  color: #fdf6e3;
-  background-color: #d33682;
-  text-align: center; }
-  .comment-text::before {
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 16' fill='rgb(211,54,130)' fill-opacity='1'%3E%3Cpolygon points='0,16 100,16 100,0'%3E%3C/polygon%3E%3C/svg%3E");
-    background-position: center center;
-    background-repeat: no-repeat;
-    background-size: 100% 100%;
-    content: '';
-    height: 16px;
-    left: 0;
-    position: absolute;
-    right: 0;
-    width: 100%;
-    z-index: 1;
-    top: -16px; }
-
-.card-preview time {
-  margin-bottom: 0.4em;
-  display: block; }
-
-.author-area {
-  display: flex; }
-  .author-area img.author-avatar, .author-area img.avatar {
-    display: block;
-    height: 4.5rem;
-    width: auto;
-    border-radius: 100%;
-    padding: 0;
-    margin: 0;
-    margin-right: 1.5rem; }
-  .author-area .author-metadata {
-    align-items: center;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: flex-start; }
-  .author-area .author-date {
-    font-style: italic; }
-  .author-area:not(:last-child) {
-    margin-bottom: 1.5rem; }
-
-.pigimg {
-  display: block;
-  max-width: 100%;
-  height: auto;
-  margin: auto; }
-
-.avatar {
-  background: transparent; }
-
-.mwarea {
-  padding-bottom: 1.5rem; }
-  .mwarea .avatar {
-    width: 80%;
-    height: auto;
-    display: block;
-    margin: auto; }
-
-.cover {
-  width: 100%;
-  height: auto; }
-
-@media (min-width: 768px) {
-  .roman {
-    width: 80%;
-    position: relative;
-    top: -240px;
-    margin: auto; } }
-
-.flex-that {
-  display: flex;
-  justify-content: space-between; }
-
-strong.btn-fake {
-  padding: 1.5rem;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  margin: 0.75rem;
-  margin-top: 0.5rem;
-  margin-bottom: 1.5rem;
-  line-height: 1.5rem;
-  height: auto;
-  border: 0px solid rgba(0, 0, 0, 0.3);
-  border-radius: 0px 0px 0px 0px;
-  font-weight: 400;
-  background-color: transparent;
-  position: relative;
-  z-index: 1;
-  overflow: visible;
-  color: black; }
-  strong.btn-fake:hover, strong.btn-fake:active, strong.btn-fake:focus, a:hover > strong.btn-fake, a:active > strong.btn-fake, a:focus > strong.btn-fake {
-    text-decoration: none;
-    background-color: transparent; }
-  strong.btn-fake:focus {
-    outline: none;
-    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0); }
-    strong.btn-fake:focus:before {
-      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0.3);
-      outline: none; }
-  strong.btn-fake:before {
-    content: " ";
-    position: absolute;
-    top: 0;
-    left: -0.75rem;
-    right: -0.75rem;
-    bottom: 0;
-    z-index: -1;
-    transform: skewX(-15deg);
-    transition: background-color 0.3s; }
-  strong.btn-fake:before {
-    background-color: transparent; }
-  strong.btn-fake:visited {
-    color: black; }
-    strong.btn-fake:visited:before {
-      background-color: transparent; }
-  strong.btn-fake:hover, strong.btn-fake:active, strong.btn-fake:focus, a:hover > strong.btn-fake, a:active > strong.btn-fake, a:focus > strong.btn-fake, strong.btn-fake:visited:hover, strong.btn-fake:visited:active, strong.btn-fake:visited:focus, a:hover > strong.btn-fake:visited, a:active > strong.btn-fake:visited, a:focus > strong.btn-fake:visited, strong.btn-fake:not(.disabled):not(:disabled):hover, strong.btn-fake:not(.disabled):not(:disabled):active, strong.btn-fake:not(.disabled):not(:disabled):focus, a:hover > strong.btn-fake:not(.disabled):not(:disabled), a:active > strong.btn-fake:not(.disabled):not(:disabled), a:focus > strong.btn-fake:not(.disabled):not(:disabled) {
-    color: #0d0d0d; }
-    strong.btn-fake:hover:before, strong.btn-fake:active:before, strong.btn-fake:focus:before, a:hover > strong.btn-fake:before, a:active > strong.btn-fake:before, a:focus > strong.btn-fake:before, strong.btn-fake:visited:hover:before, strong.btn-fake:visited:active:before, strong.btn-fake:visited:focus:before, a:hover > strong.btn-fake:visited:before, a:active > strong.btn-fake:visited:before, a:focus > strong.btn-fake:visited:before, strong.btn-fake:not(.disabled):not(:disabled):hover:before, strong.btn-fake:not(.disabled):not(:disabled):active:before, strong.btn-fake:not(.disabled):not(:disabled):focus:before, a:hover > strong.btn-fake:not(.disabled):not(:disabled):before, a:active > strong.btn-fake:not(.disabled):not(:disabled):before, a:focus > strong.btn-fake:not(.disabled):not(:disabled):before {
-      background-color: transparent; }
-
-a.article-nav-link-wrap {
-  padding: 1.5rem;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  margin: 0.75rem;
-  margin-top: 0.5rem;
-  margin-bottom: 1.5rem;
-  line-height: 1.5rem;
-  height: auto;
-  border: 0px solid rgba(0, 0, 0, 0.3);
-  border-radius: 0px 0px 0px 0px;
-  font-weight: 400;
-  background-color: transparent;
-  position: relative;
-  z-index: 1;
-  overflow: visible;
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-  color: #fdf6e3; }
-  a.article-nav-link-wrap:hover, a.article-nav-link-wrap:active, a.article-nav-link-wrap:focus, a:hover > a.article-nav-link-wrap, a:active > a.article-nav-link-wrap, a:focus > a.article-nav-link-wrap {
-    text-decoration: none;
-    background-color: transparent; }
-  a.article-nav-link-wrap:focus {
-    outline: none;
-    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0); }
-    a.article-nav-link-wrap:focus:before {
-      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0.3);
-      outline: none; }
-  a.article-nav-link-wrap:before {
-    content: " ";
-    position: absolute;
-    top: 0;
-    left: -0.75rem;
-    right: -0.75rem;
-    bottom: 0;
-    z-index: -1;
-    transform: skewX(-15deg);
-    transition: background-color 0.3s; }
-  a.article-nav-link-wrap:hover, a.article-nav-link-wrap:active {
-    border: 0px solid rgba(0, 0, 0, 0.3); }
-  p a.article-nav-link-wrap:last-child {
-    margin-bottom: 0; }
-  a.article-nav-link-wrap:before {
-    background-color: #2aa198; }
-  a.article-nav-link-wrap:visited {
-    color: #fdf6e3; }
-    a.article-nav-link-wrap:visited:before {
-      background-color: #2aa198; }
-  a.article-nav-link-wrap:hover, a.article-nav-link-wrap:active, a.article-nav-link-wrap:focus, a:hover > a.article-nav-link-wrap, a:active > a.article-nav-link-wrap, a:focus > a.article-nav-link-wrap, a.article-nav-link-wrap:visited:hover, a.article-nav-link-wrap:visited:active, a.article-nav-link-wrap:visited:focus, a:hover > a.article-nav-link-wrap:visited, a:active > a.article-nav-link-wrap:visited, a:focus > a.article-nav-link-wrap:visited, a.article-nav-link-wrap:not(.disabled):not(:disabled):hover, a.article-nav-link-wrap:not(.disabled):not(:disabled):active, a.article-nav-link-wrap:not(.disabled):not(:disabled):focus, a:hover > a.article-nav-link-wrap:not(.disabled):not(:disabled), a:active > a.article-nav-link-wrap:not(.disabled):not(:disabled), a:focus > a.article-nav-link-wrap:not(.disabled):not(:disabled) {
-    color: #fffefb; }
-    a.article-nav-link-wrap:hover:before, a.article-nav-link-wrap:active:before, a.article-nav-link-wrap:focus:before, a:hover > a.article-nav-link-wrap:before, a:active > a.article-nav-link-wrap:before, a:focus > a.article-nav-link-wrap:before, a.article-nav-link-wrap:visited:hover:before, a.article-nav-link-wrap:visited:active:before, a.article-nav-link-wrap:visited:focus:before, a:hover > a.article-nav-link-wrap:visited:before, a:active > a.article-nav-link-wrap:visited:before, a:focus > a.article-nav-link-wrap:visited:before, a.article-nav-link-wrap:not(.disabled):not(:disabled):hover:before, a.article-nav-link-wrap:not(.disabled):not(:disabled):active:before, a.article-nav-link-wrap:not(.disabled):not(:disabled):focus:before, a:hover > a.article-nav-link-wrap:not(.disabled):not(:disabled):before, a:active > a.article-nav-link-wrap:not(.disabled):not(:disabled):before, a:focus > a.article-nav-link-wrap:not(.disabled):not(:disabled):before {
-      background-color: #22837b; }
-
-.pigimg, .mb {
-  padding-bottom: 1.5rem; }
-
-.screen-reader-text {
-  visibility: collapse;
-  font-size: 0; }
-
-nav.pagination {
-  padding-bottom: 1.5rem; }
-  nav.pagination .nav-links {
-    text-align: center;
-    width: 100%; }
-  nav.pagination .page-numbers, nav.pagination .next, nav.pagination .prev {
-    padding: 0.375rem;
-    padding-top: 0.125rem;
-    padding-bottom: 0.125rem;
-    margin: 0.1875rem;
-    margin-top: 0.125rem;
-    margin-bottom: 1.5rem;
-    line-height: 1.5rem;
-    height: auto;
-    border: 0px solid rgba(0, 0, 0, 0.3);
-    border-radius: 0px 0px 0px 0px;
-    font-weight: 400;
-    background-color: transparent;
-    position: relative;
-    z-index: 1;
-    overflow: visible;
-    padding-left: 0.375rem;
-    padding-right: 0.375rem;
-    color: #002b36; }
-    nav.pagination .page-numbers:hover, nav.pagination .page-numbers:active, nav.pagination .page-numbers:focus, a:hover > nav.pagination .page-numbers, a:active > nav.pagination .page-numbers, a:focus > nav.pagination .page-numbers, nav.pagination .next:hover, nav.pagination .next:active, nav.pagination .next:focus, a:hover > nav.pagination .next, a:active > nav.pagination .next, a:focus > nav.pagination .next, nav.pagination .prev:hover, nav.pagination .prev:active, nav.pagination .prev:focus, a:hover > nav.pagination .prev, a:active > nav.pagination .prev, a:focus > nav.pagination .prev {
-      text-decoration: none;
-      background-color: transparent; }
-    nav.pagination .page-numbers:focus, nav.pagination .next:focus, nav.pagination .prev:focus {
-      outline: none;
-      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0); }
-      nav.pagination .page-numbers:focus:before, nav.pagination .next:focus:before, nav.pagination .prev:focus:before {
-        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0.3);
-        outline: none; }
-    nav.pagination .page-numbers:before, nav.pagination .next:before, nav.pagination .prev:before {
-      content: " ";
-      position: absolute;
-      top: 0;
-      left: -0.1875rem;
-      right: -0.1875rem;
-      bottom: 0;
-      z-index: -1;
-      transform: skewX(-15deg);
-      transition: background-color 0.3s; }
-    nav.pagination .page-numbers:before, nav.pagination .next:before, nav.pagination .prev:before {
-      background-color: #eee8d5; }
-    nav.pagination .page-numbers:visited, nav.pagination .next:visited, nav.pagination .prev:visited {
-      color: #002b36; }
-      nav.pagination .page-numbers:visited:before, nav.pagination .next:visited:before, nav.pagination .prev:visited:before {
-        background-color: #eee8d5; }
-    nav.pagination .page-numbers:hover, nav.pagination .page-numbers:active, nav.pagination .page-numbers:focus, a:hover > nav.pagination .page-numbers, a:active > nav.pagination .page-numbers, a:focus > nav.pagination .page-numbers, nav.pagination .page-numbers:visited:hover, nav.pagination .page-numbers:visited:active, nav.pagination .page-numbers:visited:focus, a:hover > nav.pagination .page-numbers:visited, a:active > nav.pagination .page-numbers:visited, a:focus > nav.pagination .page-numbers:visited, nav.pagination .page-numbers:not(.disabled):not(:disabled):hover, nav.pagination .page-numbers:not(.disabled):not(:disabled):active, nav.pagination .page-numbers:not(.disabled):not(:disabled):focus, a:hover > nav.pagination .page-numbers:not(.disabled):not(:disabled), a:active > nav.pagination .page-numbers:not(.disabled):not(:disabled), a:focus > nav.pagination .page-numbers:not(.disabled):not(:disabled), nav.pagination .next:hover, nav.pagination .next:active, nav.pagination .next:focus, a:hover > nav.pagination .next, a:active > nav.pagination .next, a:focus > nav.pagination .next, nav.pagination .next:visited:hover, nav.pagination .next:visited:active, nav.pagination .next:visited:focus, a:hover > nav.pagination .next:visited, a:active > nav.pagination .next:visited, a:focus > nav.pagination .next:visited, nav.pagination .next:not(.disabled):not(:disabled):hover, nav.pagination .next:not(.disabled):not(:disabled):active, nav.pagination .next:not(.disabled):not(:disabled):focus, a:hover > nav.pagination .next:not(.disabled):not(:disabled), a:active > nav.pagination .next:not(.disabled):not(:disabled), a:focus > nav.pagination .next:not(.disabled):not(:disabled), nav.pagination .prev:hover, nav.pagination .prev:active, nav.pagination .prev:focus, a:hover > nav.pagination .prev, a:active > nav.pagination .prev, a:focus > nav.pagination .prev, nav.pagination .prev:visited:hover, nav.pagination .prev:visited:active, nav.pagination .prev:visited:focus, a:hover > nav.pagination .prev:visited, a:active > nav.pagination .prev:visited, a:focus > nav.pagination .prev:visited, nav.pagination .prev:not(.disabled):not(:disabled):hover, nav.pagination .prev:not(.disabled):not(:disabled):active, nav.pagination .prev:not(.disabled):not(:disabled):focus, a:hover > nav.pagination .prev:not(.disabled):not(:disabled), a:active > nav.pagination .prev:not(.disabled):not(:disabled), a:focus > nav.pagination .prev:not(.disabled):not(:disabled) {
-      color: #003f50; }
-      nav.pagination .page-numbers:hover:before, nav.pagination .page-numbers:active:before, nav.pagination .page-numbers:focus:before, a:hover > nav.pagination .page-numbers:before, a:active > nav.pagination .page-numbers:before, a:focus > nav.pagination .page-numbers:before, nav.pagination .page-numbers:visited:hover:before, nav.pagination .page-numbers:visited:active:before, nav.pagination .page-numbers:visited:focus:before, a:hover > nav.pagination .page-numbers:visited:before, a:active > nav.pagination .page-numbers:visited:before, a:focus > nav.pagination .page-numbers:visited:before, nav.pagination .page-numbers:not(.disabled):not(:disabled):hover:before, nav.pagination .page-numbers:not(.disabled):not(:disabled):active:before, nav.pagination .page-numbers:not(.disabled):not(:disabled):focus:before, a:hover > nav.pagination .page-numbers:not(.disabled):not(:disabled):before, a:active > nav.pagination .page-numbers:not(.disabled):not(:disabled):before, a:focus > nav.pagination .page-numbers:not(.disabled):not(:disabled):before, nav.pagination .next:hover:before, nav.pagination .next:active:before, nav.pagination .next:focus:before, a:hover > nav.pagination .next:before, a:active > nav.pagination .next:before, a:focus > nav.pagination .next:before, nav.pagination .next:visited:hover:before, nav.pagination .next:visited:active:before, nav.pagination .next:visited:focus:before, a:hover > nav.pagination .next:visited:before, a:active > nav.pagination .next:visited:before, a:focus > nav.pagination .next:visited:before, nav.pagination .next:not(.disabled):not(:disabled):hover:before, nav.pagination .next:not(.disabled):not(:disabled):active:before, nav.pagination .next:not(.disabled):not(:disabled):focus:before, a:hover > nav.pagination .next:not(.disabled):not(:disabled):before, a:active > nav.pagination .next:not(.disabled):not(:disabled):before, a:focus > nav.pagination .next:not(.disabled):not(:disabled):before, nav.pagination .prev:hover:before, nav.pagination .prev:active:before, nav.pagination .prev:focus:before, a:hover > nav.pagination .prev:before, a:active > nav.pagination .prev:before, a:focus > nav.pagination .prev:before, nav.pagination .prev:visited:hover:before, nav.pagination .prev:visited:active:before, nav.pagination .prev:visited:focus:before, a:hover > nav.pagination .prev:visited:before, a:active > nav.pagination .prev:visited:before, a:focus > nav.pagination .prev:visited:before, nav.pagination .prev:not(.disabled):not(:disabled):hover:before, nav.pagination .prev:not(.disabled):not(:disabled):active:before, nav.pagination .prev:not(.disabled):not(:disabled):focus:before, a:hover > nav.pagination .prev:not(.disabled):not(:disabled):before, a:active > nav.pagination .prev:not(.disabled):not(:disabled):before, a:focus > nav.pagination .prev:not(.disabled):not(:disabled):before {
-        background-color: #e3d9ba; }
-    nav.pagination .page-numbers.current, nav.pagination .next.current, nav.pagination .prev.current {
-      color: #fdf6e3; }
-      nav.pagination .page-numbers.current:before, nav.pagination .next.current:before, nav.pagination .prev.current:before {
-        background-color: #2aa198; }
-      nav.pagination .page-numbers.current:visited, nav.pagination .next.current:visited, nav.pagination .prev.current:visited {
-        color: #fdf6e3; }
-        nav.pagination .page-numbers.current:visited:before, nav.pagination .next.current:visited:before, nav.pagination .prev.current:visited:before {
-          background-color: #2aa198; }
-      nav.pagination .page-numbers.current:hover, nav.pagination .page-numbers.current:active, nav.pagination .page-numbers.current:focus, a:hover > nav.pagination .page-numbers.current, a:active > nav.pagination .page-numbers.current, a:focus > nav.pagination .page-numbers.current, nav.pagination .page-numbers.current:visited:hover, nav.pagination .page-numbers.current:visited:active, nav.pagination .page-numbers.current:visited:focus, a:hover > nav.pagination .page-numbers.current:visited, a:active > nav.pagination .page-numbers.current:visited, a:focus > nav.pagination .page-numbers.current:visited, nav.pagination .page-numbers.current:not(.disabled):not(:disabled):hover, nav.pagination .page-numbers.current:not(.disabled):not(:disabled):active, nav.pagination .page-numbers.current:not(.disabled):not(:disabled):focus, a:hover > nav.pagination .page-numbers.current:not(.disabled):not(:disabled), a:active > nav.pagination .page-numbers.current:not(.disabled):not(:disabled), a:focus > nav.pagination .page-numbers.current:not(.disabled):not(:disabled), nav.pagination .next.current:hover, nav.pagination .next.current:active, nav.pagination .next.current:focus, a:hover > nav.pagination .next.current, a:active > nav.pagination .next.current, a:focus > nav.pagination .next.current, nav.pagination .next.current:visited:hover, nav.pagination .next.current:visited:active, nav.pagination .next.current:visited:focus, a:hover > nav.pagination .next.current:visited, a:active > nav.pagination .next.current:visited, a:focus > nav.pagination .next.current:visited, nav.pagination .next.current:not(.disabled):not(:disabled):hover, nav.pagination .next.current:not(.disabled):not(:disabled):active, nav.pagination .next.current:not(.disabled):not(:disabled):focus, a:hover > nav.pagination .next.current:not(.disabled):not(:disabled), a:active > nav.pagination .next.current:not(.disabled):not(:disabled), a:focus > nav.pagination .next.current:not(.disabled):not(:disabled), nav.pagination .prev.current:hover, nav.pagination .prev.current:active, nav.pagination .prev.current:focus, a:hover > nav.pagination .prev.current, a:active > nav.pagination .prev.current, a:focus > nav.pagination .prev.current, nav.pagination .prev.current:visited:hover, nav.pagination .prev.current:visited:active, nav.pagination .prev.current:visited:focus, a:hover > nav.pagination .prev.current:visited, a:active > nav.pagination .prev.current:visited, a:focus > nav.pagination .prev.current:visited, nav.pagination .prev.current:not(.disabled):not(:disabled):hover, nav.pagination .prev.current:not(.disabled):not(:disabled):active, nav.pagination .prev.current:not(.disabled):not(:disabled):focus, a:hover > nav.pagination .prev.current:not(.disabled):not(:disabled), a:active > nav.pagination .prev.current:not(.disabled):not(:disabled), a:focus > nav.pagination .prev.current:not(.disabled):not(:disabled) {
-        color: #fffefb; }
-        nav.pagination .page-numbers.current:hover:before, nav.pagination .page-numbers.current:active:before, nav.pagination .page-numbers.current:focus:before, a:hover > nav.pagination .page-numbers.current:before, a:active > nav.pagination .page-numbers.current:before, a:focus > nav.pagination .page-numbers.current:before, nav.pagination .page-numbers.current:visited:hover:before, nav.pagination .page-numbers.current:visited:active:before, nav.pagination .page-numbers.current:visited:focus:before, a:hover > nav.pagination .page-numbers.current:visited:before, a:active > nav.pagination .page-numbers.current:visited:before, a:focus > nav.pagination .page-numbers.current:visited:before, nav.pagination .page-numbers.current:not(.disabled):not(:disabled):hover:before, nav.pagination .page-numbers.current:not(.disabled):not(:disabled):active:before, nav.pagination .page-numbers.current:not(.disabled):not(:disabled):focus:before, a:hover > nav.pagination .page-numbers.current:not(.disabled):not(:disabled):before, a:active > nav.pagination .page-numbers.current:not(.disabled):not(:disabled):before, a:focus > nav.pagination .page-numbers.current:not(.disabled):not(:disabled):before, nav.pagination .next.current:hover:before, nav.pagination .next.current:active:before, nav.pagination .next.current:focus:before, a:hover > nav.pagination .next.current:before, a:active > nav.pagination .next.current:before, a:focus > nav.pagination .next.current:before, nav.pagination .next.current:visited:hover:before, nav.pagination .next.current:visited:active:before, nav.pagination .next.current:visited:focus:before, a:hover > nav.pagination .next.current:visited:before, a:active > nav.pagination .next.current:visited:before, a:focus > nav.pagination .next.current:visited:before, nav.pagination .next.current:not(.disabled):not(:disabled):hover:before, nav.pagination .next.current:not(.disabled):not(:disabled):active:before, nav.pagination .next.current:not(.disabled):not(:disabled):focus:before, a:hover > nav.pagination .next.current:not(.disabled):not(:disabled):before, a:active > nav.pagination .next.current:not(.disabled):not(:disabled):before, a:focus > nav.pagination .next.current:not(.disabled):not(:disabled):before, nav.pagination .prev.current:hover:before, nav.pagination .prev.current:active:before, nav.pagination .prev.current:focus:before, a:hover > nav.pagination .prev.current:before, a:active > nav.pagination .prev.current:before, a:focus > nav.pagination .prev.current:before, nav.pagination .prev.current:visited:hover:before, nav.pagination .prev.current:visited:active:before, nav.pagination .prev.current:visited:focus:before, a:hover > nav.pagination .prev.current:visited:before, a:active > nav.pagination .prev.current:visited:before, a:focus > nav.pagination .prev.current:visited:before, nav.pagination .prev.current:not(.disabled):not(:disabled):hover:before, nav.pagination .prev.current:not(.disabled):not(:disabled):active:before, nav.pagination .prev.current:not(.disabled):not(:disabled):focus:before, a:hover > nav.pagination .prev.current:not(.disabled):not(:disabled):before, a:active > nav.pagination .prev.current:not(.disabled):not(:disabled):before, a:focus > nav.pagination .prev.current:not(.disabled):not(:disabled):before {
-          background-color: #22837b; }
-
-.card-select {
-  width: 100%; }
-
-.input-group {
-  padding-bottom: 1.5rem; }
-  .input-group input, .input-group textarea {
-    width: 100%;
-    background-color: #fdf6e3;
-    border-radius: 0px;
-    border: 1px solid rgba(0, 0, 0, 0.2);
-    padding: 0.375rem; }
+  width: 800px; }
diff --git a/tag.php b/tag.php
index 4321f7f..c746743 100644
--- a/tag.php
+++ b/tag.php
@@ -7,7 +7,7 @@
 </main>
 <!-- Sidebar custom pour contenir la description -->
 <aside class="sidebar">
-  <div class="card card-info">
+  <div class="card head-info">
     <div class="card-header"><i class="fa fa-fw fa-tag"></i> <?php echo single_cat_title(); ?></div>
     <div class="card-body">
       <?php echo tag_description();?>
diff --git a/taxonomy-roman.php b/taxonomy-roman.php
index 7f35020..eeedcaa 100644
--- a/taxonomy-roman.php
+++ b/taxonomy-roman.php
@@ -29,7 +29,7 @@
         $query = new WP_Query( $args );
       ?>
 
-			<div class="card card-primary">
+			<div class="card head-primary">
 			  <div class="card-header"><i class="fa fa-list" aria-hidden="true"></i> Chapitres</div>
 			  <div class="card-menu">
           <?php if($query->have_posts()) : ?>