Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.11)
// Compass (v1.0.3)
// ----

$main-color: #2a333c;
$red:#c05b5b;
$green:#3D969A;
$light-grey:#b7b7b7;
$white:white;

$colors: 
	"red" $red,
	"green" $green,
	"white" $white,
	"light-grey" $light-grey,
	"dark" $main-color;



// Do not edit the code below 
// ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
























// Replicate the $colors list adding a prefix for buttons
$color-list:();
@for $i from 1 through length($colors) {
  $color-list: append($color-list, '.btn-' + nth(nth($colors,$i),1) );
}

// nth Mixin

@mixin nth($list, $selector: ':not') {
  @if type-of($list) != list {
    @warn "Invalid number for `nth`.";
  }
   
  @else {
    $generated-selector: '';
    
    @for $i from 1 to length($list) {
      $generated-selector: #{$generated-selector + $selector + "(" + nth($list, $i) + ")" };
    }
    
    &#{$generated-selector} {
      @content;
    }
  }
}

// coloring Mixin

@mixin coloring($list, $prefix:'', $parent:true){
  @each $color in $list {
    @if not $parent {
      @at-root {
        .#{$prefix}#{nth($color,1)} {
          $color : nth($color,2) !global;
          $name-color : nth($color,1) !global;
          @content;
        }
      }
    } @else {
      &.#{$prefix}#{nth($color,1)} {
        $color : nth($color,2) !global;
        $name-color : nth($color,1) !global;
        @content;
      }
    }
  } // @each
} // @mixin




// Functions for alt-color

@function color-diff($a, $b) {
  $sat: saturation($a) - saturation($b);
  $lig:  lightness($a) -  lightness($b);
  $fn-sat: if($sat > 0, 'desaturate', 'saturate');
  $fn-lig: if($lig > 0, 'darken', 'lighten');
  
  @return (
    adjust-hue: -(hue($a) - hue($b)),
    #{$fn-sat}: abs($sat),
    #{$fn-lig}: abs($lig)
  );
}

@function palette-diff($palette) {
  $base: map-get($palette, base);
  $colors: map-get($palette, colors);
  
  $diffs: ();
  
  @each $color in $colors {
    $diffs: append($diffs, color-diff($base, $color));
  }
  
  @return $diffs;
}

$base-palette: (
  base: #c05b5b, 
  colors: #edc1b7
) !default;

$palette-diffs: palette-diff($base-palette);

@function apply-diff($color, $diff) {
  @each $key, $value in $diff {
    $color: call($key, $color, $value);
  }
  
  @return $color;
}

@function alt-color($base-color) {
  $colors: ();
  
  @each $diff in $palette-diffs {
    $colors: append($colors, apply-diff($base-color, $diff));
  }
  
  @return $colors;
}

/* 
**
**  Sections Stuff
**
*/



.section {

	// Generate section-color for each color in $list

	@include coloring($colors, 'section-', false) { 
			@if($name-color == "dark"){
				color:$light-grey;
			} @else {
				color:$main-color;		
			}
			background-color: $color;

		.widget-featured .indie-content {
			background-color: $main-color;
			color:$color;
		}
		 
		.widget-featured .btn-indie, .btn-indie.inverse {
			background-color: $color;
			color:$main-color;
			&:hover { background-color: darken($color, 2); }
		}

		.btn-indie {
			@include nth($color-list){
				background-color: $main-color;
				color:$color;
				&:hover { background-color: darken($main-color, 2); }
			}
		}

		.indie-header-img, .indie-header-icon {
			background-color: $color;
		}
		
		.indie-title::after { color:$main-color; }
		
		.separator {
			&.card {
				color:$color;
				border:2px solid $color;
			}	
		}

		.indie-label {
			color:$main-color;
			&.inverse {
				background-color: $main-color;
				color:$color;
			}
			&.alt-color {
				border:none;
				color:$main-color;
				background-color: alt-color($color);
			}
		}
		
		.highlighted { 
			background-color: $main-color;
			color:$color;
			&.alt-color { 
				background-color: alt-color($color);
			}
		}
		

		.indie-combo { border-color:alt-color($color); }
		.indie-tag { background-color:alt-color($color);	}
		.indie-combo-img { 
			background-color: $color;
			&.img:after {
				background-color: $color;
			}
		}

		.indie-img-cont {
			h4 { background-color: $color; }
			&.img:after {
				background-color: $color;
			}
		}
		.indie-featured-img { background-color: $color; }
		.indie-featured {
			&.hoverable:hover { 
				h4, p { color:$main-color; }
				.btn-rounded { background-color: $main-color; }
			}
		}
		

		.btn-rounded {
			background-color: $main-color;
			color:$color;
			&:hover, &:focus { color: darken($color,5); }

		}

		// Syntax Highlighter
		:not(pre) > code[class*="language-"], pre[class*="language-"] { color: $color; }

	} // @include
	

} // .section







/*
**
**  Indie Colors
**
*/

// $colors is a list declared in modules/_variables.scss


