/*
 * SHARED WITH JAVELIN - /src/javelin/sass/_colors
 * color nicknames from http://chir.ag/projects/name-that-color/{{#hex-code}}
 */
/**
 * allows you to add styling to the bottom row of a grid using the mixins above
 */
/* line 2, src/hub/sass/_page_themes.scss */
.hub-main[data-theme="dark"] {
  background-color: #000000;
}

/* line 32, src/hub/components/theme/dark.scss */
.hub-main[data-theme="dark"].lineup-boomerang {
  padding-top: 20px;
}

/* line 36, src/hub/components/theme/dark.scss */
.hub-main[data-theme="dark"] ::selection {
  background: #FFFFFF;
  color: #000000;
}

/* line 43, src/hub/components/theme/dark.scss */
.hub-main[data-theme="dark"] .hub-zone-lefty__content,
.hub-main[data-theme="dark"] .hub-zone-switch__content {
  position: relative;
}

/* line 46, src/hub/components/theme/dark.scss */
.hub-main[data-theme="dark"] .hub-zone-lefty__content:before,
.hub-main[data-theme="dark"] .hub-zone-switch__content:before {
  content: "";
  position: absolute;
  top: -20px;
  height: calc(100% + 2 * 20px);
  width: 1px;
  background-color: #FFFFFF;
  left: -10px;
}

/* line 56, src/hub/components/theme/dark.scss */
.hub-main[data-theme="dark"] .hub-zone-righty__content,
.hub-main[data-theme="dark"] .hub-zone-switch__content {
  position: relative;
}

/* line 59, src/hub/components/theme/dark.scss */
.hub-main[data-theme="dark"] .hub-zone-righty__content:after,
.hub-main[data-theme="dark"] .hub-zone-switch__content:after {
  content: "";
  position: absolute;
  top: -20px;
  height: calc(100% + 2 * 20px);
  width: 1px;
  background-color: #FFFFFF;
  right: -10px;
}

/* line 67, src/hub/components/theme/dark.scss */
.hub-main[data-theme="dark"] .hub-zone-righty,
.hub-main[data-theme="dark"] .hub-zone-lefty,
.hub-main[data-theme="dark"] .hub-zone-switch,
.hub-main[data-theme="dark"] .hub-zone-full {
  position: relative;
}

/* line 73, src/hub/components/theme/dark.scss */
.hub-main[data-theme="dark"] .hub-zone-righty:not(:first-child):before,
.hub-main[data-theme="dark"] .hub-zone-lefty:not(:first-child):before,
.hub-main[data-theme="dark"] .hub-zone-switch:not(:first-child):before,
.hub-main[data-theme="dark"] .hub-zone-full:not(:first-child):before {
  content: "";
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 1px;
  width: 100%;
  background-color: #FFFFFF;
  opacity: 0.25;
  top: -20px;
}

@media screen and (min-width: 0) and (max-width: 759px) {
  /* line 73, src/hub/components/theme/dark.scss */
  .hub-main[data-theme="dark"] .hub-zone-righty:not(:first-child):before,
  .hub-main[data-theme="dark"] .hub-zone-lefty:not(:first-child):before,
  .hub-main[data-theme="dark"] .hub-zone-switch:not(:first-child):before,
  .hub-main[data-theme="dark"] .hub-zone-full:not(:first-child):before {
    width: calc(100% - 2 * 25px);
  }
}

@media screen and (min-width: 760px) and (max-width: 1019px) {
  /* line 73, src/hub/components/theme/dark.scss */
  .hub-main[data-theme="dark"] .hub-zone-righty:not(:first-child):before,
  .hub-main[data-theme="dark"] .hub-zone-lefty:not(:first-child):before,
  .hub-main[data-theme="dark"] .hub-zone-switch:not(:first-child):before,
  .hub-main[data-theme="dark"] .hub-zone-full:not(:first-child):before {
    width: 700px;
  }
}

@media screen and (min-width: 1020px) and (max-width: 1279px) {
  /* line 73, src/hub/components/theme/dark.scss */
  .hub-main[data-theme="dark"] .hub-zone-righty:not(:first-child):before,
  .hub-main[data-theme="dark"] .hub-zone-lefty:not(:first-child):before,
  .hub-main[data-theme="dark"] .hub-zone-switch:not(:first-child):before,
  .hub-main[data-theme="dark"] .hub-zone-full:not(:first-child):before {
    width: 1000px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 9999em) {
  /* line 73, src/hub/components/theme/dark.scss */
  .hub-main[data-theme="dark"] .hub-zone-righty:not(:first-child):before,
  .hub-main[data-theme="dark"] .hub-zone-lefty:not(:first-child):before,
  .hub-main[data-theme="dark"] .hub-zone-switch:not(:first-child):before,
  .hub-main[data-theme="dark"] .hub-zone-full:not(:first-child):before {
    width: 1200px;
  }
}

@media screen and (max-width: 1019px) {
  /* line 103, src/hub/components/theme/dark.scss */
  .hub-main[data-theme="dark"] .hub-zone-righty__content:before, .hub-main[data-theme="dark"] .hub-zone-righty__content:after,
  .hub-main[data-theme="dark"] .hub-zone-lefty__content:before,
  .hub-main[data-theme="dark"] .hub-zone-lefty__content:after,
  .hub-main[data-theme="dark"] .hub-zone-switch__content:before,
  .hub-main[data-theme="dark"] .hub-zone-switch__content:after,
  .hub-main[data-theme="dark"] .hub-zone-full__content:before,
  .hub-main[data-theme="dark"] .hub-zone-full__content:after {
    content: none;
  }
}