/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/* ===============
   Variables
   =============== */
/* ===============
   Mixins
   =============== */
.fontawesome, .woo-single div.summary .product-toggle-button:before, .woocommerce-account .woo-account nav.woocommerce-MyAccount-navigation ul li.is-active a:before, .woo-archive ul.products li.product .product-thumbnail-wrapper .product-thumbnail:after, .responsive-menu-container .menu .menu-item-has-children .menu-dropdown-icon, .ui-datepicker-prev:before, .ui-datepicker-next:before, .list-style ul li:before {
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fontawesome-brands {
  font-family: "Font Awesome 5 Brands";
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.flexbox, .woo-single div.summary form, .woo-single div.summary .variations tbody > tr, .woo-single div.summary .single_variation_wrap .woocommerce-variation-add-to-cart, .woo-single div.summary .bundled_product_summary, .woo-login-register .woo-register .woo-register-form form.woocommerce-form, .woocommerce-account .woo-account .woocommerce-MyAccount-content .addresses, .woo-archive ul.products, .woo-archive ul.products li.product, .woo-archive ul.products li.product form, .woo-archive ul.products li.product .bundle_button, .woo-archive ul.products li.product .variations tbody > tr, .woo-archive ul.products li.product .single_variation_wrap .woocommerce-variation-add-to-cart, .woo-archive nav.woocommerce-pagination ul.page-numbers, .woo-cart .cart-collaterals, .query-container, .navigation .pagination, header#masthead .main-navigation ul.menu, .instagram-instructie .instagram-cta .col-inner .btn-main, #page, .in-grid, .in-grid-s, .woocommerce-account .woo-account, form#order_review, .woocommerce-checkout .woocommerce-order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bg-cover-center, .query-container .query-item .qi-inner .qi-thumb, .hero .hero-placeholder, .row-img-content .img-bg-col .img-placeholder, .row-promotion .img-container .col-inner {
  background-size: cover !important;
  background-position: center center !important;
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  outline: 0;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

abbr, acronym {
  border-bottom: 1px dotted #B12029;
  cursor: help;
}

mark, ins {
  background: #f0f0f0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

ol {
  list-style: decimal;
}

/* ===Images=== */
img {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
}

figure {
  margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

/* ===Tables=== */
table {
  margin: 0;
  width: 100%;
}

.bypostauthor {
  display: block;
}

.sticky {
  display: block;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

:focus {
  outline: 0;
  outline: none;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: #FDD10B;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f0f0f0;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #B12029;
  display: block;
  font-size: 16px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

.widget {
  margin: 0;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/* ===============
   Structure 
   =============== */
html, body {
  height: 100%;
}

#page {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
  min-height: 100%;
}
#page #content {
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -o-flex: 1 0 auto;
  -webkit-box-flex: 1;
          flex: 1 0 auto;
}
.in-grid, .woocommerce-account .woo-account, form#order_review, .woocommerce-checkout .woocommerce-order {
  max-width: 1366px;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media only screen and (max-width: 1200px) {
  .in-grid, .woocommerce-account .woo-account, form#order_review, .woocommerce-checkout .woocommerce-order {
    max-width: 100%;
  }
}

.in-grid-s {
  max-width: 1100px;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media only screen and (max-width: 768px) {
  .in-grid-s {
    max-width: 100%;
  }
}

.gut > div, .woocommerce-checkout .woocommerce-order > div {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.row-spacing, .woocommerce-account .woo-account, form#order_review, .woocommerce-checkout .woocommerce-order {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.mb {
  margin-bottom: 80px !important;
}

.col-1 {
  width: 8.3333333333%;
}

.col-2 {
  width: 16.6666666667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.3333333333%;
}

.col-5 {
  width: 41.6666666667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.3333333333%;
}

.col-8, .page-template-template_content .col-12 {
  width: 66.6666666667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.3333333333%;
}

.col-11 {
  width: 91.6666666667%;
}

.col-12 {
  width: 100%;
}

/* ===============
   GLOBAL SETTINGS
   =============== */
/* ===Body=== */
body {
  background: #FDFBF2; /* Fallback for when there is no custom background color defined. */
  padding-top: 225px;
}
@media only screen and (max-width: 800px) {
  body {
    padding-top: 150px;
  }
}

/* ===Links=== */
a {
  color: #B12029;
}
a:visited, a:hover, a:focus, a:active {
  color: #B12029;
}
a:hover, a:active {
  outline: 0;
}

/* ===Typography=== */
body,
button,
input,
select,
textarea {
  color: #B12029;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

p {
  margin-bottom: 1.5em;
}
p:last-child {
  margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  line-height: 1.2;
  margin-bottom: 25px;
  color: #B12029;
}

.h1, .woo-single div.summary h1, h1 {
  font-size: 50px;
  font-weight: 800;
  font-style: italic;
  font-family: "freight-big-pro", serif;
}
@media only screen and (max-width: 991px) {
  .h1, .woo-single div.summary h1, h1 {
    font-size: 40px;
  }
}

.h2, h2 {
  font-size: 50px;
  font-weight: 800;
  font-style: italic;
  font-family: "freight-big-pro", serif;
}
@media only screen and (max-width: 991px) {
  .h2, h2 {
    font-size: 40px;
  }
}

.h3, .woo-archive ul.products li.product h3.post-title, .row-contact .col-4 .contactpersoon span, h3 {
  font-size: 40px;
  font-weight: 800;
  font-style: italic;
  font-family: "freight-big-pro", serif;
}
@media only screen and (max-width: 991px) {
  .h3, .woo-archive ul.products li.product h3.post-title, .row-contact .col-4 .contactpersoon span, h3 {
    font-size: 32px;
  }
}

.h4, h4 {
  font-size: 22px;
}

/* ===Lists=== */
.list-style ul {
  font-size: 0px;
  margin-bottom: 1.5em;
  padding: 0;
  list-style: none;
}
.list-style ul li {
  position: relative;
  font-size: 16px;
  line-height: 1.5em;
  padding-left: 25px;
}
.list-style ul li:before {
  position: absolute;
  left: 0;
  content: "\f00c";
  color: #B12029;
  width: 25px;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

/* ===Posts=== */
.comments-area .comment-list .comment {
  background-color: #e5e5e5;
  margin-bottom: 15px;
  padding: 15px;
}
.comments-area .comment-list .comment .comment-meta {
  background-color: transparent;
}
.comments-area .comment-list .comment .comment-meta a {
  color: #B12029;
}
.comments-area .comment-list .comment .comment-meta .comment-content a {
  word-wrap: break-word;
}

.hero .hero-placeholder {
  min-height: 600px;
  max-height: 750px;
  height: calc(100vh - 225px);
}
@media only screen and (max-width: 991px) {
  .hero .hero-placeholder {
    min-height: auto;
    max-height: auto;
    height: 500px;
  }
}
@media only screen and (max-width: 768px) {
  .hero .hero-placeholder {
    height: 350px;
  }
}

@media only screen and (max-width: 991px) {
  .row-img-content .img-bg-col {
    width: 100%;
    height: 350px;
    -moz-order: 2;
    -ms-order: 2;
    -o-order: 2;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.row-img-content .img-bg-col .img-placeholder {
  height: 100%;
}
.row-img-content .img-bg-col .img-fit {
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.row-img-content .content-col {
  padding-top: 200px;
  padding-bottom: 200px;
}
@media only screen and (max-width: 991px) {
  .row-img-content .content-col {
    width: 100%;
    padding-top: 0;
    padding-bottom: 50px;
    -moz-order: 1;
    -ms-order: 1;
    -o-order: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.row-img-content .btn-main {
  margin-top: 25px;
}

@media only screen and (max-width: 800px) {
  .row-categories > .col-4 {
    width: 100%;
    margin-bottom: 50px;
  }
  .row-categories > .col-4:last-of-type {
    margin-bottom: 0;
  }
}
.row-categories .category-thumb {
  width: 100%;
  display: block;
}
@media only screen and (max-width: 800px) {
  .row-categories .category-thumb {
    max-width: 320px;
    margin: auto;
  }
}
.row-categories h3 {
  text-align: center;
}

.row-promotion .img-container {
  margin-bottom: 15px;
}
.row-promotion .img-container .col-inner {
  height: 650px;
}
@media only screen and (max-width: 600px) {
  .row-promotion .col-6 {
    width: 100%;
    margin-bottom: 15px;
  }
  .row-promotion .col-6:last-of-type {
    margin-bottom: 0;
  }
}

.row-intro-titel {
  text-align: center;
  padding-top: 80px;
}

@media only screen and (max-width: 768px) {
  .row-contact .col-4 {
    width: 100%;
  }
}
.row-contact .col-4 .contactpersoon {
  margin-bottom: 15px;
}
.row-contact .col-4 .contactpersoon span {
  display: block;
}
.row-contact .col-4 .contactpersoon a {
  text-decoration: none;
}
.row-contact .col-4 .contactpersoon a:hover {
  text-decoration: underline;
}
.row-contact .col-4 .wysiwyg-content {
  margin-bottom: 15px;
}
@media only screen and (max-width: 768px) {
  .row-contact .col-8, .row-contact .page-template-template_content .col-12, .page-template-template_content .row-contact .col-12 {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .page-template-template_content .col-12 {
    width: 100% !important;
  }
}
@media only screen and (max-width: 768px) {
  .page-template-template_content .col-12 h1 {
    font-size: 32px;
  }
}

.onsale {
  display: none !important;
}

.woocommerce-checkout .woocommerce-order > p,
.woocommerce-checkout .woocommerce-order > ul,
.woocommerce-checkout .woocommerce-order > section {
  width: 100%;
}

.sale {
  margin-top: 80px;
}

.instagram-instructie {
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media only screen and (max-width: 768px) {
  .instagram-instructie .col-6 {
    width: 100%;
  }
  .instagram-instructie .col-6.instructie-videos {
    margin-bottom: 30px;
  }
}
.instagram-instructie .instagram-cta:only-child {
  width: 100% !important;
}
.instagram-instructie .instagram-cta .col-inner {
  padding: 30px;
  border: 1px solid #B12029;
  position: sticky;
  top: 115px;
}
.instagram-instructie .instagram-cta .col-inner > i {
  font-size: 36px;
  display: block;
  text-align: center;
}
.instagram-instructie .instagram-cta .col-inner h2 {
  text-align: center;
}
.instagram-instructie .instagram-cta .col-inner > span {
  display: block;
  text-align: center;
}
.instagram-instructie .instagram-cta .col-inner .btn-main {
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}
.instagram-instructie .instructie-videos .video {
  position: relative;
}
.instagram-instructie .instructie-videos .video:not(:last-of-type) {
  margin-bottom: 30px;
}
.instagram-instructie .instructie-videos .video .video-holder {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.instagram-instructie .instructie-videos .video .video-holder iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/* ===============
   Input Fields
   =============== */
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #B12029;
  border: none;
  border-left: 1px solid #dfbcb1;
  border-bottom: 1px solid #dfbcb1;
  border-radius: 0;
  border-radius: 0;
  padding: 6px 12px;
  background: transparent !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #B12029;
  border-color: #B12029;
}

select {
  border: none;
  background: transparent !important;
  border: none;
  color: #B12029;
  border-left: 1px solid #dfbcb1;
  border-bottom: 1px solid #dfbcb1;
  padding: 5px 10px;
}

textarea {
  width: 100%;
  display: block;
}

/* ===============
   Input Buttons
   =============== */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid #B12029;
  border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: transparent;
  color: #B12029;
}
/* ===============
   Placeholder color
   =============== */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #dfbcb1;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #dfbcb1;
  opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #dfbcb1;
  opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #dfbcb1;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #dfbcb1;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #fff inset;
  -webkit-text-fill-color: inherit !important;
}

/* ===============
   Gravity Forms
   =============== */
body .gform_wrapper {
  margin: 0;
}
body .gform_wrapper .top_label input.medium {
  width: 100% !important;
}
body .gform_wrapper .gform_footer {
  text-align: right;
  padding: 0;
  margin-top: 0;
}
body .gform_wrapper .gform_footer input[type=submit] {
  margin: 0;
  display: block;
  width: 100%;
  min-height: auto !important;
  line-height: 1em !important;
  padding: 10px 15px;
}
body .gform_wrapper .gform_footer input[type=submit]:hover {
  background: #FDD10B;
}
body .gform_wrapper .gfield_required {
  color: #B12029;
}
body .gform_wrapper .gform_body {
  width: calc(100% + 15px);
}
@media only screen and (max-width: 640px) {
  body .gform_wrapper .gform_body {
    width: 100%;
  }
}
body .gform_wrapper .gform_body ul.gform_fields > li {
  margin-top: 0;
  margin-bottom: 15px !important;
}
body .gform_wrapper .gform_body ul.gform_fields > li label.gfield_label {
  margin: 0 !important;
  font-weight: normal;
}
body .gform_wrapper .gform_body ul.gform_fields > li div.ginput_container {
  margin-top: 0 !important;
}
body .gform_wrapper .gform_body ul.gform_fields > li div.ginput_container input {
  border-radius: 0;
  border-radius: 0;
  padding: 6px 12px !important;
}
body .gform_wrapper .gform_body ul.gform_fields .hide-label label {
  display: none;
}
body .gform_wrapper .gform_body ul.gform_fields ul.gfield_radio li {
  padding-right: 20px !important;
  display: inline-block;
}
body .gform_wrapper .gform_body ul.gform_fields ul.gfield_radio li:last-child {
  padding-right: 0;
}
body .gform_wrapper .gform_body ul.gform_fields ul.gfield_radio li input[type=radio] {
  visibility: hidden;
  margin-top: 0 !important;
}
body .gform_wrapper .gform_body ul.gform_fields ul.gfield_radio li input[type=radio] label {
  position: relative;
  cursor: pointer;
}
body .gform_wrapper .gform_body ul.gform_fields ul.gfield_radio li input[type=radio]:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #000;
  margin-right: 10px;
  -webkit-box-shadow: inset 0 0 0 2px #fff;
          box-shadow: inset 0 0 0 2px #fff;
  -webkit-transition: background 0.25s linear;
  transition: background 0.25s linear;
  visibility: visible;
  vertical-align: top;
}
body .gform_wrapper .gform_body ul.gform_fields ul.gfield_radio li input[type=radio]:checked:before {
  background-color: #000;
}
body .gform_wrapper .gform_body ul.gform_fields ul.gfield_radio li input[type=radio]:hover:before {
  border: 2px solid #000;
}
body .gform_wrapper .gform_body ul.gform_fields ul.gfield_checkbox li input[type=checkbox] {
  visibility: hidden;
  margin-top: 0 !important;
}
body .gform_wrapper .gform_body ul.gform_fields ul.gfield_checkbox li input[type=checkbox] label {
  position: relative;
  cursor: pointer;
}
body .gform_wrapper .gform_body ul.gform_fields ul.gfield_checkbox li input[type=checkbox]:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #000;
  margin-right: 10px;
  -webkit-box-shadow: inset 0 0 0 2px #fff;
          box-shadow: inset 0 0 0 2px #fff;
  -webkit-transition: background 0.25s linear;
  transition: background 0.25s linear;
  visibility: visible;
  vertical-align: top;
}
body .gform_wrapper .gform_body ul.gform_fields ul.gfield_checkbox li input[type=checkbox]:checked:before {
  background-color: #000;
}
body .gform_wrapper .gform_body ul.gform_fields ul.gfield_checkbox li input[type=checkbox]:hover:before {
  border: 2px solid #000;
}
body .gform_wrapper .validation_error {
  display: none;
}
body .gform_wrapper .validation_message {
  color: #790000;
  padding: 0 !important;
  display: inline-block !important;
  padding: 5px 10px !important;
  background: #790000 !important;
  width: auto !important;
  border-top: 1px solid #790000;
  border-bottom: 1px solid #790000;
  margin-top: 10px !important;
  position: relative;
  color: #fff !important;
}
body .gform_wrapper .validation_message:before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  background: #790000;
  -webkit-transform: rotate(45deg) translateX(-50%);
          transform: rotate(45deg) translateX(-50%);
  top: -3px;
  left: 50%;
}
body .gform_wrapper li.gfield.gfield_error {
  background-color: transparent;
  border: none !important;
}
body .gform_wrapper li.gfield.gfield_error .gfield_label {
  color: #B12029;
}
body .gform_wrapper li.gfield.gfield_error input, body .gform_wrapper li.gfield.gfield_error textarea, body .gform_wrapper li.gfield.gfield_error select {
  margin-bottom: 0 !important;
}
body .gform_wrapper .gform_ajax_spinner {
  width: 15px !important;
  display: none !important;
}

.ui-datepicker {
  width: 216px;
  height: auto;
  margin: 5px auto 0;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.ui-datepicker a {
  text-decoration: none;
}
.ui-datepicker table {
  width: 100%;
  border-collapse: collapse;
}
.ui-datepicker thead {
  background: rgb(59.512195122, 48.7804878049, 0.487804878);
  border-bottom: 1px solid #B12029;
}
.ui-datepicker th {
  text-transform: uppercase;
  text-align: center;
  font-size: 6pt;
  padding: 5px 0;
  color: #B12029;
}
.ui-datepicker tbody td {
  padding: 0;
  border-top: 1px solid #dfbcb1;
  border-right: 1px solid #dfbcb1;
}
.ui-datepicker tbody td:last-child {
  border-right: 0px;
}
.ui-datepicker tbody td span, .ui-datepicker tbody td a {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #565656;
}
.ui-datepicker tbody tr {
  border-bottom: 1px solid #dfbcb1;
}
.ui-datepicker tbody tr:last-child {
  border-bottom: 0px;
}

.ui-datepicker-header {
  background-color: #FDD10B;
  color: #B12029;
  font-weight: bold;
  line-height: 30px;
  min-height: 30px !important;
}

.ui-datepicker-title {
  text-align: center;
}
.ui-datepicker-title select {
  margin-top: 5px;
  width: auto;
  padding: 0;
  display: inline-block;
}

.ui-datepicker-prev, .ui-datepicker-next {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
  line-height: 600%;
  overflow: hidden;
  position: relative;
}
.ui-datepicker-prev:before, .ui-datepicker-next:before {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  color: #B12029;
}

.ui-datepicker-prev {
  float: left;
  background-position: center -30px;
}
.ui-datepicker-prev:before {
  content: "\f104";
}

.ui-datepicker-next {
  float: right;
  background-position: center 0px;
}
.ui-datepicker-next:before {
  content: "\f105";
}

.ui-datepicker-calendar .ui-state-default {
  background: #FDD10B;
  color: #B12029;
}
.ui-datepicker-calendar .ui-state-hover {
  background: #B12029;
  color: #ffffff;
}
.ui-datepicker-calendar .ui-state-active {
  background: #B12029; /* set the active date background color */
  color: #ffffff; /* set the active date font color */
  position: relative;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
  width: 29px;
  margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
  width: 29px;
  margin-right: 0;
}
.ui-datepicker-calendar .ui-datepicker-unselectable.ui-state-disabled {
  background-color: #FDFBF2;
  color: hsl(356.275862069, 69.3779904306%, -9.0196078431%);
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
  height: 29px;
  margin-bottom: 0;
}

.ui-datepicker-unselectable .ui-state-default {
  background: #FDFBF2;
  color: hsl(356.275862069, 69.3779904306%, -9.0196078431%);
}

table.ui-datepicker-calendar {
  margin: 0 0 0 0 !important;
}

.ui-datepicker-trigger {
  display: block;
  position: absolute;
  top: 35px;
  right: 10px;
}

body div#ui-datepicker-div[style] {
  z-index: 9999 !important;
}

.error-class {
  background-color: rgba(177, 32, 41, 0.25) !important;
  border: 1px solid #B12029;
}
input .error-class, textarea .error-class {
  background-color: #eac4c0 !important;
  border: 1px solid #B12029;
}
.woocommerce form .form-row .error-class {
  padding: 15px !important;
}

.woocommerce-form-register #delivery_time_field label {
  text-align: left !important;
}
.woocommerce-form-register .warning {
  margin-bottom: 5px;
  padding: 0 15px;
}
.woocommerce-form-register .warning.last {
  margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# Header & Footer
--------------------------------------------------------------*/
/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/* ===============
   Header
   =============== */
header#masthead {
  padding: 30px 0;
  margin: 0;
  background: #FDD10B;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 800px) {
  header#masthead {
    padding: 15px 0;
  }
}
header#masthead.sticky-header {
  padding: 15px 0;
}
header#masthead.sticky-header .site-branding img {
  width: 90px;
}
header#masthead .in-grid {
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header#masthead .site-branding {
  padding: 0 15px;
  text-align: center;
  min-width: 290px;
}
@media only screen and (max-width: 991px) {
  header#masthead .site-branding {
    display: block;
    width: 100%;
  }
}
header#masthead .site-branding img {
  width: 195px;
  display: block;
  margin: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 800px) {
  header#masthead .site-branding img {
    width: 145px;
  }
}
header#masthead .main-navigation {
  padding: 0 15px;
  width: calc(50% - 145px);
}
@media only screen and (max-width: 991px) {
  header#masthead .main-navigation {
    display: none;
  }
}
header#masthead .main-navigation.site-navigation-left ul.menu {
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
header#masthead .main-navigation.site-navigation-right ul.menu {
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
header#masthead .main-navigation ul {
  list-style: none !important;
}
header#masthead .main-navigation ul li {
  display: inline-block;
}
header#masthead .main-navigation ul li a {
  display: block;
  position: relative;
  font-size: 16px;
  line-height: 50px;
  padding: 0 20px;
  text-decoration: none;
}
header#masthead .main-navigation ul.menu > li.menu-item > a {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header#masthead .main-navigation ul.menu > li.menu-item > a:after {
  content: "";
  position: absolute;
  left: 20px;
  bottom: 0;
  height: 1px;
  background: #FDFBF2;
  width: calc(100% - 40px);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header#masthead .main-navigation ul.menu > li.menu-item.menu-item-has-children {
  position: relative;
}
header#masthead .main-navigation ul.menu > li.menu-item.menu-item-has-children > ul.sub-menu {
  margin-left: 0;
  position: absolute;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header#masthead .main-navigation ul.menu > li.menu-item.menu-item-has-children > ul.sub-menu > li.menu-item {
  display: block;
}
header#masthead .main-navigation ul.menu > li.menu-item.menu-item-has-children > ul.sub-menu > li.menu-item > a {
  text-align: left;
  background: #FDFBF2;
  width: 220px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  border-bottom: 1px solid #B12029;
}
header#masthead .main-navigation ul.menu > li.menu-item.menu-item-has-children:hover > a {
  background: #FDFBF2;
  color: #B12029;
}
header#masthead .main-navigation ul.menu > li.menu-item.current-menu-item > a {
  color: #fff;
}
header#masthead .main-navigation ul.menu > li.menu-item.current-menu-item > a:after {
  opacity: 1;
}
header#masthead .main-navigation ul.menu > li.menu-item.cart a {
  position: relative;
}
header#masthead .main-navigation ul.menu > li.menu-item.cart a .count {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
  line-height: 20px;
  width: 20px;
  text-align: center;
  background: #FDFBF2;
  border-radius: 100%;
  border-radius: 100%;
}
header#masthead .main-navigation ul.menu > li.menu-item:hover > a:after {
  opacity: 1;
}
header#masthead .main-navigation ul.menu > li.menu-item:hover > ul.sub-menu {
  z-index: 9999;
  visibility: visible;
  opacity: 1;
}
header#masthead .main-navigation ul.menu > li.menu-item:hover > ul.sub-menu > li.menu-item > a {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/* ===============
   Footer
   =============== */