@each $color in $colors {

	.indie-#{nth($color,1)} {

		.section & .widget-featured {
			.indie-content {
				background-color: #{nth($color,2)};
			}
			.btn-indie {
				background-color: $main-color;
				color:#{nth($color,2)};
			}
		}
		
		// if modify the section element
		&.section {
			.widget-featured {
				.indie-content {
					@if(nth($color,1) == "dark"){
						background-color: $light-grey;
					} @else {
						background-color: #{nth($color,2)};
					}
					// background-color: #{nth($color,2)};
				}
				.btn-indie {
					background-color: $main-color;
					color:#{nth($color,2)};
				}
			}
		}
		
		// if modify the widget element
		&.indie-widget {
			&.widget-featured {
				.indie-content {
					background-color: #{nth($color,2)};
				}
				.btn-indie {
					background-color: $main-color;
					color:#{nth($color,2)};
				}
			}
			:not(pre) > code[class*="language-"], pre[class*="language-"] { color: #{nth($color,2)}; }
			code { color: #{nth($color,2)}; }
		}
		
			@if(nth($color,1) == "dark"){
				color:$light-grey;
			} @else {
				color:#{nth($color,2)};
			}
			// & { color:#{nth($color,2)};}
		
		.btn-indie {

			@include nth($color-list){
				background-color: nth($color,2);
				&:hover { background-color: darken(nth($color,2), 2); }
			}
			
			.widget-featured &, &.inverse {
				@include nth($color-list){
					color:#{nth($color,2)};
					background-color: $main-color;
				}
				&:hover { background-color: darken($main-color, 2); }
			}
		} // .btn-indie


		.indie-navigation {
			a { color:#{nth($color,2)}; }
			& > li:hover > a,
			& > li.active > a, 
			& > li.active > a:hover, 
			& > li.active > a:focus {
				color:#{nth($color,2)};
				border:2px solid #{nth($color,2)};
			}
			& > li > a:focus {
				color:#{nth($color,2)};
			}
		} // .indie-navigation

		
		.section {

			&[class*="section-"] { 
				background-color: #{nth($color,2)};
				color:$main-color;
				.indie-widget {
					border-color:$main-color;
				}
				.indie-header {
					border-bottom-color:currentColor;
				}
				.indie-title:after {
					background-color: currentColor;
				}
				.indie-header-img {
					background-color: #{nth($color,2)};
				}
				.indie-svg {
					color:$main-color;
				}
				.btn-indie {
					background-color: $main-color;
					color:#{nth($color,2)};
				}
				.widget-featured {
					.indie-content {
						color: #{nth($color,2)};
					}
					.btn-indie {
						background-color: #{nth($color,2)};
						color:$main-color;
					}
				}

				:not(pre) > code[class*="language-"], pre[class*="language-"] { color: #{nth($color,2)}; }
				code { color: #{nth($color,2)}; }

			}
			
			&:not([class*="section-"]) {
				.widget-featured {
					.indie-content {
						background-color: #{nth($color,2)};
					}
					.btn-indie {
						background-color: $main-color;
						color:#{nth($color,2)};
					}
				}
			}

		}

		
		.indie-venue {
			.indie-bg { background-color: nth($color,2); }
		}


		blockquote {
			footer {
				color:#{nth($color,2)};
				&::before {
					background-color: #{nth($color,2)};
				}
			}
		}


		.separator {
			&.card {
				// color:#{nth($color,2)};
				@if(nth($color,1) == "dark"){
					color:$light-grey;
				} @else {
					color:#{nth($color,2)};
				}
				border:2px solid;
			}	
		}
		
		.indie-header {
			border-bottom: 2px solid #{nth($color,2)};
		}

		.indie-widget {
			border:2px solid; // #{nth($color,2)};
		}


		.indie-controls {
			button {
				border-left-color:#{nth($color,2)};
			}
			path {
				stroke:#{nth($color,2)};
			}
		}
		

		.indie-title {
			&::after {
				background-color: #{nth($color,2)};
			}
		}


		.indie-event-img {
			background-color: #{nth($color,2)};
		}


		.indie-featured-img {
			background-color: #{nth($color,2)};
		}


		.indie-featured {
			&:not(:nth-of-type(3n))::after {
				background-color: #{nth($color,2)};
			}
			h4 { 
				color:#{nth($color,2)};
			}

			&.hoverable:hover { 
				h4, p { color:alt-color(nth($color,2)); }
				.btn-rounded { background-color: alt-color(nth($color,2)); }
			}
		}

		
		.btn-rounded {
			background-color: #{nth($color,2)};
		}
		

		.indie-label {
			
			@if(nth($color,1) == "dark"){
				color:$light-grey;
			}
			&.inverse {
				background-color: #{nth($color,2)};
				// color:$main-color;
				@if(nth($color,1) == "dark"){
					background-color:$light-grey;
					color:$main-color;
				}
			}

			&.alt-color {
				border:none;
				color:$main-color;
				background-color: alt-color(nth($color,2));
			}
		}

		
		.indie-svg {
			// color:#{nth($color,2)};
			@if(nth($color,1) == "dark"){
				color:$light-grey;
			} @else {
				color:#{nth($color,2)};
			}
		}


		.lines {
			background-color: #{nth($color,2)};
			&::after, &::before { background-color: #{nth($color,2)}; }
		}

		.highlighted { 
			// background-color: #{nth($color,2)}; 
			@if(nth($color,1) == "dark"){
				background-color:$light-grey;
			} @else {
				background-color:#{nth($color,2)};
			}
			&.alt-color {
				background-color: alt-color(nth($color,2));
				color: $main-color!important;
			}
		}

		.indie-combo { border-color:alt-color(nth($color,2)); }
		.indie-tag { 	background-color:alt-color(nth($color,2)); }
		

	}
}

SassMeister-output.css

/* 
**
**  Sections Stuff
**
*/
.section-red {
  color: #2a333c;
  background-color: #c05b5b;
}
.section-red .widget-featured .indie-content {
  background-color: #2a333c;
  color: #c05b5b;
}
.section-red .widget-featured .btn-indie, .section-red .btn-indie.inverse {
  background-color: #c05b5b;
  color: #2a333c;
}
.section-red .widget-featured .btn-indie:hover, .section-red .btn-indie.inverse:hover {
  background-color: #bd5454;
}
.section-red .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey) {
  background-color: #2a333c;
  color: #c05b5b;
}
.section-red .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey):hover {
  background-color: #262e36;
}
.section-red .indie-header-img, .section-red .indie-header-icon {
  background-color: #c05b5b;
}
.section-red .indie-title::after {
  color: #2a333c;
}
.section-red .separator.card {
  color: #c05b5b;
  border: 2px solid #c05b5b;
}
.section-red .indie-label {
  color: #2a333c;
}
.section-red .indie-label.inverse {
  background-color: #2a333c;
  color: #c05b5b;
}
.section-red .indie-label.alt-color {
  border: none;
  color: #2a333c;
  background-color: #edc1b7;
}
.section-red .highlighted {
  background-color: #2a333c;
  color: #c05b5b;
}
.section-red .highlighted.alt-color {
  background-color: #edc1b7;
}
.section-red .indie-combo {
  border-color: #edc1b7;
}
.section-red .indie-tag {
  background-color: #edc1b7;
}
.section-red .indie-combo-img {
  background-color: #c05b5b;
}
.section-red .indie-combo-img.img:after {
  background-color: #c05b5b;
}
.section-red .indie-img-cont h4 {
  background-color: #c05b5b;
}
.section-red .indie-img-cont.img:after {
  background-color: #c05b5b;
}
.section-red .indie-featured-img {
  background-color: #c05b5b;
}
.section-red .indie-featured.hoverable:hover h4, .section-red .indie-featured.hoverable:hover p {
  color: #2a333c;
}
.section-red .indie-featured.hoverable:hover .btn-rounded {
  background-color: #2a333c;
}
.section-red .btn-rounded {
  background-color: #2a333c;
  color: #c05b5b;
}
.section-red .btn-rounded:hover, .section-red .btn-rounded:focus {
  color: #b94949;
}
.section-red :not(pre) > code[class*="language-"], .section-red pre[class*="language-"] {
  color: #c05b5b;
}
.section-green {
  color: #2a333c;
  background-color: #3D969A;
}
.section-green .widget-featured .indie-content {
  background-color: #2a333c;
  color: #3D969A;
}
.section-green .widget-featured .btn-indie, .section-green .btn-indie.inverse {
  background-color: #3D969A;
  color: #2a333c;
}
.section-green .widget-featured .btn-indie:hover, .section-green .btn-indie.inverse:hover {
  background-color: #3a8f93;
}
.section-green .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey) {
  background-color: #2a333c;
  color: #3D969A;
}
.section-green .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey):hover {
  background-color: #262e36;
}
.section-green .indie-header-img, .section-green .indie-header-icon {
  background-color: #3D969A;
}
.section-green .indie-title::after {
  color: #2a333c;
}
.section-green .separator.card {
  color: #3D969A;
  border: 2px solid #3D969A;
}
.section-green .indie-label {
  color: #2a333c;
}
.section-green .indie-label.inverse {
  background-color: #2a333c;
  color: #3D969A;
}
.section-green .indie-label.alt-color {
  border: none;
  color: #2a333c;
  background-color: #82c9de;
}
.section-green .highlighted {
  background-color: #2a333c;
  color: #3D969A;
}
.section-green .highlighted.alt-color {
  background-color: #82c9de;
}
.section-green .indie-combo {
  border-color: #82c9de;
}
.section-green .indie-tag {
  background-color: #82c9de;
}
.section-green .indie-combo-img {
  background-color: #3D969A;
}
.section-green .indie-combo-img.img:after {
  background-color: #3D969A;
}
.section-green .indie-img-cont h4 {
  background-color: #3D969A;
}
.section-green .indie-img-cont.img:after {
  background-color: #3D969A;
}
.section-green .indie-featured-img {
  background-color: #3D969A;
}
.section-green .indie-featured.hoverable:hover h4, .section-green .indie-featured.hoverable:hover p {
  color: #2a333c;
}
.section-green .indie-featured.hoverable:hover .btn-rounded {
  background-color: #2a333c;
}
.section-green .btn-rounded {
  background-color: #2a333c;
  color: #3D969A;
}
.section-green .btn-rounded:hover, .section-green .btn-rounded:focus {
  color: #368488;
}
.section-green :not(pre) > code[class*="language-"], .section-green pre[class*="language-"] {
  color: #3D969A;
}
.section-white {
  color: #2a333c;
  background-color: white;
}
.section-white .widget-featured .indie-content {
  background-color: #2a333c;
  color: white;
}
.section-white .widget-featured .btn-indie, .section-white .btn-indie.inverse {
  background-color: white;
  color: #2a333c;
}
.section-white .widget-featured .btn-indie:hover, .section-white .btn-indie.inverse:hover {
  background-color: #fafafa;
}
.section-white .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey) {
  background-color: #2a333c;
  color: white;
}
.section-white .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey):hover {
  background-color: #262e36;
}
.section-white .indie-header-img, .section-white .indie-header-icon {
  background-color: white;
}
.section-white .indie-title::after {
  color: #2a333c;
}
.section-white .separator.card {
  color: white;
  border: 2px solid white;
}
.section-white .indie-label {
  color: #2a333c;
}
.section-white .indie-label.inverse {
  background-color: #2a333c;
  color: white;
}
.section-white .indie-label.alt-color {
  border: none;
  color: #2a333c;
  background-color: white;
}
.section-white .highlighted {
  background-color: #2a333c;
  color: white;
}
.section-white .highlighted.alt-color {
  background-color: white;
}
.section-white .indie-combo {
  border-color: white;
}
.section-white .indie-tag {
  background-color: white;
}
.section-white .indie-combo-img {
  background-color: white;
}
.section-white .indie-combo-img.img:after {
  background-color: white;
}
.section-white .indie-img-cont h4 {
  background-color: white;
}
.section-white .indie-img-cont.img:after {
  background-color: white;
}
.section-white .indie-featured-img {
  background-color: white;
}
.section-white .indie-featured.hoverable:hover h4, .section-white .indie-featured.hoverable:hover p {
  color: #2a333c;
}
.section-white .indie-featured.hoverable:hover .btn-rounded {
  background-color: #2a333c;
}
.section-white .btn-rounded {
  background-color: #2a333c;
  color: white;
}
.section-white .btn-rounded:hover, .section-white .btn-rounded:focus {
  color: #f2f2f2;
}
.section-white :not(pre) > code[class*="language-"], .section-white pre[class*="language-"] {
  color: white;
}
.section-light-grey {
  color: #2a333c;
  background-color: #b7b7b7;
}
.section-light-grey .widget-featured .indie-content {
  background-color: #2a333c;
  color: #b7b7b7;
}
.section-light-grey .widget-featured .btn-indie, .section-light-grey .btn-indie.inverse {
  background-color: #b7b7b7;
  color: #2a333c;
}
.section-light-grey .widget-featured .btn-indie:hover, .section-light-grey .btn-indie.inverse:hover {
  background-color: #b2b2b2;
}
.section-light-grey .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey) {
  background-color: #2a333c;
  color: #b7b7b7;
}
.section-light-grey .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey):hover {
  background-color: #262e36;
}
.section-light-grey .indie-header-img, .section-light-grey .indie-header-icon {
  background-color: #b7b7b7;
}
.section-light-grey .indie-title::after {
  color: #2a333c;
}
.section-light-grey .separator.card {
  color: #b7b7b7;
  border: 2px solid #b7b7b7;
}
.section-light-grey .indie-label {
  color: #2a333c;
}
.section-light-grey .indie-label.inverse {
  background-color: #2a333c;
  color: #b7b7b7;
}
.section-light-grey .indie-label.alt-color {
  border: none;
  color: #2a333c;
  background-color: #fcfbfb;
}
.section-light-grey .highlighted {
  background-color: #2a333c;
  color: #b7b7b7;
}
.section-light-grey .highlighted.alt-color {
  background-color: #fcfbfb;
}
.section-light-grey .indie-combo {
  border-color: #fcfbfb;
}
.section-light-grey .indie-tag {
  background-color: #fcfbfb;
}
.section-light-grey .indie-combo-img {
  background-color: #b7b7b7;
}
.section-light-grey .indie-combo-img.img:after {
  background-color: #b7b7b7;
}
.section-light-grey .indie-img-cont h4 {
  background-color: #b7b7b7;
}
.section-light-grey .indie-img-cont.img:after {
  background-color: #b7b7b7;
}
.section-light-grey .indie-featured-img {
  background-color: #b7b7b7;
}
.section-light-grey .indie-featured.hoverable:hover h4, .section-light-grey .indie-featured.hoverable:hover p {
  color: #2a333c;
}
.section-light-grey .indie-featured.hoverable:hover .btn-rounded {
  background-color: #2a333c;
}
.section-light-grey .btn-rounded {
  background-color: #2a333c;
  color: #b7b7b7;
}
.section-light-grey .btn-rounded:hover, .section-light-grey .btn-rounded:focus {
  color: #aaaaaa;
}
.section-light-grey :not(pre) > code[class*="language-"], .section-light-grey pre[class*="language-"] {
  color: #b7b7b7;
}
.section-dark {
  color: #b7b7b7;
  background-color: #2a333c;
}
.section-dark .widget-featured .indie-content {
  background-color: #2a333c;
  color: #2a333c;
}
.section-dark .widget-featured .btn-indie, .section-dark .btn-indie.inverse {
  background-color: #2a333c;
  color: #2a333c;
}
.section-dark .widget-featured .btn-indie:hover, .section-dark .btn-indie.inverse:hover {
  background-color: #262e36;
}
.section-dark .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey) {
  background-color: #2a333c;
  color: #2a333c;
}
.section-dark .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey):hover {
  background-color: #262e36;
}
.section-dark .indie-header-img, .section-dark .indie-header-icon {
  background-color: #2a333c;
}
.section-dark .indie-title::after {
  color: #2a333c;
}
.section-dark .separator.card {
  color: #2a333c;
  border: 2px solid #2a333c;
}
.section-dark .indie-label {
  color: #2a333c;
}
.section-dark .indie-label.inverse {
  background-color: #2a333c;
  color: #2a333c;
}
.section-dark .indie-label.alt-color {
  border: none;
  color: #2a333c;
  background-color: #50699f;
}
.section-dark .highlighted {
  background-color: #2a333c;
  color: #2a333c;
}
.section-dark .highlighted.alt-color {
  background-color: #50699f;
}
.section-dark .indie-combo {
  border-color: #50699f;
}
.section-dark .indie-tag {
  background-color: #50699f;
}
.section-dark .indie-combo-img {
  background-color: #2a333c;
}
.section-dark .indie-combo-img.img:after {
  background-color: #2a333c;
}
.section-dark .indie-img-cont h4 {
  background-color: #2a333c;
}
.section-dark .indie-img-cont.img:after {
  background-color: #2a333c;
}
.section-dark .indie-featured-img {
  background-color: #2a333c;
}
.section-dark .indie-featured.hoverable:hover h4, .section-dark .indie-featured.hoverable:hover p {
  color: #2a333c;
}
.section-dark .indie-featured.hoverable:hover .btn-rounded {
  background-color: #2a333c;
}
.section-dark .btn-rounded {
  background-color: #2a333c;
  color: #2a333c;
}
.section-dark .btn-rounded:hover, .section-dark .btn-rounded:focus {
  color: #1f262d;
}
.section-dark :not(pre) > code[class*="language-"], .section-dark pre[class*="language-"] {
  color: #2a333c;
}

