diff --git a/generate.sh b/generate.sh
new file mode 100755
index 0000000..1d42ab5
--- /dev/null
+++ b/generate.sh
@@ -0,0 +1 @@
+sassc scss/style.scss > style.css
diff --git a/scss/_angled-edges.scss b/scss/_angled-edges.scss
new file mode 100644
index 0000000..1093932
--- /dev/null
+++ b/scss/_angled-edges.scss
@@ -0,0 +1,143 @@
+//-------------------------------------------------------------------------------------
+// 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/_blog.scss b/scss/_blog.scss
deleted file mode 100644
index b96c45a..0000000
--- a/scss/_blog.scss
+++ /dev/null
@@ -1,199 +0,0 @@
-/*
- *  6 - Blog Elements ( _blog.scss )
- *  
- *  All elements that are used for a blog (article previews, etc).
- *  "Commons" elements will be in other parts
-*/
-
-/* 1.1 - Comment area */
-
-.comment {
-  margin-bottom: 1.333em;
-}
-
-/* 2.1 - Previews */
-
-.preview-container {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap; 
-  justify-content: space-between;
-  align-content: flex-start;
-  margin-bottom:1em;
-  padding: 0;
-  width:100%;
-  
-  .preview {
-    width: 48%;
-    height:220px;
-  }
-}
-
-.preview {
-  margin:auto;
-  margin-bottom: 1em;
-  &-link {
-    display:block;
-    width:100%;
-    height:100%;
-    padding:0;
-    margin:0;
-    text-decoration:none!important;
-    &:hover .preview-item {
-      background-size: 133% auto;
-	    background-position: center center;
-    }
-  }
-  
-  &-item {
-    height: 100%;
-	  width: 100%;
-	  background-size: 100% auto;
-	  background-position: center center;
-	  transition: background-size .5s;
-  }
-}
-
-.preview-overlay {
-	height: 100%;
-	width: 100%;
-	opacity: 1;
-	padding: 0;
-	transition: background .5s;
-	color: #FFF;
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-end;
-	align-items: flex-start;
-	text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
-	color: white!important;
-	
-	background: linear-gradient(to top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 60%);
-	
-	&:hover {
-	  opacity: 1;
-	  
-	  h1, h2 {
-	    opacity: 1;
-	    color: #FFF;
-	  }
-	  
-	  .badge {
-	    background-color: lighten($color-category, 15%);
-	  }
-	}
-	
-	.badge {
-	  background-color: $color-category;
-	}
-  
-  h1, h2 {
-    max-width:100%;
-    margin:auto;
-    margin-bottom:0px;
-    text-align:left;
-    display:block;
-    font-size:2em;
-    transition: opacity .5s;
-    text-shadow: 1px 1px 0px rgba(0,0,0,1);
-    opacity: 0.6;
-    padding: 0.25em;
-	  color: #FFF;
-  }
-}
-
-.preview-item {
-  .preview-content {
-	  height: 100%;
-	  width: 100%;
-	  background-size: 100% auto;
-	  background-position: center center;
-	  transition: background-size .5s;
-  }
-  
-  &:hover .preview-content {
-    background-size: 133% auto;
-	  background-position: center center;
-  }
-}
-
-.preview-categories {
-  padding: 0.5em;
-  .badge {
-    font-size: 1em;
-    text-shadow: none;
-  }
-}
-
-/* 2.1.1 - Article list */
-
-.list-article {
-  display: flex;
-  flex-direction: row;
-  &-thumbnail {
-    display: block;
-    padding-top: 1.5em;
-    max-width: 200px;
-    img {
-      max-width: 100%;
-      height: auto;
-    }
-  }
-  
-  &-main {
-    width: 100%;
-    padding-left:1em;
-  }
-  &-title {
-    font-family: Teko;
-    font-weight: 600;
-    margin-bottom: 0em;
-    a {
-      color: #444;
-    }
-  }
-  &-metadata {
-    display:flex;
-    justify-content: space-between;
-  }
-  
-  &-content {
-    font-style: italic;
-  }
-}
-
-.navigation {
-  .pagination {
-    padding-top: 2em;
-    display:flex;
-    flex-direction: row;
-    justify-content: flex-end;
-  }
-}
-
-/* 3. Article mixts */
-
-.article-taxonomies {
-  display:flex;
-  flex-direction: row;
-  justify-content: space-between;
-  .badge:not(:last-child) {
-    margin-right:0.5em;
-  }
-}
-
-.wp-caption {
-  img {
-    max-width: 100%;
-    height: auto;
-  }
-  
-  &-text {
-    font-size: 0.9em;
-    font-style: italic;
-  }
-  
-  &.aligncenter {
-    margin: auto;
-  }
-}
diff --git a/scss/_buttons.scss b/scss/_buttons.scss
deleted file mode 100644
index ceb878c..0000000
--- a/scss/_buttons.scss
+++ /dev/null
@@ -1,188 +0,0 @@
-/*
- *  5 - Buttons ( _buttons.scss )
- *  
- *  This part of the (s)css handle the style of buttons-like and badges.
- *
-*/
-
-@mixin button-lighten($background-color, $text-color) {
-  background-color: lighten($background-color, 15%); 
-  color:$text-color;
-}
-
-@mixin button-color($background-color, $text-color) {
-  background-color: $background-color;
-  color: $text-color;
-  &, &:not(.disabled):not(:disabled) {
-    &:hover, &:active, &:focus {
-      @include button-lighten($background-color, $text-color);
-    }
-  }
-}
-
-.btn {
-	@include borders();
-	@include border-radius();
-	box-shadow: $large-shadow, $inset-shadow;
-	text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
-	@include button-color($color-light, #111);
-	font-weight: 600;
-  
-  &:hover {
-	box-shadow: $narrow-shadow, $inset-shadow;
-	@include borders();
-	text-decoration: none;
-  }
-  
-  &:active {
-	box-shadow: $inset-shadow-inverted;
-	@include borders();
-	text-decoration: none;
-  }
-}
-
-.btn {
-  &-blue { @include button-color($color-blue, #FFF); }
-  &-violet { @include button-color($color-violet, #FFF); }
-  &-purple { @include button-color($color-purple, #FFF); }
-  &-red { @include button-color($color-red, #FFF); }
-  &-orange { @include button-color($color-orange, #FFF); }
-  &-green { @include button-color($color-green, #FFF); }
-  &-skyblue { @include button-color($color-skyblue, #FFF); }
-  &-dark { @include button-color($color-dark, #FFF); }
-  &-light { @include button-color($color-light, #111); }
-  &-turquoise { @include button-color($color-turquoise, #FFF); }
-  &-yellow { @include button-color($color-yellow, #FFF); }
-  &-brown { @include button-color($color-brown, #FFF); }
-  &-grey { @include button-color($color-grey, #FFF); }
-  
-  &-primary { @include button-color($color-primary, #FFF); }
-  &-secondary { @include button-color($color-secondary, #FFF); }
-  &-warning { @include button-color($color-warning, #FFF); }
-  &-danger { @include button-color($color-danger, #FFF); }
-  &-info { @include button-color($color-info, #FFF); }
-  &-success { @include button-color($color-success, #FFF); }
-}
-
-.btn-group {
-	box-shadow: $large-shadow;
-}
-
-.btn-group .btn {
-	box-shadow: $inset-shadow;
-	@include border-radius();
-	&:not(:first-child) {
-	  border-top-left-radius: 0;
-	  border-bottom-left-radius: 0;
-	}
-	&:not(:last-child) {
-	  border-top-right-radius: 0;
-	  border-bottom-right-radius: 0;
-	}
-}
-
-.btn-group .btn:hover {
-	box-shadow: $inset-shadow;
-}
-
-.btn-group .btn:active, .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active,
-.show > .btn.dropdown-toggle {
-	box-shadow: $inset-shadow-inverted!important;
-	@include borders();
-}
-
-.btn:focus, .btn-primary:focus, .btn-secondary:focus, .btn-danger:focus, .btn-warning:focus, .btn-success:focus, .btn-info:focus, .btn-dark:focus, .btn-light:focus {
-	box-shadow: $narrow-shadow, $inset-shadow, 0px 0px 0px 2px rgba(0, 0, 0, 0.3);
-  outline: none;
-}
-
-.page-numbers {
-  @extend .btn;
-  @extend .btn-grey;
-  padding: 0.5em 1em 0.5em 1em;
-  margin-top: 0.1em;
-  color: #FFF;
-  
-  &.dots {
-    border: none;
-    background-color: transparent!important;
-    box-shadow: none;
-    color: #444;
-    text-shadow: none;
-  }
-}
-
-/* 5.1 - Réseaux sociaux */
-
-.share-buttons {
-  margin:15px;
-}
-
-.reagir {
-  text-align:right;
-  .btn {
-    margin-right:0.5em; 
-  }
-}
-
-.btn {
-  &-facebook {@include button-color(#3B5998, #FFF);}
-  &-twitter {@include button-color(#55ACEE, #FFF);}
-  &-googleplus {@include button-color(#d34836, #FFF);}
-  &-diaspora {@include button-color(#313739, #FFF);}
-  &-mastodon {@include button-color(#282c37, #FFF);}
-  &-whatsapp {@include button-color(#43d854, #FFF);}
-  &-linkedin {@include button-color(#0074A1, #FFF);}
-  &-buffer {@include button-color(#444, #FFF);}
-  &-pinterest {@include button-color(#bd081c, #FFF);}
-}
-
-/* 5.2 - Badges */
-
-@mixin badge-color($background-color, $text-color) {
-  background-color: $background-color;
-  color: $text-color;
-    &, &:not(.disabled):not(:disabled) {
-    &:hover, &:active, &:focus, a:hover > &, a:active > &, a:focus > & {
-      @include button-lighten($background-color, $text-color);
-    }
-  }
-}
-
-.badge {
-  @include borders();
-  @include border-radius();
-  text-decoration: none!important;
-  
-  &-pill {
-    border-radius: 10rem;
-  }
-}
-
-.badge {
-  &-blue { @include badge-color($color-blue, #FFF); }
-  &-violet { @include badge-color($color-violet, #FFF); }
-  &-purple { @include badge-color($color-purple, #FFF); }
-  &-red { @include badge-color($color-red, #FFF); }
-  &-orange { @include badge-color($color-orange, #FFF); }
-  &-green { @include badge-color($color-green, #FFF); }
-  &-skyblue { @include badge-color($color-skyblue, #FFF); }
-  &-dark { @include badge-color($color-dark, #FFF); }
-  &-light { @include badge-color($color-light, #111); }
-  &-turquoise { @include badge-color($color-turquoise, #FFF); }
-  &-yellow { @include badge-color($color-yellow, #FFF); }
-  &-brown { @include badge-color($color-brown, #FFF); }
-  &-grey { @include badge-color($color-grey, #FFF); }
-  
-  &-primary { @include badge-color($color-primary, #FFF); }
-  &-secondary { @include badge-color($color-secondary, #FFF); }
-  &-warning { @include badge-color($color-warning, #FFF); }
-  &-danger { @include badge-color($color-danger, #FFF); }
-  &-info { @include badge-color($color-info, #FFF); }
-  &-success { @include badge-color($color-success, #FFF); }
-  
-  &-category { @include badge-color($color-category, #FFF); }
-  &-tag { @include badge-color($color-tag, #FFF); }
-  
-}
-
diff --git a/scss/_cards.scss b/scss/_cards.scss
deleted file mode 100644
index e1f82dc..0000000
--- a/scss/_cards.scss
+++ /dev/null
@@ -1,235 +0,0 @@
-/*
- *  4 - Cards( _cards.scss )
- *  
- *  This part of the (s)css handle the style of cards-like elements,
- *  elements that are supposed to handle contents inside a box.
- *
- *  Elements like alerts, breadcrumb… are considered as "card-like".
- *
-*/
-
-@mixin card-color($background-color, $text-color) {
-  & > .card-header { background-color: $background-color; color:$text-color; }
-}
-
-.card {
-  @include border-radius();
-	box-shadow: $large-shadow;
-  border: none;
-  margin-bottom:1.2em;
-}
-
-.card {
-  &-blue { @include card-color($color-blue, #FFF); }
-  &-violet { @include card-color($color-violet, #FFF); }
-  &-purple { @include card-color($color-purple, #FFF); }
-  &-red { @include card-color($color-red, #FFF); }
-  &-orange { @include card-color($color-orange, #FFF); }
-  &-green { @include card-color($color-green, #FFF); }
-  &-skyblue { @include card-color($color-skyblue, #FFF); }
-  &-dark { @include card-color($color-dark, #FFF); }
-  &-light { @include card-color($color-light, #111); }
-  &-turquoise { @include card-color($color-turquoise, #FFF); }
-  &-yellow { @include card-color($color-yellow, #FFF); }
-  &-brown { @include card-color($color-brown, #FFF); }
-  &-grey { @include card-color($color-grey, #FFF); }
-  
-  &-primary { @include card-color($color-primary, #FFF); }
-  &-secondary { @include card-color($color-secondary, #FFF); }
-  &-warning { @include card-color($color-warning, #FFF); }
-  &-danger { @include card-color($color-danger, #FFF); }
-  &-info { @include card-color($color-info, #FFF); }
-  &-success { @include card-color($color-success, #FFF); }
-}
-
-.card-shadow {
-  box-shadow: $large-shadow, $inset-shadow;
-}
-
-/* 4.1 - Header and titles */
-
-.card-header {
-  @include borders();
-  font-size:1.1em;
-  box-shadow: $inset-relief;
-	text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
-  font-weight:600;
-  border-radius: 0;
-  
-  &:first-child {
-    @include border-radius();
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-  
-  &:last-child {
-    @include border-radius();
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-  
-  h1, h2, h3, h4, h5, h6, h7, h8, h9, h10  {
-    font-family: 'OpenSans';
-    font-size:1em;
-    text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
-    padding:0px;
-    margin:0px;
-    color:#FFF;
-    font-weight:600;
-    line-height:1.5em;
-  }
-}
-
-/* 4.2 - Cards meta */
-
-.card-meta {
-  @include border-radius();
-	padding:1em;
-  box-shadow: $large-shadow, $inset-shadow;
-  border: 0;
-  background-color:#eeeeec;
-  margin-bottom:1.2em;
-  @include li-no-margin();
-  
-  &.media {
-    -ms-flex-align: center !important;
-    align-items: center !important;
-  }
-  
-  .media-left .media-object {
-	  height: 64px;
-	  width: 64px;
-	  border-radius: 100%;
-    margin-right:1em;
-  }
-  
-  img.avatar {
-    border-radius: 100%;
-    margin-right:1em;
-  }
-  
-  
-  author {
-	  display:block;
-	  font-weight:600;
-  }
-
-  time {
-  	display:block;
-  	font-style:italic;
-  }
-  
-  @include li-no-margin();
-}
-/* 4.3 - Cards list-groups */
-
-section.widget {
-  ul {
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    padding-left: 0;
-    margin-bottom: 0;
-    li {
-      list-style: none;
-      padding: 0;
-      margin: 0;
-      &.recentcomments {
-        position: relative;
-        display: block;
-        padding: .75rem 1.25rem;
-        margin-bottom: -1px;
-        background-color: #fff;
-        border: 0px solid rgba(0,0,0,.125);
-        list-style: none;
-      }
-      a {
-        position: relative;
-        display: block;
-        padding: .75rem 1.25rem;
-        margin-bottom: -1px;
-        background-color: #fff;
-        border: 0px solid rgba(0,0,0,.125);
-        list-style: none;
-        &:hover {
-          background-color: #eee;
-          text-decoration: none; 
-        }
-      }
-    }
-  }
-}
-
-.list-group-item {
-	border: none;
-	background-color:transparent;
-}
-
-a.list-group-item:hover {
-	border-style:none;
-	border-width:0px;
-	border-radius:0px;
-	background-color:rgba(0,0,0,0.1);
-}
-
-/* 4.4 - Cards list-groups */
-
-@mixin alert-color($background-color) {
-  background-color: lighten($background-color, 35%);
-  color: darken($background-color, 80%);
-}
-
-.alert {
-  @include borders();
-  @include border-radius();
-  color:rgba(0, 0, 0, 0.7);
-  box-shadow: $large-shadow;
-  &-flex {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    & > p {
-      padding-bottom: 0;
-    }
-  }
-}
-
-.alert {
-  &-blue { @include alert-color($color-blue); }
-  &-violet { @include alert-color($color-violet); }
-  &-purple { @include alert-color($color-purple); }
-  &-red { @include alert-color($color-red); }
-  &-orange { @include alert-color($color-orange); }
-  &-green { @include alert-color($color-green); }
-  &-skyblue { @include alert-color($color-skyblue); }
-  &-dark { @include alert-color($color-dark); }
-  &-light { @include alert-color($color-light); }
-  &-turquoise { @include alert-color($color-turquoise); }
-  &-yellow { @include alert-color($color-yellow); }
-  &-brown { @include alert-color($color-brown); }
-  &-grey { @include alert-color($color-grey); }  
-  
-  &-primary { @include alert-color($color-primary); }
-  &-secondary { @include alert-color($color-secondary); }
-  &-warning { @include alert-color($color-warning); }
-  &-danger { @include alert-color($color-danger); }
-  &-info { @include alert-color($color-info); }
-  &-success { @include alert-color($color-success); }
-}
-
-.alert a, .alert-link {
-  color:rgba(0, 0, 0, 0.7);
-  font-weight:bold;
-}
-
-/* 4.5 - Breadcrumbs */
-
-.breadcrumb {
-  @include border-radius();
-	box-shadow: $large-shadow, $inset-shadow;
-  border: 0;
-  background-color:#eeeeec;
-  margin-bottom:1.2em;
-  @include li-no-margin();
-}
diff --git a/scss/_definitions.scss b/scss/_definitions.scss
index 80fb48c..fa0c9cb 100644
--- a/scss/_definitions.scss
+++ b/scss/_definitions.scss
@@ -1,31 +1,101 @@
-/*
- *  1 - Definitions
- *  
- *  This part of the (s)css contain every definitions, mixins,
- *  and differents unilities that can be used everywhere in the code.
- *
-*/
+/* --- 01. 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
+ */
+
+// 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.2);
-$inset-shadow-inverted: inset 0px 2px 0px rgba(0, 0, 0, 0.2);
-$inset-relief: inset 0px 2px 0px rgba(255, 255, 255, 0.1);
+$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: 1px;
+$border-size: 0px;
 
-$color-primary: $color-red;
-$color-secondary: $color-dark;
-$color-link: $color-blue;
-$color-selection: $color-blue;
-$color-mark: $color-yellow;
+$fontweight_big: 300;
+$fontweight_base: 400;
+$fontweight_bold: 600;
+$fontweight_hyper: 800;
 
-$color-category: $color-blue;
-$color-tag: $color-grey;
+$basefont: Open Sans, sans-serif;
+$titlefont: Amatic SC, sans-serif;
 
-$color-font: #444;
+
+// 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)
@@ -35,103 +105,20 @@ $color-font: #444;
   border-radius: $border-radius $border-radius $border-radius $border-radius;
 }
 
-@mixin li-no-margin() {
-  li {
-    margin: 0;
-  }
-}
+@mixin biseau($size) {
+    position: relative;
+    z-index:1;
+    overflow: visible;
 
-/* 1.1 - Utils */
-
-.no-pills {
-	list-style:none;
-}
-
-.align {
-  &-center, &center {text-align: center;}
-  &-left, &left {text-align: left;}
-  &-right, &right {text-align: right;}
-}
-
-/* 1.2 - Background colors */
-
-@mixin background-color($background-color, $text-color) {
-  background-color: $background-color!important;
-  color: $text-color;
-}
-
-.bg {
-  &-blue { @include background-color($color-blue, #FFF); }
-  &-violet { @include background-color($color-violet, #FFF); }
-  &-purple { @include background-color($color-purple, #FFF); }
-  &-red { @include background-color($color-red, #FFF); }
-  &-orange { @include background-color($color-orange, #FFF); }
-  &-green { @include background-color($color-green, #FFF); }
-  &-skyblue { @include background-color($color-skyblue, #FFF); }
-  &-dark { @include background-color($color-dark, #FFF); }
-  &-light { @include background-color($color-light, #111); }
-  &-turquoise { @include background-color($color-turquoise, #FFF); }
-  &-yellow { @include background-color($color-yellow, #FFF); }
-  &-brown { @include background-color($color-brown, #FFF); }
-  &-grey { @include background-color($color-grey, #FFF); }  
-  
-  &-primary { @include background-color($color-primary, #FFF); }
-  &-secondary { @include background-color($color-secondary, #FFF); }
-  &-warning { @include background-color($color-warning, #FFF); }
-  &-danger { @include background-color($color-danger, #FFF); }
-  &-info { @include background-color($color-info, #FFF); }
-  &-success { @include background-color($color-success, #FFF); }
-}
-
-/* 1.3 - Screen Reader */
-
-@media screen {
-  .screen-reader-text {
-    display: none;
-  }
-}
-
-/* 2. Forms elements */
-
-select {
-  @include borders();
-  @include border-radius();
-  
-  display: block;
-  width: 100%;
-  height: calc(2.25rem + 2px);
-  padding: .375rem .75rem;
-  font-size: 1rem;
-  line-height: 1.5em;
-  color: $color-font;
-  background-color: #fff;
-  background-clip: padding-box;
-  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-  margin-top: 0.75rem;
-}
-
-.input-group {
-  border-color: $color-dark;
-  &-prepend {
-    background-color: $color-grey;
-    @include borders();
-    @include border-radius();
-  }
-  
-  &-text {
-    background-color: transparent;
-    color: #FFF;
-    border: none;
-    text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
-  }
-  
-  .form-control {
-    @include borders();
-    @include border-radius();
-    
-    box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.1);
-    &:focus {
-      box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 2px lighten($color-primary, 20%) ;
+    &: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;
     }
-  }
 }
diff --git a/scss/_drawing.scss b/scss/_drawing.scss
new file mode 100644
index 0000000..0757664
--- /dev/null
+++ b/scss/_drawing.scss
@@ -0,0 +1,97 @@
+/* --- 04. COMPOSANTS --- */
+
+/*
+ * Les différents composants réutilisables de la page.
+ *
+ */
+
+@import 'components/cards';
+
+@import 'components/buttons';
+
+@import 'components/previews';
+
+.article-meta, .article-nav {
+  display: flex;
+  justify-content: space-between;
+  padding-bottom: 1.5rem;
+}
+
+.article-category-link {
+    @include button($button_small);
+    padding-left: $button_small;
+    padding-right: $button_small;
+    @include button-color($color-info, $color-button-light);
+      &:hover, &:active {
+          @include borders();
+      }
+
+      p &:last-child {
+          margin-bottom:0;
+      }
+}
+
+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);
+}
+
+.article-more-link {
+  text-align: center;
+  a {
+      @include button($button_large);
+      padding-left: $button_large;
+      padding-right: $button_large;
+        &:hover, &:active {
+            @include borders();
+        }
+
+        p &:last-child {
+            margin-bottom:0;
+        }
+      @include button-fullcontrol(transparent, rgba(0,0,0,0.05), $color-primary);
+  }
+}
+
+.btn-navbar {
+    @include button($button_large);
+    padding-left: $button_small;
+    padding-right: $button_small;
+    @include button-fullcontrol(transparent, rgba(0,0,0,0.1), $color-light);
+}
+
+.pigimg, .mb {
+  padding-bottom:1.5rem;
+}
+
+#page-nav {
+  padding-bottom:1.5rem;
+  .page-number, .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%;
+}
diff --git a/scss/_font-face.scss b/scss/_font-face.scss
index 5b35712..fa334ea 100644
--- a/scss/_font-face.scss
+++ b/scss/_font-face.scss
@@ -1,6 +1,6 @@
 /* 2.1 - Font Face */
 
-/* 2.1.1 - OpenSans */
+/* 2.1.1 - OpenSans 
 
 @font-face {
     font-family: 'OpenSans';
@@ -120,36 +120,4 @@
          url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansbold') format('svg');
     font-weight: 800;
     font-style: italic;
-}
-
-/* 2.1.2 - Teko */
-
-@font-face {
-    font-family: 'Teko';
-    src: url('fonts/teko-light-webfont.woff');
-    font-weight: 300;
-}
-
-@font-face {
-    font-family: 'Teko';
-    src: url('fonts/teko-regular-webfont.woff');
-    font-weight: 400;
-}
-
-@font-face {
-    font-family: 'Teko';
-    src: url('fonts/teko-medium-webfont.woff');
-    font-weight: 500;
-}
-
-@font-face {
-    font-family: 'Teko';
-    src: url('fonts/teko-semibold-webfont.woff');
-    font-weight: 600;
-}
-
-@font-face {
-    font-family: 'Teko';
-    src: url('fonts/teko-bold-webfont.woff');
-    font-weight: 700;
-}
+}*/
\ No newline at end of file
diff --git a/scss/_global.scss b/scss/_global.scss
index 5298514..839d7e5 100644
--- a/scss/_global.scss
+++ b/scss/_global.scss
@@ -1,123 +1,261 @@
+/* --- 03. GLOBAL STYLING --- */
+
 /*
- *  3 - Global elements ( _global.scss )
- *  
- *  This part of the (s)css handle the style of "global" elements
- *  like the wrapper, the navbars, the header.
+ * Les styles "globaux" touchant toute la page.
  *
-*/
+ */
 
-body {
-  background: #666 url('img/background.png');
-  padding: 30px;
-  background-attachment: fixed;
-}
-
-@media (max-width: 767.98px) {
-  body {
-    background: none;
-    padding: 0;
-  }
-}
-
-#wrapper {
-  background-color: #FFF
-}
-
-/*  3.1 - Header */
-
-header {
-  background: #EEE url('img/background.png');
-  margin-bottom:30px;
-  h1 {
-	  border-style:none !important;
-	  font-weight:700;
-	  font-size:1em;
-    line-height:1em;
-	  padding-bottom:0px;
-	  padding:2.33333em;
-    margin:auto;
-    text-align:center;    
-    img {
-      max-width: 100%;
-      height: auto;
+@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-turquoise url('img/background.png') center bottom repeat-x;
+    border-top: 6px solid $color-dark2;
+    padding-bottom:3rem;
+
+    .header-collumns {
+      @include container-big();
+      display: grid;
+      grid-template-columns: 1fr;
+      grid-template-areas:
+      "nav"
+      "logo";
+      grid-template-rows: auto;
+      grid-gap: $lineheight;
+      padding-bottom: $lineheight;
+
+      .navbar-area {
+        grid-area: nav;
+        text-align: center;
+      }
+
+      .logo-area {
+        grid-area: logo;
+      }
+
+      @include lg() {
+        grid-template-columns: 1fr 1fr;
+        grid-template-areas: "logo nav";
+        height:11*$lineheight;
+        padding-bottom:0;
+        .navbar-area {
+          text-align: right;
+        }
+      }
+
+      @include xxl() {
+        height:13*$lineheight;
+
+      }
+
+    }
+}
+
+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;
+
+    img {
+      width: 100%;
+      height: auto;
+      margin-top:0.75rem;
     }
-  }
 }
 
 .navbar {
-  box-shadow: $large-shadow;
-  @include borders();
-  border-left: 0;
-  border-right: 0;
-  ul {
-    padding-bottom:0;
-  }
-  @include li-no-margin();
-  
-  .form-control {
-    opacity: 0.3;
-    background-color: rgba(0, 0, 0, 0.3);
-    color: white;
-    border: none;
-    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, background-color, opacity .15s ease-in-out, background-color .15s ease-in-out, color .15s ease-in-out;
-    @include border-radius();
-    &::placeholder {
-      color: #FFF;
-      transition: color .15s ease-in-out;
+    border-left: 0;
+    border-right: 0;
+    padding: 0.75rem;
+    color: $color-light;
+    a {
+        color: $color-light;
     }
-    &:hover {
-      opacity: 0.7;
-      background-color: #FFF;
-      color: #444;
-      &::placeholder {
-      color: #444;
-      }
-    }
-    &:focus, &:hover:focus {
-      opacity: 1;
-      background-color: #FFF;
-      color: #444;
-      box-shadow: $inset-shadow-inverted;
-      &::placeholder {
-      color: #444;
-      }
-    }
-  }
+    @include li-no-margin();
 }
 
 .dropdown-menu {
-  box-shadow: $narrow-shadow, $inset-shadow;
+    box-shadow: $narrow-shadow, $inset-shadow;
+}
+/* ------------------ CONTAINERS ------------------- */
+
+.container-big {
+    @include container-big();
 }
 
-/*  3.2 - Footer */
+.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;
+}
+
+.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 {
-  margin-top:40px;
+    @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;
+      }
+
+    }
 }
 
-/* 3.2.1 - Social Network Buttons */
+/* social media */
 
 ul.social {
-  font-size:1.5em;
-  padding-bottom:1em;
-  margin:auto;
-  text-align:center;
-  li {
-    margin:0;
-    list-style: none;
-    display: inline;
-    a {
-      color:#FFFFFF;
-      background-color:#000000;
-      padding:0.3em;
-      padding-left:0.36em;
-      padding-right:0.36em;
-      vertical-align:middle;
-      border-radius:100%;
-      &:hover {
-        color:#000;
-        background-color:#FFF
-      }
+    font-size:1.5em;
+    padding-bottom:1.5em;
+    margin:auto;
+    text-align:center;
+    li {
+        margin:0;
+        list-style: none;
+        display: inline;
+        a {
+            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;
+            }
+        }
     }
-  }
 }
diff --git a/scss/_palette.scss b/scss/_palette.scss
index c5d6468..6b7521e 100644
--- a/scss/_palette.scss
+++ b/scss/_palette.scss
@@ -1,18 +1,128 @@
-$color-blue: #4e63c9;
-$color-violet: #ce4dcd;
-$color-purple: #7951c0;
-$color-red: #e33d22;
-$color-orange: #eb790a;
-$color-green: #75b82d;
-$color-skyblue: #42a0f3;
-$color-dark: #2D2D2D;
-$color-light: #eeeeec;
-$color-turquoise: #46bd9e;
-$color-yellow: #f6d32d;
-$color-brown: #986a44;
-$color-grey: #77767b;
+/* --- 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-purple: #6c71c4;
+$color-red: #dc322f;
+$color-orange: #cb4b16;
+$color-green: #859900;
+$color-skyblue: #2aa198;
+$color-dark: #002b36;
+$color-light: #fdf6e3;
+$color-turquoise: #2aa198;
+$color-yellow: #b58900;
+$color-brown: #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
+
+a, a:hover, a:active {
+    color: $color-link;
+}
+
+::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); }
+    &-purple { @include background-color($color-purple, $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); }
+    &-turquoise { @include background-color($color-turquoise, $color-light); }
+    &-yellow { @include background-color($color-yellow, $color-light); }
+    &-brown { @include background-color($color-brown, $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); }
+    &-purple { @include text-color($color-purple); }
+    &-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); }
+    &-turquoise { @include text-color($color-turquoise); }
+    &-yellow { @include text-color($color-yellow); }
+    &-brown { @include text-color($color-brown); }
+    &-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
index 23adb86..dc68d56 100644
--- a/scss/_typography.scss
+++ b/scss/_typography.scss
@@ -1,6 +1,6 @@
 /*
  *  2 - Typography ( _typography.scss )
- *  
+ *
  *  This part of the (s)css handle everything related to the typography
  *  like paragraphs, blockquote, etc.
  *
@@ -12,29 +12,30 @@
 
 @mixin paragraph() {
   padding:0;
-  padding-bottom:1.5em;
+  padding-bottom: $lineheight;
   margin: 0;
 }
 
 body {
-	font-family: OpenSans, sans-serif;
+	font-family: $basefont;
 	text-align: left;
-	font-size:  4mm;
-	line-height: 1.5em; 
+  font-size:  $fontsize;
+	line-height: $lineheight;
 	color: $color-font;
-	font-weight: 400;
+  font-weight: $fontweight_base;
 }
 
 .night-mode {
-  color:#BBB;
+  color: $color-light2;
 }
 
 strong {
-	font-weight: 600;
+	font-weight: $fontweight_bold;
 }
 
 em {
-	font-style: italic;
+  font-style: italic;
+  font-weight: $fontweight_base;
 }
 
 a {
@@ -52,59 +53,53 @@ p {
   }
 }
 
-ul {
+ul, ol {
   @include paragraph();
-  ul {
+  list-style: disc;
+  ul, ol {
     padding-bottom:0;
+    margin:0;
   }
   li {
-    margin-left:1.5em;
+    margin:0;
+    margin-left: $lineheight;
+    line-height: $lineheight;
   }
 }
 
-ol {
-  @include paragraph();
-  ol {
-    padding-bottom:0;
-  }
-  li {
-    margin-left:1.5em;
-  }
-}
-
-
-::selection { background: $color-selection; color: #fff; }
-::-moz-selection { background: $color-selection; color: #fff; }
+::selection { background: $color-selection; color: $color-light; }
+::-moz-selection { background: $color-selection; color: $color-light; }
 
 /* 2.2 - Text Wrapper */
 
-.article-content {
-  font-size: calc(4mm + 0.4vw);
-  line-height: 1.5em;
-  padding: 1em;
-  font-weight:300;
-  p, em, p em {
-    font-weight:300;
+.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;
-    font-size: calc(3.5mm + 0.4vw);
   }
   .article-author {
     margin:0;
@@ -113,46 +108,45 @@ ol {
       margin:0;
     }
   }
-  
+
   .bypass-flex-fontsize {
-    font-size: 4mm;
-    line-height: 1.5em;
+    line-height: $lineheight;
   }
 }
 
+article.maintext {
+  padding-bottom: $lineheight;
+}
+
 /* 2.3 - Titles */
 
-@mixin title($size, $height, $top, $bottom, $weight) {
-	font-size: $size; 
-	line-height: $height; 
-	padding: $top 0 $bottom 0;
-	font-weight: $weight;
+@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: 'Teko';
+  font-family: $basefont;
   text-align: left;
-	font-size: 1em; 
-	line-height: 1.5em; 
+	font-size: 1em;
 	padding:0;
 	margin:0;
-	font-weight:400;
-	
+	font-weight: $fontweight_base;
+
 	&.page-title {
-    font-family: Teko;
     color: $color-primary;
-    border-bottom: 3px solid $color-primary;
-    font-weight: 600;
-    text-shadow: 2px 2px 0px rgba(0,0,0,.2);
-    box-shadow: 0px 2px 0px rgba(0,0,0,.2);
-    margin-bottom: 0.5em; 
-    padding: 0;
+
     i {
       font-size: 0.55em;
       position: relative;
       top: -0.175em;
     }
-    
+
     &-flex {
       display: flex;
       flex-direction: row;
@@ -160,7 +154,7 @@ h1, h2, h3, h4, h5, h6, h7 {
       & > span, & > i, & > a {
         display: block;
       }
-      
+
       & > a {
         color: $color-primary;
         &:hover, &:focus, &:active {
@@ -172,27 +166,30 @@ h1, h2, h3, h4, h5, h6, h7 {
 }
 
 h1 {
-  @include title(2.3333333em, 1em, 0.333333em, 0.6em, 700);
+  //@include title(3.33em, 1.2em, 0.0em, 0.2em, 200);
+  @include newTitle($titlefont, 3.815, $fontweight_big);
+  color: $color-primary;
 }
 
 h2 {
-  @include title(2em, 1.5em, 0.333333em, 0.4em, 700);
+  //@include title(2.725em, 1.125em, 0em, 0.5625em, 200);
+  @include newTitle($basefont, 2.441, $fontweight_big);
 }
 
 h3 {
-  @include title(1.5em, 1em, 0em, 1em, 700);
+  @include newTitle($basefont, 1.953, $fontweight_bold);
 }
 
 h4 {
-  @include title(1.5em, 1em, 0em, 1em, 600);
+  @include newTitle($basefont, 1.563, $fontweight_hyper);
 }
 
 h5 {
-  @include title(1.333333em, 1em, 0.1em, 1.133333em, 600);
+  @include newTitle($basefont, 1.25, $fontweight_bold);
 }
 
 h6 {
-  @include title(1.1em, 1.4em, 0.1em, 1.2em, 600);
+  @include newTitle($basefont, 1, $fontweight_hyper);
 }
 
 /* 2.4 - hr */
@@ -210,32 +207,43 @@ hr {
 /* 2.5 - Wells and quotes */
 
 @mixin well() {
-  border-width: 0 0 0 0.2em;
-	border-style: solid;
-	border-radius: 3px;
-	
-	margin: -0.75em -0.2em 0.75em -0.2em;
-	padding: 0.75em 1em 0.75em 1em;
-	
-	max-width: 100%;
-	border-color: $color-primary;
+  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, .well {
+blockquote, .quote {
   @include well();
-}
-
-pre, .pre, .well-pre {
-  @include well();
-	background-color:#EEE;
-	overflow-x: scroll;
-	
-	.night-mode & {
-    background-color:#222;
-    border-color:rgba(255,255,255,0.20);
+  &:before {
+    content:"";
   }
 }
 
+.well, pre, .pre, .well-pre {
+  @include well();
+}
+
+
+
+code {
+  background:transparent;
+  color: $color-red;
+}
+
+.container-typographic {
+  max-width: 800px;
+  margin:auto;
+  margin-bottom: 3rem;
+}
+
 
 
 /* 2.6 - Special styling */
@@ -243,7 +251,7 @@ pre, .pre, .well-pre {
 mark {
   border-radius: 0.2em;
   padding:0 0.2em 0 0.2em;
-  
+
   background-color: lighten($color-mark, 30%);
   color: inherit;
 }
@@ -278,8 +286,8 @@ mark {
   &-turquoise { @include text-color($color-turquoise); }
   &-yellow { @include text-color($color-yellow); }
   &-brown { @include text-color($color-brown); }
-  &-grey { @include text-color($color-grey); }  
-  
+  &-grey { @include text-color($color-grey); }
+
   &-primary { @include text-color($color-primary); }
   &-secondary { @include text-color($color-secondary); }
   &-warning { @include text-color($color-warning); }
@@ -287,3 +295,54 @@ mark {
   &-info { @include text-color($color-info); }
   &-success { @include text-color($color-success); }
 }
+
+/* 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); }
+  &-purple { @include table-color($color-purple); }
+  &-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); }
+  &-turquoise { @include table-color($color-turquoise); }
+  &-yellow { @include table-color($color-yellow); }
+  &-brown { @include table-color($color-brown); }
+  &-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); }
+}
diff --git a/scss/components/_buttons.scss b/scss/components/_buttons.scss
new file mode 100644
index 0000000..6435356
--- /dev/null
+++ b/scss/components/_buttons.scss
@@ -0,0 +1,200 @@
+/*
+ * 3. Buttons and labels
+ * All clickable elements
+ *
+*/
+
+$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 {
+        @include borders();
+    }
+
+    p &:last-child {
+        margin-bottom:0;
+    }
+}
+
+.label, label.label, a.label, .chip, a.chip {
+    @include biseau($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
+
+.navbar .btn-link {
+    @include button-fullcontrol(transparent, rgba(0,0,0,0.2), $color-light);
+}
+
+.btn-readmore {
+    @include button-fullcontrol(transparent, rgba(0,0,0,0.2), $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); }
+    &-purple { @include button-color($color-purple, $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); }
+    &-turquoise { @include button-color($color-turquoise, $color-button-light); }
+    &-yellow { @include button-color($color-yellow, $color-button-light); }
+    &-brown { @include button-color($color-brown, $color-button-light); }
+    &-grey { @include button-color($color-grey, $color-button-light); }
+
+    &-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;
+  }
+
+  .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);}
+  }
diff --git a/scss/components/_cards.scss b/scss/components/_cards.scss
new file mode 100644
index 0000000..c88477a
--- /dev/null
+++ b/scss/components/_cards.scss
@@ -0,0 +1,246 @@
+/*
+ * 2. Cards and containers
+ * All elements that are supposed to contain other stuff
+ *
+ *
+*/
+
+$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;
+
+    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);
+
+    &-body {
+        padding:0!important;
+        margin:0!important;
+    }
+
+    &-header {
+        @include card-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 {
+            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 {
+            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 */
+
+
+@mixin list-symbol($symbol) {
+    li.list-element {
+        list-style: none;
+        &::before {
+            font-family: "ForkAwesome";
+            content:$symbol;
+            padding-right:$lineheight_half;
+        }
+    }
+}
+
+@mixin list-color($color) {
+    li.list-element {
+        &::before {
+            color: $color;
+        }
+    }
+}
+
+ul.card-list {
+    padding:0;
+    margin:0;
+    li.list-element {
+        line-height:$lineheight;
+        padding-right:$lineheight_half;
+        padding-left:$lineheight_quarter;
+        padding-top:$lineheight_quarter;
+        padding-bottom:$lineheight_quarter;
+        margin:0;
+    }
+}
+
+.list {
+    &-check {@include list-symbol("\f00c");}
+    &-cross {@include list-symbol("\f00d");}
+
+    &-danger{@include list-color($color-danger);}
+    &-success{@include list-color($color-success);}
+}
+
+.smallcard, .toast {
+    @include card($card-smallpad);
+    &-header {
+        @include card-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); }
+    &-purple { @include card-color($color-purple, $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); }
+    &-turquoise { @include card-color($color-turquoise, $color-light); }
+    &-yellow { @include card-color($color-yellow, $color-light); }
+    &-brown { @include card-color($color-brown, $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); }
+    &-purple { @include background-color($color-purple, $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); }
+    &-turquoise { @include background-color($color-turquoise, $color-light); }
+    &-yellow { @include background-color($color-yellow, $color-light); }
+    &-brown { @include background-color($color-brown, $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); }
+  }
diff --git a/scss/components/_previews.scss b/scss/components/_previews.scss
new file mode 100644
index 0000000..7d2c7d9
--- /dev/null
+++ b/scss/components/_previews.scss
@@ -0,0 +1,250 @@
+/*
+ * 4. Previews
+ * Special style for previews cards
+ *
+*/
+$preview-height: 8*$lineheight;
+
+.previews-section {
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: auto;
+  grid-gap: $lineheight;
+  padding-bottom: $lineheight;
+
+  @include xl() {
+    grid-template-columns: 1fr 1fr;
+  }
+
+  @include xxl() {
+    grid-template-columns: 1fr 1fr 1fr;
+  }
+}
+
+.preview-container {
+  width:100%;
+}
+
+@media(max-width:767px){}
+@media(min-width:768px){}
+@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%;
+  margin:auto;
+  box-shadow: $large-shadow, $inset-shadow;
+}
+
+.preview-link:hover {
+  text-decoration:none!important;
+}
+
+.preview-item {
+  height: $preview-height;
+  font-size:0.9rem;
+	line-height: $lineheight !important;
+  text-align:justify;
+  background-color:rgba(0,0,0,0.00);
+  color:rgba(0,0,0,0.4);
+	position: relative;
+
+	display: flex;
+  -ms-flex-align: center !important;
+  align-items: center !important;
+  justify-content: center;
+
+  .preview-overlay {
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0;
+    position: absolute;
+    padding-top: $lineheight_half;
+    backdrop-filter: none;
+    transition: background-color 0.3s;
+
+    h1, h2, h3, h4, h5, h6 {
+      color: $color-light;
+      font-size: 1rem;
+      line-height: $lineheight;
+      font-weight:$fontweight_big;
+    }
+
+    .card-header {
+      font-family: $basefont;
+      font-size: 1rem;
+      background-color: $color-primary;
+      @include card-header($lineheight_half);
+      font-weight: $fontweight_big;
+    }
+  }
+
+  &:hover {
+    .preview-overlay {
+      backdrop-filter: blur(2px);
+      background-color:rgba(0,0,0,0.4);
+
+      .metadata-pills {
+        opacity: .9;
+        transition: opacity .5s, height .5s;
+        height:135px;
+      }
+    }
+  }
+}
+
+.preview-content {
+  max-height: $preview-height;
+  overflow:hidden;
+  background-size: cover;
+  min-height:100%;
+  min-width:100%;
+
+  h1, h2, h3, h4, h5, h6 {
+    margin-bottom:0px;
+    max-width:100%;
+    display:none;
+  }
+
+  & > p {
+    width:100%;
+    margin:auto;
+
+    & > img {
+      max-width:100%;
+      height:auto;
+      vertical-align:middle;
+      margin:auto;
+      text-align:center;
+    }
+
+    &.p-img {
+      text-align:center;
+      margin:auto;
+      padding:auto;
+      display: block;
+      width:100%;
+    }
+  }
+}
+
+.preview-metadata {
+  color: $color-light;
+  height:165px;
+  overflow: hidden;
+
+  .metadata-pills {
+    height:165px;
+  	opacity: 0;
+    transition: opacity .3s, height .3s;
+    display:flex;
+    justify-content:space-between;
+    padding-left: $lineheight/2;
+    padding-right: $lineheight/2;
+  }
+}
+
+.card-preview.card-info {
+  .comment-text {
+    @include angled-edge('outside top', 'upper left', $color-skyblue, 16);
+    background-color:$color-skyblue;
+  }
+}
+
+.card-preview.card-grey {
+  .comment-text {
+    @include angled-edge('outside top', 'upper left', $color-grey, 16);
+    background-color:$color-grey;
+  }
+}
+
+.comment-text {
+  @include angled-edge('outside top', 'upper left', $color-violet, 16);
+  color: $color-light;
+  background-color:$color-violet;
+  text-align: center;
+}
+
+.card-preview time {
+  margin-bottom:0.4em;
+  display:block;
+}
+
+// Author area
+
+.author-area {
+  display:flex;
+
+  img.author-avatar {
+    display:block;
+    height: 4.5rem;
+    width:auto;
+    border-radius:100%;
+    padding:0;
+    margin:0;
+    margin-right:$lineheight;
+  }
+
+  .author-metadata {
+    align-items:center;
+    display:flex;
+    flex-direction:column;
+    justify-content: center;
+    align-items: flex-start;
+  }
+
+  .author-date {
+    font-style:italic;
+  }
+
+  &:not(:last-child) {
+    margin-bottom:$lineheight;
+  }
+}
+
+.pigimg {
+  display:block;
+  max-width: 100%;
+  height:auto;
+  margin:auto;
+}
+
+.mwarea {
+  padding-bottom: $lineheight;
+}
+
+.mwaimg {
+  width:100%;
+  height:auto;
+  display:block;
+  margin:auto;
+}
+
+.cover {
+  width:100%;
+  height:auto;
+}
+
+.roman {
+  @include md() {
+      width:80%;
+      position:relative;
+      top:-240px;
+      margin:auto;
+  }
+}
diff --git a/scss/style.scss b/scss/style.scss
index dc48ecb..e19a142 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -1,18 +1,21 @@
 /*
-  Theme Name: Dimension Quarante-Douze
-  Theme URI: https://github.com/Quarante-Douze/qdouze-wordpress-theme
+  Theme Name: Kazhnuz Space
+  Theme URI: https://git.kobold.cafe/kazhnuz/kspace-wordpress-theme
   Author: Kazhnuz
   Author URI: https://kazhnuz.space
-  Description: The default theme for Quarante-Douze, my tech blog. Made using bootstrap
+  Description: The default theme for Kazhnuz.space, my personnal blog. Made using spectre.css
   Version: 0.1
-  License: GNU General Public License v2 or later
+  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, magazine
-  Text Domain: qdouze-wordpress-theme
+  Tags: blog, two-columns, right-sidebar, artist, solarized
+  Text Domain: kspace-wordpress-theme
 
   This theme is licensed under the GPLv3.
 */
 
+
+@import 'angled-edges';
+
 @import 'palette';
 
 @import 'definitions';
@@ -21,8 +24,4 @@
 
 @import 'global';
 
-@import 'cards';
-
-@import 'buttons';
-
-@import 'blog';
+@import 'drawing';
diff --git a/style.css b/style.css
index 678754a..f510477 100644
--- a/style.css
+++ b/style.css
@@ -1,364 +1,415 @@
 @charset "UTF-8";
 /*
-  Theme Name: Dimension Quarante-Douze
-  Theme URI: https://github.com/Quarante-Douze/qdouze-wordpress-theme
+  Theme Name: Kazhnuz Space
+  Theme URI: https://git.kobold.cafe/kazhnuz/kspace-wordpress-theme
   Author: Kazhnuz
   Author URI: https://kazhnuz.space
-  Description: The default theme for Quarante-Douze, my tech blog. Made using bootstrap
+  Description: The default theme for Kazhnuz.space, my personnal blog. Made using spectre.css
   Version: 0.1
-  License: GNU General Public License v2 or later
+  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, magazine
-  Text Domain: qdouze-wordpress-theme
+  Tags: blog, two-columns, right-sidebar, artist, solarized
+  Text Domain: kspace-wordpress-theme
 
   This theme is licensed under the GPLv3.
 */
+/* --- 00. PALETTE --- */
 /*
- *  1 - Definitions
- *  
- *  This part of the (s)css contain every definitions, mixins,
- *  and differents unilities that can be used everywhere in the code.
+ * Les définitions globales des couleurs du theme.
  *
-*/
-/* 1.1 - Utils */
-.no-pills {
-  list-style: none; }
+ * 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)
+ *
+ */
+a, a:hover, a:active {
+  color: #2aa198; }
 
-.align-center, .aligncenter {
-  text-align: center; }
+::selection {
+  background-color: #2aa198 !important;
+  color: #fdf6e3; }
 
-.align-left, .alignleft {
-  text-align: left; }
+::-moz-selection {
+  background-color: #2aa198 !important;
+  color: #fdf6e3; }
 
-.align-right, .alignright {
-  text-align: right; }
+mark {
+  background-color: #ffd44f; }
 
-/* 1.2 - Background colors */
+blockquote, pre {
+  border-color: #d33682; }
+
+/* BACKGROUNDS */
 .bg-blue {
-  background-color: #4e63c9 !important;
-  color: #FFF; }
+  background-color: #268bd2 !important;
+  color: #fdf6e3; }
 
 .bg-violet {
-  background-color: #ce4dcd !important;
-  color: #FFF; }
+  background-color: #d33682 !important;
+  color: #fdf6e3; }
 
 .bg-purple {
-  background-color: #7951c0 !important;
-  color: #FFF; }
+  background-color: #6c71c4 !important;
+  color: #fdf6e3; }
 
 .bg-red {
-  background-color: #e33d22 !important;
-  color: #FFF; }
+  background-color: #dc322f !important;
+  color: #fdf6e3; }
 
 .bg-orange {
-  background-color: #eb790a !important;
-  color: #FFF; }
+  background-color: #cb4b16 !important;
+  color: #fdf6e3; }
 
 .bg-green {
-  background-color: #75b82d !important;
-  color: #FFF; }
+  background-color: #859900 !important;
+  color: #fdf6e3; }
 
 .bg-skyblue {
-  background-color: #42a0f3 !important;
-  color: #FFF; }
+  background-color: #2aa198 !important;
+  color: #fdf6e3; }
 
 .bg-dark {
-  background-color: #2D2D2D !important;
-  color: #FFF; }
+  background-color: #002b36 !important;
+  color: #fdf6e3; }
 
 .bg-light {
-  background-color: #eeeeec !important;
-  color: #111; }
+  background-color: #fdf6e3 !important;
+  color: #002b36; }
 
 .bg-turquoise {
-  background-color: #46bd9e !important;
-  color: #FFF; }
+  background-color: #2aa198 !important;
+  color: #fdf6e3; }
 
 .bg-yellow {
-  background-color: #f6d32d !important;
-  color: #FFF; }
+  background-color: #b58900 !important;
+  color: #fdf6e3; }
 
 .bg-brown {
-  background-color: #986a44 !important;
-  color: #FFF; }
+  background-color: #b58900 !important;
+  color: #fdf6e3; }
 
 .bg-grey {
-  background-color: #77767b !important;
-  color: #FFF; }
+  background-color: #586e75 !important;
+  color: #fdf6e3; }
 
 .bg-primary {
-  background-color: #e33d22 !important;
-  color: #FFF; }
+  background-color: #d33682 !important;
+  color: #fdf6e3; }
 
 .bg-secondary {
-  background-color: #2D2D2D !important;
-  color: #FFF; }
+  background-color: #2aa198 !important;
+  color: #fdf6e3; }
 
 .bg-warning {
-  background-color: #eb790a !important;
-  color: #FFF; }
+  background-color: #cb4b16 !important;
+  color: #fdf6e3; }
 
 .bg-danger {
-  background-color: #e33d22 !important;
-  color: #FFF; }
+  background-color: #dc322f !important;
+  color: #fdf6e3; }
 
 .bg-info {
-  background-color: #42a0f3 !important;
-  color: #FFF; }
+  background-color: #2aa198 !important;
+  color: #fdf6e3; }
 
 .bg-success {
-  background-color: #75b82d !important;
-  color: #FFF; }
+  background-color: #859900 !important;
+  color: #fdf6e3; }
 
-/* 1.3 - Screen Reader */
-@media screen {
-  .screen-reader-text {
-    display: none; } }
+/* TEXT */
+.text-blue {
+  color: #268bd2; }
 
-/* 2. Forms elements */
-select {
-  border: 1px solid rgba(0, 0, 0, 0.3);
-  border-radius: 0px 0px 0px 0px;
-  display: block;
-  width: 100%;
-  height: calc(2.25rem + 2px);
-  padding: .375rem .75rem;
-  font-size: 1rem;
-  line-height: 1.5em;
-  color: #444;
-  background-color: #fff;
-  background-clip: padding-box;
-  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-  margin-top: 0.75rem; }
+.text-violet {
+  color: #d33682; }
 
-.input-group {
-  border-color: #2D2D2D; }
-  .input-group-prepend {
-    background-color: #77767b;
-    border: 1px solid rgba(0, 0, 0, 0.3);
-    border-radius: 0px 0px 0px 0px; }
-  .input-group-text {
-    background-color: transparent;
-    color: #FFF;
-    border: none;
-    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3); }
-  .input-group .form-control {
-    border: 1px solid rgba(0, 0, 0, 0.3);
-    border-radius: 0px 0px 0px 0px;
-    box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.1); }
-    .input-group .form-control:focus {
-      box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 2px #ee8c7d; }
+.text-purple {
+  color: #6c71c4; }
 
+.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-turquoise {
+  color: #2aa198; }
+
+.text-yellow {
+  color: #b58900; }
+
+.text-brown {
+  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 --- */
+/*
+ * 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
+ */
 /*
  *  2 - Typography ( _typography.scss )
- *  
+ *
  *  This part of the (s)css handle everything related to the typography
  *  like paragraphs, blockquote, etc.
  *
 */
 /* 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; }
+/* 2.1.1 - OpenSans
 
 @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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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.1.2 - Teko */
-@font-face {
-  font-family: 'Teko';
-  src: url("fonts/teko-light-webfont.woff");
-  font-weight: 300; }
+    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: 'Teko';
-  src: url("fonts/teko-regular-webfont.woff");
-  font-weight: 400; }
-
-@font-face {
-  font-family: 'Teko';
-  src: url("fonts/teko-medium-webfont.woff");
-  font-weight: 500; }
-
-@font-face {
-  font-family: 'Teko';
-  src: url("fonts/teko-semibold-webfont.woff");
-  font-weight: 600; }
-
-@font-face {
-  font-family: 'Teko';
-  src: url("fonts/teko-bold-webfont.woff");
-  font-weight: 700; }
-
+    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 */
 body {
-  font-family: OpenSans, sans-serif;
+  font-family: Open Sans, sans-serif;
   text-align: left;
-  font-size: 4mm;
-  line-height: 1.5em;
-  color: #444;
+  font-size: 4.75mm;
+  line-height: 1.5rem;
+  color: #073642;
   font-weight: 400; }
 
 .night-mode {
-  color: #BBB; }
+  color: #eee8d5; }
 
 strong {
   font-weight: 600; }
 
 em {
-  font-style: italic; }
+  font-style: italic;
+  font-weight: 400; }
 
 a {
-  color: #4e63c9;
+  color: #2aa198;
   text-decoration: none; }
   a:hover, a:active {
-    color: #4e63c9; }
+    color: #2aa198; }
 
 p {
   padding: 0;
-  padding-bottom: 1.5em;
+  padding-bottom: 1.5rem;
   margin: 0; }
   p:last-child {
     padding-bottom: 0; }
 
-ul {
+ul, ol {
   padding: 0;
-  padding-bottom: 1.5em;
-  margin: 0; }
-  ul ul {
-    padding-bottom: 0; }
-  ul li {
-    margin-left: 1.5em; }
-
-ol {
-  padding: 0;
-  padding-bottom: 1.5em;
-  margin: 0; }
-  ol ol {
-    padding-bottom: 0; }
-  ol li {
-    margin-left: 1.5em; }
+  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; }
 
 ::selection {
-  background: #4e63c9;
-  color: #fff; }
+  background: #2aa198;
+  color: #fdf6e3; }
 
 ::-moz-selection {
-  background: #4e63c9;
-  color: #fff; }
+  background: #2aa198;
+  color: #fdf6e3; }
 
 /* 2.2 - Text Wrapper */
-.article-content {
-  font-size: calc(4mm + 0.4vw);
-  line-height: 1.5em;
-  padding: 1em;
-  font-weight: 300; }
-  .article-content p, .article-content em, .article-content p em {
-    font-weight: 300; }
-  .article-content img {
+.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; }
-  .article-content .article-thumbnail {
-    padding-bottom: 1em;
-    text-align: center; }
-    .article-content .article-thumbnail img {
-      max-width: 100%;
-      height: auto; }
-  .article-content .article-excerpt {
-    padding: 0.5em 0.5em 0.5em 0.5em;
-    font-style: italic;
-    font-size: calc(3.5mm + 0.4vw); }
-  .article-content .article-author {
-    margin: 0;
-    padding: 0; }
-    .article-content .article-author .card-meta {
-      margin: 0; }
-  .article-content .bypass-flex-fontsize {
-    font-size: 4mm;
-    line-height: 1.5em; }
+
+.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; }
 
 /* 2.3 - Titles */
 h1, h2, h3, h4, h5, h6, h7 {
-  font-family: 'Teko';
+  font-family: Open Sans, sans-serif;
   text-align: left;
   font-size: 1em;
-  line-height: 1.5em;
   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 {
-    font-family: Teko;
-    color: #e33d22;
-    border-bottom: 3px solid #e33d22;
-    font-weight: 600;
-    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
-    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);
-    margin-bottom: 0.5em;
-    padding: 0; }
+    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;
@@ -370,45 +421,58 @@ h1, h2, h3, h4, h5, h6, h7 {
       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: #e33d22; }
+        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: #ba2e18; }
+          color: #b02669; }
 
 h1 {
-  font-size: 2.33333em;
-  line-height: 1em;
-  padding: 0.33333em 0 0.6em 0;
-  font-weight: 700; }
+  font-family: Amatic SC, sans-serif;
+  font-size: 3.815rem;
+  line-height: 4.5rem;
+  padding: 0;
+  padding-bottom: 1.5rem;
+  font-weight: 300;
+  color: #d33682; }
 
 h2 {
-  font-size: 2em;
-  line-height: 1.5em;
-  padding: 0.33333em 0 0.4em 0;
-  font-weight: 700; }
+  font-family: Open Sans, sans-serif;
+  font-size: 2.441rem;
+  line-height: 3rem;
+  padding: 0;
+  padding-bottom: 1.5rem;
+  font-weight: 300; }
 
 h3 {
-  font-size: 1.5em;
-  line-height: 1em;
-  padding: 0em 0 1em 0;
-  font-weight: 700; }
-
-h4 {
-  font-size: 1.5em;
-  line-height: 1em;
-  padding: 0em 0 1em 0;
+  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;
+  font-weight: 800; }
+
 h5 {
-  font-size: 1.33333em;
-  line-height: 1em;
-  padding: 0.1em 0 1.13333em 0;
+  font-family: Open Sans, sans-serif;
+  font-size: 1.25rem;
+  line-height: 1.5rem;
+  padding: 0;
+  padding-bottom: 1.5rem;
   font-weight: 600; }
 
 h6 {
-  font-size: 1.1em;
-  line-height: 1.4em;
-  padding: 0.1em 0 1.2em 0;
-  font-weight: 600; }
+  font-family: Open Sans, sans-serif;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  padding: 0;
+  padding-bottom: 1.5rem;
+  font-weight: 800; }
 
 /* 2.4 - hr */
 hr {
@@ -421,38 +485,48 @@ hr {
   margin: 1.5em; }
 
 /* 2.5 - Wells and quotes */
-blockquote, .quote, .well {
-  border-width: 0 0 0 0.2em;
-  border-style: solid;
-  border-radius: 3px;
-  margin: -0.75em -0.2em 0.75em -0.2em;
-  padding: 0.75em 1em 0.75em 1em;
+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%;
-  border-color: #e33d22; }
+  background-color: #eee8d5;
+  font-style: italic;
+  color: #073642; }
+  blockquote:before, .quote:before {
+    content: ""; }
 
-pre, .pre, .well-pre {
-  border-width: 0 0 0 0.2em;
-  border-style: solid;
-  border-radius: 3px;
-  margin: -0.75em -0.2em 0.75em -0.2em;
-  padding: 0.75em 1em 0.75em 1em;
+.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;
   max-width: 100%;
-  border-color: #e33d22;
-  background-color: #EEE;
-  overflow-x: scroll; }
-  .night-mode pre, .night-mode .pre, .night-mode .well-pre {
-    background-color: #222;
-    border-color: rgba(255, 255, 255, 0.2); }
+  background-color: #eee8d5;
+  font-style: italic;
+  color: #073642; }
+
+code {
+  background: transparent;
+  color: #dc322f; }
+
+.container-typographic {
+  max-width: 800px;
+  margin: auto;
+  margin-bottom: 3rem; }
 
 /* 2.6 - Special styling */
 mark {
   border-radius: 0.2em;
   padding: 0 0.2em 0 0.2em;
-  background-color: #fcf2c0;
+  background-color: #ffd44f;
   color: inherit; }
 
 .night-mode mark {
-  background-color: #e33d22; }
+  background-color: #d33682; }
 
 .time {
   font-style: italic;
@@ -462,143 +536,343 @@ mark {
 
 /* 2.6.1 - Colored texts */
 .text-blue {
-  color: #4e63c9; }
+  color: #268bd2; }
 
 .text-violet {
-  color: #ce4dcd; }
+  color: #d33682; }
 
 .text-purple {
-  color: #7951c0; }
+  color: #6c71c4; }
 
 .text-red {
-  color: #e33d22; }
+  color: #dc322f; }
 
 .text-orange {
-  color: #eb790a; }
+  color: #cb4b16; }
 
 .text-green {
-  color: #75b82d; }
+  color: #859900; }
 
 .text-skyblue {
-  color: #42a0f3; }
+  color: #2aa198; }
 
 .text-dark {
-  color: #2D2D2D; }
+  color: #002b36; }
 
 .text-light {
-  color: #eeeeec; }
+  color: #fdf6e3; }
 
 .text-turquoise {
-  color: #46bd9e; }
+  color: #2aa198; }
 
 .text-yellow {
-  color: #f6d32d; }
+  color: #b58900; }
 
 .text-brown {
-  color: #986a44; }
+  color: #b58900; }
 
 .text-grey {
-  color: #77767b; }
+  color: #586e75; }
 
 .text-primary {
-  color: #e33d22; }
+  color: #d33682; }
 
 .text-secondary {
-  color: #2D2D2D; }
+  color: #2aa198; }
 
 .text-warning {
-  color: #eb790a; }
+  color: #cb4b16; }
 
 .text-danger {
-  color: #e33d22; }
+  color: #dc322f; }
 
 .text-info {
-  color: #42a0f3; }
+  color: #2aa198; }
 
 .text-success {
-  color: #75b82d; }
+  color: #859900; }
 
+/* Table elements */
+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: 800; }
+
+.table-blue th {
+  color: #268bd2; }
+
+.table-violet th {
+  color: #d33682; }
+
+.table-purple th {
+  color: #6c71c4; }
+
+.table-red th {
+  color: #dc322f; }
+
+.table-orange th {
+  color: #cb4b16; }
+
+.table-green th {
+  color: #859900; }
+
+.table-skyblue th {
+  color: #2aa198; }
+
+.table-dark th {
+  color: #002b36; }
+
+.table-light th {
+  color: #fdf6e3; }
+
+.table-turquoise th {
+  color: #2aa198; }
+
+.table-yellow th {
+  color: #b58900; }
+
+.table-brown th {
+  color: #b58900; }
+
+.table-grey th {
+  color: #586e75; }
+
+.table-primary th {
+  color: #d33682; }
+
+.table-secondary th {
+  color: #2aa198; }
+
+.table-warning th {
+  color: #cb4b16; }
+
+.table-danger th {
+  color: #dc322f; }
+
+.table-info th {
+  color: #2aa198; }
+
+.table-success th {
+  color: #859900; }
+
+/* --- 03. GLOBAL STYLING --- */
 /*
- *  3 - Global elements ( _global.scss )
- *  
- *  This part of the (s)css handle the style of "global" elements
- *  like the wrapper, the navbars, the header.
+ * Les styles "globaux" touchant toute la page.
  *
-*/
-body {
-  background: #666 url("img/background.png");
-  padding: 30px;
-  background-attachment: fixed; }
+ */
+.no-pills {
+  list-style: none; }
 
-@media (max-width: 767.98px) {
-  body {
-    background: none;
-    padding: 0; } }
+.align-center {
+  text-align: center; }
 
-#wrapper {
-  background-color: #FFF; }
+.align-left {
+  text-align: left; }
 
-/*  3.1 - Header */
-header {
-  background: #EEE url("img/background.png");
-  margin-bottom: 30px; }
-  header h1 {
-    border-style: none !important;
-    font-weight: 700;
-    font-size: 1em;
-    line-height: 1em;
-    padding-bottom: 0px;
-    padding: 2.33333em;
+.align-right {
+  text-align: right; }
+
+/* ------------------ HEADERS ------------------- */
+#page-header {
+  background: #2aa198 url("img/background.png") center bottom repeat-x;
+  border-top: 6px solid #073642;
+  padding-bottom: 3rem; }
+  #page-header .header-collumns {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+    max-width: 1600px;
     margin: auto;
-    text-align: center; }
-    header h1 img {
-      max-width: 100%;
-      height: auto; }
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-areas: "nav" "logo";
+    grid-template-rows: auto;
+    grid-gap: 1.5rem;
+    padding-bottom: 1.5rem; }
+    #page-header .header-collumns .navbar-area {
+      grid-area: nav;
+      text-align: center; }
+    #page-header .header-collumns .logo-area {
+      grid-area: logo; }
+    @media (min-width: 992px) {
+      #page-header .header-collumns {
+        grid-template-columns: 1fr 1fr;
+        grid-template-areas: "logo nav";
+        height: 16.5rem;
+        padding-bottom: 0; }
+        #page-header .header-collumns .navbar-area {
+          text-align: right; } }
+    @media (min-width: 1600px) {
+      #page-header .header-collumns {
+        height: 19.5rem; } }
+header h1 {
+  border-style: none !important;
+  color: #fdf6e3;
+  font-weight: 800;
+  font-size: 5.4em;
+  font-style: oblique;
+  padding-bottom: 0px;
+  line-height: 1.5em; }
+  header h1 img {
+    width: 100%;
+    height: auto;
+    margin-top: 0.75rem; }
 
 .navbar {
-  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0);
-  border: 1px solid rgba(0, 0, 0, 0.3);
   border-left: 0;
-  border-right: 0; }
-  .navbar ul {
-    padding-bottom: 0; }
+  border-right: 0;
+  padding: 0.75rem;
+  color: #fdf6e3; }
+  .navbar a {
+    color: #fdf6e3; }
   .navbar li {
     margin: 0; }
-  .navbar .form-control {
-    opacity: 0.3;
-    background-color: rgba(0, 0, 0, 0.3);
-    color: white;
-    border: none;
-    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, background-color, opacity .15s ease-in-out, background-color .15s ease-in-out, color .15s ease-in-out;
-    border-radius: 0px 0px 0px 0px; }
-    .navbar .form-control::placeholder {
-      color: #FFF;
-      transition: color .15s ease-in-out; }
-    .navbar .form-control:hover {
-      opacity: 0.7;
-      background-color: #FFF;
-      color: #444; }
-      .navbar .form-control:hover::placeholder {
-        color: #444; }
-    .navbar .form-control:focus, .navbar .form-control:hover:focus {
-      opacity: 1;
-      background-color: #FFF;
-      color: #444;
-      box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.2); }
-      .navbar .form-control:focus::placeholder, .navbar .form-control:hover:focus::placeholder {
-        color: #444; }
 
 .dropdown-menu {
-  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0.2); }
+  box-shadow: 0px 2px 6px 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;
+  max-width: 1600px;
+  margin: auto; }
+
+.container-blog {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  max-width: 1600px;
+  margin: auto;
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: auto;
+  row-gap: 1.5rem;
+  column-gap: 3rem;
+  grid-template-areas: "main" "side"; }
+  @media (min-width: 992px) {
+    .container-blog {
+      grid-template-columns: auto 360px;
+      grid-template-areas: "main side"; } }
+.mainpane {
+  grid-area: main; }
+
+.sidebar {
+  grid-area: side; }
+
+.container-preview {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  max-width: 1600px;
+  margin: auto;
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: auto;
+  row-gap: 1.5rem;
+  column-gap: 3rem;
+  grid-template-areas: "main" "side"; }
+  @media (min-width: 992px) {
+    .container-preview {
+      grid-template-columns: 360px auto;
+      grid-template-areas: "side main"; } }
+.container-onecolumn {
+  max-width: 1280px;
+  margin: auto;
+  padding-bottom: 1.5rem; }
+
+.container-personnage {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  max-width: 1600px;
+  margin: auto;
+  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"; }
+  .container-personnage .card {
+    margin: 0; }
+  .container-personnage h1 {
+    padding: 0; }
+
+.personnage-nomp {
+  grid-area: nomp; }
+
+.personnage-info {
+  grid-area: info; }
+
+.personnage-meta {
+  grid-area: meta; }
+
+.personnage-goss {
+  grid-area: goss; }
+
+.personnage-look {
+  grid-area: look; }
+
+.personnage-aime {
+  grid-area: aime; }
+
+.personnage-dete {
+  grid-area: dete; }
+
+.personnage-hist {
+  grid-area: hist; }
+
+/* ------------------ PAGE ------------------- */
+#wrapper {
+  background-color: #fdf6e3; }
+
+/* ------------------ FOOTER ------------------- */
+body {
+  background-color: #073642; }
 
-/*  3.2 - Footer */
 footer {
-  margin-top: 40px; }
-
-/* 3.2.1 - Social Network Buttons */
+  position: relative;
+  color: #fdf6e3;
+  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;
+    max-width: 1600px;
+    margin: auto;
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-rows: auto;
+    grid-gap: 1.5rem;
+    padding-bottom: 1.5rem; }
+    @media (min-width: 992px) {
+      footer .footer-collumns {
+        grid-template-columns: 1fr 1fr 1fr; } }
+/* social media */
 ul.social {
   font-size: 1.5em;
-  padding-bottom: 1em;
+  padding-bottom: 1.5em;
   margin: auto;
   text-align: center; }
   ul.social li {
@@ -606,879 +880,1536 @@ ul.social {
     list-style: none;
     display: inline; }
     ul.social li a {
-      color: #FFFFFF;
-      background-color: #000000;
+      color: #073642;
+      background-color: #fdf6e3;
       padding: 0.3em;
       padding-left: 0.36em;
       padding-right: 0.36em;
       vertical-align: middle;
       border-radius: 100%; }
       ul.social li a:hover {
-        color: #000;
-        background-color: #FFF; }
+        color: #fdf6e3;
+        background-color: #073642; }
 
+/* --- 04. COMPOSANTS --- */
 /*
- *  4 - Cards( _cards.scss )
- *  
- *  This part of the (s)css handle the style of cards-like elements,
- *  elements that are supposed to handle contents inside a box.
+ * Les différents composants réutilisables de la page.
+ *
+ */
+/*
+ * 2. Cards and containers
+ * All elements that are supposed to contain other stuff
  *
- *  Elements like alerts, breadcrumb… are considered as "card-like".
  *
 */
-.card {
+.card, .menu {
   border-radius: 0px 0px 0px 0px;
+  background-color: #eee8d5;
   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0);
   border: none;
-  margin-bottom: 1.2em; }
-
-.card-blue > .card-header {
-  background-color: #4e63c9;
-  color: #FFF; }
-
-.card-violet > .card-header {
-  background-color: #ce4dcd;
-  color: #FFF; }
-
-.card-purple > .card-header {
-  background-color: #7951c0;
-  color: #FFF; }
-
-.card-red > .card-header {
-  background-color: #e33d22;
-  color: #FFF; }
-
-.card-orange > .card-header {
-  background-color: #eb790a;
-  color: #FFF; }
-
-.card-green > .card-header {
-  background-color: #75b82d;
-  color: #FFF; }
-
-.card-skyblue > .card-header {
-  background-color: #42a0f3;
-  color: #FFF; }
-
-.card-dark > .card-header {
-  background-color: #2D2D2D;
-  color: #FFF; }
-
-.card-light > .card-header {
-  background-color: #eeeeec;
-  color: #111; }
-
-.card-turquoise > .card-header {
-  background-color: #46bd9e;
-  color: #FFF; }
-
-.card-yellow > .card-header {
-  background-color: #f6d32d;
-  color: #FFF; }
-
-.card-brown > .card-header {
-  background-color: #986a44;
-  color: #FFF; }
-
-.card-grey > .card-header {
-  background-color: #77767b;
-  color: #FFF; }
-
-.card-primary > .card-header {
-  background-color: #e33d22;
-  color: #FFF; }
-
-.card-secondary > .card-header {
-  background-color: #2D2D2D;
-  color: #FFF; }
-
-.card-warning > .card-header {
-  background-color: #eb790a;
-  color: #FFF; }
-
-.card-danger > .card-header {
-  background-color: #e33d22;
-  color: #FFF; }
-
-.card-info > .card-header {
-  background-color: #42a0f3;
-  color: #FFF; }
-
-.card-success > .card-header {
-  background-color: #75b82d;
-  color: #FFF; }
-
-.card-shadow {
-  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0.2); }
-
-/* 4.1 - Header and titles */
-.card-header {
-  border: 1px solid rgba(0, 0, 0, 0.3);
-  font-size: 1.1em;
-  box-shadow: inset 0px 2px 0px rgba(255, 255, 255, 0.1);
-  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
-  font-weight: 600;
-  border-radius: 0; }
-  .card-header:first-child {
-    border-radius: 0px 0px 0px 0px;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0; }
-  .card-header:last-child {
-    border-radius: 0px 0px 0px 0px;
-    border-top-left-radius: 0;
-    border-top-right-radius: 0; }
-  .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: 'OpenSans';
-    font-size: 1em;
-    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
-    padding: 0px;
-    margin: 0px;
-    color: #FFF;
-    font-weight: 600;
-    line-height: 1.5em; }
-
-/* 4.2 - Cards meta */
-.card-meta {
-  border-radius: 0px 0px 0px 0px;
-  padding: 1em;
-  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0.2);
-  border: 0;
-  background-color: #eeeeec;
-  margin-bottom: 1.2em; }
-  .card-meta li {
-    margin: 0; }
-  .card-meta.media {
-    -ms-flex-align: center !important;
-    align-items: center !important; }
-  .card-meta .media-left .media-object {
-    height: 64px;
-    width: 64px;
-    border-radius: 100%;
-    margin-right: 1em; }
-  .card-meta img.avatar {
-    border-radius: 100%;
-    margin-right: 1em; }
-  .card-meta author {
-    display: block;
-    font-weight: 600; }
-  .card-meta time {
-    display: block;
-    font-style: italic; }
-  .card-meta li {
-    margin: 0; }
-
-/* 4.3 - Cards list-groups */
-section.widget ul {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-left: 0;
-  margin-bottom: 0; }
-  section.widget ul li {
-    list-style: none;
-    padding: 0;
-    margin: 0; }
-    section.widget ul li.recentcomments {
-      position: relative;
-      display: block;
-      padding: .75rem 1.25rem;
-      margin-bottom: -1px;
-      background-color: #fff;
-      border: 0px solid rgba(0, 0, 0, 0.125);
-      list-style: none; }
-    section.widget ul li a {
-      position: relative;
-      display: block;
-      padding: .75rem 1.25rem;
-      margin-bottom: -1px;
-      background-color: #fff;
-      border: 0px solid rgba(0, 0, 0, 0.125);
-      list-style: none; }
-      section.widget ul li a:hover {
-        background-color: #eee;
-        text-decoration: none; }
-
-.list-group-item {
-  border: none;
-  background-color: transparent; }
-
-a.list-group-item:hover {
-  border-style: none;
-  border-width: 0px;
-  border-radius: 0px;
-  background-color: rgba(0, 0, 0, 0.1); }
-
-/* 4.4 - Cards list-groups */
-.alert {
-  border: 1px solid rgba(0, 0, 0, 0.3);
-  border-radius: 0px 0px 0px 0px;
-  color: rgba(0, 0, 0, 0.7);
-  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0); }
-  .alert-flex {
+  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;
+    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: row;
-    justify-content: space-between; }
-    .alert-flex > p {
-      padding-bottom: 0; }
+    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, .menu-menu .menu-element, .menu-menu .menu-element-link, .menu-menu li a {
+      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, .menu-menu .menu-element:before, .menu-menu .menu-element-link:before, .menu-menu li a: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, .menu-menu .menu-element strong, .menu-menu .menu-element-link strong, .menu-menu li a strong {
+        font-weight: 900;
+        color: #002b36 !important; }
+      .card-menu .menu-element.noflex, .card-menu .menu-element-link.noflex, .card-menu li a.noflex, .menu-menu .menu-element.noflex, .menu-menu .menu-element-link.noflex, .menu-menu li a.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, .menu-menu .menu-element.noflex :first-child, .menu-menu .menu-element-link.noflex :first-child, .menu-menu li a.noflex :first-child {
+          min-width: 2rem; }
+    .card-menu a, .menu-menu a {
+      text-decoration: none;
+      color: #d33682;
+      background-color: transparent; }
+      .card-menu a:hover, .menu-menu a:hover {
+        text-decoration: none;
+        color: #d33682;
+        position: relative;
+        z-index: 1;
+        overflow: visible; }
+        .card-menu a:hover:before, .menu-menu a: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, .menu-menu a: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; }
 
-.alert-blue {
-  background-color: #d7dcf3;
-  color: black; }
-
-.alert-violet {
-  background-color: #f5d9f4;
-  color: black; }
-
-.alert-purple {
-  background-color: #ded4ef;
-  color: black; }
-
-.alert-red {
-  background-color: #f7c8c0;
-  color: black; }
-
-.alert-orange {
-  background-color: #fbd3ac;
-  color: black; }
-
-.alert-green {
-  background-color: #cdebad;
-  color: black; }
-
-.alert-skyblue {
-  background-color: #eaf4fe;
-  color: black; }
-
-.alert-dark {
-  background-color: #868686;
-  color: black; }
-
-.alert-light {
-  background-color: white;
-  color: #23231f; }
-
-.alert-turquoise {
-  background-color: #caece3;
-  color: black; }
-
-.alert-yellow {
-  background-color: #fdf7d8;
-  color: black; }
-
-.alert-brown {
-  background-color: #ddc5b2;
-  color: black; }
-
-.alert-grey {
-  background-color: #d1d1d3;
-  color: black; }
-
-.alert-primary {
-  background-color: #f7c8c0;
-  color: black; }
-
-.alert-secondary {
-  background-color: #868686;
-  color: black; }
-
-.alert-warning {
-  background-color: #fbd3ac;
-  color: black; }
-
-.alert-danger {
-  background-color: #f7c8c0;
-  color: black; }
-
-.alert-info {
-  background-color: #eaf4fe;
-  color: black; }
-
-.alert-success {
-  background-color: #cdebad;
-  color: black; }
-
-.alert a, .alert-link {
-  color: rgba(0, 0, 0, 0.7);
-  font-weight: bold; }
-
-/* 4.5 - Breadcrumbs */
-.breadcrumb {
-  border-radius: 0px 0px 0px 0px;
-  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0.2);
-  border: 0;
-  background-color: #eeeeec;
-  margin-bottom: 1.2em; }
-  .breadcrumb li {
+/* CARD LIST - Make a list part of a card */
+ul.card-list {
+  padding: 0;
+  margin: 0; }
+  ul.card-list 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;
+    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-purple .card-header, .card-purple .menu-header, .smallcard-purple .card-header, .smallcard-purple .menu-header, .menu-purple .card-header, .menu-purple .menu-header {
+  background-color: #6c71c4 !important;
+  color: #fdf6e3; }
+  .card-purple .card-header:before, .card-purple .menu-header:before, .smallcard-purple .card-header:before, .smallcard-purple .menu-header:before, .menu-purple .card-header:before, .menu-purple .menu-header:before {
+    background-color: #6c71c4 !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-turquoise .card-header, .card-turquoise .menu-header, .smallcard-turquoise .card-header, .smallcard-turquoise .menu-header, .menu-turquoise .card-header, .menu-turquoise .menu-header {
+  background-color: #2aa198 !important;
+  color: #fdf6e3; }
+  .card-turquoise .card-header:before, .card-turquoise .menu-header:before, .smallcard-turquoise .card-header:before, .smallcard-turquoise .menu-header:before, .menu-turquoise .card-header:before, .menu-turquoise .menu-header:before {
+    background-color: #2aa198 !important;
+    color: #fdf6e3; }
+
+.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-brown .card-header, .card-brown .menu-header, .smallcard-brown .card-header, .smallcard-brown .menu-header, .menu-brown .card-header, .menu-brown .menu-header {
+  background-color: #b58900 !important;
+  color: #fdf6e3; }
+  .card-brown .card-header:before, .card-brown .menu-header:before, .smallcard-brown .card-header:before, .smallcard-brown .menu-header:before, .menu-brown .card-header:before, .menu-brown .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-purple {
+  background-color: #6c71c4 !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-turquoise {
+  background-color: #2aa198 !important;
+  color: #fdf6e3; }
+
+.toast-yellow {
+  background-color: #b58900 !important;
+  color: #fdf6e3; }
+
+.toast-brown {
+  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; }
+
 /*
- *  5 - Buttons ( _buttons.scss )
- *  
- *  This part of the (s)css handle the style of buttons-like and badges.
+ * 3. Buttons and labels
+ * All clickable elements
  *
 */
-.btn, .page-numbers {
-  border: 1px solid rgba(0, 0, 0, 0.3);
+.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;
-  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0.2);
-  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
-  background-color: #eeeeec;
-  color: #111;
-  font-weight: 600; }
-  .btn:hover, .page-numbers:hover, .btn:active, .page-numbers:active, .btn:focus, .page-numbers:focus, .btn:not(.disabled):not(:disabled):hover, .page-numbers:not(.disabled):not(:disabled):hover, .btn:not(.disabled):not(:disabled):active, .page-numbers:not(.disabled):not(:disabled):active, .btn:not(.disabled):not(:disabled):focus, .page-numbers:not(.disabled):not(:disabled):focus {
-    background-color: white;
-    color: #111; }
-  .btn:hover, .page-numbers:hover {
-    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0.2);
-    border: 1px solid rgba(0, 0, 0, 0.3);
-    text-decoration: none; }
-  .btn:active, .page-numbers:active {
-    box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.2);
-    border: 1px solid rgba(0, 0, 0, 0.3);
-    text-decoration: none; }
+  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-blue {
-  background-color: #4e63c9;
-  color: #FFF; }
-  .btn-blue:hover, .btn-blue:active, .btn-blue:focus, .btn-blue:not(.disabled):not(:disabled):hover, .btn-blue:not(.disabled):not(:disabled):active, .btn-blue:not(.disabled):not(:disabled):focus {
-    background-color: #8997db;
-    color: #FFF; }
+.label, label.label, a.label, .chip, a.chip {
+  position: relative;
+  z-index: 1;
+  overflow: visible;
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+  text-decoration: none; }
+  .label:before, label.label:before, a.label:before, .chip:before, a.chip: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-violet {
-  background-color: #ce4dcd;
-  color: #FFF; }
-  .btn-violet:hover, .btn-violet:active, .btn-violet:focus, .btn-violet:not(.disabled):not(:disabled):hover, .btn-violet:not(.disabled):not(:disabled):active, .btn-violet:not(.disabled):not(:disabled):focus {
-    background-color: #df89de;
-    color: #FFF; }
+.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-purple {
-  background-color: #7951c0;
-  color: #FFF; }
-  .btn-purple:hover, .btn-purple:active, .btn-purple:focus, .btn-purple:not(.disabled):not(:disabled):hover, .btn-purple:not(.disabled):not(:disabled):active, .btn-purple:not(.disabled):not(:disabled):focus {
-    background-color: #a489d4;
-    color: #FFF; }
+.navbar .btn-link {
+  color: #fdf6e3; }
+  .navbar .btn-link:before {
+    background-color: transparent; }
+  .navbar .btn-link:visited {
+    color: #fdf6e3; }
+    .navbar .btn-link:visited:before {
+      background-color: transparent; }
+  .navbar .btn-link:hover, .navbar .btn-link:active, .navbar .btn-link:focus, a:hover > .navbar .btn-link, a:active > .navbar .btn-link, a:focus > .navbar .btn-link, .navbar .btn-link:visited:hover, .navbar .btn-link:visited:active, .navbar .btn-link:visited:focus, a:hover > .navbar .btn-link:visited, a:active > .navbar .btn-link:visited, a:focus > .navbar .btn-link:visited, .navbar .btn-link:not(.disabled):not(:disabled):hover, .navbar .btn-link:not(.disabled):not(:disabled):active, .navbar .btn-link:not(.disabled):not(:disabled):focus, a:hover > .navbar .btn-link:not(.disabled):not(:disabled), a:active > .navbar .btn-link:not(.disabled):not(:disabled), a:focus > .navbar .btn-link:not(.disabled):not(:disabled) {
+    color: #fffefb; }
+    .navbar .btn-link:hover:before, .navbar .btn-link:active:before, .navbar .btn-link:focus:before, a:hover > .navbar .btn-link:before, a:active > .navbar .btn-link:before, a:focus > .navbar .btn-link:before, .navbar .btn-link:visited:hover:before, .navbar .btn-link:visited:active:before, .navbar .btn-link:visited:focus:before, a:hover > .navbar .btn-link:visited:before, a:active > .navbar .btn-link:visited:before, a:focus > .navbar .btn-link:visited:before, .navbar .btn-link:not(.disabled):not(:disabled):hover:before, .navbar .btn-link:not(.disabled):not(:disabled):active:before, .navbar .btn-link:not(.disabled):not(:disabled):focus:before, a:hover > .navbar .btn-link:not(.disabled):not(:disabled):before, a:active > .navbar .btn-link:not(.disabled):not(:disabled):before, a:focus > .navbar .btn-link:not(.disabled):not(:disabled):before {
+      background-color: rgba(0, 0, 0, 0.2); }
 
-.btn-red {
-  background-color: #e33d22;
-  color: #FFF; }
-  .btn-red:hover, .btn-red:active, .btn-red:focus, .btn-red:not(.disabled):not(:disabled):hover, .btn-red:not(.disabled):not(:disabled):active, .btn-red:not(.disabled):not(:disabled):focus {
-    background-color: #ec7966;
-    color: #FFF; }
+.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.2); }
 
-.btn-orange {
-  background-color: #eb790a;
-  color: #FFF; }
-  .btn-orange:hover, .btn-orange:active, .btn-orange:focus, .btn-orange:not(.disabled):not(:disabled):hover, .btn-orange:not(.disabled):not(:disabled):active, .btn-orange:not(.disabled):not(:disabled):focus {
-    background-color: #f7a04a;
-    color: #FFF; }
-
-.btn-green {
-  background-color: #75b82d;
-  color: #FFF; }
-  .btn-green:hover, .btn-green:active, .btn-green:focus, .btn-green:not(.disabled):not(:disabled):hover, .btn-green:not(.disabled):not(:disabled):active, .btn-green:not(.disabled):not(:disabled):focus {
-    background-color: #9bd75b;
-    color: #FFF; }
-
-.btn-skyblue {
-  background-color: #42a0f3;
-  color: #FFF; }
-  .btn-skyblue:hover, .btn-skyblue:active, .btn-skyblue:focus, .btn-skyblue:not(.disabled):not(:disabled):hover, .btn-skyblue:not(.disabled):not(:disabled):active, .btn-skyblue:not(.disabled):not(:disabled):focus {
-    background-color: #8ac4f8;
-    color: #FFF; }
-
-.btn-dark {
-  background-color: #2D2D2D;
-  color: #FFF; }
-  .btn-dark:hover, .btn-dark:active, .btn-dark:focus, .btn-dark:not(.disabled):not(:disabled):hover, .btn-dark:not(.disabled):not(:disabled):active, .btn-dark:not(.disabled):not(:disabled):focus {
-    background-color: #535353;
-    color: #FFF; }
-
-.btn-light {
-  background-color: #eeeeec;
-  color: #111; }
-  .btn-light:hover, .btn-light:active, .btn-light:focus, .btn-light:not(.disabled):not(:disabled):hover, .btn-light:not(.disabled):not(:disabled):active, .btn-light:not(.disabled):not(:disabled):focus {
-    background-color: white;
-    color: #111; }
-
-.btn-turquoise {
-  background-color: #46bd9e;
-  color: #FFF; }
-  .btn-turquoise:hover, .btn-turquoise:active, .btn-turquoise:focus, .btn-turquoise:not(.disabled):not(:disabled):hover, .btn-turquoise:not(.disabled):not(:disabled):active, .btn-turquoise:not(.disabled):not(:disabled):focus {
-    background-color: #7ed1bc;
-    color: #FFF; }
-
-.btn-yellow {
-  background-color: #f6d32d;
-  color: #FFF; }
-  .btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus, .btn-yellow:not(.disabled):not(:disabled):hover, .btn-yellow:not(.disabled):not(:disabled):active, .btn-yellow:not(.disabled):not(:disabled):focus {
-    background-color: #f9e276;
-    color: #FFF; }
-
-.btn-brown {
-  background-color: #986a44;
-  color: #FFF; }
-  .btn-brown:hover, .btn-brown:active, .btn-brown:focus, .btn-brown:not(.disabled):not(:disabled):hover, .btn-brown:not(.disabled):not(:disabled):active, .btn-brown:not(.disabled):not(:disabled):focus {
-    background-color: #bd906b;
-    color: #FFF; }
-
-.btn-grey, .page-numbers {
-  background-color: #77767b;
-  color: #FFF; }
-  .btn-grey:hover, .page-numbers:hover, .btn-grey:active, .page-numbers:active, .btn-grey:focus, .page-numbers:focus, .btn-grey:not(.disabled):not(:disabled):hover, .page-numbers:not(.disabled):not(:disabled):hover, .btn-grey:not(.disabled):not(:disabled):active, .page-numbers:not(.disabled):not(:disabled):active, .btn-grey:not(.disabled):not(:disabled):focus, .page-numbers:not(.disabled):not(:disabled):focus {
-    background-color: #9e9da1;
-    color: #FFF; }
-
-.btn-primary {
-  background-color: #e33d22;
-  color: #FFF; }
-  .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:not(.disabled):not(:disabled):hover, .btn-primary:not(.disabled):not(:disabled):active, .btn-primary:not(.disabled):not(:disabled):focus {
-    background-color: #ec7966;
-    color: #FFF; }
-
-.btn-secondary {
-  background-color: #2D2D2D;
-  color: #FFF; }
-  .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:not(.disabled):not(:disabled):hover, .btn-secondary:not(.disabled):not(:disabled):active, .btn-secondary:not(.disabled):not(:disabled):focus {
-    background-color: #535353;
-    color: #FFF; }
-
-.btn-warning {
-  background-color: #eb790a;
-  color: #FFF; }
-  .btn-warning:hover, .btn-warning:active, .btn-warning:focus, .btn-warning:not(.disabled):not(:disabled):hover, .btn-warning:not(.disabled):not(:disabled):active, .btn-warning:not(.disabled):not(:disabled):focus {
-    background-color: #f7a04a;
-    color: #FFF; }
-
-.btn-danger {
-  background-color: #e33d22;
-  color: #FFF; }
-  .btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn-danger:not(.disabled):not(:disabled):hover, .btn-danger:not(.disabled):not(:disabled):active, .btn-danger:not(.disabled):not(:disabled):focus {
-    background-color: #ec7966;
-    color: #FFF; }
-
-.btn-info {
-  background-color: #42a0f3;
-  color: #FFF; }
-  .btn-info:hover, .btn-info:active, .btn-info:focus, .btn-info:not(.disabled):not(:disabled):hover, .btn-info:not(.disabled):not(:disabled):active, .btn-info:not(.disabled):not(:disabled):focus {
-    background-color: #8ac4f8;
-    color: #FFF; }
-
-.btn-success {
-  background-color: #75b82d;
-  color: #FFF; }
-  .btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success:not(.disabled):not(:disabled):hover, .btn-success:not(.disabled):not(:disabled):active, .btn-success:not(.disabled):not(:disabled):focus {
-    background-color: #9bd75b;
-    color: #FFF; }
+.btn-toolbar {
+  padding: 0 1.5rem; }
 
 .btn-group {
-  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0); }
+  padding: 0px;
+  background-color: transparent;
+  margin-bottom: 1.33em; }
 
-.btn-group .btn, .btn-group .page-numbers {
-  box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
-  border-radius: 0px 0px 0px 0px; }
-  .btn-group .btn:not(:first-child), .btn-group .page-numbers:not(:first-child) {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0; }
-  .btn-group .btn:not(:last-child), .btn-group .page-numbers:not(:last-child) {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0; }
+.btn-group .btn {
+  margin: 0 0.95rem 0 0.95rem !important; }
 
-.btn-group .btn:hover, .btn-group .page-numbers:hover {
-  box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2); }
+/* ------------------ BREADCRUMB ------------------- */
+ul.breadcrumb, ol.breadcrumb, .breadcrumb {
+  padding-top: 0em;
+  background-color: transparent;
+  margin: 0;
+  padding-bottom: 2rem; }
 
-.btn-group .btn:active, .btn-group .page-numbers:active, .btn:not(:disabled):not(.disabled):active, .page-numbers:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active, .page-numbers:not(:disabled):not(.disabled).active,
-.show > .btn.dropdown-toggle,
-.show > .dropdown-toggle.page-numbers {
-  box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.2) !important;
-  border: 1px solid rgba(0, 0, 0, 0.3); }
+.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:focus, .page-numbers:focus, .btn-primary:focus, .btn-secondary:focus, .btn-danger:focus, .btn-warning:focus, .btn-success:focus, .btn-info:focus, .btn-dark:focus, .btn-light:focus {
-  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 2px rgba(0, 0, 0, 0.3);
-  outline: none; }
+.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; }
 
-.page-numbers {
-  padding: 0.5em 1em 0.5em 1em;
-  margin-top: 0.1em;
-  color: #FFF; }
-  .page-numbers.dots {
-    border: none;
-    background-color: transparent !important;
-    box-shadow: none;
-    color: #444;
-    text-shadow: none; }
+.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; }
 
-/* 5.1 - Réseaux sociaux */
+.btn-purple, a.btn-purple, .badge-purple, .chip-purple, a.chip-purple, a.badge-purple, .label-purple, a.label-purple, label.label-purple {
+  color: #fdf6e3; }
+  .btn-purple:before, a.btn-purple:before, .badge-purple:before, .chip-purple:before, a.chip-purple:before, a.badge-purple:before, .label-purple:before, a.label-purple:before, label.label-purple:before {
+    background-color: #6c71c4; }
+  .btn-purple:visited, a.btn-purple:visited, .badge-purple:visited, .chip-purple:visited, a.chip-purple:visited, a.badge-purple:visited, .label-purple:visited, a.label-purple:visited, label.label-purple:visited {
+    color: #fdf6e3; }
+    .btn-purple:visited:before, a.btn-purple:visited:before, .badge-purple:visited:before, .chip-purple:visited:before, a.chip-purple:visited:before, a.badge-purple:visited:before, .label-purple:visited:before, a.label-purple:visited:before, label.label-purple:visited:before {
+      background-color: #6c71c4; }
+  .btn-purple:hover, .btn-purple:active, .btn-purple:focus, a:hover > .btn-purple, a:active > .btn-purple, a:focus > .btn-purple, .btn-purple:visited:hover, .btn-purple:visited:active, .btn-purple:visited:focus, a:hover > .btn-purple:visited, a:active > .btn-purple:visited, a:focus > .btn-purple:visited, .btn-purple:not(.disabled):not(:disabled):hover, .btn-purple:not(.disabled):not(:disabled):active, .btn-purple:not(.disabled):not(:disabled):focus, a:hover > .btn-purple:not(.disabled):not(:disabled), a:active > .btn-purple:not(.disabled):not(:disabled), a:focus > .btn-purple:not(.disabled):not(:disabled), a.btn-purple:hover, a.btn-purple:active, a.btn-purple:focus, a:hover > a.btn-purple, a:active > a.btn-purple, a:focus > a.btn-purple, a.btn-purple:visited:hover, a.btn-purple:visited:active, a.btn-purple:visited:focus, a:hover > a.btn-purple:visited, a:active > a.btn-purple:visited, a:focus > a.btn-purple:visited, a.btn-purple:not(.disabled):not(:disabled):hover, a.btn-purple:not(.disabled):not(:disabled):active, a.btn-purple:not(.disabled):not(:disabled):focus, a:hover > a.btn-purple:not(.disabled):not(:disabled), a:active > a.btn-purple:not(.disabled):not(:disabled), a:focus > a.btn-purple:not(.disabled):not(:disabled), .badge-purple:hover, .badge-purple:active, .badge-purple:focus, a:hover > .badge-purple, a:active > .badge-purple, a:focus > .badge-purple, .badge-purple:visited:hover, .badge-purple:visited:active, .badge-purple:visited:focus, a:hover > .badge-purple:visited, a:active > .badge-purple:visited, a:focus > .badge-purple:visited, .badge-purple:not(.disabled):not(:disabled):hover, .badge-purple:not(.disabled):not(:disabled):active, .badge-purple:not(.disabled):not(:disabled):focus, a:hover > .badge-purple:not(.disabled):not(:disabled), a:active > .badge-purple:not(.disabled):not(:disabled), a:focus > .badge-purple:not(.disabled):not(:disabled), .chip-purple:hover, .chip-purple:active, .chip-purple:focus, a:hover > .chip-purple, a:active > .chip-purple, a:focus > .chip-purple, .chip-purple:visited:hover, .chip-purple:visited:active, .chip-purple:visited:focus, a:hover > .chip-purple:visited, a:active > .chip-purple:visited, a:focus > .chip-purple:visited, .chip-purple:not(.disabled):not(:disabled):hover, .chip-purple:not(.disabled):not(:disabled):active, .chip-purple:not(.disabled):not(:disabled):focus, a:hover > .chip-purple:not(.disabled):not(:disabled), a:active > .chip-purple:not(.disabled):not(:disabled), a:focus > .chip-purple:not(.disabled):not(:disabled), a.chip-purple:hover, a.chip-purple:active, a.chip-purple:focus, a:hover > a.chip-purple, a:active > a.chip-purple, a:focus > a.chip-purple, a.chip-purple:visited:hover, a.chip-purple:visited:active, a.chip-purple:visited:focus, a:hover > a.chip-purple:visited, a:active > a.chip-purple:visited, a:focus > a.chip-purple:visited, a.chip-purple:not(.disabled):not(:disabled):hover, a.chip-purple:not(.disabled):not(:disabled):active, a.chip-purple:not(.disabled):not(:disabled):focus, a:hover > a.chip-purple:not(.disabled):not(:disabled), a:active > a.chip-purple:not(.disabled):not(:disabled), a:focus > a.chip-purple:not(.disabled):not(:disabled), a.badge-purple:hover, a.badge-purple:active, a.badge-purple:focus, a:hover > a.badge-purple, a:active > a.badge-purple, a:focus > a.badge-purple, a.badge-purple:visited:hover, a.badge-purple:visited:active, a.badge-purple:visited:focus, a:hover > a.badge-purple:visited, a:active > a.badge-purple:visited, a:focus > a.badge-purple:visited, a.badge-purple:not(.disabled):not(:disabled):hover, a.badge-purple:not(.disabled):not(:disabled):active, a.badge-purple:not(.disabled):not(:disabled):focus, a:hover > a.badge-purple:not(.disabled):not(:disabled), a:active > a.badge-purple:not(.disabled):not(:disabled), a:focus > a.badge-purple:not(.disabled):not(:disabled), .label-purple:hover, .label-purple:active, .label-purple:focus, a:hover > .label-purple, a:active > .label-purple, a:focus > .label-purple, .label-purple:visited:hover, .label-purple:visited:active, .label-purple:visited:focus, a:hover > .label-purple:visited, a:active > .label-purple:visited, a:focus > .label-purple:visited, .label-purple:not(.disabled):not(:disabled):hover, .label-purple:not(.disabled):not(:disabled):active, .label-purple:not(.disabled):not(:disabled):focus, a:hover > .label-purple:not(.disabled):not(:disabled), a:active > .label-purple:not(.disabled):not(:disabled), a:focus > .label-purple:not(.disabled):not(:disabled), a.label-purple:hover, a.label-purple:active, a.label-purple:focus, a:hover > a.label-purple, a:active > a.label-purple, a:focus > a.label-purple, a.label-purple:visited:hover, a.label-purple:visited:active, a.label-purple:visited:focus, a:hover > a.label-purple:visited, a:active > a.label-purple:visited, a:focus > a.label-purple:visited, a.label-purple:not(.disabled):not(:disabled):hover, a.label-purple:not(.disabled):not(:disabled):active, a.label-purple:not(.disabled):not(:disabled):focus, a:hover > a.label-purple:not(.disabled):not(:disabled), a:active > a.label-purple:not(.disabled):not(:disabled), a:focus > a.label-purple:not(.disabled):not(:disabled), label.label-purple:hover, label.label-purple:active, label.label-purple:focus, a:hover > label.label-purple, a:active > label.label-purple, a:focus > label.label-purple, label.label-purple:visited:hover, label.label-purple:visited:active, label.label-purple:visited:focus, a:hover > label.label-purple:visited, a:active > label.label-purple:visited, a:focus > label.label-purple:visited, label.label-purple:not(.disabled):not(:disabled):hover, label.label-purple:not(.disabled):not(:disabled):active, label.label-purple:not(.disabled):not(:disabled):focus, a:hover > label.label-purple:not(.disabled):not(:disabled), a:active > label.label-purple:not(.disabled):not(:disabled), a:focus > label.label-purple:not(.disabled):not(:disabled) {
+    color: #fffefb; }
+    .btn-purple:hover:before, .btn-purple:active:before, .btn-purple:focus:before, a:hover > .btn-purple:before, a:active > .btn-purple:before, a:focus > .btn-purple:before, .btn-purple:visited:hover:before, .btn-purple:visited:active:before, .btn-purple:visited:focus:before, a:hover > .btn-purple:visited:before, a:active > .btn-purple:visited:before, a:focus > .btn-purple:visited:before, .btn-purple:not(.disabled):not(:disabled):hover:before, .btn-purple:not(.disabled):not(:disabled):active:before, .btn-purple:not(.disabled):not(:disabled):focus:before, a:hover > .btn-purple:not(.disabled):not(:disabled):before, a:active > .btn-purple:not(.disabled):not(:disabled):before, a:focus > .btn-purple:not(.disabled):not(:disabled):before, a.btn-purple:hover:before, a.btn-purple:active:before, a.btn-purple:focus:before, a:hover > a.btn-purple:before, a:active > a.btn-purple:before, a:focus > a.btn-purple:before, a.btn-purple:visited:hover:before, a.btn-purple:visited:active:before, a.btn-purple:visited:focus:before, a:hover > a.btn-purple:visited:before, a:active > a.btn-purple:visited:before, a:focus > a.btn-purple:visited:before, a.btn-purple:not(.disabled):not(:disabled):hover:before, a.btn-purple:not(.disabled):not(:disabled):active:before, a.btn-purple:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-purple:not(.disabled):not(:disabled):before, a:active > a.btn-purple:not(.disabled):not(:disabled):before, a:focus > a.btn-purple:not(.disabled):not(:disabled):before, .badge-purple:hover:before, .badge-purple:active:before, .badge-purple:focus:before, a:hover > .badge-purple:before, a:active > .badge-purple:before, a:focus > .badge-purple:before, .badge-purple:visited:hover:before, .badge-purple:visited:active:before, .badge-purple:visited:focus:before, a:hover > .badge-purple:visited:before, a:active > .badge-purple:visited:before, a:focus > .badge-purple:visited:before, .badge-purple:not(.disabled):not(:disabled):hover:before, .badge-purple:not(.disabled):not(:disabled):active:before, .badge-purple:not(.disabled):not(:disabled):focus:before, a:hover > .badge-purple:not(.disabled):not(:disabled):before, a:active > .badge-purple:not(.disabled):not(:disabled):before, a:focus > .badge-purple:not(.disabled):not(:disabled):before, .chip-purple:hover:before, .chip-purple:active:before, .chip-purple:focus:before, a:hover > .chip-purple:before, a:active > .chip-purple:before, a:focus > .chip-purple:before, .chip-purple:visited:hover:before, .chip-purple:visited:active:before, .chip-purple:visited:focus:before, a:hover > .chip-purple:visited:before, a:active > .chip-purple:visited:before, a:focus > .chip-purple:visited:before, .chip-purple:not(.disabled):not(:disabled):hover:before, .chip-purple:not(.disabled):not(:disabled):active:before, .chip-purple:not(.disabled):not(:disabled):focus:before, a:hover > .chip-purple:not(.disabled):not(:disabled):before, a:active > .chip-purple:not(.disabled):not(:disabled):before, a:focus > .chip-purple:not(.disabled):not(:disabled):before, a.chip-purple:hover:before, a.chip-purple:active:before, a.chip-purple:focus:before, a:hover > a.chip-purple:before, a:active > a.chip-purple:before, a:focus > a.chip-purple:before, a.chip-purple:visited:hover:before, a.chip-purple:visited:active:before, a.chip-purple:visited:focus:before, a:hover > a.chip-purple:visited:before, a:active > a.chip-purple:visited:before, a:focus > a.chip-purple:visited:before, a.chip-purple:not(.disabled):not(:disabled):hover:before, a.chip-purple:not(.disabled):not(:disabled):active:before, a.chip-purple:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-purple:not(.disabled):not(:disabled):before, a:active > a.chip-purple:not(.disabled):not(:disabled):before, a:focus > a.chip-purple:not(.disabled):not(:disabled):before, a.badge-purple:hover:before, a.badge-purple:active:before, a.badge-purple:focus:before, a:hover > a.badge-purple:before, a:active > a.badge-purple:before, a:focus > a.badge-purple:before, a.badge-purple:visited:hover:before, a.badge-purple:visited:active:before, a.badge-purple:visited:focus:before, a:hover > a.badge-purple:visited:before, a:active > a.badge-purple:visited:before, a:focus > a.badge-purple:visited:before, a.badge-purple:not(.disabled):not(:disabled):hover:before, a.badge-purple:not(.disabled):not(:disabled):active:before, a.badge-purple:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-purple:not(.disabled):not(:disabled):before, a:active > a.badge-purple:not(.disabled):not(:disabled):before, a:focus > a.badge-purple:not(.disabled):not(:disabled):before, .label-purple:hover:before, .label-purple:active:before, .label-purple:focus:before, a:hover > .label-purple:before, a:active > .label-purple:before, a:focus > .label-purple:before, .label-purple:visited:hover:before, .label-purple:visited:active:before, .label-purple:visited:focus:before, a:hover > .label-purple:visited:before, a:active > .label-purple:visited:before, a:focus > .label-purple:visited:before, .label-purple:not(.disabled):not(:disabled):hover:before, .label-purple:not(.disabled):not(:disabled):active:before, .label-purple:not(.disabled):not(:disabled):focus:before, a:hover > .label-purple:not(.disabled):not(:disabled):before, a:active > .label-purple:not(.disabled):not(:disabled):before, a:focus > .label-purple:not(.disabled):not(:disabled):before, a.label-purple:hover:before, a.label-purple:active:before, a.label-purple:focus:before, a:hover > a.label-purple:before, a:active > a.label-purple:before, a:focus > a.label-purple:before, a.label-purple:visited:hover:before, a.label-purple:visited:active:before, a.label-purple:visited:focus:before, a:hover > a.label-purple:visited:before, a:active > a.label-purple:visited:before, a:focus > a.label-purple:visited:before, a.label-purple:not(.disabled):not(:disabled):hover:before, a.label-purple:not(.disabled):not(:disabled):active:before, a.label-purple:not(.disabled):not(:disabled):focus:before, a:hover > a.label-purple:not(.disabled):not(:disabled):before, a:active > a.label-purple:not(.disabled):not(:disabled):before, a:focus > a.label-purple:not(.disabled):not(:disabled):before, label.label-purple:hover:before, label.label-purple:active:before, label.label-purple:focus:before, a:hover > label.label-purple:before, a:active > label.label-purple:before, a:focus > label.label-purple:before, label.label-purple:visited:hover:before, label.label-purple:visited:active:before, label.label-purple:visited:focus:before, a:hover > label.label-purple:visited:before, a:active > label.label-purple:visited:before, a:focus > label.label-purple:visited:before, label.label-purple:not(.disabled):not(:disabled):hover:before, label.label-purple:not(.disabled):not(:disabled):active:before, label.label-purple:not(.disabled):not(:disabled):focus:before, a:hover > label.label-purple:not(.disabled):not(:disabled):before, a:active > label.label-purple:not(.disabled):not(:disabled):before, a:focus > label.label-purple:not(.disabled):not(:disabled):before {
+      background-color: #5157b9; }
+
+.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-turquoise, a.btn-turquoise, .badge-turquoise, .chip-turquoise, a.chip-turquoise, a.badge-turquoise, .label-turquoise, a.label-turquoise, label.label-turquoise {
+  color: #fdf6e3; }
+  .btn-turquoise:before, a.btn-turquoise:before, .badge-turquoise:before, .chip-turquoise:before, a.chip-turquoise:before, a.badge-turquoise:before, .label-turquoise:before, a.label-turquoise:before, label.label-turquoise:before {
+    background-color: #2aa198; }
+  .btn-turquoise:visited, a.btn-turquoise:visited, .badge-turquoise:visited, .chip-turquoise:visited, a.chip-turquoise:visited, a.badge-turquoise:visited, .label-turquoise:visited, a.label-turquoise:visited, label.label-turquoise:visited {
+    color: #fdf6e3; }
+    .btn-turquoise:visited:before, a.btn-turquoise:visited:before, .badge-turquoise:visited:before, .chip-turquoise:visited:before, a.chip-turquoise:visited:before, a.badge-turquoise:visited:before, .label-turquoise:visited:before, a.label-turquoise:visited:before, label.label-turquoise:visited:before {
+      background-color: #2aa198; }
+  .btn-turquoise:hover, .btn-turquoise:active, .btn-turquoise:focus, a:hover > .btn-turquoise, a:active > .btn-turquoise, a:focus > .btn-turquoise, .btn-turquoise:visited:hover, .btn-turquoise:visited:active, .btn-turquoise:visited:focus, a:hover > .btn-turquoise:visited, a:active > .btn-turquoise:visited, a:focus > .btn-turquoise:visited, .btn-turquoise:not(.disabled):not(:disabled):hover, .btn-turquoise:not(.disabled):not(:disabled):active, .btn-turquoise:not(.disabled):not(:disabled):focus, a:hover > .btn-turquoise:not(.disabled):not(:disabled), a:active > .btn-turquoise:not(.disabled):not(:disabled), a:focus > .btn-turquoise:not(.disabled):not(:disabled), a.btn-turquoise:hover, a.btn-turquoise:active, a.btn-turquoise:focus, a:hover > a.btn-turquoise, a:active > a.btn-turquoise, a:focus > a.btn-turquoise, a.btn-turquoise:visited:hover, a.btn-turquoise:visited:active, a.btn-turquoise:visited:focus, a:hover > a.btn-turquoise:visited, a:active > a.btn-turquoise:visited, a:focus > a.btn-turquoise:visited, a.btn-turquoise:not(.disabled):not(:disabled):hover, a.btn-turquoise:not(.disabled):not(:disabled):active, a.btn-turquoise:not(.disabled):not(:disabled):focus, a:hover > a.btn-turquoise:not(.disabled):not(:disabled), a:active > a.btn-turquoise:not(.disabled):not(:disabled), a:focus > a.btn-turquoise:not(.disabled):not(:disabled), .badge-turquoise:hover, .badge-turquoise:active, .badge-turquoise:focus, a:hover > .badge-turquoise, a:active > .badge-turquoise, a:focus > .badge-turquoise, .badge-turquoise:visited:hover, .badge-turquoise:visited:active, .badge-turquoise:visited:focus, a:hover > .badge-turquoise:visited, a:active > .badge-turquoise:visited, a:focus > .badge-turquoise:visited, .badge-turquoise:not(.disabled):not(:disabled):hover, .badge-turquoise:not(.disabled):not(:disabled):active, .badge-turquoise:not(.disabled):not(:disabled):focus, a:hover > .badge-turquoise:not(.disabled):not(:disabled), a:active > .badge-turquoise:not(.disabled):not(:disabled), a:focus > .badge-turquoise:not(.disabled):not(:disabled), .chip-turquoise:hover, .chip-turquoise:active, .chip-turquoise:focus, a:hover > .chip-turquoise, a:active > .chip-turquoise, a:focus > .chip-turquoise, .chip-turquoise:visited:hover, .chip-turquoise:visited:active, .chip-turquoise:visited:focus, a:hover > .chip-turquoise:visited, a:active > .chip-turquoise:visited, a:focus > .chip-turquoise:visited, .chip-turquoise:not(.disabled):not(:disabled):hover, .chip-turquoise:not(.disabled):not(:disabled):active, .chip-turquoise:not(.disabled):not(:disabled):focus, a:hover > .chip-turquoise:not(.disabled):not(:disabled), a:active > .chip-turquoise:not(.disabled):not(:disabled), a:focus > .chip-turquoise:not(.disabled):not(:disabled), a.chip-turquoise:hover, a.chip-turquoise:active, a.chip-turquoise:focus, a:hover > a.chip-turquoise, a:active > a.chip-turquoise, a:focus > a.chip-turquoise, a.chip-turquoise:visited:hover, a.chip-turquoise:visited:active, a.chip-turquoise:visited:focus, a:hover > a.chip-turquoise:visited, a:active > a.chip-turquoise:visited, a:focus > a.chip-turquoise:visited, a.chip-turquoise:not(.disabled):not(:disabled):hover, a.chip-turquoise:not(.disabled):not(:disabled):active, a.chip-turquoise:not(.disabled):not(:disabled):focus, a:hover > a.chip-turquoise:not(.disabled):not(:disabled), a:active > a.chip-turquoise:not(.disabled):not(:disabled), a:focus > a.chip-turquoise:not(.disabled):not(:disabled), a.badge-turquoise:hover, a.badge-turquoise:active, a.badge-turquoise:focus, a:hover > a.badge-turquoise, a:active > a.badge-turquoise, a:focus > a.badge-turquoise, a.badge-turquoise:visited:hover, a.badge-turquoise:visited:active, a.badge-turquoise:visited:focus, a:hover > a.badge-turquoise:visited, a:active > a.badge-turquoise:visited, a:focus > a.badge-turquoise:visited, a.badge-turquoise:not(.disabled):not(:disabled):hover, a.badge-turquoise:not(.disabled):not(:disabled):active, a.badge-turquoise:not(.disabled):not(:disabled):focus, a:hover > a.badge-turquoise:not(.disabled):not(:disabled), a:active > a.badge-turquoise:not(.disabled):not(:disabled), a:focus > a.badge-turquoise:not(.disabled):not(:disabled), .label-turquoise:hover, .label-turquoise:active, .label-turquoise:focus, a:hover > .label-turquoise, a:active > .label-turquoise, a:focus > .label-turquoise, .label-turquoise:visited:hover, .label-turquoise:visited:active, .label-turquoise:visited:focus, a:hover > .label-turquoise:visited, a:active > .label-turquoise:visited, a:focus > .label-turquoise:visited, .label-turquoise:not(.disabled):not(:disabled):hover, .label-turquoise:not(.disabled):not(:disabled):active, .label-turquoise:not(.disabled):not(:disabled):focus, a:hover > .label-turquoise:not(.disabled):not(:disabled), a:active > .label-turquoise:not(.disabled):not(:disabled), a:focus > .label-turquoise:not(.disabled):not(:disabled), a.label-turquoise:hover, a.label-turquoise:active, a.label-turquoise:focus, a:hover > a.label-turquoise, a:active > a.label-turquoise, a:focus > a.label-turquoise, a.label-turquoise:visited:hover, a.label-turquoise:visited:active, a.label-turquoise:visited:focus, a:hover > a.label-turquoise:visited, a:active > a.label-turquoise:visited, a:focus > a.label-turquoise:visited, a.label-turquoise:not(.disabled):not(:disabled):hover, a.label-turquoise:not(.disabled):not(:disabled):active, a.label-turquoise:not(.disabled):not(:disabled):focus, a:hover > a.label-turquoise:not(.disabled):not(:disabled), a:active > a.label-turquoise:not(.disabled):not(:disabled), a:focus > a.label-turquoise:not(.disabled):not(:disabled), label.label-turquoise:hover, label.label-turquoise:active, label.label-turquoise:focus, a:hover > label.label-turquoise, a:active > label.label-turquoise, a:focus > label.label-turquoise, label.label-turquoise:visited:hover, label.label-turquoise:visited:active, label.label-turquoise:visited:focus, a:hover > label.label-turquoise:visited, a:active > label.label-turquoise:visited, a:focus > label.label-turquoise:visited, label.label-turquoise:not(.disabled):not(:disabled):hover, label.label-turquoise:not(.disabled):not(:disabled):active, label.label-turquoise:not(.disabled):not(:disabled):focus, a:hover > label.label-turquoise:not(.disabled):not(:disabled), a:active > label.label-turquoise:not(.disabled):not(:disabled), a:focus > label.label-turquoise:not(.disabled):not(:disabled) {
+    color: #fffefb; }
+    .btn-turquoise:hover:before, .btn-turquoise:active:before, .btn-turquoise:focus:before, a:hover > .btn-turquoise:before, a:active > .btn-turquoise:before, a:focus > .btn-turquoise:before, .btn-turquoise:visited:hover:before, .btn-turquoise:visited:active:before, .btn-turquoise:visited:focus:before, a:hover > .btn-turquoise:visited:before, a:active > .btn-turquoise:visited:before, a:focus > .btn-turquoise:visited:before, .btn-turquoise:not(.disabled):not(:disabled):hover:before, .btn-turquoise:not(.disabled):not(:disabled):active:before, .btn-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > .btn-turquoise:not(.disabled):not(:disabled):before, a:active > .btn-turquoise:not(.disabled):not(:disabled):before, a:focus > .btn-turquoise:not(.disabled):not(:disabled):before, a.btn-turquoise:hover:before, a.btn-turquoise:active:before, a.btn-turquoise:focus:before, a:hover > a.btn-turquoise:before, a:active > a.btn-turquoise:before, a:focus > a.btn-turquoise:before, a.btn-turquoise:visited:hover:before, a.btn-turquoise:visited:active:before, a.btn-turquoise:visited:focus:before, a:hover > a.btn-turquoise:visited:before, a:active > a.btn-turquoise:visited:before, a:focus > a.btn-turquoise:visited:before, a.btn-turquoise:not(.disabled):not(:disabled):hover:before, a.btn-turquoise:not(.disabled):not(:disabled):active:before, a.btn-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-turquoise:not(.disabled):not(:disabled):before, a:active > a.btn-turquoise:not(.disabled):not(:disabled):before, a:focus > a.btn-turquoise:not(.disabled):not(:disabled):before, .badge-turquoise:hover:before, .badge-turquoise:active:before, .badge-turquoise:focus:before, a:hover > .badge-turquoise:before, a:active > .badge-turquoise:before, a:focus > .badge-turquoise:before, .badge-turquoise:visited:hover:before, .badge-turquoise:visited:active:before, .badge-turquoise:visited:focus:before, a:hover > .badge-turquoise:visited:before, a:active > .badge-turquoise:visited:before, a:focus > .badge-turquoise:visited:before, .badge-turquoise:not(.disabled):not(:disabled):hover:before, .badge-turquoise:not(.disabled):not(:disabled):active:before, .badge-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > .badge-turquoise:not(.disabled):not(:disabled):before, a:active > .badge-turquoise:not(.disabled):not(:disabled):before, a:focus > .badge-turquoise:not(.disabled):not(:disabled):before, .chip-turquoise:hover:before, .chip-turquoise:active:before, .chip-turquoise:focus:before, a:hover > .chip-turquoise:before, a:active > .chip-turquoise:before, a:focus > .chip-turquoise:before, .chip-turquoise:visited:hover:before, .chip-turquoise:visited:active:before, .chip-turquoise:visited:focus:before, a:hover > .chip-turquoise:visited:before, a:active > .chip-turquoise:visited:before, a:focus > .chip-turquoise:visited:before, .chip-turquoise:not(.disabled):not(:disabled):hover:before, .chip-turquoise:not(.disabled):not(:disabled):active:before, .chip-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > .chip-turquoise:not(.disabled):not(:disabled):before, a:active > .chip-turquoise:not(.disabled):not(:disabled):before, a:focus > .chip-turquoise:not(.disabled):not(:disabled):before, a.chip-turquoise:hover:before, a.chip-turquoise:active:before, a.chip-turquoise:focus:before, a:hover > a.chip-turquoise:before, a:active > a.chip-turquoise:before, a:focus > a.chip-turquoise:before, a.chip-turquoise:visited:hover:before, a.chip-turquoise:visited:active:before, a.chip-turquoise:visited:focus:before, a:hover > a.chip-turquoise:visited:before, a:active > a.chip-turquoise:visited:before, a:focus > a.chip-turquoise:visited:before, a.chip-turquoise:not(.disabled):not(:disabled):hover:before, a.chip-turquoise:not(.disabled):not(:disabled):active:before, a.chip-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-turquoise:not(.disabled):not(:disabled):before, a:active > a.chip-turquoise:not(.disabled):not(:disabled):before, a:focus > a.chip-turquoise:not(.disabled):not(:disabled):before, a.badge-turquoise:hover:before, a.badge-turquoise:active:before, a.badge-turquoise:focus:before, a:hover > a.badge-turquoise:before, a:active > a.badge-turquoise:before, a:focus > a.badge-turquoise:before, a.badge-turquoise:visited:hover:before, a.badge-turquoise:visited:active:before, a.badge-turquoise:visited:focus:before, a:hover > a.badge-turquoise:visited:before, a:active > a.badge-turquoise:visited:before, a:focus > a.badge-turquoise:visited:before, a.badge-turquoise:not(.disabled):not(:disabled):hover:before, a.badge-turquoise:not(.disabled):not(:disabled):active:before, a.badge-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-turquoise:not(.disabled):not(:disabled):before, a:active > a.badge-turquoise:not(.disabled):not(:disabled):before, a:focus > a.badge-turquoise:not(.disabled):not(:disabled):before, .label-turquoise:hover:before, .label-turquoise:active:before, .label-turquoise:focus:before, a:hover > .label-turquoise:before, a:active > .label-turquoise:before, a:focus > .label-turquoise:before, .label-turquoise:visited:hover:before, .label-turquoise:visited:active:before, .label-turquoise:visited:focus:before, a:hover > .label-turquoise:visited:before, a:active > .label-turquoise:visited:before, a:focus > .label-turquoise:visited:before, .label-turquoise:not(.disabled):not(:disabled):hover:before, .label-turquoise:not(.disabled):not(:disabled):active:before, .label-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > .label-turquoise:not(.disabled):not(:disabled):before, a:active > .label-turquoise:not(.disabled):not(:disabled):before, a:focus > .label-turquoise:not(.disabled):not(:disabled):before, a.label-turquoise:hover:before, a.label-turquoise:active:before, a.label-turquoise:focus:before, a:hover > a.label-turquoise:before, a:active > a.label-turquoise:before, a:focus > a.label-turquoise:before, a.label-turquoise:visited:hover:before, a.label-turquoise:visited:active:before, a.label-turquoise:visited:focus:before, a:hover > a.label-turquoise:visited:before, a:active > a.label-turquoise:visited:before, a:focus > a.label-turquoise:visited:before, a.label-turquoise:not(.disabled):not(:disabled):hover:before, a.label-turquoise:not(.disabled):not(:disabled):active:before, a.label-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > a.label-turquoise:not(.disabled):not(:disabled):before, a:active > a.label-turquoise:not(.disabled):not(:disabled):before, a:focus > a.label-turquoise:not(.disabled):not(:disabled):before, label.label-turquoise:hover:before, label.label-turquoise:active:before, label.label-turquoise:focus:before, a:hover > label.label-turquoise:before, a:active > label.label-turquoise:before, a:focus > label.label-turquoise:before, label.label-turquoise:visited:hover:before, label.label-turquoise:visited:active:before, label.label-turquoise:visited:focus:before, a:hover > label.label-turquoise:visited:before, a:active > label.label-turquoise:visited:before, a:focus > label.label-turquoise:visited:before, label.label-turquoise:not(.disabled):not(:disabled):hover:before, label.label-turquoise:not(.disabled):not(:disabled):active:before, label.label-turquoise:not(.disabled):not(:disabled):focus:before, a:hover > label.label-turquoise:not(.disabled):not(:disabled):before, a:active > label.label-turquoise:not(.disabled):not(:disabled):before, a:focus > label.label-turquoise:not(.disabled):not(:disabled):before {
+      background-color: #22837b; }
+
+.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-brown, a.btn-brown, .badge-brown, .chip-brown, a.chip-brown, a.badge-brown, .label-brown, a.label-brown, label.label-brown {
+  color: #fdf6e3; }
+  .btn-brown:before, a.btn-brown:before, .badge-brown:before, .chip-brown:before, a.chip-brown:before, a.badge-brown:before, .label-brown:before, a.label-brown:before, label.label-brown:before {
+    background-color: #b58900; }
+  .btn-brown:visited, a.btn-brown:visited, .badge-brown:visited, .chip-brown:visited, a.chip-brown:visited, a.badge-brown:visited, .label-brown:visited, a.label-brown:visited, label.label-brown:visited {
+    color: #fdf6e3; }
+    .btn-brown:visited:before, a.btn-brown:visited:before, .badge-brown:visited:before, .chip-brown:visited:before, a.chip-brown:visited:before, a.badge-brown:visited:before, .label-brown:visited:before, a.label-brown:visited:before, label.label-brown:visited:before {
+      background-color: #b58900; }
+  .btn-brown:hover, .btn-brown:active, .btn-brown:focus, a:hover > .btn-brown, a:active > .btn-brown, a:focus > .btn-brown, .btn-brown:visited:hover, .btn-brown:visited:active, .btn-brown:visited:focus, a:hover > .btn-brown:visited, a:active > .btn-brown:visited, a:focus > .btn-brown:visited, .btn-brown:not(.disabled):not(:disabled):hover, .btn-brown:not(.disabled):not(:disabled):active, .btn-brown:not(.disabled):not(:disabled):focus, a:hover > .btn-brown:not(.disabled):not(:disabled), a:active > .btn-brown:not(.disabled):not(:disabled), a:focus > .btn-brown:not(.disabled):not(:disabled), a.btn-brown:hover, a.btn-brown:active, a.btn-brown:focus, a:hover > a.btn-brown, a:active > a.btn-brown, a:focus > a.btn-brown, a.btn-brown:visited:hover, a.btn-brown:visited:active, a.btn-brown:visited:focus, a:hover > a.btn-brown:visited, a:active > a.btn-brown:visited, a:focus > a.btn-brown:visited, a.btn-brown:not(.disabled):not(:disabled):hover, a.btn-brown:not(.disabled):not(:disabled):active, a.btn-brown:not(.disabled):not(:disabled):focus, a:hover > a.btn-brown:not(.disabled):not(:disabled), a:active > a.btn-brown:not(.disabled):not(:disabled), a:focus > a.btn-brown:not(.disabled):not(:disabled), .badge-brown:hover, .badge-brown:active, .badge-brown:focus, a:hover > .badge-brown, a:active > .badge-brown, a:focus > .badge-brown, .badge-brown:visited:hover, .badge-brown:visited:active, .badge-brown:visited:focus, a:hover > .badge-brown:visited, a:active > .badge-brown:visited, a:focus > .badge-brown:visited, .badge-brown:not(.disabled):not(:disabled):hover, .badge-brown:not(.disabled):not(:disabled):active, .badge-brown:not(.disabled):not(:disabled):focus, a:hover > .badge-brown:not(.disabled):not(:disabled), a:active > .badge-brown:not(.disabled):not(:disabled), a:focus > .badge-brown:not(.disabled):not(:disabled), .chip-brown:hover, .chip-brown:active, .chip-brown:focus, a:hover > .chip-brown, a:active > .chip-brown, a:focus > .chip-brown, .chip-brown:visited:hover, .chip-brown:visited:active, .chip-brown:visited:focus, a:hover > .chip-brown:visited, a:active > .chip-brown:visited, a:focus > .chip-brown:visited, .chip-brown:not(.disabled):not(:disabled):hover, .chip-brown:not(.disabled):not(:disabled):active, .chip-brown:not(.disabled):not(:disabled):focus, a:hover > .chip-brown:not(.disabled):not(:disabled), a:active > .chip-brown:not(.disabled):not(:disabled), a:focus > .chip-brown:not(.disabled):not(:disabled), a.chip-brown:hover, a.chip-brown:active, a.chip-brown:focus, a:hover > a.chip-brown, a:active > a.chip-brown, a:focus > a.chip-brown, a.chip-brown:visited:hover, a.chip-brown:visited:active, a.chip-brown:visited:focus, a:hover > a.chip-brown:visited, a:active > a.chip-brown:visited, a:focus > a.chip-brown:visited, a.chip-brown:not(.disabled):not(:disabled):hover, a.chip-brown:not(.disabled):not(:disabled):active, a.chip-brown:not(.disabled):not(:disabled):focus, a:hover > a.chip-brown:not(.disabled):not(:disabled), a:active > a.chip-brown:not(.disabled):not(:disabled), a:focus > a.chip-brown:not(.disabled):not(:disabled), a.badge-brown:hover, a.badge-brown:active, a.badge-brown:focus, a:hover > a.badge-brown, a:active > a.badge-brown, a:focus > a.badge-brown, a.badge-brown:visited:hover, a.badge-brown:visited:active, a.badge-brown:visited:focus, a:hover > a.badge-brown:visited, a:active > a.badge-brown:visited, a:focus > a.badge-brown:visited, a.badge-brown:not(.disabled):not(:disabled):hover, a.badge-brown:not(.disabled):not(:disabled):active, a.badge-brown:not(.disabled):not(:disabled):focus, a:hover > a.badge-brown:not(.disabled):not(:disabled), a:active > a.badge-brown:not(.disabled):not(:disabled), a:focus > a.badge-brown:not(.disabled):not(:disabled), .label-brown:hover, .label-brown:active, .label-brown:focus, a:hover > .label-brown, a:active > .label-brown, a:focus > .label-brown, .label-brown:visited:hover, .label-brown:visited:active, .label-brown:visited:focus, a:hover > .label-brown:visited, a:active > .label-brown:visited, a:focus > .label-brown:visited, .label-brown:not(.disabled):not(:disabled):hover, .label-brown:not(.disabled):not(:disabled):active, .label-brown:not(.disabled):not(:disabled):focus, a:hover > .label-brown:not(.disabled):not(:disabled), a:active > .label-brown:not(.disabled):not(:disabled), a:focus > .label-brown:not(.disabled):not(:disabled), a.label-brown:hover, a.label-brown:active, a.label-brown:focus, a:hover > a.label-brown, a:active > a.label-brown, a:focus > a.label-brown, a.label-brown:visited:hover, a.label-brown:visited:active, a.label-brown:visited:focus, a:hover > a.label-brown:visited, a:active > a.label-brown:visited, a:focus > a.label-brown:visited, a.label-brown:not(.disabled):not(:disabled):hover, a.label-brown:not(.disabled):not(:disabled):active, a.label-brown:not(.disabled):not(:disabled):focus, a:hover > a.label-brown:not(.disabled):not(:disabled), a:active > a.label-brown:not(.disabled):not(:disabled), a:focus > a.label-brown:not(.disabled):not(:disabled), label.label-brown:hover, label.label-brown:active, label.label-brown:focus, a:hover > label.label-brown, a:active > label.label-brown, a:focus > label.label-brown, label.label-brown:visited:hover, label.label-brown:visited:active, label.label-brown:visited:focus, a:hover > label.label-brown:visited, a:active > label.label-brown:visited, a:focus > label.label-brown:visited, label.label-brown:not(.disabled):not(:disabled):hover, label.label-brown:not(.disabled):not(:disabled):active, label.label-brown:not(.disabled):not(:disabled):focus, a:hover > label.label-brown:not(.disabled):not(:disabled), a:active > label.label-brown:not(.disabled):not(:disabled), a:focus > label.label-brown:not(.disabled):not(:disabled) {
+    color: #fffefb; }
+    .btn-brown:hover:before, .btn-brown:active:before, .btn-brown:focus:before, a:hover > .btn-brown:before, a:active > .btn-brown:before, a:focus > .btn-brown:before, .btn-brown:visited:hover:before, .btn-brown:visited:active:before, .btn-brown:visited:focus:before, a:hover > .btn-brown:visited:before, a:active > .btn-brown:visited:before, a:focus > .btn-brown:visited:before, .btn-brown:not(.disabled):not(:disabled):hover:before, .btn-brown:not(.disabled):not(:disabled):active:before, .btn-brown:not(.disabled):not(:disabled):focus:before, a:hover > .btn-brown:not(.disabled):not(:disabled):before, a:active > .btn-brown:not(.disabled):not(:disabled):before, a:focus > .btn-brown:not(.disabled):not(:disabled):before, a.btn-brown:hover:before, a.btn-brown:active:before, a.btn-brown:focus:before, a:hover > a.btn-brown:before, a:active > a.btn-brown:before, a:focus > a.btn-brown:before, a.btn-brown:visited:hover:before, a.btn-brown:visited:active:before, a.btn-brown:visited:focus:before, a:hover > a.btn-brown:visited:before, a:active > a.btn-brown:visited:before, a:focus > a.btn-brown:visited:before, a.btn-brown:not(.disabled):not(:disabled):hover:before, a.btn-brown:not(.disabled):not(:disabled):active:before, a.btn-brown:not(.disabled):not(:disabled):focus:before, a:hover > a.btn-brown:not(.disabled):not(:disabled):before, a:active > a.btn-brown:not(.disabled):not(:disabled):before, a:focus > a.btn-brown:not(.disabled):not(:disabled):before, .badge-brown:hover:before, .badge-brown:active:before, .badge-brown:focus:before, a:hover > .badge-brown:before, a:active > .badge-brown:before, a:focus > .badge-brown:before, .badge-brown:visited:hover:before, .badge-brown:visited:active:before, .badge-brown:visited:focus:before, a:hover > .badge-brown:visited:before, a:active > .badge-brown:visited:before, a:focus > .badge-brown:visited:before, .badge-brown:not(.disabled):not(:disabled):hover:before, .badge-brown:not(.disabled):not(:disabled):active:before, .badge-brown:not(.disabled):not(:disabled):focus:before, a:hover > .badge-brown:not(.disabled):not(:disabled):before, a:active > .badge-brown:not(.disabled):not(:disabled):before, a:focus > .badge-brown:not(.disabled):not(:disabled):before, .chip-brown:hover:before, .chip-brown:active:before, .chip-brown:focus:before, a:hover > .chip-brown:before, a:active > .chip-brown:before, a:focus > .chip-brown:before, .chip-brown:visited:hover:before, .chip-brown:visited:active:before, .chip-brown:visited:focus:before, a:hover > .chip-brown:visited:before, a:active > .chip-brown:visited:before, a:focus > .chip-brown:visited:before, .chip-brown:not(.disabled):not(:disabled):hover:before, .chip-brown:not(.disabled):not(:disabled):active:before, .chip-brown:not(.disabled):not(:disabled):focus:before, a:hover > .chip-brown:not(.disabled):not(:disabled):before, a:active > .chip-brown:not(.disabled):not(:disabled):before, a:focus > .chip-brown:not(.disabled):not(:disabled):before, a.chip-brown:hover:before, a.chip-brown:active:before, a.chip-brown:focus:before, a:hover > a.chip-brown:before, a:active > a.chip-brown:before, a:focus > a.chip-brown:before, a.chip-brown:visited:hover:before, a.chip-brown:visited:active:before, a.chip-brown:visited:focus:before, a:hover > a.chip-brown:visited:before, a:active > a.chip-brown:visited:before, a:focus > a.chip-brown:visited:before, a.chip-brown:not(.disabled):not(:disabled):hover:before, a.chip-brown:not(.disabled):not(:disabled):active:before, a.chip-brown:not(.disabled):not(:disabled):focus:before, a:hover > a.chip-brown:not(.disabled):not(:disabled):before, a:active > a.chip-brown:not(.disabled):not(:disabled):before, a:focus > a.chip-brown:not(.disabled):not(:disabled):before, a.badge-brown:hover:before, a.badge-brown:active:before, a.badge-brown:focus:before, a:hover > a.badge-brown:before, a:active > a.badge-brown:before, a:focus > a.badge-brown:before, a.badge-brown:visited:hover:before, a.badge-brown:visited:active:before, a.badge-brown:visited:focus:before, a:hover > a.badge-brown:visited:before, a:active > a.badge-brown:visited:before, a:focus > a.badge-brown:visited:before, a.badge-brown:not(.disabled):not(:disabled):hover:before, a.badge-brown:not(.disabled):not(:disabled):active:before, a.badge-brown:not(.disabled):not(:disabled):focus:before, a:hover > a.badge-brown:not(.disabled):not(:disabled):before, a:active > a.badge-brown:not(.disabled):not(:disabled):before, a:focus > a.badge-brown:not(.disabled):not(:disabled):before, .label-brown:hover:before, .label-brown:active:before, .label-brown:focus:before, a:hover > .label-brown:before, a:active > .label-brown:before, a:focus > .label-brown:before, .label-brown:visited:hover:before, .label-brown:visited:active:before, .label-brown:visited:focus:before, a:hover > .label-brown:visited:before, a:active > .label-brown:visited:before, a:focus > .label-brown:visited:before, .label-brown:not(.disabled):not(:disabled):hover:before, .label-brown:not(.disabled):not(:disabled):active:before, .label-brown:not(.disabled):not(:disabled):focus:before, a:hover > .label-brown:not(.disabled):not(:disabled):before, a:active > .label-brown:not(.disabled):not(:disabled):before, a:focus > .label-brown:not(.disabled):not(:disabled):before, a.label-brown:hover:before, a.label-brown:active:before, a.label-brown:focus:before, a:hover > a.label-brown:before, a:active > a.label-brown:before, a:focus > a.label-brown:before, a.label-brown:visited:hover:before, a.label-brown:visited:active:before, a.label-brown:visited:focus:before, a:hover > a.label-brown:visited:before, a:active > a.label-brown:visited:before, a:focus > a.label-brown:visited:before, a.label-brown:not(.disabled):not(:disabled):hover:before, a.label-brown:not(.disabled):not(:disabled):active:before, a.label-brown:not(.disabled):not(:disabled):focus:before, a:hover > a.label-brown:not(.disabled):not(:disabled):before, a:active > a.label-brown:not(.disabled):not(:disabled):before, a:focus > a.label-brown:not(.disabled):not(:disabled):before, label.label-brown:hover:before, label.label-brown:active:before, label.label-brown:focus:before, a:hover > label.label-brown:before, a:active > label.label-brown:before, a:focus > label.label-brown:before, label.label-brown:visited:hover:before, label.label-brown:visited:active:before, label.label-brown:visited:focus:before, a:hover > label.label-brown:visited:before, a:active > label.label-brown:visited:before, a:focus > label.label-brown:visited:before, label.label-brown:not(.disabled):not(:disabled):hover:before, label.label-brown:not(.disabled):not(:disabled):active:before, label.label-brown:not(.disabled):not(:disabled):focus:before, a:hover > label.label-brown:not(.disabled):not(:disabled):before, a:active > label.label-brown:not(.disabled):not(:disabled):before, a:focus > label.label-brown: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: 15px; }
+  margin-top: 1.5rem; }
 
 .reagir {
   text-align: right; }
-  .reagir .btn, .reagir .page-numbers {
-    margin-right: 0.5em; }
 
-.btn-facebook {
-  background-color: #3B5998;
-  color: #FFF; }
-  .btn-facebook:hover, .btn-facebook:active, .btn-facebook:focus, .btn-facebook:not(.disabled):not(:disabled):hover, .btn-facebook:not(.disabled):not(:disabled):active, .btn-facebook:not(.disabled):not(:disabled):focus {
-    background-color: #5f7ec1;
-    color: #FFF; }
+.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 {
-  background-color: #55ACEE;
-  color: #FFF; }
-  .btn-twitter:hover, .btn-twitter:active, .btn-twitter:focus, .btn-twitter:not(.disabled):not(:disabled):hover, .btn-twitter:not(.disabled):not(:disabled):active, .btn-twitter:not(.disabled):not(:disabled):focus {
-    background-color: #9bcef5;
-    color: #FFF; }
+.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 {
-  background-color: #d34836;
-  color: #FFF; }
-  .btn-googleplus:hover, .btn-googleplus:active, .btn-googleplus:focus, .btn-googleplus:not(.disabled):not(:disabled):hover, .btn-googleplus:not(.disabled):not(:disabled):active, .btn-googleplus:not(.disabled):not(:disabled):focus {
-    background-color: #e18175;
-    color: #FFF; }
+.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 {
-  background-color: #313739;
-  color: #FFF; }
-  .btn-diaspora:hover, .btn-diaspora:active, .btn-diaspora:focus, .btn-diaspora:not(.disabled):not(:disabled):hover, .btn-diaspora:not(.disabled):not(:disabled):active, .btn-diaspora:not(.disabled):not(:disabled):focus {
-    background-color: #545f62;
-    color: #FFF; }
+.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 {
-  background-color: #282c37;
-  color: #FFF; }
-  .btn-mastodon:hover, .btn-mastodon:active, .btn-mastodon:focus, .btn-mastodon:not(.disabled):not(:disabled):hover, .btn-mastodon:not(.disabled):not(:disabled):active, .btn-mastodon:not(.disabled):not(:disabled):focus {
-    background-color: #484f63;
-    color: #FFF; }
-
-.btn-whatsapp {
-  background-color: #43d854;
-  color: #FFF; }
-  .btn-whatsapp:hover, .btn-whatsapp:active, .btn-whatsapp:focus, .btn-whatsapp:not(.disabled):not(:disabled):hover, .btn-whatsapp:not(.disabled):not(:disabled):active, .btn-whatsapp:not(.disabled):not(:disabled):focus {
-    background-color: #82e58e;
-    color: #FFF; }
-
-.btn-linkedin {
-  background-color: #0074A1;
-  color: #FFF; }
-  .btn-linkedin:hover, .btn-linkedin:active, .btn-linkedin:focus, .btn-linkedin:not(.disabled):not(:disabled):hover, .btn-linkedin:not(.disabled):not(:disabled):active, .btn-linkedin:not(.disabled):not(:disabled):focus {
-    background-color: #00abee;
-    color: #FFF; }
-
-.btn-buffer {
-  background-color: #444;
-  color: #FFF; }
-  .btn-buffer:hover, .btn-buffer:active, .btn-buffer:focus, .btn-buffer:not(.disabled):not(:disabled):hover, .btn-buffer:not(.disabled):not(:disabled):active, .btn-buffer:not(.disabled):not(:disabled):focus {
-    background-color: #6a6a6a;
-    color: #FFF; }
-
-.btn-pinterest {
-  background-color: #bd081c;
-  color: #FFF; }
-  .btn-pinterest:hover, .btn-pinterest:active, .btn-pinterest:focus, .btn-pinterest:not(.disabled):not(:disabled):hover, .btn-pinterest:not(.disabled):not(:disabled):active, .btn-pinterest:not(.disabled):not(:disabled):focus {
-    background-color: #f51c34;
-    color: #FFF; }
-
-/* 5.2 - Badges */
-.badge {
-  border: 1px solid rgba(0, 0, 0, 0.3);
-  border-radius: 0px 0px 0px 0px;
-  text-decoration: none !important; }
-  .badge-pill {
-    border-radius: 10rem; }
-
-.badge-blue {
-  background-color: #4e63c9;
-  color: #FFF; }
-  .badge-blue:hover, .badge-blue:active, .badge-blue:focus, a:hover > .badge-blue, a:active > .badge-blue, a:focus > .badge-blue, .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) {
-    background-color: #8997db;
-    color: #FFF; }
-
-.badge-violet {
-  background-color: #ce4dcd;
-  color: #FFF; }
-  .badge-violet:hover, .badge-violet:active, .badge-violet:focus, a:hover > .badge-violet, a:active > .badge-violet, a:focus > .badge-violet, .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) {
-    background-color: #df89de;
-    color: #FFF; }
-
-.badge-purple {
-  background-color: #7951c0;
-  color: #FFF; }
-  .badge-purple:hover, .badge-purple:active, .badge-purple:focus, a:hover > .badge-purple, a:active > .badge-purple, a:focus > .badge-purple, .badge-purple:not(.disabled):not(:disabled):hover, .badge-purple:not(.disabled):not(:disabled):active, .badge-purple:not(.disabled):not(:disabled):focus, a:hover > .badge-purple:not(.disabled):not(:disabled), a:active > .badge-purple:not(.disabled):not(:disabled), a:focus > .badge-purple:not(.disabled):not(:disabled) {
-    background-color: #a489d4;
-    color: #FFF; }
-
-.badge-red {
-  background-color: #e33d22;
-  color: #FFF; }
-  .badge-red:hover, .badge-red:active, .badge-red:focus, a:hover > .badge-red, a:active > .badge-red, a:focus > .badge-red, .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) {
-    background-color: #ec7966;
-    color: #FFF; }
-
-.badge-orange {
-  background-color: #eb790a;
-  color: #FFF; }
-  .badge-orange:hover, .badge-orange:active, .badge-orange:focus, a:hover > .badge-orange, a:active > .badge-orange, a:focus > .badge-orange, .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) {
-    background-color: #f7a04a;
-    color: #FFF; }
-
-.badge-green {
-  background-color: #75b82d;
-  color: #FFF; }
-  .badge-green:hover, .badge-green:active, .badge-green:focus, a:hover > .badge-green, a:active > .badge-green, a:focus > .badge-green, .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) {
-    background-color: #9bd75b;
-    color: #FFF; }
-
-.badge-skyblue {
-  background-color: #42a0f3;
-  color: #FFF; }
-  .badge-skyblue:hover, .badge-skyblue:active, .badge-skyblue:focus, a:hover > .badge-skyblue, a:active > .badge-skyblue, a:focus > .badge-skyblue, .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) {
-    background-color: #8ac4f8;
-    color: #FFF; }
-
-.badge-dark {
-  background-color: #2D2D2D;
-  color: #FFF; }
-  .badge-dark:hover, .badge-dark:active, .badge-dark:focus, a:hover > .badge-dark, a:active > .badge-dark, a:focus > .badge-dark, .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) {
-    background-color: #535353;
-    color: #FFF; }
-
-.badge-light {
-  background-color: #eeeeec;
-  color: #111; }
-  .badge-light:hover, .badge-light:active, .badge-light:focus, a:hover > .badge-light, a:active > .badge-light, a:focus > .badge-light, .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) {
-    background-color: white;
-    color: #111; }
-
-.badge-turquoise {
-  background-color: #46bd9e;
-  color: #FFF; }
-  .badge-turquoise:hover, .badge-turquoise:active, .badge-turquoise:focus, a:hover > .badge-turquoise, a:active > .badge-turquoise, a:focus > .badge-turquoise, .badge-turquoise:not(.disabled):not(:disabled):hover, .badge-turquoise:not(.disabled):not(:disabled):active, .badge-turquoise:not(.disabled):not(:disabled):focus, a:hover > .badge-turquoise:not(.disabled):not(:disabled), a:active > .badge-turquoise:not(.disabled):not(:disabled), a:focus > .badge-turquoise:not(.disabled):not(:disabled) {
-    background-color: #7ed1bc;
-    color: #FFF; }
-
-.badge-yellow {
-  background-color: #f6d32d;
-  color: #FFF; }
-  .badge-yellow:hover, .badge-yellow:active, .badge-yellow:focus, a:hover > .badge-yellow, a:active > .badge-yellow, a:focus > .badge-yellow, .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) {
-    background-color: #f9e276;
-    color: #FFF; }
-
-.badge-brown {
-  background-color: #986a44;
-  color: #FFF; }
-  .badge-brown:hover, .badge-brown:active, .badge-brown:focus, a:hover > .badge-brown, a:active > .badge-brown, a:focus > .badge-brown, .badge-brown:not(.disabled):not(:disabled):hover, .badge-brown:not(.disabled):not(:disabled):active, .badge-brown:not(.disabled):not(:disabled):focus, a:hover > .badge-brown:not(.disabled):not(:disabled), a:active > .badge-brown:not(.disabled):not(:disabled), a:focus > .badge-brown:not(.disabled):not(:disabled) {
-    background-color: #bd906b;
-    color: #FFF; }
-
-.badge-grey {
-  background-color: #77767b;
-  color: #FFF; }
-  .badge-grey:hover, .badge-grey:active, .badge-grey:focus, a:hover > .badge-grey, a:active > .badge-grey, a:focus > .badge-grey, .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) {
-    background-color: #9e9da1;
-    color: #FFF; }
-
-.badge-primary {
-  background-color: #e33d22;
-  color: #FFF; }
-  .badge-primary:hover, .badge-primary:active, .badge-primary:focus, a:hover > .badge-primary, a:active > .badge-primary, a:focus > .badge-primary, .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) {
-    background-color: #ec7966;
-    color: #FFF; }
-
-.badge-secondary {
-  background-color: #2D2D2D;
-  color: #FFF; }
-  .badge-secondary:hover, .badge-secondary:active, .badge-secondary:focus, a:hover > .badge-secondary, a:active > .badge-secondary, a:focus > .badge-secondary, .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) {
-    background-color: #535353;
-    color: #FFF; }
-
-.badge-warning {
-  background-color: #eb790a;
-  color: #FFF; }
-  .badge-warning:hover, .badge-warning:active, .badge-warning:focus, a:hover > .badge-warning, a:active > .badge-warning, a:focus > .badge-warning, .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) {
-    background-color: #f7a04a;
-    color: #FFF; }
-
-.badge-danger {
-  background-color: #e33d22;
-  color: #FFF; }
-  .badge-danger:hover, .badge-danger:active, .badge-danger:focus, a:hover > .badge-danger, a:active > .badge-danger, a:focus > .badge-danger, .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) {
-    background-color: #ec7966;
-    color: #FFF; }
-
-.badge-info {
-  background-color: #42a0f3;
-  color: #FFF; }
-  .badge-info:hover, .badge-info:active, .badge-info:focus, a:hover > .badge-info, a:active > .badge-info, a:focus > .badge-info, .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) {
-    background-color: #8ac4f8;
-    color: #FFF; }
-
-.badge-success {
-  background-color: #75b82d;
-  color: #FFF; }
-  .badge-success:hover, .badge-success:active, .badge-success:focus, a:hover > .badge-success, a:active > .badge-success, a:focus > .badge-success, .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) {
-    background-color: #9bd75b;
-    color: #FFF; }
-
-.badge-category {
-  background-color: #4e63c9;
-  color: #FFF; }
-  .badge-category:hover, .badge-category:active, .badge-category:focus, a:hover > .badge-category, a:active > .badge-category, a:focus > .badge-category, .badge-category:not(.disabled):not(:disabled):hover, .badge-category:not(.disabled):not(:disabled):active, .badge-category:not(.disabled):not(:disabled):focus, a:hover > .badge-category:not(.disabled):not(:disabled), a:active > .badge-category:not(.disabled):not(:disabled), a:focus > .badge-category:not(.disabled):not(:disabled) {
-    background-color: #8997db;
-    color: #FFF; }
-
-.badge-tag {
-  background-color: #77767b;
-  color: #FFF; }
-  .badge-tag:hover, .badge-tag:active, .badge-tag:focus, a:hover > .badge-tag, a:active > .badge-tag, a:focus > .badge-tag, .badge-tag:not(.disabled):not(:disabled):hover, .badge-tag:not(.disabled):not(:disabled):active, .badge-tag:not(.disabled):not(:disabled):focus, a:hover > .badge-tag:not(.disabled):not(:disabled), a:active > .badge-tag:not(.disabled):not(:disabled), a:focus > .badge-tag:not(.disabled):not(:disabled) {
-    background-color: #9e9da1;
-    color: #FFF; }
+.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; }
 
 /*
- *  6 - Blog Elements ( _blog.scss )
- *  
- *  All elements that are used for a blog (article previews, etc).
- *  "Commons" elements will be in other parts
+ * 4. Previews
+ * Special style for previews cards
+ *
 */
-/* 1.1 - Comment area */
-.comment {
-  margin-bottom: 1.333em; }
-
-/* 2.1 - Previews */
+.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 {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  align-content: flex-start;
-  margin-bottom: 1em;
-  padding: 0;
   width: 100%; }
-  .preview-container .preview {
-    width: 48%;
-    height: 220px; }
 
-.preview {
+@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%;
   margin: auto;
-  margin-bottom: 1em; }
-  .preview-link {
-    display: block;
-    width: 100%;
+  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0); }
+
+.preview-link:hover {
+  text-decoration: none !important; }
+
+.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;
+      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; }
+
+.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 {
+    display: block;
+    height: 4.5rem;
+    width: auto;
+    border-radius: 100%;
     padding: 0;
     margin: 0;
-    text-decoration: none !important; }
-    .preview-link:hover .preview-item {
-      background-size: 133% auto;
-      background-position: center center; }
-  .preview-item {
-    height: 100%;
-    width: 100%;
-    background-size: 100% auto;
-    background-position: center center;
-    transition: background-size .5s; }
-
-.preview-overlay {
-  height: 100%;
-  width: 100%;
-  opacity: 1;
-  padding: 0;
-  transition: background .5s;
-  color: #FFF;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-items: flex-start;
-  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
-  color: white !important;
-  background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 60%); }
-  .preview-overlay:hover {
-    opacity: 1; }
-    .preview-overlay:hover h1, .preview-overlay:hover h2 {
-      opacity: 1;
-      color: #FFF; }
-    .preview-overlay:hover .badge {
-      background-color: #8997db; }
-  .preview-overlay .badge {
-    background-color: #4e63c9; }
-  .preview-overlay h1, .preview-overlay h2 {
-    max-width: 100%;
-    margin: auto;
-    margin-bottom: 0px;
-    text-align: left;
-    display: block;
-    font-size: 2em;
-    transition: opacity .5s;
-    text-shadow: 1px 1px 0px black;
-    opacity: 0.6;
-    padding: 0.25em;
-    color: #FFF; }
-
-.preview-item .preview-content {
-  height: 100%;
-  width: 100%;
-  background-size: 100% auto;
-  background-position: center center;
-  transition: background-size .5s; }
-
-.preview-item:hover .preview-content {
-  background-size: 133% auto;
-  background-position: center center; }
-
-.preview-categories {
-  padding: 0.5em; }
-  .preview-categories .badge {
-    font-size: 1em;
-    text-shadow: none; }
-
-/* 2.1.1 - Article list */
-.list-article {
-  display: flex;
-  flex-direction: row; }
-  .list-article-thumbnail {
-    display: block;
-    padding-top: 1.5em;
-    max-width: 200px; }
-    .list-article-thumbnail img {
-      max-width: 100%;
-      height: auto; }
-  .list-article-main {
-    width: 100%;
-    padding-left: 1em; }
-  .list-article-title {
-    font-family: Teko;
-    font-weight: 600;
-    margin-bottom: 0em; }
-    .list-article-title a {
-      color: #444; }
-  .list-article-metadata {
+    margin-right: 1.5rem; }
+  .author-area .author-metadata {
+    align-items: center;
     display: flex;
-    justify-content: space-between; }
-  .list-article-content {
+    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; }
 
-.navigation .pagination {
-  padding-top: 2em;
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end; }
-
-/* 3. Article mixts */
-.article-taxonomies {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between; }
-  .article-taxonomies .badge:not(:last-child) {
-    margin-right: 0.5em; }
-
-.wp-caption img {
+.pigimg {
+  display: block;
   max-width: 100%;
+  height: auto;
+  margin: auto; }
+
+.mwarea {
+  padding-bottom: 1.5rem; }
+
+.mwaimg {
+  width: 100%;
+  height: auto;
+  display: block;
+  margin: auto; }
+
+.cover {
+  width: 100%;
   height: auto; }
 
-.wp-caption-text {
-  font-size: 0.9em;
-  font-style: italic; }
+@media (min-width: 768px) {
+  .roman {
+    width: 80%;
+    position: relative;
+    top: -240px;
+    margin: auto; } }
 
-.wp-caption.aligncenter {
-  margin: auto; }
+.article-meta, .article-nav {
+  display: flex;
+  justify-content: space-between;
+  padding-bottom: 1.5rem; }
+
+.article-category-link {
+  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: #fdf6e3; }
+  .article-category-link:hover, .article-category-link:active, .article-category-link:focus, a:hover > .article-category-link, a:active > .article-category-link, a:focus > .article-category-link {
+    text-decoration: none;
+    background-color: transparent; }
+  .article-category-link: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); }
+    .article-category-link: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; }
+  .article-category-link: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; }
+  .article-category-link:before {
+    background-color: #2aa198; }
+  .article-category-link:visited {
+    color: #fdf6e3; }
+    .article-category-link:visited:before {
+      background-color: #2aa198; }
+  .article-category-link:hover, .article-category-link:active, .article-category-link:focus, a:hover > .article-category-link, a:active > .article-category-link, a:focus > .article-category-link, .article-category-link:visited:hover, .article-category-link:visited:active, .article-category-link:visited:focus, a:hover > .article-category-link:visited, a:active > .article-category-link:visited, a:focus > .article-category-link:visited, .article-category-link:not(.disabled):not(:disabled):hover, .article-category-link:not(.disabled):not(:disabled):active, .article-category-link:not(.disabled):not(:disabled):focus, a:hover > .article-category-link:not(.disabled):not(:disabled), a:active > .article-category-link:not(.disabled):not(:disabled), a:focus > .article-category-link:not(.disabled):not(:disabled) {
+    color: #fffefb; }
+    .article-category-link:hover:before, .article-category-link:active:before, .article-category-link:focus:before, a:hover > .article-category-link:before, a:active > .article-category-link:before, a:focus > .article-category-link:before, .article-category-link:visited:hover:before, .article-category-link:visited:active:before, .article-category-link:visited:focus:before, a:hover > .article-category-link:visited:before, a:active > .article-category-link:visited:before, a:focus > .article-category-link:visited:before, .article-category-link:not(.disabled):not(:disabled):hover:before, .article-category-link:not(.disabled):not(:disabled):active:before, .article-category-link:not(.disabled):not(:disabled):focus:before, a:hover > .article-category-link:not(.disabled):not(:disabled):before, a:active > .article-category-link:not(.disabled):not(:disabled):before, a:focus > .article-category-link:not(.disabled):not(:disabled):before {
+      background-color: #22837b; }
+  .article-category-link:hover, .article-category-link:active {
+    border: 0px solid rgba(0, 0, 0, 0.3); }
+  p .article-category-link:last-child {
+    margin-bottom: 0; }
+
+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; }
+
+.article-more-link {
+  text-align: center; }
+  .article-more-link a {
+    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: #d33682; }
+    .article-more-link a:hover, .article-more-link a:active, .article-more-link a:focus, a:hover > .article-more-link a, a:active > .article-more-link a, a:focus > .article-more-link a {
+      text-decoration: none;
+      background-color: transparent; }
+    .article-more-link a: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); }
+      .article-more-link a: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; }
+    .article-more-link a: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; }
+    .article-more-link a:hover, .article-more-link a:active {
+      border: 0px solid rgba(0, 0, 0, 0.3); }
+    p .article-more-link a:last-child {
+      margin-bottom: 0; }
+    .article-more-link a:before {
+      background-color: transparent; }
+    .article-more-link a:visited {
+      color: #d33682; }
+      .article-more-link a:visited:before {
+        background-color: transparent; }
+    .article-more-link a:hover, .article-more-link a:active, .article-more-link a:focus, a:hover > .article-more-link a, a:active > .article-more-link a, a:focus > .article-more-link a, .article-more-link a:visited:hover, .article-more-link a:visited:active, .article-more-link a:visited:focus, a:hover > .article-more-link a:visited, a:active > .article-more-link a:visited, a:focus > .article-more-link a:visited, .article-more-link a:not(.disabled):not(:disabled):hover, .article-more-link a:not(.disabled):not(:disabled):active, .article-more-link a:not(.disabled):not(:disabled):focus, a:hover > .article-more-link a:not(.disabled):not(:disabled), a:active > .article-more-link a:not(.disabled):not(:disabled), a:focus > .article-more-link a:not(.disabled):not(:disabled) {
+      color: #d84b8f; }
+      .article-more-link a:hover:before, .article-more-link a:active:before, .article-more-link a:focus:before, a:hover > .article-more-link a:before, a:active > .article-more-link a:before, a:focus > .article-more-link a:before, .article-more-link a:visited:hover:before, .article-more-link a:visited:active:before, .article-more-link a:visited:focus:before, a:hover > .article-more-link a:visited:before, a:active > .article-more-link a:visited:before, a:focus > .article-more-link a:visited:before, .article-more-link a:not(.disabled):not(:disabled):hover:before, .article-more-link a:not(.disabled):not(:disabled):active:before, .article-more-link a:not(.disabled):not(:disabled):focus:before, a:hover > .article-more-link a:not(.disabled):not(:disabled):before, a:active > .article-more-link a:not(.disabled):not(:disabled):before, a:focus > .article-more-link a:not(.disabled):not(:disabled):before {
+        background-color: rgba(0, 0, 0, 0.05); }
+
+.btn-navbar {
+  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: 0.375rem;
+  padding-right: 0.375rem;
+  color: #fdf6e3; }
+  .btn-navbar:hover, .btn-navbar:active, .btn-navbar:focus, a:hover > .btn-navbar, a:active > .btn-navbar, a:focus > .btn-navbar {
+    text-decoration: none;
+    background-color: transparent; }
+  .btn-navbar: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-navbar: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-navbar: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-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); }
+
+.pigimg, .mb {
+  padding-bottom: 1.5rem; }
+
+#page-nav {
+  padding-bottom: 1.5rem; }
+  #page-nav .page-number, #page-nav .next, #page-nav .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; }
+    #page-nav .page-number:hover, #page-nav .page-number:active, #page-nav .page-number:focus, a:hover > #page-nav .page-number, a:active > #page-nav .page-number, a:focus > #page-nav .page-number, #page-nav .next:hover, #page-nav .next:active, #page-nav .next:focus, a:hover > #page-nav .next, a:active > #page-nav .next, a:focus > #page-nav .next, #page-nav .prev:hover, #page-nav .prev:active, #page-nav .prev:focus, a:hover > #page-nav .prev, a:active > #page-nav .prev, a:focus > #page-nav .prev {
+      text-decoration: none;
+      background-color: transparent; }
+    #page-nav .page-number:focus, #page-nav .next:focus, #page-nav .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); }
+      #page-nav .page-number:focus:before, #page-nav .next:focus:before, #page-nav .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; }
+    #page-nav .page-number:before, #page-nav .next:before, #page-nav .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; }
+    #page-nav .page-number:before, #page-nav .next:before, #page-nav .prev:before {
+      background-color: #eee8d5; }
+    #page-nav .page-number:visited, #page-nav .next:visited, #page-nav .prev:visited {
+      color: #002b36; }
+      #page-nav .page-number:visited:before, #page-nav .next:visited:before, #page-nav .prev:visited:before {
+        background-color: #eee8d5; }
+    #page-nav .page-number:hover, #page-nav .page-number:active, #page-nav .page-number:focus, a:hover > #page-nav .page-number, a:active > #page-nav .page-number, a:focus > #page-nav .page-number, #page-nav .page-number:visited:hover, #page-nav .page-number:visited:active, #page-nav .page-number:visited:focus, a:hover > #page-nav .page-number:visited, a:active > #page-nav .page-number:visited, a:focus > #page-nav .page-number:visited, #page-nav .page-number:not(.disabled):not(:disabled):hover, #page-nav .page-number:not(.disabled):not(:disabled):active, #page-nav .page-number:not(.disabled):not(:disabled):focus, a:hover > #page-nav .page-number:not(.disabled):not(:disabled), a:active > #page-nav .page-number:not(.disabled):not(:disabled), a:focus > #page-nav .page-number:not(.disabled):not(:disabled), #page-nav .next:hover, #page-nav .next:active, #page-nav .next:focus, a:hover > #page-nav .next, a:active > #page-nav .next, a:focus > #page-nav .next, #page-nav .next:visited:hover, #page-nav .next:visited:active, #page-nav .next:visited:focus, a:hover > #page-nav .next:visited, a:active > #page-nav .next:visited, a:focus > #page-nav .next:visited, #page-nav .next:not(.disabled):not(:disabled):hover, #page-nav .next:not(.disabled):not(:disabled):active, #page-nav .next:not(.disabled):not(:disabled):focus, a:hover > #page-nav .next:not(.disabled):not(:disabled), a:active > #page-nav .next:not(.disabled):not(:disabled), a:focus > #page-nav .next:not(.disabled):not(:disabled), #page-nav .prev:hover, #page-nav .prev:active, #page-nav .prev:focus, a:hover > #page-nav .prev, a:active > #page-nav .prev, a:focus > #page-nav .prev, #page-nav .prev:visited:hover, #page-nav .prev:visited:active, #page-nav .prev:visited:focus, a:hover > #page-nav .prev:visited, a:active > #page-nav .prev:visited, a:focus > #page-nav .prev:visited, #page-nav .prev:not(.disabled):not(:disabled):hover, #page-nav .prev:not(.disabled):not(:disabled):active, #page-nav .prev:not(.disabled):not(:disabled):focus, a:hover > #page-nav .prev:not(.disabled):not(:disabled), a:active > #page-nav .prev:not(.disabled):not(:disabled), a:focus > #page-nav .prev:not(.disabled):not(:disabled) {
+      color: #003f50; }
+      #page-nav .page-number:hover:before, #page-nav .page-number:active:before, #page-nav .page-number:focus:before, a:hover > #page-nav .page-number:before, a:active > #page-nav .page-number:before, a:focus > #page-nav .page-number:before, #page-nav .page-number:visited:hover:before, #page-nav .page-number:visited:active:before, #page-nav .page-number:visited:focus:before, a:hover > #page-nav .page-number:visited:before, a:active > #page-nav .page-number:visited:before, a:focus > #page-nav .page-number:visited:before, #page-nav .page-number:not(.disabled):not(:disabled):hover:before, #page-nav .page-number:not(.disabled):not(:disabled):active:before, #page-nav .page-number:not(.disabled):not(:disabled):focus:before, a:hover > #page-nav .page-number:not(.disabled):not(:disabled):before, a:active > #page-nav .page-number:not(.disabled):not(:disabled):before, a:focus > #page-nav .page-number:not(.disabled):not(:disabled):before, #page-nav .next:hover:before, #page-nav .next:active:before, #page-nav .next:focus:before, a:hover > #page-nav .next:before, a:active > #page-nav .next:before, a:focus > #page-nav .next:before, #page-nav .next:visited:hover:before, #page-nav .next:visited:active:before, #page-nav .next:visited:focus:before, a:hover > #page-nav .next:visited:before, a:active > #page-nav .next:visited:before, a:focus > #page-nav .next:visited:before, #page-nav .next:not(.disabled):not(:disabled):hover:before, #page-nav .next:not(.disabled):not(:disabled):active:before, #page-nav .next:not(.disabled):not(:disabled):focus:before, a:hover > #page-nav .next:not(.disabled):not(:disabled):before, a:active > #page-nav .next:not(.disabled):not(:disabled):before, a:focus > #page-nav .next:not(.disabled):not(:disabled):before, #page-nav .prev:hover:before, #page-nav .prev:active:before, #page-nav .prev:focus:before, a:hover > #page-nav .prev:before, a:active > #page-nav .prev:before, a:focus > #page-nav .prev:before, #page-nav .prev:visited:hover:before, #page-nav .prev:visited:active:before, #page-nav .prev:visited:focus:before, a:hover > #page-nav .prev:visited:before, a:active > #page-nav .prev:visited:before, a:focus > #page-nav .prev:visited:before, #page-nav .prev:not(.disabled):not(:disabled):hover:before, #page-nav .prev:not(.disabled):not(:disabled):active:before, #page-nav .prev:not(.disabled):not(:disabled):focus:before, a:hover > #page-nav .prev:not(.disabled):not(:disabled):before, a:active > #page-nav .prev:not(.disabled):not(:disabled):before, a:focus > #page-nav .prev:not(.disabled):not(:disabled):before {
+        background-color: #e3d9ba; }
+    #page-nav .page-number.current, #page-nav .next.current, #page-nav .prev.current {
+      color: #fdf6e3; }
+      #page-nav .page-number.current:before, #page-nav .next.current:before, #page-nav .prev.current:before {
+        background-color: #2aa198; }
+      #page-nav .page-number.current:visited, #page-nav .next.current:visited, #page-nav .prev.current:visited {
+        color: #fdf6e3; }
+        #page-nav .page-number.current:visited:before, #page-nav .next.current:visited:before, #page-nav .prev.current:visited:before {
+          background-color: #2aa198; }
+      #page-nav .page-number.current:hover, #page-nav .page-number.current:active, #page-nav .page-number.current:focus, a:hover > #page-nav .page-number.current, a:active > #page-nav .page-number.current, a:focus > #page-nav .page-number.current, #page-nav .page-number.current:visited:hover, #page-nav .page-number.current:visited:active, #page-nav .page-number.current:visited:focus, a:hover > #page-nav .page-number.current:visited, a:active > #page-nav .page-number.current:visited, a:focus > #page-nav .page-number.current:visited, #page-nav .page-number.current:not(.disabled):not(:disabled):hover, #page-nav .page-number.current:not(.disabled):not(:disabled):active, #page-nav .page-number.current:not(.disabled):not(:disabled):focus, a:hover > #page-nav .page-number.current:not(.disabled):not(:disabled), a:active > #page-nav .page-number.current:not(.disabled):not(:disabled), a:focus > #page-nav .page-number.current:not(.disabled):not(:disabled), #page-nav .next.current:hover, #page-nav .next.current:active, #page-nav .next.current:focus, a:hover > #page-nav .next.current, a:active > #page-nav .next.current, a:focus > #page-nav .next.current, #page-nav .next.current:visited:hover, #page-nav .next.current:visited:active, #page-nav .next.current:visited:focus, a:hover > #page-nav .next.current:visited, a:active > #page-nav .next.current:visited, a:focus > #page-nav .next.current:visited, #page-nav .next.current:not(.disabled):not(:disabled):hover, #page-nav .next.current:not(.disabled):not(:disabled):active, #page-nav .next.current:not(.disabled):not(:disabled):focus, a:hover > #page-nav .next.current:not(.disabled):not(:disabled), a:active > #page-nav .next.current:not(.disabled):not(:disabled), a:focus > #page-nav .next.current:not(.disabled):not(:disabled), #page-nav .prev.current:hover, #page-nav .prev.current:active, #page-nav .prev.current:focus, a:hover > #page-nav .prev.current, a:active > #page-nav .prev.current, a:focus > #page-nav .prev.current, #page-nav .prev.current:visited:hover, #page-nav .prev.current:visited:active, #page-nav .prev.current:visited:focus, a:hover > #page-nav .prev.current:visited, a:active > #page-nav .prev.current:visited, a:focus > #page-nav .prev.current:visited, #page-nav .prev.current:not(.disabled):not(:disabled):hover, #page-nav .prev.current:not(.disabled):not(:disabled):active, #page-nav .prev.current:not(.disabled):not(:disabled):focus, a:hover > #page-nav .prev.current:not(.disabled):not(:disabled), a:active > #page-nav .prev.current:not(.disabled):not(:disabled), a:focus > #page-nav .prev.current:not(.disabled):not(:disabled) {
+        color: #fffefb; }
+        #page-nav .page-number.current:hover:before, #page-nav .page-number.current:active:before, #page-nav .page-number.current:focus:before, a:hover > #page-nav .page-number.current:before, a:active > #page-nav .page-number.current:before, a:focus > #page-nav .page-number.current:before, #page-nav .page-number.current:visited:hover:before, #page-nav .page-number.current:visited:active:before, #page-nav .page-number.current:visited:focus:before, a:hover > #page-nav .page-number.current:visited:before, a:active > #page-nav .page-number.current:visited:before, a:focus > #page-nav .page-number.current:visited:before, #page-nav .page-number.current:not(.disabled):not(:disabled):hover:before, #page-nav .page-number.current:not(.disabled):not(:disabled):active:before, #page-nav .page-number.current:not(.disabled):not(:disabled):focus:before, a:hover > #page-nav .page-number.current:not(.disabled):not(:disabled):before, a:active > #page-nav .page-number.current:not(.disabled):not(:disabled):before, a:focus > #page-nav .page-number.current:not(.disabled):not(:disabled):before, #page-nav .next.current:hover:before, #page-nav .next.current:active:before, #page-nav .next.current:focus:before, a:hover > #page-nav .next.current:before, a:active > #page-nav .next.current:before, a:focus > #page-nav .next.current:before, #page-nav .next.current:visited:hover:before, #page-nav .next.current:visited:active:before, #page-nav .next.current:visited:focus:before, a:hover > #page-nav .next.current:visited:before, a:active > #page-nav .next.current:visited:before, a:focus > #page-nav .next.current:visited:before, #page-nav .next.current:not(.disabled):not(:disabled):hover:before, #page-nav .next.current:not(.disabled):not(:disabled):active:before, #page-nav .next.current:not(.disabled):not(:disabled):focus:before, a:hover > #page-nav .next.current:not(.disabled):not(:disabled):before, a:active > #page-nav .next.current:not(.disabled):not(:disabled):before, a:focus > #page-nav .next.current:not(.disabled):not(:disabled):before, #page-nav .prev.current:hover:before, #page-nav .prev.current:active:before, #page-nav .prev.current:focus:before, a:hover > #page-nav .prev.current:before, a:active > #page-nav .prev.current:before, a:focus > #page-nav .prev.current:before, #page-nav .prev.current:visited:hover:before, #page-nav .prev.current:visited:active:before, #page-nav .prev.current:visited:focus:before, a:hover > #page-nav .prev.current:visited:before, a:active > #page-nav .prev.current:visited:before, a:focus > #page-nav .prev.current:visited:before, #page-nav .prev.current:not(.disabled):not(:disabled):hover:before, #page-nav .prev.current:not(.disabled):not(:disabled):active:before, #page-nav .prev.current:not(.disabled):not(:disabled):focus:before, a:hover > #page-nav .prev.current:not(.disabled):not(:disabled):before, a:active > #page-nav .prev.current:not(.disabled):not(:disabled):before, a:focus > #page-nav .prev.current:not(.disabled):not(:disabled):before {
+          background-color: #22837b; }
+
+.card-select {
+  width: 100%; }