footer a {
  text-decoration: none;
  color: inherit;
}
footer a:visited, footer a:hover, footer a:focus, footer a:active {
  color: inherit;
}
footer a:hover {
  text-decoration: underline;
}
footer .footer-top {
  padding-top: 150px;
  padding-bottom: 150px;
}
@media only screen and (max-width: 991px) {
  footer .footer-top {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
footer .footer-top span {
  font-size: 70px;
  font-family: "freight-big-pro", serif;
  font-weight: 700;
  font-style: italic;
  display: block;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  footer .footer-top span {
    font-size: 49px;
  }
}
footer .footer-bottom {
  padding-top: 50px;
  padding-bottom: 50px;
  border-top: 1px solid #B12029;
  border-bottom: 1px solid #B12029;
}
@media only screen and (max-width: 991px) {
  footer .footer-bottom .col-3 {
    width: 50%;
    margin-bottom: 25px;
  }
  footer .footer-bottom .col-3:nth-last-of-type(-n+2) {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  footer .footer-bottom .col-3 {
    width: 100%;
    margin-bottom: 25px !important;
  }
  footer .footer-bottom .col-3:last-of-type {
    margin-bottom: 0 !important;
  }
}
footer .footer-bottom .col-3:first-of-type img {
  max-width: 100px;
}
footer .footer-bottom h3 {
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  margin-bottom: 15px !important;
}
footer .footer-bottom h3:not(:first-child) {
  margin-top: 25px !important;
}
footer .footer-bottom ul.menu {
  list-style: none;
}
footer .footer-copyright {
  padding-top: 15px;
  padding-bottom: 15px;
}
footer .footer-copyright span {
  font-size: 14px;
  display: block;
}
@media only screen and (max-width: 600px) {
  footer .footer-copyright .col-6 {
    width: 100%;
    margin-bottom: 15px;
  }
  footer .footer-copyright .col-6:last-of-type {
    margin-bottom: 0;
  }
  footer .footer-copyright .col-6:last-of-type span {
    text-align: left !important;
  }
}
footer .footer-copyright .col-6:last-of-type span {
  text-align: right;
}

/*--------------------------------------------------------------
# Mobile Menu
--------------------------------------------------------------*/
/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/* ===============
   Mobile Menu
   =============== */
/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
          transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
          transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
  -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*
 * Collapse Reverse
 */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
          transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
          transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
  -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
          transform: translate3d(0, -10px, 0) rotate(45deg);
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*
 * Elastic
 */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  -webkit-transition-duration: 0.275s;
          transition-duration: 0.275s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  -webkit-transition: opacity 0.125s 0.275s ease;
  transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
          transform: translate3d(0, 10px, 0) rotate(135deg);
  -webkit-transition-delay: 0.075s;
          transition-delay: 0.075s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
          transform: translate3d(0, -20px, 0) rotate(-270deg);
  -webkit-transition-delay: 0.075s;
          transition-delay: 0.075s;
}

/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*
 * Elastic Reverse
 */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  -webkit-transition-duration: 0.275s;
          transition-duration: 0.275s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  -webkit-transition: opacity 0.125s 0.275s ease;
  transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
          transform: translate3d(0, 10px, 0) rotate(-135deg);
  -webkit-transition-delay: 0.075s;
          transition-delay: 0.075s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
          transform: translate3d(0, -20px, 0) rotate(270deg);
  -webkit-transition-delay: 0.075s;
          transition-delay: 0.075s;
}

/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*
 * Emphatic
 */
.hamburger--emphatic {
  overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
  -webkit-transition: background-color 0.125s 0.175s ease-in;
  transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic .hamburger-inner::after {
  top: 10px;
  right: 0;
  -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic.is-active .hamburger-inner {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  background-color: transparent;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -60px;
  top: -60px;
  -webkit-transform: translate3d(60px, 60px, 0) rotate(45deg);
          transform: translate3d(60px, 60px, 0) rotate(45deg);
  -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -60px;
  top: -60px;
  -webkit-transform: translate3d(-60px, 60px, 0) rotate(-45deg);
          transform: translate3d(-60px, 60px, 0) rotate(-45deg);
  -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*
 * Emphatic Reverse
 */
.hamburger--emphatic-r {
  overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
  -webkit-transition: background-color 0.125s 0.175s ease-in;
  transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic-r.is-active .hamburger-inner {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  background-color: transparent;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -60px;
  top: 60px;
  -webkit-transform: translate3d(60px, -60px, 0) rotate(-45deg);
          transform: translate3d(60px, -60px, 0) rotate(-45deg);
  -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -60px;
  top: 60px;
  -webkit-transform: translate3d(-60px, -60px, 0) rotate(45deg);
          transform: translate3d(-60px, -60px, 0) rotate(45deg);
  -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*
 * Minus
 */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  -webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  -webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}
.hamburger--minus.is-active .hamburger-inner::before {
  top: 0;
}
.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0;
}

/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
  top: 2px;
}
.hamburger--slider .hamburger-inner::before {
  top: 10px;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
  top: 20px;
}
.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
          transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-4.2857142857px, -6px, 0);
          transform: rotate(-45deg) translate3d(-4.2857142857px, -6px, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
          transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*
 * Slider Reverse
 */
.hamburger--slider-r .hamburger-inner {
  top: 2px;
}
.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}
.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
          transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
  -webkit-transform: rotate(45deg) translate3d(4.2857142857px, -6px, 0);
          transform: rotate(45deg) translate3d(4.2857142857px, -6px, 0);
  opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
          transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  -webkit-transition-duration: 0.22s;
          transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*
 * Spin Reverse
 */
.hamburger--spin-r .hamburger-inner {
  -webkit-transition-duration: 0.22s;
          transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*
 * Spring
 */
.hamburger--spring .hamburger-inner {
  top: 2px;
  -webkit-transition: background-color 0s 0.13s linear;
  transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
  top: 10px;
  -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
  top: 20px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  background-color: transparent;
}
.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
          transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
          transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*
 * Spring Reverse
 */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
          transition-duration: 0.13s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*
 * Stand
 */
.hamburger--stand .hamburger-inner {
  -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::before {
  -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
  -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background-color: transparent;
  -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*
 * Stand Reverse
 */
.hamburger--stand-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::before {
  -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
  -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background-color: transparent;
  -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
  -webkit-transition-duration: 0.075s;
          transition-duration: 0.075s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
  -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
  -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*
 * Vortex
 */
.hamburger--vortex .hamburger-inner {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform;
}
.hamburger--vortex.is-active .hamburger-inner {
  -webkit-transform: rotate(765deg);
          transform: rotate(765deg);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*
 * Vortex Reverse
 */
.hamburger--vortex-r .hamburger-inner {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-765deg);
          transform: rotate(-765deg);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.hamburger {
  background: #B12029;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: none;
  font: inherit;
  margin: 0;
  overflow: visible;
  padding: 10px 10px;
  position: fixed;
  right: 15px;
  text-transform: none;
  top: 28px;
  -webkit-transition: opacity, filter 0.15s linear;
  -webkit-transition: opacity, -webkit-filter 0.15s linear;
  transition: opacity, -webkit-filter 0.15s linear;
  transition: opacity, filter 0.15s linear;
  transition: opacity, filter 0.15s linear, -webkit-filter 0.15s linear;
  z-index: 99999;
}
.hamburger:hover {
  opacity: 1;
}
@media only screen and (max-width: 991px) {
  .hamburger {
    display: inline-block;
  }
}

.hamburger-box {
  display: inline-block;
  height: 24px;
  position: relative;
  width: 30px;
}

.hamburger-inner {
  display: block;
  margin-top: 1px;
  top: 50%;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 30px;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  -webkit-transition: transform 0.15s ease;
  -webkit-transition: -webkit-transform 0.15s ease;
  transition: -webkit-transform 0.15s ease;
  transition: transform 0.15s ease;
  transition: transform 0.15s ease, -webkit-transform 0.15s ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -10px;
}
.hamburger-inner::after {
  bottom: -10px;
}

body.lock {
  overflow: hidden;
}

.responsive-menu-container {
  display: none;
  background: #FDD10B;
  width: 100%;
  text-align: left;
  position: fixed;
  outline: 1px solid transparent;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 99998;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
@media only screen and (max-width: 991px) {
  .responsive-menu-container {
    display: block;
  }
}
.responsive-menu-container .menu .menu-item {
  list-style: none;
}
.responsive-menu-container .menu .menu-item a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
}
.responsive-menu-container .menu .menu-item a:hover {
  background: #B12029;
  color: #e5e5e5;
}
.responsive-menu-container .menu .menu-item.current-menu-item a {
  background: #B12029;
  color: #e5e5e5;
}
.responsive-menu-container .menu .menu-item-has-children {
  position: relative;
}
.responsive-menu-container .menu .menu-item-has-children > a {
  position: relative;
}
.responsive-menu-container .menu .menu-item-has-children .sub-menu {
  background: rgb(236.5609756098, 193.9024390244, 1.9390243902);
  display: none;
  margin-left: 0;
}
.responsive-menu-container .menu .menu-item-has-children .sub-menu.show-sub {
  display: block;
}
.responsive-menu-container .menu .menu-item-has-children .sub-menu li > a {
  padding-left: 1.5em;
}
.responsive-menu-container .menu .menu-item-has-children .menu-dropdown-icon {
  cursor: pointer;
  padding: 10px 15px;
  position: absolute;
  background: #fff;
  right: 0;
  top: 0;
}
.responsive-menu-container .menu .menu-item-has-children .menu-dropdown-icon i {
  font-style: normal;
}
.responsive-menu-container .menu .menu-item-has-children .menu-dropdown-icon i.dropdown-icon:after {
  content: "\f0d7";
  display: block;
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
}
.responsive-menu-container .menu .menu-item-has-children.sub-menu-open .dropdown-icon:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.responsive-menu-container .responsive-menu-logo {
  padding: 25px 10px;
}
.responsive-menu-container .responsive-menu-logo img {
  width: 190px;
  display: block;
  margin: auto;
}
.responsive-menu-container .menu .menu-item a {
  opacity: 0;
  padding-left: 150px;
  -webkit-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.responsive-menu-container.is-open .menu .menu-item a {
  opacity: 1;
  padding-left: 15px;
}
.responsive-menu-container.slide-left {
  left: 0;
  top: 0;
  bottom: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.responsive-menu-container.slide-left.is-open {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.responsive-menu-container.slide-right {
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.responsive-menu-container.slide-right.is-open {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.responsive-menu-container.slide-bottom {
  left: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  -webkit-transform: translateY(110%);
  transform: translateY(110%);
}
.responsive-menu-container.slide-bottom.is-open {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.responsive-menu-container.slide-top {
  left: 0;
  top: 0;
  bottom: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.responsive-menu-container.slide-top.is-open {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/* ===============
   Elements 
   =============== */
.btn-main {
  width: 100%;
}
.btn-main .btn-inner {
  display: inline-block;
}
.btn-main .btn-inner a {
  border: 1px solid #B12029;
  padding: 10px 55px 10px 25px;
  text-decoration: none;
  display: block;
  text-align: center;
  position: relative;
}
.btn-main .btn-inner a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 23px;
  height: 12px;
  background: url("/wp-content/themes/bureau-feith/assets/arrow_right.svg");
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.btn-main .btn-inner a:hover:after {
  right: 15px;
}
.btn-main.left {
  text-align: left;
}
.btn-main.center {
  text-align: center;
}
.btn-main.right {
  text-align: right;
}

/*--------------------------------------------------------------
# Posts
--------------------------------------------------------------*/
/* ===============
   Posts 
   =============== */
/*--------------------------------------------------------------
# Queries & Archives
--------------------------------------------------------------*/
/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/* ===============
   Queries & Archives
   =============== */
.query-container .query-item {
  padding: 0 15px;
  width: 33.3333333333%;
  margin-bottom: 25px;
}
.query-container .query-item:nth-last-child(-n+3) {
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .query-container .query-item {
    width: 50%;
    margin-bottom: 25px;
  }
  .query-container .query-item:nth-last-child(-n+3) {
    margin-bottom: 25px;
  }
  .query-container .query-item:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .query-container .query-item {
    width: 100%;
  }
  .query-container .query-item:nth-last-child(-n+2) {
    margin-bottom: 25px;
  }
  .query-container .query-item:last-of-type {
    margin-bottom: 0;
  }
}
.query-container .query-item > a {
  text-decoration: none;
  color: #333333;
}
.query-container .query-item > a:hover .qi-inner {
  background: #f0f0f0;
}
.query-container .query-item > a:hover .qi-inner .qi-read-more {
  border-color: #fff;
}
.query-container .query-item .qi-inner {
  padding: 15px;
  border: 1px solid #f0f0f0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.query-container .query-item .qi-inner .qi-thumb {
  height: 175px;
  margin-bottom: 15px;
}
.query-container .query-item .qi-inner .post-title {
  margin-bottom: 15px;
  font-size: 22px;
}
.query-container .query-item .qi-inner .post-excerpt {
  margin-bottom: 15px;
}
.query-container .query-item .qi-inner .post-excerpt p {
  margin-bottom: 0 !important;
}
.query-container .query-item .qi-inner .qi-read-more {
  display: block;
  text-align: right;
  padding-top: 15px;
  border-top: 1px solid #f0f0f0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.navigation {
  padding: 25px 15px;
}
.navigation .pagination {
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.navigation .pagination a, .navigation .pagination span {
  margin: 5px;
  padding: 5px 10px;
  min-width: 34px;
  text-align: center;
  font-size: 14px;
}
.navigation .pagination a {
  text-decoration: none;
  border: 1px solid #f0f0f0;
  color: #565656;
}
.navigation .pagination span {
  background: #f0f0f0;
}

/*--------------------------------------------------------------
# Woocommerce
--------------------------------------------------------------*/
/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
.woocommerce-error, .woocommerce-info, .woocommerce-message {
  background-color: #fff !important;
}

.woocommerce-message {
  position: relative;
  margin-bottom: 15px !important;
  padding: 30px 265px 30px 45px !important;
  padding-right: 265px;
  border-color: #89BD9E !important;
}
@media only screen and (max-width: 768px) {
  .woocommerce-message {
    padding: 30px 15px 60px 45px !important;
  }
}
.woocommerce-message:before {
  top: 30px !important;
  left: 15px !important;
  color: #89BD9E !important;
}
.woocommerce-message .button {
  position: absolute !important;
  padding: 10px 15px !important;
  border-radius: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 1px solid #B12029 !important;
  color: #B12029 !important;
  font-weight: normal !important;
  max-width: 250px;
  top: 50%;
  right: 15px;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
  .woocommerce-message .button {
    bottom: 15px !important;
    top: auto;
    right: auto;
    left: 50% !important;
    width: 100% !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.login-to-see-prices {
  text-align: center;
}
.login-to-see-prices a {
  display: inline-block;
  text-align: center;
  padding: 10px 25px;
  border: 1px solid #B12029;
  text-decoration: none;
  margin-top: 25px;
}

.woocommerce form {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}
.woocommerce form h3 {
  margin-bottom: 15px !important;
}
.woocommerce form .form-row {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.woocommerce form .form-row .required {
  color: #B12029 !important;
}
.woocommerce form .form-row .optional {
  display: none;
}
@media only screen and (max-width: 600px) {
  .woocommerce form .form-row.form-row-first, .woocommerce form .form-row.form-row-last {
    width: 100% !important;
    float: none !important;
  }
}
.woocommerce form .lost_password, .woocommerce form .woo-login-no-account {
  text-align: center;
  margin-bottom: 0 !important;
}
.woocommerce form .lost_password a, .woocommerce form .woo-login-no-account a {
  font-size: 14px;
}
.woocommerce form fieldset {
  margin: 0 0 6px;
  padding: 10px;
  border: 1px solid #B12029;
}
.woocommerce form button[type=submit] {
  display: block;
  width: 100%;
  font-weight: normal !important;
  text-align: center !important;
  padding: 10px 25px !important;
  background: transparent !important;
  border-radius: 0 !important;
  border-radius: 0 !important;
  border: 1px solid #B12029;
  color: #B12029 !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.woocommerce form button[type=submit]:hover {
  background: #FDD10B !important;
}
.woocommerce form #payment {
  background: rgba(253, 209, 11, 0.08) !important;
}
.woocommerce form #payment .payment_box {
  background: rgba(253, 209, 11, 0.15) !important;
}
.woocommerce form #payment .payment_box:before {
  z-index: -1;
  border-bottom-color: rgba(253, 209, 11, 0.15) !important;
}
.woocommerce form #payment .form-row {
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin-bottom: 0 !important;
}

table.shop_table {
  border-color: #B12029 !important;
  border-radius: 0 !important;
  border-radius: 0 !important;
}
@media only screen and (max-width: 768px) {
  table.shop_table tbody > tr:nth-of-type(even) {
    background: rgba(253, 209, 11, 0.08) !important;
  }
}
table.shop_table td, table.shop_table th {
  border-color: #B12029 !important;
  background: transparent !important;
}

/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
.woo-cart .woocommerce-message {
  width: 100%;
}
.woo-cart form.woocommerce-cart-form {
  width: 100%;
  padding: 0 15px !important;
  margin-bottom: 50px !important;
}
.woo-cart form.woocommerce-cart-form table.shop_table {
  margin: 0;
}
.woo-cart form.woocommerce-cart-form table.shop_table a {
  text-decoration: none;
}
.woo-cart form.woocommerce-cart-form table.shop_table a.remove {
  color: #B12029 !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 768px) {
  .woo-cart form.woocommerce-cart-form table.shop_table a.remove {
    margin: auto;
    font-size: 40px;
  }
}
.woo-cart form.woocommerce-cart-form table.shop_table a.remove:hover {
  color: #fff !important;
  background: #B12029;
}
.woo-cart form.woocommerce-cart-form table.shop_table .actions button[type=submit] {
  display: inline-block !important;
  width: auto !important;
}
.woo-cart form.woocommerce-cart-form table.shop_table .product-quantity .quantity input.qty {
  width: 75px;
  padding: 10px !important;
}
@media only screen and (max-width: 768px) {
  .woo-cart form.woocommerce-cart-form table.shop_table .product-thumbnail {
    display: block !important;
    text-align: center !important;
  }
  .woo-cart form.woocommerce-cart-form table.shop_table .product-thumbnail:before {
    content: none !important;
  }
  .woo-cart form.woocommerce-cart-form table.shop_table .product-thumbnail img {
    width: 100px;
  }
}
.woo-cart .cart-collaterals {
  width: 100%;
  padding: 0 15px !important;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.woo-cart .cart-collaterals .cart_totals {
  width: 50%;
}
@media only screen and (max-width: 991px) {
  .woo-cart .cart-collaterals .cart_totals {
    width: 100%;
  }
}
.woo-cart .cart-collaterals .cart_totals h2 {
  margin-bottom: 15px;
}
.woo-cart .cart-collaterals .wc-proceed-to-checkout {
  padding-bottom: 0;
}
.woo-cart .cart-collaterals a.checkout-button {
  font-size: 16px;
  padding: 10px 25px;
  border-radius: 0;
  border-radius: 0;
  border: 1px solid #B12029;
  color: #B12029;
  background: transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 0;
}
.woo-cart .cart-collaterals a.checkout-button:hover {
  background: #FDD10B;
}
.woo-cart .cart-collaterals a.checkout-button.checkout-disabled {
  cursor: default;
  opacity: 0.5;
}
.woo-cart .cart-collaterals a.checkout-button.checkout-disabled:hover {
  color: #B12029;
  background: transparent;
}
.woo-cart .bundled_table_item a {
  pointer-events: none !important;
  cursor: default !important;
}

.woo-cart-empty > p {
  width: 100%;
  padding: 0 15px;
}
.woo-cart-empty > p a.button {
  border-radius: 0;
  border-radius: 0;
  border: 1px solid #B12029;
  background: transparent;
  font-weight: normal;
  font-size: 16px;
  color: #B12029;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.woo-cart-empty > p a.button:hover {
  background: #FDD10B;
}

/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
.woo-checkout form.checkout {
  width: 100%;
}
.woo-checkout form.checkout .woocommerce-billing-fields, .woo-checkout form.checkout .woocommerce-shipping-fields, .woo-checkout form.checkout .woocommerce-additional-fields {
  background: rgba(253, 209, 11, 0.08);
  padding: 30px;
}
@media only screen and (max-width: 768px) {
  .woo-checkout form.checkout .woocommerce-billing-fields, .woo-checkout form.checkout .woocommerce-shipping-fields, .woo-checkout form.checkout .woocommerce-additional-fields {
    padding: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .woo-checkout form.checkout .woo-checkout-billing {
    width: 100%;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .woo-checkout form.checkout .woo-checkout-send {
    width: 100%;
  }
}
.woo-checkout form.checkout .woo-checkout-add {
  margin-top: 50px;
  margin-bottom: 50px;
}
.woo-checkout form.checkout .woo-order-review {
  padding: 0 15px;
}
.woo-checkout form.checkout .woo-order-review .order-total {
  background: #FDD10B !important;
}
.woo-checkout form.checkout .form-row ul {
  list-style: none;
}

.woocommerce-order ul.order_details li {
  padding: 10px !important;
  margin: 0 !important;
}
@media only screen and (max-width: 768px) {
  .woocommerce-order ul.order_details li {
    float: none !important;
    padding: 0 !important;
    margin-bottom: 10px !important;
  }
}
.woocommerce-order .woocommerce-customer-details .woocommerce-columns h2 {
  margin-bottom: 15px;
}
.woocommerce-order .woocommerce-customer-details .woocommerce-columns .woocommerce-column {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}
.woocommerce-order .woocommerce-customer-details .woocommerce-columns .woocommerce-column.woocommerce-column--1 {
  margin-bottom: 50px !important;
}
.woocommerce-order .woocommerce-customer-details .woocommerce-columns .woocommerce-column address {
  border-radius: 0;
  border-radius: 0;
  border: 1px solid #B12029;
}

form#order_review > table, form#order_review > div {
  width: 100%;
  padding: 0 15px !important;
}

/* important - do not remove */
#ship-to-different-address {
  display: none;
}

/**/
.woocommerce form .form-row.custom-description .description {
  display: block !important;
  background: transparent;
  color: #B12029;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 1em !important;
  font-style: italic;
  height: auto !important;
  margin-top: 5px !important;
}
.woocommerce form .form-row.custom-description .description:before {
  display: none;
}
.woocommerce form .description[style="display: inline;"] {
  display: inline-block !important;
}

/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.woo-archive .shop-melding {
  margin-bottom: 15px;
}
.woo-archive .shop-melding .col-inner > div {
  position: relative;
  padding: 15px;
  background: #FDD10B;
  text-align: center;
  font-weight: bold;
}
.woo-archive .shop-melding .col-inner > div:after {
  content: "";
  position: absolute;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  left: 4px;
  top: 4px;
  border: 1px solid #B12029;
}
.woo-archive header.woocommerce-products-header {
  width: 100%;
  padding: 0 15px;
}
.woo-archive header.woocommerce-products-header .searchandfilter ul {
  padding: 15px 0;
  margin-bottom: 15px;
  border-bottom: 2px solid #B12029;
}
.woo-archive header.woocommerce-products-header .searchandfilter ul li {
  padding: 0;
}
@media only screen and (max-width: 600px) {
  .woo-archive header.woocommerce-products-header .searchandfilter ul li label {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .woo-archive header.woocommerce-products-header .searchandfilter ul li label select {
    width: 100%;
  }
}
.woo-archive .woo-archive-notice {
  width: 100%;
  padding: 0 15px;
}
.woo-archive ul.products {
  width: 100%;
  margin: 0;
}
.woo-archive ul.products:before, .woo-archive ul.products:after {
  content: none !important;
}
.woo-archive ul.products li.product {
  width: 33.3333333333% !important;
  margin: 0 !important;
  padding: 30px 30px;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
@media only screen and (max-width: 1200px) {
  .woo-archive ul.products li.product {
    width: 50% !important;
  }
}
@media only screen and (max-width: 768px) {
  .woo-archive ul.products li.product {
    width: 100% !important;
    padding: 30px 15px;
  }
}
.woo-archive ul.products li.product > a {
  display: block;
  width: 100%;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -o-flex: 1 0 auto;
  -webkit-box-flex: 1;
          flex: 1 0 auto;
}
.woo-archive ul.products li.product > a:hover .product-thumbnail:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.woo-archive ul.products li.product .product-thumbnail-wrapper .product-thumbnail {
  height: 250px;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  position: relative;
}
.woo-archive ul.products li.product .product-thumbnail-wrapper .product-thumbnail:after {
  content: "\f06e";
  font-weight: bold;
  position: absolute;
  text-align: center;
  font-size: 50px;
  color: #B12029;
  width: 100%;
  line-height: 250px;
  left: 0;
  top: 0;
  opacity: 0;
  background: rgba(253, 251, 242, 0.8);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.woo-archive ul.products li.product h3.post-title {
  text-align: center;
  padding: 0;
  margin-bottom: 0;
}
.woo-archive ul.products li.product span.product-per-hoeveelheid {
  display: block;
  text-align: center;
  font-size: 14px;
}
.woo-archive ul.products li.product span.price {
  text-align: center;
  color: #B12029;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 14px;
}
.woo-archive ul.products li.product span.price span {
  color: #B12029;
  font-weight: bold;
  font-size: 14px;
}
.woo-archive ul.products li.product form, .woo-archive ul.products li.product .bundle_button {
  width: 100%;
}
.woo-archive ul.products li.product form:before, .woo-archive ul.products li.product form:after, .woo-archive ul.products li.product .bundle_button:before, .woo-archive ul.products li.product .bundle_button:after {
  content: none !important;
}
.woo-archive ul.products li.product form .quantity input, .woo-archive ul.products li.product .bundle_button .quantity input {
  width: 70px;
  margin-right: 5px;
  border: 1px solid #B12029;
  padding: 10px !important;
}
.woo-archive ul.products li.product form button, .woo-archive ul.products li.product .bundle_button button {
  margin-top: 0 !important;
  width: calc(100% - 75px);
  border-radius: 0;
  border-radius: 0;
  background: transparent !important;
  border: 1px solid #B12029 !important;
  color: #B12029 !important;
  font-weight: normal;
  font-size: 16px;
  padding: 10px 20px !important;
}
.woo-archive ul.products li.product form button:hover, .woo-archive ul.products li.product .bundle_button button:hover {
  background: #FDD10B !important;
  color: #B12029;
}
.woo-archive ul.products li.product form button.disabled:hover, .woo-archive ul.products li.product .bundle_button button.disabled:hover {
  background: transparent !important;
}
.woo-archive ul.products li.product .variations {
  margin-bottom: 15px;
}
.woo-archive ul.products li.product .variations tbody > tr {
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px !important;
}
.woo-archive ul.products li.product .variations tbody > tr td {
  width: calc(100% - 105px);
  font-size: 14px !important;
}
.woo-archive ul.products li.product .variations tbody > tr td:first-of-type {
  width: 99px;
  margin-right: 5px;
}
.woo-archive ul.products li.product .variations tbody > tr td select {
  width: 100%;
  font-size: 14px !important;
}
.woo-archive ul.products li.product .variations tbody > tr td .reset_variations {
  display: none !important;
}
.woo-archive ul.products li.product .single_variation_wrap {
  width: 100%;
}
.woo-archive ul.products li.product.sale .product-thumbnail {
  position: relative;
}
.woo-archive ul.products li.product.sale .product-thumbnail:before {
  content: "Aanbieding";
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3px;
  background: rgba(253, 209, 11, 0.8);
  color: #B12029;
  text-align: center;
  width: 100%;
  z-index: 999;
  font-weight: bold;
}
.woo-archive ul.products li.product.outofstock p.stock {
  text-align: center;
}
.woo-archive ul.products li.product.outofstock .product-thumbnail {
  position: relative;
}
.woo-archive ul.products li.product.outofstock .product-thumbnail:before {
  content: "Tijdelijk niet beschikbaar";
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3px;
  background: rgba(177, 32, 41, 0.5);
  color: #fff;
  text-align: center;
  width: 100%;
  z-index: 999;
}
.woo-archive ul.products li.product.product-type-bundle form .bundle_data, .woo-archive ul.products li.product.product-type-bundle form .bundle_wrap {
  width: 100%;
}
.woo-archive ul.products li.product.product-type-bundle form .bundled_product {
  display: none;
}
.woo-archive nav.woocommerce-pagination {
  width: 100%;
  padding: 0 15px;
}
.woo-archive nav.woocommerce-pagination ul.page-numbers {
  border: none;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.woo-archive nav.woocommerce-pagination ul.page-numbers li {
  border: none;
  margin: 2px;
}
.woo-archive nav.woocommerce-pagination ul.page-numbers li span, .woo-archive nav.woocommerce-pagination ul.page-numbers li a {
  min-width: 30px;
  text-align: center;
}
.woo-archive nav.woocommerce-pagination ul.page-numbers li span {
  border: 1px solid #B12029;
  background: #B12029;
  color: #fff;
}
.woo-archive nav.woocommerce-pagination ul.page-numbers li a {
  border: 1px solid #B12029;
  background: transparent !important;
  color: #B12029 !important;
}

/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
.woo-login-register .woo-login {
  max-width: 500px;
  margin: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.woo-login-register .woo-login .woo-login-inner {
  padding: 25px;
  border: 1px solid #B12029;
}
.woo-login-register .woo-register .woo-register-title {
  padding: 0 15px;
}
.woo-login-register .woo-register .woo-register-form form.woocommerce-form > p.form-row {
  width: 100%;
  padding: 0 15px !important;
  text-align: right;
}
.woo-login-register .woo-register .woo-register-form form.woocommerce-form button[type=submit] {
  max-width: 350px !important;
  text-align: center;
  display: inline-block !important;
}
.woo-login-register .woo-register .woo-register-form .woocommerce-input-wrapper .description {
  background: #565656;
}
.woo-login-register .woo-register .woo-register-form .woocommerce-input-wrapper .description:before {
  border-color: #565656 transparent transparent transparent;
}
.woo-login-register .woo-register .woo-register-form .woo-register-data {
  width: 100%;
  padding: 0 15px;
  margin-bottom: 50px;
}
.woo-login-register .woo-register .woo-register-form .woo-register-adresses {
  width: 100%;
}
.woo-login-register .woo-register .woo-register-form .woo-register-adresses .payment-data {
  padding: 0 15px;
  margin-bottom: 50px;
}
.woo-login-register .woo-register .woo-register-form .woo-register-adresses .shipping-data {
  padding: 0 15px;
  margin-bottom: 50px;
}
.woo-login-register .woo-register .woo-register-form .woocommerce-privacy-policy-text {
  width: 100%;
  padding: 0 15px;
}
.woo-login-register #tel_check_field {
  display: none;
}

.woocommerce-account .woo-account .woo-MyAccount-title {
  width: 100%;
  padding: 0 15px;
}
.woocommerce-account .woo-account .woo-MyAccount-title h2 {
  text-transform: capitalize;
}
.woocommerce-account .woo-account nav.woocommerce-MyAccount-navigation {
  padding: 0 15px;
  width: 25% !important;
}
@media only screen and (max-width: 991px) {
  .woocommerce-account .woo-account nav.woocommerce-MyAccount-navigation {
    width: 100% !important;
    margin-bottom: 50px;
  }
}
.woocommerce-account .woo-account nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
.woocommerce-account .woo-account nav.woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
  border-top: 1px solid #B12029;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.woocommerce-account .woo-account nav.woocommerce-MyAccount-navigation ul li a:hover {
  padding: 10px 25px;
}
.woocommerce-account .woo-account nav.woocommerce-MyAccount-navigation ul li:last-of-type a {
  border-bottom: 1px solid #B12029;
}
.woocommerce-account .woo-account nav.woocommerce-MyAccount-navigation ul li.is-active a {
  padding: 10px 25px;
  position: relative;
  font-weight: bold;
}
.woocommerce-account .woo-account nav.woocommerce-MyAccount-navigation ul li.is-active a:before {
  content: "\f0da";
  font-weight: bold;
  position: absolute;
  width: 10px;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.woocommerce-account .woo-account .woocommerce-MyAccount-content {
  padding: 0 15px;
  width: 75% !important;
}
@media only screen and (max-width: 991px) {
  .woocommerce-account .woo-account .woocommerce-MyAccount-content {
    width: 100% !important;
  }
}
.woocommerce-account .woo-account .woocommerce-MyAccount-content .woocommerce-orders-table a.button {
  background: transparent;
  font-weight: normal;
  border-radius: 0;
  border-radius: 0;
  border: 1px solid #B12029;
  color: #B12029;
  padding: 5px 10px;
  margin: 3px;
}
.woocommerce-account .woo-account .woocommerce-MyAccount-content .addresses .woocommerce-Address {
  width: 50% !important;
}
@media only screen and (max-width: 640px) {
  .woocommerce-account .woo-account .woocommerce-MyAccount-content .addresses .woocommerce-Address {
    width: 100% !important;
    padding: 0 !important;
  }
}
.woocommerce-account .woo-account .woocommerce-MyAccount-content .addresses .woocommerce-Address:first-of-type {
  padding-right: 15px;
}
@media only screen and (max-width: 640px) {
  .woocommerce-account .woo-account .woocommerce-MyAccount-content .addresses .woocommerce-Address:first-of-type {
    margin-bottom: 50px;
  }
}
.woocommerce-account .woo-account .woocommerce-MyAccount-content .addresses .woocommerce-Address:last-of-type {
  padding-left: 15px;
}
.woocommerce-account .woo-account .woocommerce-MyAccount-content .addresses header.title h3 {
  float: none;
  display: block;
  margin-bottom: 15px;
}
.woocommerce-account .woo-account .woocommerce-MyAccount-content .addresses header.title a {
  float: none;
  display: inline-block;
  margin-bottom: 25px;
  text-align: center;
  padding: 10px 25px;
  border: 1px solid #B12029;
  text-decoration: none;
}
.woocommerce-account .woo-account .woocommerce-MyAccount-content .addresses address {
  margin: 0;
  padding-left: 15px;
  border-left: 1px solid #B12029;
  font-style: normal;
}

/*!
Theme Name: Bureau Feith
Theme URI: http://underscores.me/
Author: Bureau Feith
Author URI: http://bureaufeith.nl
Description: Bureau Feith
Version: 2.7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bureau-feith
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bureau Feith is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.woo-single .product-voedingswaarden table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.woo-single .product-voedingswaarden table thead {
  font-size: 16px;
  display: block;
  padding-bottom: 10px;
}
.woo-single .product-voedingswaarden table tbody {
  font-size: 14px;
}
.woo-single .product-voedingswaarden table tbody tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.woo-single div.summary {
  float: none !important;
  width: 40% !important;
  padding: 0 15px;
  margin: 0 !important;
}
@media only screen and (max-width: 991px) {
  .woo-single div.summary {
    width: 50% !important;
  }
}
@media only screen and (max-width: 800px) {
  .woo-single div.summary {
    width: 100% !important;
    margin-bottom: 50px !important;
  }
}
.woo-single div.summary h1 {
  margin-bottom: 0 !important;
}
.woo-single div.summary .price {
  font-size: 16px !important;
  color: #B12029 !important;
  font-weight: bold;
  margin-top: 25px !important;
}
.woo-single div.summary .product-post-content {
  padding-bottom: 25px;
  border-bottom: 2px solid #B12029;
}
.woo-single div.summary .product-ingredienten .product-ingredient {
  margin-bottom: 15px;
}
.woo-single div.summary .product-ingredienten .product-ingredient:last-of-type {
  margin-bottom: 0;
}
.woo-single div.summary .product-ingredienten .product-ingredient span:first-of-type {
  font-weight: bold;
}
.woo-single div.summary form.cart {
  margin-top: 25px !important;
}
.woo-single div.summary form.cart:before, .woo-single div.summary form.cart:after {
  content: none !important;
}
.woo-single div.summary .product-toggle-button {
  padding: 10px 53px 10px 0;
  border-bottom: 2px solid #B12029;
  background: #FDFBF2;
  position: relative;
  cursor: pointer;
}
.woo-single div.summary .product-toggle-button:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 2px;
  opacity: 0;
  left: 10px;
  background: #B12029;
  z-index: -1;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.woo-single div.summary .product-toggle-button:before {
  content: "\f067";
  font-weight: bold;
  font-size: 9px;
  text-align: center;
  position: absolute;
  width: 16px;
  line-height: 14px;
  border: 1px solid #B12029;
  right: 0;
  top: calc(50% - 8px);
  background: #B12029;
  color: #fff;
  border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.woo-single div.summary .product-toggle-button.active:after {
  bottom: -11px;
  opacity: 1;
}
.woo-single div.summary .product-toggle-button.active:before {
  content: "\f068";
  background: transparent;
  color: #B12029;
}
.woo-single div.summary .product-toggle-button span {
  display: block;
}
.woo-single div.summary .product-toggle-content {
  display: none;
  padding: 20px 0;
  border-bottom: 2px solid #B12029;
}
.woo-single div.summary .product-toggle-content span {
  display: block;
  font-size: 14px;
}
.woo-single div.summary form {
  width: 100%;
  margin-bottom: 0 !important;
}
.woo-single div.summary form .quantity {
  margin: 0 !important;
}
.woo-single div.summary form .quantity input {
  width: 70px;
  margin-right: 5px;
  border: 1px solid #B12029;
  padding: 10px !important;
}
.woo-single div.summary form button {
  margin-top: 0 !important;
  width: calc(100% - 75px);
  border-radius: 0;
  border-radius: 0;
  background: transparent !important;
  border: 1px solid #B12029 !important;
  color: #B12029 !important;
  font-weight: normal;
  font-size: 16px;
  padding: 10px 20px !important;
  line-height: 1.5 !important;
}
.woo-single div.summary form button:hover {
  background: #FDD10B !important;
  color: #B12029;
}
.woo-single div.summary form button.disabled:hover {
  background: transparent !important;
}
.woo-single div.summary .variations {
  margin-bottom: 15px;
}
.woo-single div.summary .variations tbody > tr {
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px !important;
}
.woo-single div.summary .variations tbody > tr td {
  width: calc(100% - 105px);
}
.woo-single div.summary .variations tbody > tr td:first-of-type {
  width: 99px;
  margin-right: 5px;
}
.woo-single div.summary .variations tbody > tr td select {
  width: 100%;
  font-size: 14px !important;
}
.woo-single div.summary .variations tbody > tr td .reset_variations {
  display: none !important;
}
.woo-single div.summary .single_variation_wrap {
  width: 100%;
}
.woo-single div.summary .single_variation_wrap .woocommerce-variation-price {
  text-align: center;
  margin-bottom: 15px;
}
.woo-single div.summary .back-button {
  margin-top: 25px;
}
.woo-single div.summary .back-button a {
  text-decoration: none;
}
.woo-single div.summary .back-button a span {
  position: relative;
  padding-left: 32px;
}
.woo-single div.summary .back-button a span:after {
  content: "";
  position: absolute;
  width: 23px;
  height: 12px;
  top: calc(50% - 6px);
  left: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: url("/wp-content/themes/bureau-feith/assets/arrow_right.svg");
}
.woo-single div.summary .back-button a:hover span:after {
  left: -5px;
}
.woo-single div.summary .bundled_product_summary {
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
.woo-single div.summary .bundled_product_summary *:before, .woo-single div.summary .bundled_product_summary *:after {
  content: none;
}
.woo-single div.summary .bundled_product_summary .images {
  width: 100px !important;
  padding: 0;
}
.woo-single div.summary .bundled_product_summary .details {
  width: calc(100% - 100px) !important;
}
.woo-single div.summary .bundled_product_summary .details .bundled_product_permalink {
  display: none !important;
}
.woo-single div.images {
  float: none !important;
  width: 60% !important;
  padding: 0 15px;
  margin: 0 !important;
}
@media only screen and (max-width: 991px) {
  .woo-single div.images {
    width: 50% !important;
  }
}
@media only screen and (max-width: 800px) {
  .woo-single div.images {
    width: 100% !important;
  }
}
.outofstock .woo-single .images figure > div {
  position: relative;
}
.outofstock .woo-single .images figure > div:before {
  content: "Tijdelijk niet beschikbaar";
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px;
  background: rgba(177, 32, 41, 0.5);
  color: #fff;
  text-align: center;
  width: 100%;
  z-index: 999;
}