/*
**
**  Indie Colors
**
*/
.indie-red {
  color: #c05b5b;
}
.section .indie-red .widget-featured .indie-content {
  background-color: #c05b5b;
}
.section .indie-red .widget-featured .btn-indie {
  background-color: #2a333c;
  color: #c05b5b;
}
.indie-red.section .widget-featured .indie-content {
  background-color: #c05b5b;
}
.indie-red.section .widget-featured .btn-indie {
  background-color: #2a333c;
  color: #c05b5b;
}
.indie-red.indie-widget.widget-featured .indie-content {
  background-color: #c05b5b;
}
.indie-red.indie-widget.widget-featured .btn-indie {
  background-color: #2a333c;
  color: #c05b5b;
}
.indie-red.indie-widget :not(pre) > code[class*="language-"], .indie-red.indie-widget pre[class*="language-"] {
  color: #c05b5b;
}
.indie-red.indie-widget code {
  color: #c05b5b;
}
.indie-red .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey) {
  background-color: #c05b5b;
}
.indie-red .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey):hover {
  background-color: #bd5454;
}
.widget-featured .indie-red .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey), .indie-red .btn-indie.inverse:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey) {
  color: #c05b5b;
  background-color: #2a333c;
}
.widget-featured .indie-red .btn-indie:hover, .indie-red .btn-indie.inverse:hover {
  background-color: #262e36;
}
.indie-red .indie-navigation a {
  color: #c05b5b;
}
.indie-red .indie-navigation > li:hover > a, .indie-red .indie-navigation > li.active > a, .indie-red .indie-navigation > li.active > a:hover, .indie-red .indie-navigation > li.active > a:focus {
  color: #c05b5b;
  border: 2px solid #c05b5b;
}
.indie-red .indie-navigation > li > a:focus {
  color: #c05b5b;
}
.indie-red .section[class*="section-"] {
  background-color: #c05b5b;
  color: #2a333c;
}
.indie-red .section[class*="section-"] .indie-widget {
  border-color: #2a333c;
}
.indie-red .section[class*="section-"] .indie-header {
  border-bottom-color: currentColor;
}
.indie-red .section[class*="section-"] .indie-title:after {
  background-color: currentColor;
}
.indie-red .section[class*="section-"] .indie-header-img {
  background-color: #c05b5b;
}
.indie-red .section[class*="section-"] .indie-svg {
  color: #2a333c;
}
.indie-red .section[class*="section-"] .btn-indie {
  background-color: #2a333c;
  color: #c05b5b;
}
.indie-red .section[class*="section-"] .widget-featured .indie-content {
  color: #c05b5b;
}
.indie-red .section[class*="section-"] .widget-featured .btn-indie {
  background-color: #c05b5b;
  color: #2a333c;
}
.indie-red .section[class*="section-"] :not(pre) > code[class*="language-"], .indie-red .section[class*="section-"] pre[class*="language-"] {
  color: #c05b5b;
}
.indie-red .section[class*="section-"] code {
  color: #c05b5b;
}
.indie-red .section:not([class*="section-"]) .widget-featured .indie-content {
  background-color: #c05b5b;
}
.indie-red .section:not([class*="section-"]) .widget-featured .btn-indie {
  background-color: #2a333c;
  color: #c05b5b;
}
.indie-red .indie-venue .indie-bg {
  background-color: #c05b5b;
}
.indie-red blockquote footer {
  color: #c05b5b;
}
.indie-red blockquote footer::before {
  background-color: #c05b5b;
}
.indie-red .separator.card {
  color: #c05b5b;
  border: 2px solid;
}
.indie-red .indie-header {
  border-bottom: 2px solid #c05b5b;
}
.indie-red .indie-widget {
  border: 2px solid;
}
.indie-red .indie-controls button {
  border-left-color: #c05b5b;
}
.indie-red .indie-controls path {
  stroke: #c05b5b;
}
.indie-red .indie-title::after {
  background-color: #c05b5b;
}
.indie-red .indie-event-img {
  background-color: #c05b5b;
}
.indie-red .indie-featured-img {
  background-color: #c05b5b;
}
.indie-red .indie-featured:not(:nth-of-type(3n))::after {
  background-color: #c05b5b;
}
.indie-red .indie-featured h4 {
  color: #c05b5b;
}
.indie-red .indie-featured.hoverable:hover h4, .indie-red .indie-featured.hoverable:hover p {
  color: #edc1b7;
}
.indie-red .indie-featured.hoverable:hover .btn-rounded {
  background-color: #edc1b7;
}
.indie-red .btn-rounded {
  background-color: #c05b5b;
}
.indie-red .indie-label.inverse {
  background-color: #c05b5b;
}
.indie-red .indie-label.alt-color {
  border: none;
  color: #2a333c;
  background-color: #edc1b7;
}
.indie-red .indie-svg {
  color: #c05b5b;
}
.indie-red .lines {
  background-color: #c05b5b;
}
.indie-red .lines::after, .indie-red .lines::before {
  background-color: #c05b5b;
}
.indie-red .highlighted {
  background-color: #c05b5b;
}
.indie-red .highlighted.alt-color {
  background-color: #edc1b7;
  color: #2a333c !important;
}
.indie-red .indie-combo {
  border-color: #edc1b7;
}
.indie-red .indie-tag {
  background-color: #edc1b7;
}

