@charset "UTF-8";
/* ############ Basic layout ############ */
/* ############# Typography ############# */
/* ############### Header ############### */
/*! Typebase.less v0.1.0 | MIT License */
/* ############ Basic layout ############ */
/* ############# Typography ############# */
/* ############### Header ############### */
/* ############# Fonts ################## */
@import url("https://fonts.googleapis.com/css?family=Open+Sans|Raleway");
/* Setup */
html {
  /* Change default typefaces here */
  letter-spacing: normal;
  font-family: Open Sans, sans-serif;
  color: #333333;
  -webkit-font-smoothing: antialiased; }
  @media (max-width: 599px) {
    html {
      font-size: 93.75%; } }
  @media (min-width: 600px) {
    html {
      font-size: 100%; } }
/* Copy & Lists */
p {
  line-height: 1.6rem;
  margin-top: 1.6rem;
  margin-bottom: 0; }

ul, ol {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem; }
  ul li, ol li {
    line-height: 1.6rem; }
  ul ul, ul ol, ol ul, ol ol {
    margin-top: 0;
    margin-bottom: 0; }

blockquote {
  line-height: 1.6rem;
  margin-top: 1.6rem;
  margin-bottom: 1.6rem; }

pre {
  max-width: 100%;
  overflow: scroll; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
  /* Change heading typefaces here */
  font-family: Raleway, sans-serif;
  font-style: normal;
  font-weight: 500;
  margin-top: 1.6rem;
  margin-bottom: 0;
  line-height: 1.6rem;
  color: #357AA6; }

h1 {
  margin-top: 3.2rem; }
  @media (max-width: 599px) {
    h1 {
      font-size: 2.828rem; } }
  @media (min-width: 600px) {
    h1 {
      font-size: 3.535rem; } }
  @media (max-width: 599px) {
    h1 {
      line-height: 3.2rem; } }
  @media (min-width: 600px) {
    h1 {
      line-height: 4rem; } }
h2 {
  margin-top: 3.2rem; }
  @media (max-width: 599px) {
    h2 {
      font-size: 2.2624rem; } }
  @media (min-width: 600px) {
    h2 {
      font-size: 2.828rem; } }
  @media (max-width: 599px) {
    h2 {
      line-height: 2.56rem; } }
  @media (min-width: 600px) {
    h2 {
      line-height: 3.2rem; } }
@media (max-width: 599px) {
  h3 {
    font-size: 1.5554rem; } }

@media (min-width: 600px) {
  h3 {
    font-size: 2.121rem; } }

@media (max-width: 599px) {
  h4 {
    font-size: 1.2726rem; } }

@media (min-width: 600px) {
  h4 {
    font-size: 1.414rem; } }

@media (max-width: 599px) {
  h5 {
    font-size: 1.1312rem; } }

@media (min-width: 600px) {
  h5 {
    font-size: 1.1312rem; } }

@media (max-width: 599px) {
  h6 {
    font-size: 0.9898rem; } }

@media (min-width: 600px) {
  h6 {
    font-size: 0.9898rem; } }

/* Tables */
table {
  margin-top: 1.6rem;
  border-spacing: 0px;
  border-collapse: collapse; }
  table td, table th {
    padding: 0;
    line-height: 25.6px; }

/* Code blocks */
code {
  vertical-align: bottom; }

/* Leading paragraph text */
.lead {
  font-size: 1.414rem; }

/* Hug a the block above you */
.hug {
  margin-top: 0; }

a {
  border-bottom: 1px dashed #59341c; }
  a:link, a:visited, a:hover, a:active {
    text-decoration: none; }
  a, a:link, a:visited {
    color: #59341c; }
  a:hover, a:active {
    color: #A66135;
    border-color: #A66135; }

@font-face {
  font-family: 'Quivira';
  src: url("../fonts/Quivira.9631de21a8b5.woff2") format("woff2"), url("../fonts/Quivira.ed9f6f7bb3ee.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

/* ####### Functions / Mixins ############ */
/* ######## General Classes ############# */
header.site-header:after {
  content: "";
  display: table;
  clear: both; }

header.site-header .menu-button span {
  text-indent: -9999em; }

/* ############ Basic layout ############ */
html, body {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  height: 100%; }

body {
  background-color: #fafafa; }

.container, .event-header {
  padding: 0 4.16667%;
  margin: 0 auto;
  max-width: 1000px;
  background-color: white;
  overflow: hidden; }

hr {
  border: none;
  border-top: 1px dashed #b3b3b3;
  margin: 3.2rem 0;
  background: #e4eff6; }

hr.solid {
  border-top-style: solid;
  border-top-color: #cbc9c9; }

img {
  margin: 1.6rem 0; }
  img.float-right {
    float: right;
    margin-left: 1.6rem; }
  img.float-left {
    float: left;
    margin-right: 1.6rem; }

ul.logo-bullets li, ul.logo-bullets-text li {
  list-style: none;
  position: relative; }
  ul.logo-bullets li:before, ul.logo-bullets-text li:before {
    content: '';
    display: inline-block;
    height: 1em;
    width: 1em;
    background-image: url("../imgs/question-hat.8c6df32e2bfb.svg");
    background-size: 75%;
    background-repeat: no-repeat;
    position: absolute;
    left: 10px;
    top: 0.3em; }

ul.logo-bullets-text li {
  padding: 0.5em 0; }
  ul.logo-bullets-text li:before {
    background-image: url("../imgs/question-hat-black.d4f543e36671.svg");
    left: -1.4em;
    top: 0.8em;
    width: 1.2em;
    height: 1.2em; }

ul.cats-ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  ul.cats-ul h3 {
    font-size: 2em;
    margin-bottom: .7em; }
  ul.cats-ul ul {
    transition: height .2s;
    overflow: hidden; }
  ul.cats-ul ul.hidden {
    height: 0px !important; }

fieldset {
  margin-top: 1.6rem;
  border: 1px dashed #b3b3b3; }

.fancy-button, a.fancy-button {
  color: white !important;
  font-weight: bold;
  background-color: #357AA6;
  border: none;
  padding: 10px; }
  .fancy-button:hover, a.fancy-button:hover {
    background-color: #3e8ec1; }
  .fancy-button.full, a.fancy-button.full {
    font-size: 1.2em;
    display: block;
    text-align: center;
    padding: .7em 0; }

form.standard-form {
  margin-top: 1.6rem; }
  form.standard-form label {
    font-weight: bold;
    display: block;
    margin-bottom: 0.8rem; }
  form.standard-form input, form.standard-form textarea {
    display: block;
    margin-bottom: 1.6rem;
    width: 100%;
    padding: .4em;
    box-sizing: border-box; }
  form.standard-form textarea {
    min-height: 300px; }
  form.standard-form input[type="submit"] {
    padding-top: .6em;
    padding-bottom: .6em;
    cursor: pointer; }

/* TODO Maybe move to dedicated file for payment page styles? */
aside.warning-banner {
  background-color: rgba(255, 195, 0, 0.1);
  margin: 1.6em 0;
  padding: 20px;
  padding-left: 55px;
  border-radius: 5px;
  border: 1px solid #FFC300;
  position: relative; }
  aside.warning-banner > p:first-child {
    margin-top: 0; }
  aside.warning-banner:before {
    font-family: "FontAwesome";
    content: "\f071";
    font-size: 20px;
    position: absolute;
    left: 20px;
    bottom: 50%;
    transform: translateY(50%); }

.payment-buttons-container {
  margin-top: 1.6rem;
  max-width: 750px;
  position: relative; }
  .payment-buttons-container:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    z-index: 1000;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.7);
    background-image: url("../imgs/spinner.ce82fa28b269.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25%; }
  .payment-buttons-container.ready:after {
    display: none; }

button.swish-payment-button {
  border: 1px solid #AAA;
  border-radius: 5px;
  padding: 1.5em 0em;
  cursor: pointer;
  outline: inherit;
  background-color: white;
  color: transparent;
  background-image: url("../imgs/swish.d086fa781375.png"), linear-gradient(0deg, #f6f6f6 0%, white 50%);
  background-size: auto 45%, 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 750px; }
  button.swish-payment-button:hover {
    background-image: url("../imgs/swish.d086fa781375.png"), linear-gradient(0deg, #F3F3F3 0%, #f6f6f6 100%); }

.payment-buttons-divider {
  max-width: 750px;
  height: 1em;
  position: relative;
  margin-top: 1.06667rem;
  margin-bottom: 1.06667rem; }
  .payment-buttons-divider hr {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0.5em;
    width: 100%; }
  .payment-buttons-divider span {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    display: inline-block;
    background-color: white;
    padding: 0 20px; }

.swish-info-box {
  display: none;
  max-width: 750px; }
  .swish-info-box img#swish-qr-code {
    display: block;
    margin: 1.6rem auto; }
  .swish-info-box .error {
    color: red; }

a[class$=-tempting-button] {
  border: none;
  display: block;
  font-weight: bold;
  margin-bottom: 0.8em;
  padding: 0.48em 0.8em;
  color: white;
  background-color: #59341c;
  border-radius: 7px;
  transition: background-color .1s, color .1s, border-color .1s; }
  a[class$=-tempting-button]:hover, a[class$=-tempting-button]:active {
    color: white;
    background-color: #666666;
    border-color: rgba(0, 0, 0, 0); }

a[class$=hollow-tempting-button] {
  color: #59341c;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #59341c; }

a.big-tempting-button {
  color: white; }

a.big-tempting-button, a.big-hollow-tempting-button {
  margin-bottom: 1.6rem;
  font-size: 1.3em; }

/* ############### Header ############### */
header.site-header {
  text-align: center;
  box-shadow: -10px -6px 14px 3px rgba(34, 45, 53, 0.5);
  position: fixed;
  top: 0;
  width: 100%;
  background-color: white;
  z-index: 1000;
  font-size: .9em;
  -moz-transition: top 0.2s ease-in-out;
  -o-transition: top 0.2s ease-in-out;
  -webkit-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out; }
  header.site-header.hidden {
    box-shadow: none;
    top: -57px; }
  header.site-header .container, header.site-header .event-header {
    background-color: transparent; }
  header.site-header .logo-link {
    border: none;
    display: block;
    height: 57px; }
  header.site-header .logo {
    filter: brightness(0.17);
    height: 28.5px;
    margin: 0;
    padding: 14.25px 0; }
  header.site-header .menu-button {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 45px;
    position: absolute;
    right: 10px;
    top: 6px;
    text-align: center;
    font-size: 1.3rem; }
    header.site-header .menu-button span {
      display: inline-block; }
  header.site-header.menu-selected .menu-button {
    color: rgba(51, 51, 51, 0.6); }
  header.site-header nav {
    -moz-transition: max-height 0.2s ease-out;
    -o-transition: max-height 0.2s ease-out;
    -webkit-transition: max-height 0.2s ease-out;
    transition: max-height 0.2s ease-out;
    max-height: 0px;
    overflow: hidden; }
    header.site-header nav ul {
      position: relative;
      margin: 0;
      padding: 0;
      list-style: none; }
      header.site-header nav ul a, header.site-header nav ul a:hover, header.site-header nav ul a:active, header.site-header nav ul a:link, header.site-header nav ul a:visited {
        display: block;
        padding: .7rem 25px;
        border: none;
        border-top: 1px solid rgba(51, 51, 51, 0.2);
        text-align: left;
        font-weight: bold; }
  header.site-header ul.subpage {
    display: flex;
    flex-direction: column;
    box-shadow: 3px 5px 5px -2px rgba(0, 0, 0, 0.1) inset;
    background-color: #eaeaea; }
    header.site-header ul.subpage li a {
      font-size: .9em;
      padding-top: .5rem;
      padding-bottom: .5rem; }
      header.site-header ul.subpage li a:before {
        content: "➤";
        margin-right: 10px; }
  header.site-header.menu-selected nav {
    max-height: 450px; }
  @media (min-width: 900px) {
    header.site-header {
      padding: 0 50px;
      box-sizing: border-box; }
      header.site-header .logo-link {
        float: left; }
      header.site-header .logo {
        height: 30.21px;
        padding: 13.395px 0; }
      header.site-header .menu-button {
        display: none; }
      header.site-header nav {
        overflow: initial;
        max-height: none;
        float: left;
        margin-left: 20px; }
      header.site-header nav ul {
        height: 100%; }
        header.site-header nav ul li {
          display: inline-block;
          align-items: stretch; }
        header.site-header nav ul a, header.site-header nav ul a:hover, header.site-header nav ul a:active, header.site-header nav ul a:link, header.site-header nav ul a:visited {
          padding: 0 .7rem;
          border: none;
          align-items: center;
          line-height: 57px; }
        header.site-header nav ul li:last-child a {
          padding-right: 0; }
      header.site-header nav ul li:not(:hover) ul.subpage {
        display: none; }
      header.site-header nav ul.subpage {
        position: absolute;
        background-color: white;
        height: auto;
        display: flex;
        flex-direction: column;
        box-shadow: 4px 4px 6px -2px rgba(0, 0, 0, 0.2);
        border-radius: 5px;
        padding-bottom: 5px; }
        header.site-header nav ul.subpage li {
          padding: 0px 10px; }
          header.site-header nav ul.subpage li a:before {
            content: "";
            margin: 0; }
          header.site-header nav ul.subpage li a {
            padding: 0 10px;
            line-height: 35px;
            font-size: revert; }
        header.site-header nav ul.subpage:after {
          position: absolute;
          top: -5px;
          height: 10px;
          width: 100%;
          content: "";
          background-color: white; } }
/* ############### Content area ############### */
#site-header + * {
  margin-top: 57px; }

#content {
  min-height: 100%;
  min-height: calc(100% - 57px);
  padding-bottom: 4.8rem; }

/* ################# Sidebars    ########### */
[id^="sidebar"] {
  border: none;
  border-top: 1px dashed #b3b3b3;
  margin-top: 3.2rem; }
  [id^="sidebar"] #upcoming-cal iframe, [id^="sidebar"] #fb-embed iframe, [id^="sidebar"] .ad {
    margin-top: 1.6rem; }
  [id^="sidebar"] #upcoming-cal iframe {
    width: 300px;
    width: calc(300px - 3rem); }

/* ################# Footer      ########### */
#site-footer {
  text-align: center;
  font-size: .88rem;
  color: white;
  padding-bottom: 1.3em; }
  #site-footer, #site-footer .container, #site-footer .event-header {
    background-color: #292929; }
  #site-footer a {
    border-bottom: 1px dashed #70abd1; }
    #site-footer a, #site-footer a:link, #site-footer a:visited {
      color: #70abd1; }
    #site-footer a:hover, #site-footer a:active {
      color: #357AA6;
      border-color: #357AA6; }

.container.two-column, .two-column.event-header {
  padding: 0;
  max-width: 1300px;
  padding-top: 1.6rem; }

.text-columns {
  padding: 0 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap; }
  .text-columns h3 {
    font-weight: bold;
    font-size: 1.3em;
    margin-bottom: 0.53333rem;
    margin-top: 0; }
  .text-columns .big-header {
    padding: 0 15px;
    box-sizing: border-box;
    width: 100%;
    min-width: 350px;
    flex-shrink: 0; }
    .text-columns .big-header h1, .text-columns .big-header h2 {
      font-size: 2.2em;
      margin-top: 0.8rem;
      line-height: 1.1em; }
      .text-columns .big-header h1 + hr, .text-columns .big-header h2 + hr {
        margin: 0.8rem 0 1.6rem 0; }
    .text-columns .big-header h1 {
      font-size: 2.5em; }
  .text-columns .column {
    flex-grow: 1;
    flex-shrink: 1;
    width: 0%;
    min-width: 350px; }
  .text-columns .column {
    padding: 0 15px;
    box-sizing: border-box; }
  .text-columns a.show-deals-button {
    border: none;
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-width: 350px;
    margin: 0.8rem 0;
    padding: 0px 15px;
    line-height: 1.6; }

.column-text {
  display: block;
  margin-bottom: 1.6rem;
  line-height: 1.52rem;
  text-align: justify; }

.auto-columns {
  column-count: 2;
  column-gap: 30px; }
  .auto-columns > p:first-child {
    margin-top: 0; }
  @media (max-width: 740px) {
    .auto-columns {
      column-count: 1; } }
.column-padding {
  margin: 0 15px; }

@use vars {}@use colors {}.firstpage-banner {
  margin-top: 57px;
  height: 390px;
  background-color: black;
  text-align: center;
  padding: 95px 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  background: linear-gradient(0deg, #000000 0%, #282828 100%); }
  .firstpage-banner img {
    margin: 0;
    height: 0%;
    flex-shrink: 3;
    flex-grow: 100;
    flex-basis: auto; }
  .firstpage-banner p {
    flex-shrink: 1;
    font-size: 1.2em;
    color: white;
    margin-top: 1.4em; }

.firstpage-promo {
  background-color: #42a635; }
  .firstpage-promo:hover {
    background-color: #4ab93b; }
  .firstpage-promo h1 {
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
    font-weight: bold;
    color: white;
    text-align: center; }

a.quiz-title {
  display: block;
  font-size: 1.1em;
  border: none;
  font-weight: bold; }

.quiz-entry {
  margin-bottom: 1.6rem;
  cursor: pointer; }
  .quiz-entry p {
    margin-top: 0.53333rem;
    text-align: justify; }
  .quiz-entry:hover {
    filter: brightness(1.2); }

.quiz-entry-cat {
  font-size: .9em; }

.quiz-entry-info {
  margin-top: 0.8rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }

.quiz-entry-price {
  display: inline-block;
  vertical-align: bottom;
  background-color: #357AA6;
  color: white;
  font-weight: bold;
  padding: .5em 1em;
  margin-left: 1em; }
  .quiz-entry-price.deal {
    background-color: #42a635; }

#quiz-filter-category-type {
  position: relative; }
  #quiz-filter-category-type .quiz-filter-header.filter {
    display: none;
    margin-bottom: 1.6rem; }
    #quiz-filter-category-type .quiz-filter-header.filter a {
      border: none; }
  #quiz-filter-category-type #quiz-filter-close {
    position: absolute;
    right: 0;
    top: -10px;
    display: block;
    padding: 10px;
    cursor: pointer; }
  #quiz-filter-category-type #quiz-filter-category, #quiz-filter-category-type #quiz-filter-type {
    display: block; }
  #quiz-filter-category-type.desktop #quiz-filter-close {
    display: none; }
  #quiz-filter-category-type.hidden .quiz-filter-header.filter {
    display: block; }
  #quiz-filter-category-type.hidden #quiz-filter-category, #quiz-filter-category-type.hidden #quiz-filter-type {
    display: none; }
  #quiz-filter-category-type.hidden #quiz-filter-close {
    display: none; }

.quiz-filter-search {
  position: relative; }
  .quiz-filter-search input[type=text] {
    margin-bottom: 1.6rem;
    background-color: #EEE;
    color: #222;
    border: 0;
    border-radius: 5px;
    padding: .4em;
    padding-left: 2.2em;
    width: 100%;
    box-sizing: border-box; }
    .quiz-filter-search input[type=text]::placeholder {
      font-style: italic;
      opacity: 1;
      color: #808080; }
  .quiz-filter-search .icon {
    color: #7f7f7f;
    position: absolute;
    left: .7em;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    height: 2.6em; }

.quiz-filter-options {
  margin-bottom: 1.6rem; }

.quiz-filter-option {
  margin-bottom: .7em; }
  .quiz-filter-option input {
    margin-right: .5em;
    opacity: 1;
    transition: opacity .2s; }
  .quiz-filter-option label {
    cursor: pointer;
    position: absolute;
    left: 23px;
    transition: left .1s; }

.quiz-filter-options.unclicked input {
  opacity: 0; }

.quiz-filter-options.unclicked label {
  left: 0px;
  color: #59341c; }
  .quiz-filter-options.unclicked label:hover {
    color: #A66135; }

.quiz-filter-header h3 {
  margin-bottom: 0;
  color: #595959; }

.quiz-filter-header hr {
  margin: 0.8rem 0; }

.show-filter-button {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #808080;
  color: #808080;
  font-size: .9em;
  line-height: 1em;
  text-align: center;
  padding: .5em .7em;
  cursor: pointer;
  border-radius: 5px; }

.clear-filter-button {
  background: #EEE;
  color: #808080;
  font-size: .9em;
  border: none;
  padding: .3em .7em;
  cursor: pointer;
  outline: inherit;
  border-radius: 20px;
  margin-bottom: 1.6rem;
  display: none; }
  .clear-filter-button:hover {
    background: #d5d5d5;
    color: #676767; }
  .clear-filter-button i {
    padding-right: 8px; }

#upcoming.column {
  margin-bottom: 1.6rem; }

.event-entry {
  margin-top: 1.6rem;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0px 3px 6px -3px rgba(0, 0, 0, 0.4);
  position: relative; }
  .event-entry:hover {
    background-color: #F2F2F2; }
  .event-entry .info-container {
    padding: 0.8rem 5% 1.6rem 5%; }
  .event-entry .img-container {
    height: 0;
    overflow: hidden;
    padding-top: 30%;
    position: relative; }
  .event-entry img {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover; }
  .event-entry span, .event-entry h4 {
    margin-top: 0.4rem;
    display: block; }
  .event-entry h4 {
    font-size: 1.2rem;
    font-weight: bold;
    color: #59341c; }
  .event-entry .datetime {
    font-weight: bold; }
  .event-entry .location {
    font-style: italic; }
  .event-entry a.covering-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.event-header {
  background-color: transparent;
  padding-bottom: 1.6rem; }
  .event-header .img-container {
    width: 100%;
    margin: 0 auto;
    height: 0;
    overflow: hidden;
    position: relative;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-top: 40%; }
    @media (max-width: 599px) {
      .event-header .img-container {
        padding-top: 55%; } }
  .event-header img {
    padding: 0;
    margin-top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    background-color: white; }
  .event-header .datetime, .event-header h1, .event-header .location {
    margin-top: 0.8rem;
    display: block; }
  .event-header .datetime {
    font-weight: bold; }
  .event-header .location {
    font-style: italic; }
  .event-header h1 {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2em; }
  .event-header .info-container {
    margin-top: 1.6rem; }

.event-info {
  min-height: 250px !important;
  box-sizing: border-box;
  padding: 0 1.6rem;
  margin-bottom: 1.6rem;
  border-radius: 20px;
  box-shadow: 0px 3px 6px -3px rgba(0, 0, 0, 0.4); }

nav.top-button-area {
  width: 100%;
  margin-bottom: 15px; }
  nav.top-button-area .top-button-row {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px; }
  nav.top-button-area .top-button {
    border: unset;
    display: block;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #59341c;
    font-weight: bold;
    flex: 1;
    min-width: 330px; }
  nav.top-button-area .top-button.filled {
    background-color: #59341c;
    color: white; }
    nav.top-button-area .top-button.filled:hover {
      border-color: #A66135;
      background-color: #A66135; }