#puzzles {
  margin: auto; }
  #puzzles #puzzle-svg-1 {
    margin-left: 0; }
  #puzzles .puzzle-svg {
    pointer-events: none;
    float: left; }
    #puzzles .puzzle-svg .puzzle-link {
      pointer-events: all; }
    #puzzles .puzzle-svg .title {
      font-size: 40px;
      font-family: Bree Serif;
      fill: #969696;
      pointer-events: none; }
    #puzzles .puzzle-svg .desc {
      font-size: 22px;
      font-family: Open Sans;
      fill: #969696;
      pointer-events: none; }
    #puzzles .puzzle-svg .ficon {
      font-family: FontAwesome;
      font-size: 40px;
      fill: #969696;
      content: "\f0c4"; }
    #puzzles .puzzle-svg .puzzle-path {
      fill: url(#puzzle-bg);
      stroke: #ffffff;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 1%; }
    #puzzles .puzzle-svg .icon .path {
      fill: none;
      stroke: #969696;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 1.92px; }
    #puzzles .puzzle-svg a:hover .puzzle-path {
      fill: url(#puzzle-bg-hover); }
    #puzzles .puzzle-svg a:hover .title {
      fill: #ffffff; }
    #puzzles .puzzle-svg a:hover .desc {
      fill: #ffffff; }
    #puzzles .puzzle-svg a:hover .icon .path {
      stroke: #ffffff;
      stroke-width: 2.3px; }
    @media (min-width: 723px) {
      #puzzles .puzzle-svg {
        margin-left: -6.4%;
        width: 28.5%; }
        #puzzles .puzzle-svg.down {
          margin-top: 6.4%; } }
    @media (max-width: 723px) {
      #puzzles .puzzle-svg {
        margin-left: -11.4%;
        width: 50.5%; }
        #puzzles .puzzle-svg.down {
          margin-top: 11.4%; }
        #puzzles .puzzle-svg#puzzle-svg-4 {
          margin-top: -11.4%; }
        #puzzles .puzzle-svg#puzzle-svg-3 {
          margin-top: -22.8%;
          margin-left: 0; } }

.content-block {
  background-color: #ffffff;
  position: relative; }

.container:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

.clear {
  clear: both; }

#main-menu {
  background-color: #ffffff;
  margin-top: 0px; }

.pusher.content {
  margin-top: 2rem; }

#mobile-dot-menu .menu {
  background: transparent; }

#mobile-menu .search .prompt {
  border-width: 0; }

#mobile-menu .compact.menu .item::before {
  background: transparent; }

#mobile-menu .logo {
  padding: 6px 12px 0 12px; }

#menu-nav > .item {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.1em; }
  #menu-nav > .item .icon {
    width: 20px;
    height: 20px; }
    #menu-nav > .item .icon .path {
      fill: none;
      stroke: #2c2c2c;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 5px; }

.meta, .extra {
  color: #EB800F; }
  .meta .date, .extra .date {
    font-family: Open Sans;
    font-weight: bold;
    color: #EB800F; }
  .meta .details, .extra .details {
    color: #EB800F !important; }
  .meta .wb-link .wb-icon, .extra .wb-link .wb-icon {
    width: 14px;
    display: inline-block;
    margin: 4px 4px 0 0 !important;
    vertical-align: middle; }
  .meta .wb-link .wb-name, .extra .wb-link .wb-name {
    font-family: Open Sans Condensed;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    color: rgba(0, 0, 0, 0.4); }
  .meta .wb-link .wb-name:hover, .extra .wb-link .wb-name:hover {
    color: rgba(0, 0, 0, 0.87); }

@media only screen and (max-width: 768px) {
  .content .description {
    display: none !important; }
  .content .extra {
    display: none !important; } }

#popup-menu {
  width: 100%;
  color: white;
  display: none;
  background: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), url("/media/colorbg/yellow.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  #popup-menu p {
    color: white; }
  #popup-menu .ui.items {
    margin: 0; }
  #popup-menu .item {
    padding: 8px 0;
    margin: 0.2rem;
    color: white; }
    #popup-menu .item a {
      color: white; }
    #popup-menu .item .content {
      min-height: 65px; }
    #popup-menu .item img {
      border: solid;
      border-width: 1px;
      border-color: white; }
    #popup-menu .item .date {
      color: white; }
    #popup-menu .item .title {
      padding: 4px 0; }
    #popup-menu .item .location {
      color: white; }
  #popup-menu .item:hover {
    color: #D6D6D9; }
    #popup-menu .item:hover a {
      color: #D6D6D9; }
  #popup-menu a {
    font-size: 1.4em;
    color: #2c2c2c;
    font-family: 'Open Sans'; }
    #popup-menu a.image {
      width: 65px; }
  @media (max-width: 723px) {
    #popup-menu div.column {
      padding: 1px 10px;
      margin-top: 13px;
      border-left: 1px solid #d29612;
      width: 33% !important; }
      #popup-menu div.column > div > a {
        font-size: 1.6em;
        color: #ffffff; } }
  #popup-menu .header {
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed';
    font-weight: bold;
    font-size: 1.4em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 4px; }
  #popup-menu .image + .content {
    padding-left: 1em; }