.indie-green {
  color: #3D969A;
}
.section .indie-green .widget-featured .indie-content {
  background-color: #3D969A;
}
.section .indie-green .widget-featured .btn-indie {
  background-color: #2a333c;
  color: #3D969A;
}
.indie-green.section .widget-featured .indie-content {
  background-color: #3D969A;
}
.indie-green.section .widget-featured .btn-indie {
  background-color: #2a333c;
  color: #3D969A;
}
.indie-green.indie-widget.widget-featured .indie-content {
  background-color: #3D969A;
}
.indie-green.indie-widget.widget-featured .btn-indie {
  background-color: #2a333c;
  color: #3D969A;
}
.indie-green.indie-widget :not(pre) > code[class*="language-"], .indie-green.indie-widget pre[class*="language-"] {
  color: #3D969A;
}
.indie-green.indie-widget code {
  color: #3D969A;
}
.indie-green .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey) {
  background-color: #3D969A;
}
.indie-green .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey):hover {
  background-color: #3a8f93;
}
.widget-featured .indie-green .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey), .indie-green .btn-indie.inverse:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey) {
  color: #3D969A;
  background-color: #2a333c;
}
.widget-featured .indie-green .btn-indie:hover, .indie-green .btn-indie.inverse:hover {
  background-color: #262e36;
}
.indie-green .indie-navigation a {
  color: #3D969A;
}
.indie-green .indie-navigation > li:hover > a, .indie-green .indie-navigation > li.active > a, .indie-green .indie-navigation > li.active > a:hover, .indie-green .indie-navigation > li.active > a:focus {
  color: #3D969A;
  border: 2px solid #3D969A;
}
.indie-green .indie-navigation > li > a:focus {
  color: #3D969A;
}
.indie-green .section[class*="section-"] {
  background-color: #3D969A;
  color: #2a333c;
}
.indie-green .section[class*="section-"] .indie-widget {
  border-color: #2a333c;
}
.indie-green .section[class*="section-"] .indie-header {
  border-bottom-color: currentColor;
}
.indie-green .section[class*="section-"] .indie-title:after {
  background-color: currentColor;
}
.indie-green .section[class*="section-"] .indie-header-img {
  background-color: #3D969A;
}
.indie-green .section[class*="section-"] .indie-svg {
  color: #2a333c;
}
.indie-green .section[class*="section-"] .btn-indie {
  background-color: #2a333c;
  color: #3D969A;
}
.indie-green .section[class*="section-"] .widget-featured .indie-content {
  color: #3D969A;
}
.indie-green .section[class*="section-"] .widget-featured .btn-indie {
  background-color: #3D969A;
  color: #2a333c;
}
.indie-green .section[class*="section-"] :not(pre) > code[class*="language-"], .indie-green .section[class*="section-"] pre[class*="language-"] {
  color: #3D969A;
}
.indie-green .section[class*="section-"] code {
  color: #3D969A;
}
.indie-green .section:not([class*="section-"]) .widget-featured .indie-content {
  background-color: #3D969A;
}
.indie-green .section:not([class*="section-"]) .widget-featured .btn-indie {
  background-color: #2a333c;
  color: #3D969A;
}
.indie-green .indie-venue .indie-bg {
  background-color: #3D969A;
}
.indie-green blockquote footer {
  color: #3D969A;
}
.indie-green blockquote footer::before {
  background-color: #3D969A;
}
.indie-green .separator.card {
  color: #3D969A;
  border: 2px solid;
}
.indie-green .indie-header {
  border-bottom: 2px solid #3D969A;
}
.indie-green .indie-widget {
  border: 2px solid;
}
.indie-green .indie-controls button {
  border-left-color: #3D969A;
}
.indie-green .indie-controls path {
  stroke: #3D969A;
}
.indie-green .indie-title::after {
  background-color: #3D969A;
}
.indie-green .indie-event-img {
  background-color: #3D969A;
}
.indie-green .indie-featured-img {
  background-color: #3D969A;
}
.indie-green .indie-featured:not(:nth-of-type(3n))::after {
  background-color: #3D969A;
}
.indie-green .indie-featured h4 {
  color: #3D969A;
}
.indie-green .indie-featured.hoverable:hover h4, .indie-green .indie-featured.hoverable:hover p {
  color: #82c9de;
}
.indie-green .indie-featured.hoverable:hover .btn-rounded {
  background-color: #82c9de;
}
.indie-green .btn-rounded {
  background-color: #3D969A;
}
.indie-green .indie-label.inverse {
  background-color: #3D969A;
}
.indie-green .indie-label.alt-color {
  border: none;
  color: #2a333c;
  background-color: #82c9de;
}
.indie-green .indie-svg {
  color: #3D969A;
}
.indie-green .lines {
  background-color: #3D969A;
}
.indie-green .lines::after, .indie-green .lines::before {
  background-color: #3D969A;
}
.indie-green .highlighted {
  background-color: #3D969A;
}
.indie-green .highlighted.alt-color {
  background-color: #82c9de;
  color: #2a333c !important;
}
.indie-green .indie-combo {
  border-color: #82c9de;
}
.indie-green .indie-tag {
  background-color: #82c9de;
}

