main.css

.theme--red .jumbotron {
  background: #d24735; }

.theme--red .header-headline {
  color: #d24735;
  border-bottom-color: #e08074; }

.theme--red .important-links li {
  background: #f7dfdc; }
  .theme--red .important-links li a {
    color: #ad3627; }
    .theme--red .important-links li a:hover {
      background: #db6d5f; }

.theme--red .color-box .btn {
  background: #d24735;
  box-shadow: 0 2px 0 #ad3627;
  color: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out; }
  .theme--red .color-box .btn:hover {
    background: #ad3627; }

.theme--red .example {
  color: #ad3627;
  background: #e08074; }

.theme--red aside:before {
  background: #d24735; }

.theme--red nav a.selected {
  background: #ad3627; }
  .theme--red nav a.selected:hover {
    background: #ad3627; }

.theme--red .tab-container input:checked + label {
  color: #c23d2b;
  border-color: #e08074;
  background: none; }

.theme--red .tab-container label {
  color: #e08074;
  background: #f7dfdc; }
  .theme--red .tab-container label:before {
    background: #e08074; }
  .theme--red .tab-container label:hover {
    color: #c23d2b; }

.theme--red article h2:before {
  background: #db6d5f; }

.theme--red .callout-box {
  border: 3px solid #f7dfdc; }
  .theme--red .callout-box * {
    color: #ad3627; }
  .theme--red .callout-box h2 {
    background: #ad3627;
    color: #fff; }

.theme--red .workshops li {
  border-bottom-color: #f7dfdc; }

.theme--red .workshops .upcoming {
  border: 2px solid #f7dfdc;
  color: #f7dfdc; }

.theme--firefox-orange .jumbotron {
  background: #f26c23; }

.theme--firefox-orange .header-headline {
  color: #f26c23;
  border-bottom-color: #f69c6b; }

.theme--firefox-orange .important-links li {
  background: #fdede4; }
  .theme--firefox-orange .important-links li a {
    color: #d5530d; }
    .theme--firefox-orange .important-links li a:hover {
      background: #f58c53; }

.theme--firefox-orange .color-box .btn {
  background: #f26c23;
  box-shadow: 0 2px 0 #d5530d;
  color: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out; }
  .theme--firefox-orange .color-box .btn:hover {
    background: #d5530d; }

.theme--firefox-orange .example {
  color: #d5530d;
  background: #f69c6b; }

.theme--firefox-orange aside:before {
  background: #f26c23; }

.theme--firefox-orange nav a.selected {
  background: #d5530d; }
  .theme--firefox-orange nav a.selected:hover {
    background: #d5530d; }

.theme--firefox-orange .tab-container input:checked + label {
  color: #ed5d0e;
  border-color: #f69c6b;
  background: none; }

.theme--firefox-orange .tab-container label {
  color: #f69c6b;
  background: #fdede4; }
  .theme--firefox-orange .tab-container label:before {
    background: #f69c6b; }
  .theme--firefox-orange .tab-container label:hover {
    color: #ed5d0e; }

.theme--firefox-orange article h2:before {
  background: #f58c53; }

.theme--firefox-orange .callout-box {
  border: 3px solid #fdede4; }
  .theme--firefox-orange .callout-box * {
    color: #d5530d; }
  .theme--firefox-orange .callout-box h2 {
    background: #d5530d;
    color: #fff; }

.theme--firefox-orange .workshops li {
  border-bottom-color: #fdede4; }

.theme--firefox-orange .workshops .upcoming {
  border: 2px solid #fdede4;
  color: #fdede4; }

.theme--market-orange .jumbotron {
  background: #f89c24; }

.theme--market-orange .header-headline {
  color: #f89c24;
  border-bottom-color: #fabe6e; }

.theme--market-orange .important-links li {
  background: #fef5ea; }
  .theme--market-orange .important-links li a {
    color: #e28307; }
    .theme--market-orange .important-links li a:hover {
      background: #fab255; }

.theme--market-orange .color-box .btn {
  background: #f89c24;
  box-shadow: 0 2px 0 #e28307;
  color: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out; }
  .theme--market-orange .color-box .btn:hover {
    background: #e28307; }

.theme--market-orange .example {
  color: #e28307;
  background: #fabe6e; }

.theme--market-orange aside:before {
  background: #f89c24; }

.theme--market-orange nav a.selected {
  background: #e28307; }
  .theme--market-orange nav a.selected:hover {
    background: #e28307; }

.theme--market-orange .tab-container input:checked + label {
  color: #f7910b;
  border-color: #fabe6e;
  background: none; }

.theme--market-orange .tab-container label {
  color: #fabe6e;
  background: #fef5ea; }
  .theme--market-orange .tab-container label:before {
    background: #fabe6e; }
  .theme--market-orange .tab-container label:hover {
    color: #f7910b; }

.theme--market-orange article h2:before {
  background: #fab255; }

.theme--market-orange .callout-box {
  border: 3px solid #fef5ea; }
  .theme--market-orange .callout-box * {
    color: #e28307; }
  .theme--market-orange .callout-box h2 {
    background: #e28307;
    color: #fff; }

.theme--market-orange .workshops li {
  border-bottom-color: #fef5ea; }

.theme--market-orange .workshops .upcoming {
  border: 2px solid #fef5ea;
  color: #fef5ea; }

.theme--flame-yellow .jumbotron {
  background: #ffcd02; }

.theme--flame-yellow .header-headline {
  color: #ffcd02;
  border-bottom-color: #ffdc4f; }

.theme--flame-yellow .important-links li {
  background: #fff5ce; }
  .theme--flame-yellow .important-links li a {
    color: #cea500; }
    .theme--flame-yellow .important-links li a:hover {
      background: #ffd735; }

.theme--flame-yellow .color-box .btn {
  background: #ffcd02;
  box-shadow: 0 2px 0 #cea500;
  color: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out; }
  .theme--flame-yellow .color-box .btn:hover {
    background: #cea500; }

.theme--flame-yellow .example {
  color: #cea500;
  background: #ffdc4f; }

.theme--flame-yellow aside:before {
  background: #ffcd02; }

.theme--flame-yellow nav a.selected {
  background: #cea500; }
  .theme--flame-yellow nav a.selected:hover {
    background: #cea500; }

.theme--flame-yellow .tab-container input:checked + label {
  color: #e8ba00;
  border-color: #ffdc4f;
  background: none; }

.theme--flame-yellow .tab-container label {
  color: #ffdc4f;
  background: #fff5ce; }
  .theme--flame-yellow .tab-container label:before {
    background: #ffdc4f; }
  .theme--flame-yellow .tab-container label:hover {
    color: #e8ba00; }

.theme--flame-yellow article h2:before {
  background: #ffd735; }

.theme--flame-yellow .callout-box {
  border: 3px solid #fff5ce; }
  .theme--flame-yellow .callout-box * {
    color: #cea500; }
  .theme--flame-yellow .callout-box h2 {
    background: #cea500;
    color: #fff; }

.theme--flame-yellow .workshops li {
  border-bottom-color: #fff5ce; }

.theme--flame-yellow .workshops .upcoming {
  border: 2px solid #fff5ce;
  color: #fff5ce; }

.theme--gecko-green .jumbotron {
  background: #7dc14c; }

.theme--gecko-green .header-headline {
  color: #7dc14c;
  border-bottom-color: #a6d585; }

.theme--gecko-green .important-links li {
  background: #ebf5e4; }
  .theme--gecko-green .important-links li a {
    color: #64a238; }
    .theme--gecko-green .important-links li a:hover {
      background: #99ce72; }

.theme--gecko-green .color-box .btn {
  background: #7dc14c;
  box-shadow: 0 2px 0 #64a238;
  color: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out; }
  .theme--gecko-green .color-box .btn:hover {
    background: #64a238; }

.theme--gecko-green .example {
  color: #64a238;
  background: #a6d585; }

.theme--gecko-green aside:before {
  background: #7dc14c; }

.theme--gecko-green nav a.selected {
  background: #64a238; }
  .theme--gecko-green nav a.selected:hover {
    background: #64a238; }

.theme--gecko-green .tab-container input:checked + label {
  color: #70b53f;
  border-color: #a6d585;
  background: none; }

.theme--gecko-green .tab-container label {
  color: #a6d585;
  background: #ebf5e4; }
  .theme--gecko-green .tab-container label:before {
    background: #a6d585; }
  .theme--gecko-green .tab-container label:hover {
    color: #70b53f; }

.theme--gecko-green article h2:before {
  background: #99ce72; }

.theme--gecko-green .callout-box {
  border: 3px solid #ebf5e4; }
  .theme--gecko-green .callout-box * {
    color: #64a238; }
  .theme--gecko-green .callout-box h2 {
    background: #64a238;
    color: #fff; }

.theme--gecko-green .workshops li {
  border-bottom-color: #ebf5e4; }

.theme--gecko-green .workshops .upcoming {
  border: 2px solid #ebf5e4;
  color: #ebf5e4; }

.theme--summit-teal .jumbotron {
  background: #3bba99; }

.theme--summit-teal .header-headline {
  color: #3bba99;
  border-bottom-color: #70d2b8; }

.theme--summit-teal .important-links li {
  background: #d1f0e8; }
  .theme--summit-teal .important-links li a {
    color: #2f9379; }
    .theme--summit-teal .important-links li a:hover {
      background: #5dcbaf; }

.theme--summit-teal .color-box .btn {
  background: #3bba99;
  box-shadow: 0 2px 0 #2f9379;
  color: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out; }
  .theme--summit-teal .color-box .btn:hover {
    background: #2f9379; }

.theme--summit-teal .example {
  color: #2f9379;
  background: #70d2b8; }

.theme--summit-teal aside:before {
  background: #3bba99; }

.theme--summit-teal nav a.selected {
  background: #2f9379; }
  .theme--summit-teal nav a.selected:hover {
    background: #2f9379; }

.theme--summit-teal .tab-container input:checked + label {
  color: #35a789;
  border-color: #70d2b8;
  background: none; }

.theme--summit-teal .tab-container label {
  color: #70d2b8;
  background: #d1f0e8; }
  .theme--summit-teal .tab-container label:before {
    background: #70d2b8; }
  .theme--summit-teal .tab-container label:hover {
    color: #35a789; }

.theme--summit-teal article h2:before {
  background: #5dcbaf; }

.theme--summit-teal .callout-box {
  border: 3px solid #d1f0e8; }
  .theme--summit-teal .callout-box * {
    color: #2f9379; }
  .theme--summit-teal .callout-box h2 {
    background: #2f9379;
    color: #fff; }

.theme--summit-teal .workshops li {
  border-bottom-color: #d1f0e8; }

.theme--summit-teal .workshops .upcoming {
  border: 2px solid #d1f0e8;
  color: #d1f0e8; }

.theme--mobile-blue .jumbotron {
  background: #16afe5; }

.theme--mobile-blue .header-headline {
  color: #16afe5;
  border-bottom-color: #58c8ef; }

.theme--mobile-blue .important-links li {
  background: #cdeefa; }
  .theme--mobile-blue .important-links li a {
    color: #128bb6; }
    .theme--mobile-blue .important-links li a:hover {
      background: #41c0ed; }

.theme--mobile-blue .color-box .btn {
  background: #16afe5;
  box-shadow: 0 2px 0 #128bb6;
  color: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out; }
  .theme--mobile-blue .color-box .btn:hover {
    background: #128bb6; }

.theme--mobile-blue .example {
  color: #128bb6;
  background: #58c8ef; }

.theme--mobile-blue aside:before {
  background: #16afe5; }

.theme--mobile-blue nav a.selected {
  background: #128bb6; }
  .theme--mobile-blue nav a.selected:hover {
    background: #128bb6; }

.theme--mobile-blue .tab-container input:checked + label {
  color: #149dce;
  border-color: #58c8ef;
  background: none; }

.theme--mobile-blue .tab-container label {
  color: #58c8ef;
  background: #cdeefa; }
  .theme--mobile-blue .tab-container label:before {
    background: #58c8ef; }
  .theme--mobile-blue .tab-container label:hover {
    color: #149dce; }

.theme--mobile-blue article h2:before {
  background: #41c0ed; }

.theme--mobile-blue .callout-box {
  border: 3px solid #cdeefa; }
  .theme--mobile-blue .callout-box * {
    color: #128bb6; }
  .theme--mobile-blue .callout-box h2 {
    background: #128bb6;
    color: #fff; }

.theme--mobile-blue .workshops li {
  border-bottom-color: #cdeefa; }

.theme--mobile-blue .workshops .upcoming {
  border: 2px solid #cdeefa;
  color: #cdeefa; }

.theme--developer-blue .jumbotron {
  background: #4383bf; }

.theme--developer-blue .header-headline {
  color: #4383bf;
  border-bottom-color: #7ca9d2; }

.theme--developer-blue .important-links li {
  background: #dbe7f3; }
  .theme--developer-blue .important-links li a {
    color: #35699a; }
    .theme--developer-blue .important-links li a:hover {
      background: #699ccc; }

.theme--developer-blue .color-box .btn {
  background: #4383bf;
  box-shadow: 0 2px 0 #35699a;
  color: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out; }
  .theme--developer-blue .color-box .btn:hover {
    background: #35699a; }

.theme--developer-blue .example {
  color: #35699a;
  background: #7ca9d2; }

.theme--developer-blue aside:before {
  background: #4383bf; }

.theme--developer-blue nav a.selected {
  background: #35699a; }
  .theme--developer-blue nav a.selected:hover {
    background: #35699a; }

.theme--developer-blue .tab-container input:checked + label {
  color: #3b76ad;
  border-color: #7ca9d2;
  background: none; }

.theme--developer-blue .tab-container label {
  color: #7ca9d2;
  background: #dbe7f3; }
  .theme--developer-blue .tab-container label:before {
    background: #7ca9d2; }
  .theme--developer-blue .tab-container label:hover {
    color: #3b76ad; }

.theme--developer-blue article h2:before {
  background: #699ccc; }

.theme--developer-blue .callout-box {
  border: 3px solid #dbe7f3; }
  .theme--developer-blue .callout-box * {
    color: #35699a; }
  .theme--developer-blue .callout-box h2 {
    background: #35699a;
    color: #fff; }

.theme--developer-blue .workshops li {
  border-bottom-color: #dbe7f3; }

.theme--developer-blue .workshops .upcoming {
  border: 2px solid #dbe7f3;
  color: #dbe7f3; }

.theme--nightly-blue .jumbotron {
  background: #5a6ba4; }

.theme--nightly-blue .header-headline {
  color: #5a6ba4;
  border-bottom-color: #8b97bf; }

.theme--nightly-blue .important-links li {
  background: #dde1ed; }
  .theme--nightly-blue .important-links li a {
    color: #485683; }
    .theme--nightly-blue .important-links li a:hover {
      background: #7b88b6; }

.theme--nightly-blue .color-box .btn {
  background: #5a6ba4;
  box-shadow: 0 2px 0 #485683;
  color: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out; }
  .theme--nightly-blue .color-box .btn:hover {
    background: #485683; }

.theme--nightly-blue .example {
  color: #485683;
  background: #8b97bf; }

.theme--nightly-blue aside:before {
  background: #5a6ba4; }

.theme--nightly-blue nav a.selected {
  background: #485683; }
  .theme--nightly-blue nav a.selected:hover {
    background: #485683; }

.theme--nightly-blue .tab-container input:checked + label {
  color: #516094;
  border-color: #8b97bf;
  background: none; }

.theme--nightly-blue .tab-container label {
  color: #8b97bf;
  background: #dde1ed; }
  .theme--nightly-blue .tab-container label:before {
    background: #8b97bf; }
  .theme--nightly-blue .tab-container label:hover {
    color: #516094; }

.theme--nightly-blue article h2:before {
  background: #7b88b6; }

.theme--nightly-blue .callout-box {
  border: 3px solid #dde1ed; }
  .theme--nightly-blue .callout-box * {
    color: #485683; }
  .theme--nightly-blue .callout-box h2 {
    background: #485683;
    color: #fff; }

.theme--nightly-blue .workshops li {
  border-bottom-color: #dde1ed; }

.theme--nightly-blue .workshops .upcoming {
  border: 2px solid #dde1ed;
  color: #dde1ed; }

.theme--aurora-purple .jumbotron {
  background: #ab5da4; }

.theme--aurora-purple .header-headline {
  color: #ab5da4;
  border-bottom-color: #c58fc0; }

.theme--aurora-purple .important-links li {
  background: #f1e3ef; }
  .theme--aurora-purple .important-links li a {
    color: #8c4986; }
    .theme--aurora-purple .important-links li a:hover {
      background: #bc7fb7; }

.theme--aurora-purple .color-box .btn {
  background: #ab5da4;
  box-shadow: 0 2px 0 #8c4986;
  color: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out; }
  .theme--aurora-purple .color-box .btn:hover {
    background: #8c4986; }

.theme--aurora-purple .example {
  color: #8c4986;
  background: #c58fc0; }

.theme--aurora-purple aside:before {
  background: #ab5da4; }

.theme--aurora-purple nav a.selected {
  background: #8c4986; }
  .theme--aurora-purple nav a.selected:hover {
    background: #8c4986; }

.theme--aurora-purple .tab-container input:checked + label {
  color: #9d5196;
  border-color: #c58fc0;
  background: none; }

.theme--aurora-purple .tab-container label {
  color: #c58fc0;
  background: #f1e3ef; }
  .theme--aurora-purple .tab-container label:before {
    background: #c58fc0; }
  .theme--aurora-purple .tab-container label:hover {
    color: #9d5196; }

.theme--aurora-purple article h2:before {
  background: #bc7fb7; }

.theme--aurora-purple .callout-box {
  border: 3px solid #f1e3ef; }
  .theme--aurora-purple .callout-box * {
    color: #8c4986; }
  .theme--aurora-purple .callout-box h2 {
    background: #8c4986;
    color: #fff; }

.theme--aurora-purple .workshops li {
  border-bottom-color: #f1e3ef; }

.theme--aurora-purple .workshops .upcoming {
  border: 2px solid #f1e3ef;
  color: #f1e3ef; }

.theme--bikeshed-magenta .jumbotron {
  background: #e14164; }

.theme--bikeshed-magenta .header-headline {
  color: #e14164;
  border-bottom-color: #eb839a; }

.theme--bikeshed-magenta .important-links li {
  background: #fdf1f4; }
  .theme--bikeshed-magenta .important-links li a {
    color: #ce2147; }
    .theme--bikeshed-magenta .important-links li a:hover {
      background: #e86d88; }

.theme--bikeshed-magenta .color-box .btn {
  background: #e14164;
  box-shadow: 0 2px 0 #ce2147;
  color: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out; }
  .theme--bikeshed-magenta .color-box .btn:hover {
    background: #ce2147; }

.theme--bikeshed-magenta .example {
  color: #ce2147;
  background: #eb839a; }

.theme--bikeshed-magenta aside:before {
  background: #e14164; }

.theme--bikeshed-magenta nav a.selected {
  background: #ce2147; }
  .theme--bikeshed-magenta nav a.selected:hover {
    background: #ce2147; }

.theme--bikeshed-magenta .tab-container input:checked + label {
  color: #de2b52;
  border-color: #eb839a;
  background: none; }

.theme--bikeshed-magenta .tab-container label {
  color: #eb839a;
  background: #fdf1f4; }
  .theme--bikeshed-magenta .tab-container label:before {
    background: #eb839a; }
  .theme--bikeshed-magenta .tab-container label:hover {
    color: #de2b52; }

.theme--bikeshed-magenta article h2:before {
  background: #e86d88; }

.theme--bikeshed-magenta .callout-box {
  border: 3px solid #fdf1f4; }
  .theme--bikeshed-magenta .callout-box * {
    color: #ce2147; }
  .theme--bikeshed-magenta .callout-box h2 {
    background: #ce2147;
    color: #fff; }

.theme--bikeshed-magenta .workshops li {
  border-bottom-color: #fdf1f4; }

.theme--bikeshed-magenta .workshops .upcoming {
  border: 2px solid #fdf1f4;
  color: #fdf1f4; }

.theme--charcoal .jumbotron {
  background: #4d4f53; }

.theme--charcoal .header-headline {
  color: #4d4f53;
  border-bottom-color: #72757b; }

.theme--charcoal .important-links li {
  background: #b3b5b9; }
  .theme--charcoal .important-links li a {
    color: #343639; }
    .theme--charcoal .important-links li a:hover {
      background: #66686d; }

.theme--charcoal .color-box .btn {
  background: #4d4f53;
  box-shadow: 0 2px 0 #343639;
  color: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out; }
  .theme--charcoal .color-box .btn:hover {
    background: #343639; }

.theme--charcoal .example {
  color: #343639;
  background: #72757b; }

.theme--charcoal aside:before {
  background: #4d4f53; }

.theme--charcoal nav a.selected {
  background: #343639; }
  .theme--charcoal nav a.selected:hover {
    background: #343639; }

.theme--charcoal .tab-container input:checked + label {
  color: #414246;
  border-color: #72757b;
  background: none; }

.theme--charcoal .tab-container label {
  color: #72757b;
  background: #b3b5b9; }
  .theme--charcoal .tab-container label:before {
    background: #72757b; }
  .theme--charcoal .tab-container label:hover {
    color: #414246; }

.theme--charcoal article h2:before {
  background: #66686d; }

.theme--charcoal .callout-box {
  border: 3px solid #b3b5b9; }
  .theme--charcoal .callout-box * {
    color: #343639; }
  .theme--charcoal .callout-box h2 {
    background: #343639;
    color: #fff; }

.theme--charcoal .workshops li {
  border-bottom-color: #b3b5b9; }

.theme--charcoal .workshops .upcoming {
  border: 2px solid #b3b5b9;
  color: #b3b5b9; }