.marked-emoji {
  height: 15px; }

.instagram .column {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important; }

.label.icon {
  position: absolute;
  right: 1rem;
  top: 0rem;
  width: 55px;
  height: 55px;
  color: white;
  font-size: 3em;
  font-weight: normal;
  line-height: 1.5em;
  vertical-align: text-bottom;
  background-color: #A3C4E9; }

.popup-menu-btn .icon {
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear; }

.popup-menu-btn .icon.halfway.rotated {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg); }

.logo {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin: auto;
  display: inline-block;
  width: 100%; }
  .logo svg {
    display: block;
    margin: auto;
    width: 100%;
    max-width: 260.75px; }
  .logo .logo-text {
    font-size: 23.4px;
    fill: #959595;
    font-family: 'Open Sans Condensed';
    font-weight: bold;
    letter-spacing: 0.05em; }
  .logo.host .logo-text {
    font-size: 28px; }
  .logo .logo-weitblick {
    fill: #04090e; }
  .logo .logo-puzzle {
    fill: #f3971b; }
  .logo.inverse .logo-weitblick {
    fill: white; }
  .logo.inverse .logo-text {
    fill: white; }

#logo-inverted {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important; }

.hidden.menu {
  display: none; }

.masthead.segment {
  min-height: 700px;
  padding: 1em 0em; }

.masthead .logo.item img {
  margin-right: 1em; }

.masthead .ui.menu .ui.button {
  margin-left: 0.5em; }

.masthead h1.ui.header {
  margin-top: 3em;
  margin-bottom: 0em;
  font-size: 4em;
  font-weight: normal; }

.masthead h2 {
  font-size: 1.7em;
  font-weight: normal; }

.ui.vertical.stripe {
  padding: 50px 0; }

.ui.vertical.stripe h3 {
  font-size: 2em; }

.ui.vertical.stripe .button + h3,
.ui.vertical.stripe p + h3 {
  margin-top: 3em; }

.ui.vertical.stripe .floated.image {
  clear: both; }

.ui.vertical.stripe p {
  font-size: 1.33em; }

.ui.vertical.stripe .horizontal.divider {
  margin: 3em 0em; }

.quote.stripe.segment {
  padding: 0em; }

.quote.stripe.segment .grid .column {
  padding-top: 5em;
  padding-bottom: 5em; }

.vertical.footer.segment {
  margin-top: 2rem;
  padding: 5em 0em; }

.secondary.pointing.menu .toc.item {
  display: none; }

#header-image .dimmer {
  background-color: rgba(255, 255, 255, 0.55);
  text-align: left;
  justify-content: left;
  align-items: start; }

#header-image .ui.fluid.default.image {
  padding-top: 36.49635%;
  background-position: center;
  background-size: cover; }

.highcharts-credits {
  display: none; }

#icon-links {
  width: 50px;
  position: absolute;
  right: -50px;
  top: 0;
  padding: 0; }
  #icon-links .icon {
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    font-size: 2.3em;
    text-align: center;
    color: #ffffff;
    width: 50px;
    margin-right: 0; }
  #icon-links a {
    vertical-align: middle;
    text-align: center;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    background: #A3C4E9; }
  #icon-links a:hover {
    background: #EB800F; }
  @media (max-width: 723px) {
    #icon-links {
      position: initial;
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      width: 100vw;
      background: #969696; }
      #icon-links a {
        width: 100%; }
        #icon-links a .icon {
          width: 100%; } }

.column.split-space {
  background: #d9e2ed;
  width: 20px !important;
  padding: 0 !important; }

.row.split-space {
  background: #d9e2ed;
  height: 20px !important;
  padding: 1rem !important;
  margin: 0 -1rem 0 -1rem !important; }

@media only screen and (max-width: 700px) {
  .ui.fixed.menu {
    display: none !important; }
  .secondary.pointing.menu .item,
  .secondary.pointing.menu .menu {
    display: none; }
  .secondary.pointing.menu .toc.item {
    display: block; }
  .masthead.segment {
    min-height: 350px; }
  .masthead h1.ui.header {
    font-size: 2em;
    margin-top: 1.5em; }
  .masthead h2 {
    margin-top: 0.5em;
    font-size: 1.5em; } }

.ui.segment {
  margin-top: 2rem; }
  .ui.segment .title.header {
    text-transform: uppercase;
    font-family: "Open Sans Condensed";
    font-weight: normal;
    font-size: 2rem; }

a.details {
  color: #EB800F; }

.ui.orange.ribbon.label {
  background: #EB800F !important; }

.ui.search .prompt {
  border-radius: 0 !important; }

.ui.grid > .row > .secondary.column, .ui.grid > .secondary.column, .ui.grid > .secondary.row {
  background-color: white !important; }

p {
  font-size: 1.2rem; }