.indie-white {
  color: white;
}
.section .indie-white .widget-featured .indie-content {
  background-color: white;
}
.section .indie-white .widget-featured .btn-indie {
  background-color: #2a333c;
  color: white;
}
.indie-white.section .widget-featured .indie-content {
  background-color: white;
}
.indie-white.section .widget-featured .btn-indie {
  background-color: #2a333c;
  color: white;
}
.indie-white.indie-widget.widget-featured .indie-content {
  background-color: white;
}
.indie-white.indie-widget.widget-featured .btn-indie {
  background-color: #2a333c;
  color: white;
}
.indie-white.indie-widget :not(pre) > code[class*="language-"], .indie-white.indie-widget pre[class*="language-"] {
  color: white;
}
.indie-white.indie-widget code {
  color: white;
}
.indie-white .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey) {
  background-color: white;
}
.indie-white .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey):hover {
  background-color: #fafafa;
}
.widget-featured .indie-white .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey), .indie-white .btn-indie.inverse:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey) {
  color: white;
  background-color: #2a333c;
}
.widget-featured .indie-white .btn-indie:hover, .indie-white .btn-indie.inverse:hover {
  background-color: #262e36;
}
.indie-white .indie-navigation a {
  color: white;
}
.indie-white .indie-navigation > li:hover > a, .indie-white .indie-navigation > li.active > a, .indie-white .indie-navigation > li.active > a:hover, .indie-white .indie-navigation > li.active > a:focus {
  color: white;
  border: 2px solid white;
}
.indie-white .indie-navigation > li > a:focus {
  color: white;
}
.indie-white .section[class*="section-"] {
  background-color: white;
  color: #2a333c;
}
.indie-white .section[class*="section-"] .indie-widget {
  border-color: #2a333c;
}
.indie-white .section[class*="section-"] .indie-header {
  border-bottom-color: currentColor;
}
.indie-white .section[class*="section-"] .indie-title:after {
  background-color: currentColor;
}
.indie-white .section[class*="section-"] .indie-header-img {
  background-color: white;
}
.indie-white .section[class*="section-"] .indie-svg {
  color: #2a333c;
}
.indie-white .section[class*="section-"] .btn-indie {
  background-color: #2a333c;
  color: white;
}
.indie-white .section[class*="section-"] .widget-featured .indie-content {
  color: white;
}
.indie-white .section[class*="section-"] .widget-featured .btn-indie {
  background-color: white;
  color: #2a333c;
}
.indie-white .section[class*="section-"] :not(pre) > code[class*="language-"], .indie-white .section[class*="section-"] pre[class*="language-"] {
  color: white;
}
.indie-white .section[class*="section-"] code {
  color: white;
}
.indie-white .section:not([class*="section-"]) .widget-featured .indie-content {
  background-color: white;
}
.indie-white .section:not([class*="section-"]) .widget-featured .btn-indie {
  background-color: #2a333c;
  color: white;
}
.indie-white .indie-venue .indie-bg {
  background-color: white;
}
.indie-white blockquote footer {
  color: white;
}
.indie-white blockquote footer::before {
  background-color: white;
}
.indie-white .separator.card {
  color: white;
  border: 2px solid;
}
.indie-white .indie-header {
  border-bottom: 2px solid white;
}
.indie-white .indie-widget {
  border: 2px solid;
}
.indie-white .indie-controls button {
  border-left-color: white;
}
.indie-white .indie-controls path {
  stroke: white;
}
.indie-white .indie-title::after {
  background-color: white;
}
.indie-white .indie-event-img {
  background-color: white;
}
.indie-white .indie-featured-img {
  background-color: white;
}
.indie-white .indie-featured:not(:nth-of-type(3n))::after {
  background-color: white;
}
.indie-white .indie-featured h4 {
  color: white;
}
.indie-white .indie-featured.hoverable:hover h4, .indie-white .indie-featured.hoverable:hover p {
  color: white;
}
.indie-white .indie-featured.hoverable:hover .btn-rounded {
  background-color: white;
}
.indie-white .btn-rounded {
  background-color: white;
}
.indie-white .indie-label.inverse {
  background-color: white;
}
.indie-white .indie-label.alt-color {
  border: none;
  color: #2a333c;
  background-color: white;
}
.indie-white .indie-svg {
  color: white;
}
.indie-white .lines {
  background-color: white;
}
.indie-white .lines::after, .indie-white .lines::before {
  background-color: white;
}
.indie-white .highlighted {
  background-color: white;
}
.indie-white .highlighted.alt-color {
  background-color: white;
  color: #2a333c !important;
}
.indie-white .indie-combo {
  border-color: white;
}
.indie-white .indie-tag {
  background-color: white;
}

.indie-light-grey {
  color: #b7b7b7;
}
.section .indie-light-grey .widget-featured .indie-content {
  background-color: #b7b7b7;
}
.section .indie-light-grey .widget-featured .btn-indie {
  background-color: #2a333c;
  color: #b7b7b7;
}
.indie-light-grey.section .widget-featured .indie-content {
  background-color: #b7b7b7;
}
.indie-light-grey.section .widget-featured .btn-indie {
  background-color: #2a333c;
  color: #b7b7b7;
}
.indie-light-grey.indie-widget.widget-featured .indie-content {
  background-color: #b7b7b7;
}
.indie-light-grey.indie-widget.widget-featured .btn-indie {
  background-color: #2a333c;
  color: #b7b7b7;
}
.indie-light-grey.indie-widget :not(pre) > code[class*="language-"], .indie-light-grey.indie-widget pre[class*="language-"] {
  color: #b7b7b7;
}
.indie-light-grey.indie-widget code {
  color: #b7b7b7;
}
.indie-light-grey .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey) {
  background-color: #b7b7b7;
}
.indie-light-grey .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey):hover {
  background-color: #b2b2b2;
}
.widget-featured .indie-light-grey .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey), .indie-light-grey .btn-indie.inverse:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey) {
  color: #b7b7b7;
  background-color: #2a333c;
}
.widget-featured .indie-light-grey .btn-indie:hover, .indie-light-grey .btn-indie.inverse:hover {
  background-color: #262e36;
}
.indie-light-grey .indie-navigation a {
  color: #b7b7b7;
}
.indie-light-grey .indie-navigation > li:hover > a, .indie-light-grey .indie-navigation > li.active > a, .indie-light-grey .indie-navigation > li.active > a:hover, .indie-light-grey .indie-navigation > li.active > a:focus {
  color: #b7b7b7;
  border: 2px solid #b7b7b7;
}
.indie-light-grey .indie-navigation > li > a:focus {
  color: #b7b7b7;
}
.indie-light-grey .section[class*="section-"] {
  background-color: #b7b7b7;
  color: #2a333c;
}
.indie-light-grey .section[class*="section-"] .indie-widget {
  border-color: #2a333c;
}
.indie-light-grey .section[class*="section-"] .indie-header {
  border-bottom-color: currentColor;
}
.indie-light-grey .section[class*="section-"] .indie-title:after {
  background-color: currentColor;
}
.indie-light-grey .section[class*="section-"] .indie-header-img {
  background-color: #b7b7b7;
}
.indie-light-grey .section[class*="section-"] .indie-svg {
  color: #2a333c;
}
.indie-light-grey .section[class*="section-"] .btn-indie {
  background-color: #2a333c;
  color: #b7b7b7;
}
.indie-light-grey .section[class*="section-"] .widget-featured .indie-content {
  color: #b7b7b7;
}
.indie-light-grey .section[class*="section-"] .widget-featured .btn-indie {
  background-color: #b7b7b7;
  color: #2a333c;
}
.indie-light-grey .section[class*="section-"] :not(pre) > code[class*="language-"], .indie-light-grey .section[class*="section-"] pre[class*="language-"] {
  color: #b7b7b7;
}
.indie-light-grey .section[class*="section-"] code {
  color: #b7b7b7;
}
.indie-light-grey .section:not([class*="section-"]) .widget-featured .indie-content {
  background-color: #b7b7b7;
}
.indie-light-grey .section:not([class*="section-"]) .widget-featured .btn-indie {
  background-color: #2a333c;
  color: #b7b7b7;
}
.indie-light-grey .indie-venue .indie-bg {
  background-color: #b7b7b7;
}
.indie-light-grey blockquote footer {
  color: #b7b7b7;
}
.indie-light-grey blockquote footer::before {
  background-color: #b7b7b7;
}
.indie-light-grey .separator.card {
  color: #b7b7b7;
  border: 2px solid;
}
.indie-light-grey .indie-header {
  border-bottom: 2px solid #b7b7b7;
}
.indie-light-grey .indie-widget {
  border: 2px solid;
}
.indie-light-grey .indie-controls button {
  border-left-color: #b7b7b7;
}
.indie-light-grey .indie-controls path {
  stroke: #b7b7b7;
}
.indie-light-grey .indie-title::after {
  background-color: #b7b7b7;
}
.indie-light-grey .indie-event-img {
  background-color: #b7b7b7;
}
.indie-light-grey .indie-featured-img {
  background-color: #b7b7b7;
}
.indie-light-grey .indie-featured:not(:nth-of-type(3n))::after {
  background-color: #b7b7b7;
}
.indie-light-grey .indie-featured h4 {
  color: #b7b7b7;
}
.indie-light-grey .indie-featured.hoverable:hover h4, .indie-light-grey .indie-featured.hoverable:hover p {
  color: #fcfbfb;
}
.indie-light-grey .indie-featured.hoverable:hover .btn-rounded {
  background-color: #fcfbfb;
}
.indie-light-grey .btn-rounded {
  background-color: #b7b7b7;
}
.indie-light-grey .indie-label.inverse {
  background-color: #b7b7b7;
}
.indie-light-grey .indie-label.alt-color {
  border: none;
  color: #2a333c;
  background-color: #fcfbfb;
}
.indie-light-grey .indie-svg {
  color: #b7b7b7;
}
.indie-light-grey .lines {
  background-color: #b7b7b7;
}
.indie-light-grey .lines::after, .indie-light-grey .lines::before {
  background-color: #b7b7b7;
}
.indie-light-grey .highlighted {
  background-color: #b7b7b7;
}
.indie-light-grey .highlighted.alt-color {
  background-color: #fcfbfb;
  color: #2a333c !important;
}
.indie-light-grey .indie-combo {
  border-color: #fcfbfb;
}
.indie-light-grey .indie-tag {
  background-color: #fcfbfb;
}

.indie-dark {
  color: #b7b7b7;
}
.section .indie-dark .widget-featured .indie-content {
  background-color: #2a333c;
}
.section .indie-dark .widget-featured .btn-indie {
  background-color: #2a333c;
  color: #2a333c;
}
.indie-dark.section .widget-featured .indie-content {
  background-color: #b7b7b7;
}
.indie-dark.section .widget-featured .btn-indie {
  background-color: #2a333c;
  color: #2a333c;
}
.indie-dark.indie-widget.widget-featured .indie-content {
  background-color: #2a333c;
}
.indie-dark.indie-widget.widget-featured .btn-indie {
  background-color: #2a333c;
  color: #2a333c;
}
.indie-dark.indie-widget :not(pre) > code[class*="language-"], .indie-dark.indie-widget pre[class*="language-"] {
  color: #2a333c;
}
.indie-dark.indie-widget code {
  color: #2a333c;
}
.indie-dark .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey) {
  background-color: #2a333c;
}
.indie-dark .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey):hover {
  background-color: #262e36;
}
.widget-featured .indie-dark .btn-indie:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey), .indie-dark .btn-indie.inverse:not(.btn-red):not(.btn-green):not(.btn-white):not(.btn-light-grey) {
  color: #2a333c;
  background-color: #2a333c;
}
.widget-featured .indie-dark .btn-indie:hover, .indie-dark .btn-indie.inverse:hover {
  background-color: #262e36;
}
.indie-dark .indie-navigation a {
  color: #2a333c;
}
.indie-dark .indie-navigation > li:hover > a, .indie-dark .indie-navigation > li.active > a, .indie-dark .indie-navigation > li.active > a:hover, .indie-dark .indie-navigation > li.active > a:focus {
  color: #2a333c;
  border: 2px solid #2a333c;
}
.indie-dark .indie-navigation > li > a:focus {
  color: #2a333c;
}
.indie-dark .section[class*="section-"] {
  background-color: #2a333c;
  color: #2a333c;
}
.indie-dark .section[class*="section-"] .indie-widget {
  border-color: #2a333c;
}
.indie-dark .section[class*="section-"] .indie-header {
  border-bottom-color: currentColor;
}
.indie-dark .section[class*="section-"] .indie-title:after {
  background-color: currentColor;
}
.indie-dark .section[class*="section-"] .indie-header-img {
  background-color: #2a333c;
}
.indie-dark .section[class*="section-"] .indie-svg {
  color: #2a333c;
}
.indie-dark .section[class*="section-"] .btn-indie {
  background-color: #2a333c;
  color: #2a333c;
}
.indie-dark .section[class*="section-"] .widget-featured .indie-content {
  color: #2a333c;
}
.indie-dark .section[class*="section-"] .widget-featured .btn-indie {
  background-color: #2a333c;
  color: #2a333c;
}
.indie-dark .section[class*="section-"] :not(pre) > code[class*="language-"], .indie-dark .section[class*="section-"] pre[class*="language-"] {
  color: #2a333c;
}
.indie-dark .section[class*="section-"] code {
  color: #2a333c;
}
.indie-dark .section:not([class*="section-"]) .widget-featured .indie-content {
  background-color: #2a333c;
}
.indie-dark .section:not([class*="section-"]) .widget-featured .btn-indie {
  background-color: #2a333c;
  color: #2a333c;
}
.indie-dark .indie-venue .indie-bg {
  background-color: #2a333c;
}
.indie-dark blockquote footer {
  color: #2a333c;
}
.indie-dark blockquote footer::before {
  background-color: #2a333c;
}
.indie-dark .separator.card {
  color: #b7b7b7;
  border: 2px solid;
}
.indie-dark .indie-header {
  border-bottom: 2px solid #2a333c;
}
.indie-dark .indie-widget {
  border: 2px solid;
}
.indie-dark .indie-controls button {
  border-left-color: #2a333c;
}
.indie-dark .indie-controls path {
  stroke: #2a333c;
}
.indie-dark .indie-title::after {
  background-color: #2a333c;
}
.indie-dark .indie-event-img {
  background-color: #2a333c;
}
.indie-dark .indie-featured-img {
  background-color: #2a333c;
}
.indie-dark .indie-featured:not(:nth-of-type(3n))::after {
  background-color: #2a333c;
}
.indie-dark .indie-featured h4 {
  color: #2a333c;
}
.indie-dark .indie-featured.hoverable:hover h4, .indie-dark .indie-featured.hoverable:hover p {
  color: #50699f;
}
.indie-dark .indie-featured.hoverable:hover .btn-rounded {
  background-color: #50699f;
}
.indie-dark .btn-rounded {
  background-color: #2a333c;
}
.indie-dark .indie-label {
  color: #b7b7b7;
}
.indie-dark .indie-label.inverse {
  background-color: #2a333c;
  background-color: #b7b7b7;
  color: #2a333c;
}
.indie-dark .indie-label.alt-color {
  border: none;
  color: #2a333c;
  background-color: #50699f;
}
.indie-dark .indie-svg {
  color: #b7b7b7;
}
.indie-dark .lines {
  background-color: #2a333c;
}
.indie-dark .lines::after, .indie-dark .lines::before {
  background-color: #2a333c;
}
.indie-dark .highlighted {
  background-color: #b7b7b7;
}
.indie-dark .highlighted.alt-color {
  background-color: #50699f;
  color: #2a333c !important;
}
.indie-dark .indie-combo {
  border-color: #50699f;
}
.indie-dark .indie-tag {
  background-color: #50699f;
}