@charset "UTF-8";
/*
Theme Name:     Storefront De Geus Theme
Theme URI:      https://github.com/stuartduff/storefront-child-theme
Author:         Stuart Duff
Author URI:     http://stuartduff.com
Template:       storefront
Description:    This is a child theme for WooThemes StoreFront theme
Version:        1.2.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    storefront-degeus
Tags:           black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
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.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Changa:wght@400;500;600;700&display=swap");
.woocommerce-input-wrapper {
  width: 100%;
}

/**************************************
***************************************
************ import ******************
***************************************/
/****        variables           ****/
/**********************
    Colors
**********************/
/**/
/**/
/**/
/**/
/**/
/**/
/****        typography           ****/
/**********************
    typography
**********************/
html,
body {
  font-family: Lato, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

/******************
    headings
******************/
h1,
h2,
h3,
h4,
h5,
h6,
.h2-style {
  font-family: Changa, Lato, Arial, sans-serif;
  margin-bottom: 0.8em;
  font-weight: 800;
}
h1.subtitle,
h2.subtitle,
h3.subtitle,
h4.subtitle,
h5.subtitle,
h6.subtitle,
.h2-style.subtitle {
  font-family: Lato, Arial, sans-serif;
  font-size: 1rem;
  margin-bottom: 0.5rem;
  font-weight: 400;
}
h1.subtitle.subtitle-primary,
h2.subtitle.subtitle-primary,
h3.subtitle.subtitle-primary,
h4.subtitle.subtitle-primary,
h5.subtitle.subtitle-primary,
h6.subtitle.subtitle-primary,
.h2-style.subtitle.subtitle-primary {
  color: #FFC416;
}
h1.subtitle.subtitle-white,
h2.subtitle.subtitle-white,
h3.subtitle.subtitle-white,
h4.subtitle.subtitle-white,
h5.subtitle.subtitle-white,
h6.subtitle.subtitle-white,
.h2-style.subtitle.subtitle-white {
  color: #fff;
}
h1.no-margin-bottom,
h2.no-margin-bottom,
h3.no-margin-bottom,
h4.no-margin-bottom,
h5.no-margin-bottom,
h6.no-margin-bottom,
.h2-style.no-margin-bottom {
  margin-bottom: 0.1rem;
}

h1 {
  font-size: 2.1rem;
}

.h2-style,
h2 {
  font-size: 1.7rem;
}
.h2-style.big-h2,
h2.big-h2 {
  font-size: 2.5rem;
}

h2 + h3,
.beta + h3 {
  border-top: none;
  padding-top: 0;
}

h3 {
  font-size: 1.4rem;
}

/****        navigation           ****/
/********************
*    MENU           *
********************/
.top-bar {
  background-color: #F5F5F5;
  /** secondary nav **/
}
.top-bar .site-header-cart {
  padding: 0.5rem;
  display: inline-block;
}
.top-bar .site-header-cart .cart-contents {
  padding: 0;
  color: #303030;
  font-size: 18px;
}
.top-bar .site-header-cart .cart-contents .count {
  margin-right: 8px;
}
.top-bar .site-header-cart .cart-contents::after {
  color: #FFC416;
}
.top-bar .site-header-cart .cart-contents:hover {
  text-decoration: none;
  color: #FFC416;
}
.top-bar .site-header-cart li:before {
  content: "";
  display: inline;
  margin-left: auto;
}
.top-bar .site-search {
  margin-bottom: 0;
  display: inline-block;
}
.top-bar .site-search form {
  color: black;
  position: relative;
}
.top-bar .site-search form ::-webkit-input-placeholder {
  color: #707070;
}
.top-bar .site-search form :-ms-input-placeholder {
  color: #707070;
}
.top-bar .site-search form ::-ms-input-placeholder {
  color: #707070;
}
.top-bar .site-search form ::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #707070;
  opacity: 1;
  /* Firefox */
}
.top-bar .site-search form ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #707070;
  opacity: 1;
  /* Firefox */
}
.top-bar .site-search form:after {
  content: "\f002";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  position: absolute;
  top: 3px;
  right: 5px;
  font-size: 14px;
  color: #FFC416;
}
.top-bar .site-search form input {
  font-size: 0.8rem;
  color: #707070;
  display: block;
  width: 100%;
  padding: 0 2rem 0 1rem;
  height: 25px;
  border: none;
  background: transparent;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 150px;
  -webkit-transition: width 1s;
  transition: width 1s;
}
.top-bar .site-search form input:focus {
  width: 250px;
}
.top-bar .site-search form button[type=submit] {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  top: 0;
  left: 0;
}
.top-bar .secondary-nav {
  display: inline-block;
}
.top-bar .secondary-nav nav {
  margin-bottom: 0;
}
.top-bar .secondary-nav nav .dropdown:hover > .dropdown-menu {
  display: block;
}
.top-bar .secondary-nav nav a {
  font-weight: 300;
  padding: 0 1rem;
}
.top-bar .secondary-nav nav a:hover {
  color: #FFC416;
}
.top-bar .secondary-nav nav ul {
  float: none;
  margin-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.top-bar .secondary-nav nav ul li {
  display: inline-block;
  font-size: 1rem;
}
.top-bar .secondary-nav nav ul li:before {
  content: "";
  display: inline;
  margin-left: auto;
}
.top-bar .secondary-nav nav ul li.menu-right {
  float: right;
}
.top-bar .secondary-nav nav ul .dropdown-toggle::after {
  border: none;
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  top: 1px;
  font-size: 1.2rem;
}
.top-bar .secondary-nav nav ul ul.dropdown-menu {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 0.9rem;
  border-radius: 0;
  list-style: none;
  margin: 0;
  background-color: #FFC416;
  color: #fff;
  border: none;
  min-width: auto;
  left: auto;
  right: 0;
}
.top-bar .secondary-nav nav ul ul.dropdown-menu li {
  display: block;
  padding: 0 1rem;
}
.top-bar .secondary-nav nav ul ul.dropdown-menu li:before {
  content: "";
  margin-left: auto;
  display: inline;
}
.top-bar .secondary-nav nav ul ul.dropdown-menu li a {
  color: #fff;
  font-weight: 400;
  border-bottom: 1px solid white;
  padding: 0.5rem 0;
}
.top-bar .secondary-nav nav ul ul.dropdown-menu li a:hover {
  color: #F5F5F5;
  text-decoration: none;
}
.top-bar .secondary-nav nav ul ul.dropdown-menu li.no-border a {
  border-bottom: none;
}
.top-bar .secondary-nav nav ul ul.dropdown-menu li:last-child a {
  border-bottom: none;
}

.searchwp-live-search-result a {
  white-space: normal;
}
.searchwp-live-search-result a .row {
  margin: 0;
}
.searchwp-live-search-result a .row p {
  border-bottom: none;
  padding: 0;
}
.searchwp-live-search-result a .row .product-detail-wrapper {
  border-bottom: 1px solid rgba(30, 30, 30, 0.1);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/** primary nav **/
.main-nav {
  padding: 1rem;
  background-color: #fff;
  min-width: 100%;
  position: relative;
  margin-bottom: 3rem;
  -webkit-box-shadow: 0px 4px 10px -5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 10px -5px rgba(0, 0, 0, 0.1);
}
.main-nav .logo-header {
  position: absolute;
  left: 0;
  top: -40px;
  z-index: 999;
}
.main-nav .logo-header img {
  width: 140px;
}
.main-nav nav {
  display: inline-block;
  float: right;
  background: transparent;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}
.main-nav nav .dropdown:hover > .dropdown-menu {
  display: block;
}
.main-nav nav ul li.ubermenu-column,
.main-nav nav ul li {
  padding: 10px;
}
.main-nav nav ul li.ubermenu-column:before,
.main-nav nav ul li:before {
  content: "";
  margin-left: auto;
  display: inline;
}
.main-nav nav ul li.ubermenu-column a,
.main-nav nav ul li.ubermenu-column a.ubermenu-target,
.main-nav nav ul li a,
.main-nav nav ul li a.ubermenu-target {
  font-weight: 300;
  margin: 0rem 0.3rem;
  border-right: none;
  color: black;
  font-weight: 400;
  padding: 5px 10px;
}
.main-nav nav ul li.ubermenu-column:hover > a, .main-nav nav ul li.ubermenu-column:hover > a.ubermenu-target,
.main-nav nav ul li:hover > a,
.main-nav nav ul li:hover > a.ubermenu-target {
  background-color: transparent;
  color: #FFC416;
}
.main-nav nav ul li.ubermenu-column.ubermenu-has-submenu-drop a,
.main-nav nav ul li.ubermenu-has-submenu-drop a {
  padding-right: 25px;
}
.main-nav nav ul li.ubermenu-column.btn-yellow a,
.main-nav nav ul li.ubermenu-column.btn-yellow a.ubermenu-target,
.main-nav nav ul li.btn-yellow a,
.main-nav nav ul li.btn-yellow a.ubermenu-target {
  background-color: #FFC416;
  color: #fff;
}
.main-nav nav ul li.ubermenu-column.btn-yellow a:hover,
.main-nav nav ul li.ubermenu-column.btn-yellow a.ubermenu-target:hover,
.main-nav nav ul li.btn-yellow a:hover,
.main-nav nav ul li.btn-yellow a.ubermenu-target:hover {
  background-color: transparent;
  color: #FFC416;
}
.main-nav nav ul li.ubermenu-column .ubermenu-submenu .btn-blue,
.main-nav nav ul li .ubermenu-submenu .btn-blue {
  background-color: #89C8F5;
}
.main-nav nav ul li.ubermenu-column .ubermenu-submenu .btn-blue:hover,
.main-nav nav ul li .ubermenu-submenu .btn-blue:hover {
  background-color: transparent;
}
.main-nav nav ul li.ubermenu-column.btn-blue a,
.main-nav nav ul li.ubermenu-column.btn-blue a.ubermenu-target,
.main-nav nav ul li.btn-blue a,
.main-nav nav ul li.btn-blue a.ubermenu-target {
  background-color: #89C8F5;
  color: #fff;
}
.main-nav nav ul li.ubermenu-column.btn-blue a:hover,
.main-nav nav ul li.ubermenu-column.btn-blue a.ubermenu-target:hover,
.main-nav nav ul li.btn-blue a:hover,
.main-nav nav ul li.btn-blue a.ubermenu-target:hover {
  background-color: transparent;
}
.main-nav nav ul li.ubermenu-column ul.ubermenu-submenu,
.main-nav nav ul li ul.ubermenu-submenu {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 0.9rem;
  border-radius: 0;
  list-style: none;
  margin: 0;
  background-color: #FFC416;
  color: #fff;
  border: none;
  min-width: auto;
  padding: 0.5rem 0;
}
.main-nav nav ul li.ubermenu-column ul.ubermenu-submenu li,
.main-nav nav ul li ul.ubermenu-submenu li {
  display: block;
  padding: 0 1rem;
}
.main-nav nav ul li.ubermenu-column ul.ubermenu-submenu li:before,
.main-nav nav ul li ul.ubermenu-submenu li:before {
  content: "";
  margin-left: auto;
  display: inline;
}
.main-nav nav ul li.ubermenu-column ul.ubermenu-submenu li a,
.main-nav nav ul li ul.ubermenu-submenu li a {
  color: #fff;
  font-weight: 400;
  border-bottom: 1px solid white;
  padding: 0.8rem 0;
}
.main-nav nav ul li.ubermenu-column ul.ubermenu-submenu li a:hover,
.main-nav nav ul li ul.ubermenu-submenu li a:hover {
  color: #F5F5F5;
  text-decoration: none;
}
.main-nav nav ul li.ubermenu-column ul.ubermenu-submenu li.no-border a,
.main-nav nav ul li ul.ubermenu-submenu li.no-border a {
  border-bottom: none;
}
.main-nav nav ul li.ubermenu-column ul.ubermenu-submenu li:last-child a,
.main-nav nav ul li ul.ubermenu-submenu li:last-child a {
  border-bottom: none;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .main-nav nav ul li.ubermenu-column a,
.main-nav nav ul li.ubermenu-column a.ubermenu-target,
.main-nav nav ul li a,
.main-nav nav ul li a.ubermenu-target {
    padding: 5px 5px;
    font-size: 0.9rem;
  }

  .main-nav nav ul li.ubermenu-column.ubermenu-has-submenu-drop a,
.main-nav nav ul li.ubermenu-has-submenu-drop a {
    padding-right: 25px;
  }
}
@media screen and (max-width: 960px) {
  .nav-container .secondary-nav nav {
    display: none;
  }
}
.shiftnav .shiftnav-menu-image img {
  width: 150px;
  margin: 0 auto;
}

/*************************
        links
*************************/
a {
  color: #FFC416;
}
a:visited {
  color: #FFC416;
}
a:hover, a:focus, a:active {
  color: #89C8F5;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

.stock-location-text.pum-trigger:hover, .stock-location-text.pum-trigger:focus, .stock-location-text.pum-trigger:active {
  color: #FFC416;
  text-decoration: underline;
}

/****        forms           ****/
/****************************
        buttons
****************************/
.cli-tab-footer .cli-btn,
.btn,
.btn:visited,
button,
.button,
.button.alt,
.button:visited,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid #FFC416;
  background: #FFC416;
  color: #fff;
  line-height: 1;
  padding: 0.5rem 1rem;
  border-radius: 0;
  text-transform: none;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.cli-tab-footer .cli-btn:hover, .cli-tab-footer .cli-btn:active, .cli-tab-footer .cli-btn:focus,
.btn:hover,
.btn:active,
.btn:focus,
.btn:visited:hover,
.btn:visited:active,
.btn:visited:focus,
button:hover,
button:active,
button:focus,
.button:hover,
.button:active,
.button:focus,
.button.alt:hover,
.button.alt:active,
.button.alt:focus,
.button:visited:hover,
.button:visited:active,
.button:visited:focus,
input[type=button]:hover,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:hover,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #89C8F5;
  background-color: #89C8F5;
  outline: none;
  color: #fff;
}

.btn-white,
.btn-white:visited {
  border: 1px solid #fff;
  background: #fff;
  color: #FFC416;
}

@media screen and (max-width: 520px) {
  .btn-full {
    width: 100%;
  }
}

.btn-border-white,
.btn-border-white:visited {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
}
.btn-border-white:hover, .btn-border-white:active, .btn-border-white:focus,
.btn-border-white:visited:hover,
.btn-border-white:visited:active,
.btn-border-white:visited:focus {
  border: 1px solid #fff;
  background-color: #fff;
  color: black;
}

.btn-secondary,
.btn-secondary:visited {
  border: 1px solid #89C8F5;
  background: #89C8F5;
  color: #fff;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus,
.btn-secondary:visited:hover,
.btn-secondary:visited:active,
.btn-secondary:visited:focus {
  border: 1px solid #FFC416;
  background-color: #FFC416;
  color: #fff;
}

a.wc-forward:hover {
  border: none;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: rgba(255, 255, 255, 0.25) !important;
}

form .btn,
form button,
form .button,
form input[type=button],
form input[type=reset],
form input[type=submit] {
  padding: 0.5rem 1rem;
}

.woocommerce-form-row span.password-input {
  width: 100%;
}

.woocommerce-form-login__rememberme {
  margin-right: 1rem;
}

a.add-request-quote-button.button {
  font-size: 1rem;
  text-transform: capitalize;
}

/****************************
        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,
#footer .footer-widgets input[type=text] {
  color: #5a5a5a;
  border: 1px solid #5a5a5a;
  border-radius: 2px;
  padding: 0.455rem 0.5rem;
  background-color: #fff;
}
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,
#footer .footer-widgets input[type=text]:focus {
  border: 1px solid #5a5a5a;
  -webkit-box-shadow: 0 0 5px #5a5a5a;
  box-shadow: 0 0 5px #5a5a5a;
  outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container .select2-selection--single {
  height: 41.5px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 41px;
}

select {
  border: 1px solid #5a5a5a;
}

textarea {
  width: 100%;
}

input[type=checkbox] + label {
  display: inline;
}

#gform_19 .gfield_required,
#gform_20 .gfield_required {
  display: none;
}

/****        layout           ****/
/*****************
    404 page
******************/
#content-404 article {
  padding-top: 4rem;
  padding-bottom: 4rem;
  text-align: center;
}
#content-404 article h1.entry-title.title-404 {
  display: inline-block;
  font-size: 10rem;
  color: #707070;
  margin-bottom: 0;
}
#content-404 article input {
  margin-bottom: 1rem;
}

/******************
    Layout
******************/
/** loop mini post **/
.post.loop-mini .article-wrapper {
  -webkit-box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.1);
  margin: 0.5rem;
}
.post.loop-mini .article-wrapper img {
  height: 220px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.post.loop-mini .article-wrapper h2 {
  font-size: 1.3rem;
  padding: 2rem;
}
.post.loop-mini .article-wrapper h2 a {
  font-weight: 800;
  color: black;
}
.post.loop-mini .article-wrapper h2 a:hover {
  color: #FFC416;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .post.loop-mini .article-wrapper {
    margin: 0;
  }
}
/** loop post **/
article.loop {
  margin-bottom: 2rem;
}
article.loop .article-wrapper {
  -webkit-box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.1);
}
article.loop .article-wrapper img {
  height: 150px;
  width: 100%;
  margin-bottom: 1rem;
  -o-object-fit: cover;
  object-fit: cover;
}
article.loop .article-wrapper h2 {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  color: black;
  padding-left: 2rem;
  padding-right: 2rem;
}
article.loop .article-wrapper .entry-date {
  padding-left: 2rem;
  padding-right: 2rem;
  color: #FFC416;
  font-size: 0.9rem;
}
article.loop .article-wrapper .article-content {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 2rem;
}
article.loop .article-wrapper .article-content .entry-content {
  margin-bottom: 0;
}
article.loop .article-wrapper .article-content .fav-fiets {
  margin-bottom: 1rem;
  color: #89C8F5;
}
article.loop .article-wrapper .article-content .fav-fiets a {
  color: #89C8F5;
}
article.loop .article-wrapper .article-content .fav-fiets a:hover {
  color: #FFC416;
}
article.loop .article-wrapper .article-content .read-more-loop {
  text-decoration: none;
  display: block;
}

.post-archive .breadcrumb-section.has-bg-img {
  margin-bottom: 3rem;
}
.post-archive .intro-text {
  margin-bottom: 2rem;
}

/** Testimonials **/
.loop-testimonial p {
  display: inline;
}

/*** Blog ***/
.single-post #breadcrumbs {
  margin-top: 1rem;
}
.single-post .entry-date {
  color: #FFC416;
}

/* faqs */
.faq-wrapper {
  margin-bottom: 4rem;
  margin-top: 4rem;
}

article.loop-faq {
  margin-bottom: 0.7rem;
  border: none;
}
article.loop-faq.show {
  display: block;
}
article.loop-faq.hide {
  display: none;
}
article.loop-faq .card-header,
article.loop-faq .card-header,
article.loop-faq .card-header:first-child {
  border: none;
  padding: 5px;
  background-color: transparent;
  border-bottom: none;
  margin-bottom: 0;
}
article.loop-faq .card-header button,
article.loop-faq .card-header button,
article.loop-faq .card-header:first-child button {
  border: none;
  text-decoration: none;
  white-space: normal;
  width: 100%;
  text-align: left;
  position: relative;
  background-color: transparent;
  padding: 0;
  text-transform: none;
  padding-left: 2rem;
  color: #89C8F5;
}
article.loop-faq .card-header button.collapsed,
article.loop-faq .card-header button.collapsed,
article.loop-faq .card-header:first-child button.collapsed {
  color: #FFC416;
}
article.loop-faq .card-header button.collapsed::before,
article.loop-faq .card-header button.collapsed::before,
article.loop-faq .card-header:first-child button.collapsed::before {
  color: #FFC416;
}
article.loop-faq .card-header button:hover,
article.loop-faq .card-header button:hover,
article.loop-faq .card-header:first-child button:hover {
  border: none;
  color: #89C8F5;
  text-decoration: none;
}
article.loop-faq .card-header button:hover::before,
article.loop-faq .card-header button:hover::before,
article.loop-faq .card-header:first-child button:hover::before {
  color: #89C8F5;
}
article.loop-faq .card-header button::before,
article.loop-faq .card-header button::before,
article.loop-faq .card-header:first-child button::before {
  content: "\f068";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.5rem;
  color: #89C8F5;
}
article.loop-faq .card-header button.collapsed::before,
article.loop-faq .card-header button.collapsed::before,
article.loop-faq .card-header:first-child button.collapsed::before {
  content: "\f067";
}
article.loop-faq .card-header button h1,
article.loop-faq .card-header button h1,
article.loop-faq .card-header:first-child button h1 {
  padding: 0;
}
article.loop-faq .card-header.active-acc,
article.loop-faq .card-header.active-acc,
article.loop-faq .card-header:first-child.active-acc {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
article.loop-faq .card-body {
  background-color: transparent;
  border: none;
  padding: 1.25rem 0;
}

/******************
    sidebar
****************/
aside.sidebar h3 {
  font-size: 1.2em;
}
aside.sidebar input#s {
  width: 7em;
}
aside.sidebar li {
  list-style: none;
  margin: 0 0 2em;
}
aside.sidebar li form {
  margin: 0.2em 0 0;
  padding: 0;
}
aside.sidebar ul ul {
  margin: 0 0 0 1em;
}
aside.sidebar ul ul li {
  list-style: disc;
  margin: 0 0 0 1px;
}
aside.sidebar ul ul ul {
  margin: 0 0 0 0.5em;
}
aside.sidebar ul ul ul li {
  list-style: circle;
}

/*****************
    footer
******************/
#igbar .col-12 {
  padding: 0;
}
#igbar .col-12 #insta-gallery-feed-1 .insta-gallery-list .insta-gallery-item {
  padding: 0;
}
#igbar .widget {
  margin-bottom: 0;
}

@media screen and (max-width: 1024px) and (min-width: 800px) {
  #igbar .insta-gallery-feed[data-feed_layout=gallery] .insta-gallery-list .insta-gallery-item,
#igbar .insta-gallery-feed[data-feed_layout=masonry] .insta-gallery-list .insta-gallery-item {
    width: 16.6% !important;
    min-width: 16.6% !important;
  }
}
@media screen and (max-width: 800px) {
  #igbar .insta-gallery-feed[data-feed_layout=gallery] .insta-gallery-list .insta-gallery-item,
#igbar .insta-gallery-feed[data-feed_layout=masonry] .insta-gallery-list .insta-gallery-item {
    width: 25% !important;
    min-width: 25% !important;
  }
}
#footerbar {
  background-color: #222222;
  padding: 2rem 0;
  color: #fff;
}
#footerbar .footer-1 h3.widgettitle,
#footerbar .footer-4 h3.widgettitle {
  color: #FFC416;
  font-size: 1rem;
  font-weight: 400;
  font-family: Lato, Arial, sans-serif;
}
#footerbar .footer-2 h3.widgettitle,
#footerbar .footer-3 h3.widgettitle {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  text-transform: uppercase;
}
#footerbar .footer-1,
#footerbar .footer-2,
#footerbar .footer-3 {
  border-right: 1px solid #303030;
}
#footerbar .widget {
  margin: 0 0 1rem 0;
}
#footerbar i {
  color: #fff;
  background-color: #FFC416;
  position: relative;
  border-radius: 50%;
  margin-right: 0.5rem;
  width: 35px;
  height: 35px;
}
#footerbar i.fa-instagram:before {
  left: 8px;
  position: absolute;
  top: 10px;
}
#footerbar i.fa-facebook-f:before {
  left: 11px;
  position: absolute;
  top: 9px;
}

#footer {
  padding: 0.5rem;
  font-size: 0.8rem;
}
#footer #copyright {
  padding-right: 0.2rem;
}
#footer ul {
  display: inline-block;
  margin-left: 0;
  margin-bottom: 0;
}
#footer ul li {
  display: inline-block;
  border-left: 1px solid black;
  padding: 0 0.2rem;
  line-height: 0.9rem;
}
#footer ul li:before {
  margin-left: auto;
  content: "";
  display: inline;
}
#footer a {
  color: black;
}
#footer a:hover {
  color: #FFC416;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  #footer ul {
    display: block;
  }
  #footer ul li {
    display: block;
    border-left: none;
    padding: 0.5rem 0;
  }
}
h6.widget-title-footer {
  margin-bottom: 0px !important;
  margin-top: 35px !important;
}

h6.widget-title-footer:first-child {
  margin-top: 4px !important;
}

div#text-4 p {
  margin-bottom: 30px !important;
}

/********************
    WOOCOMMERCE
*********************/
ul.products::before, ul.products::after, .wc-block-grid__products::before, .wc-block-grid__products::after {
  display: none;
}

.tax-product_brand .woocommerce-products-header .woocommerce-products-header__title,
.tax-product_brand .woocommerce-products-header .term-description {
  -ms-flex-order: unset;
  order: unset;
  -webkit-box-ordinal-group: unset;
  -webkit-order: unset;
}

/* single product page */
.single-product div.product,
.storefront-full-width-content.single-product div.product {
  margin-top: 1rem;
}
.single-product div.product span.product-label,
.storefront-full-width-content.single-product div.product span.product-label {
  left: 0;
  top: 0;
  right: auto;
}
.single-product div.product form.cart,
.storefront-full-width-content.single-product div.product form.cart {
  margin-bottom: 0.5rem;
  display: none;
}
.single-product div.product .btn-testrit-wrapper,
.storefront-full-width-content.single-product div.product .btn-testrit-wrapper {
  margin-bottom: 1rem;
  display: inline-block;
}
.single-product div.product .btn-testrit-wrapper .button-subtext,
.storefront-full-width-content.single-product div.product .btn-testrit-wrapper .button-subtext {
  color: #707070;
  display: block;
  font-size: 0.9rem;
  margin-top: 0.2rem;
  text-align: center;
}
.single-product div.product .onsale,
.storefront-full-width-content.single-product div.product .onsale {
  position: absolute;
  z-index: 11;
  background-color: #F5F5F5;
  left: 15px;
}
.single-product div.product .woocommerce-product-gallery,
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
  width: auto;
  float: none;
  margin-right: 0;
  position: relative;
}
.single-product div.product .woocommerce-product-gallery .product-image-zoom,
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery .product-image-zoom {
  position: absolute;
  z-index: 11;
  right: 0;
  top: 2px;
  color: #FFC416;
}
.single-product div.product .woocommerce-product-gallery img,
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery img {
  margin: 0 auto;
}
.single-product div.product .woocommerce-product-gallery .gallery-top,
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery .gallery-top {
  margin-bottom: 1rem;
}
.single-product div.product .woocommerce-product-gallery .gallery-thumbs .swiper-slide,
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery .gallery-thumbs .swiper-slide {
  opacity: 0.4;
}
.single-product div.product .woocommerce-product-gallery .gallery-thumbs .swiper-slide-thumb-active,
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery .gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}
.single-product div.product .woocommerce-product-gallery .swiper-button-next,
.single-product div.product .woocommerce-product-gallery .swiper-button-prev,
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery .swiper-button-next,
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery .swiper-button-prev {
  color: #D9D9D9;
}
.single-product div.product .woocommerce-product-gallery .swiper-button-next:hover, .single-product div.product .woocommerce-product-gallery .swiper-button-next:focus,
.single-product div.product .woocommerce-product-gallery .swiper-button-prev:hover,
.single-product div.product .woocommerce-product-gallery .swiper-button-prev:focus,
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery .swiper-button-next:hover,
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery .swiper-button-next:focus,
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery .swiper-button-prev:hover,
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery .swiper-button-prev:focus {
  outline: none;
  color: #707070;
}
.single-product div.product .woocommerce-product-gallery .swiper-button-next:after,
.single-product div.product .woocommerce-product-gallery .swiper-button-prev:after,
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery .swiper-button-next:after,
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery .swiper-button-prev:after {
  display: none;
}
.single-product div.product .stock-location-wrapper,
.storefront-full-width-content.single-product div.product .stock-location-wrapper {
  padding: 0.5rem 0;
  font-size: 0.8rem;
  color: #707070;
}
.single-product div.product .stock-location-wrapper .stock-location,
.storefront-full-width-content.single-product div.product .stock-location-wrapper .stock-location {
  cursor: default;
}
.single-product div.product .stock-location-wrapper .stock-location-extra-info,
.storefront-full-width-content.single-product div.product .stock-location-wrapper .stock-location-extra-info {
  display: inline-block;
  margin-left: 0.5rem;
}
.single-product .woo-tabs,
.storefront-full-width-content.single-product .woo-tabs {
  overflow: hidden;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.single-product .woo-tabs::before, .single-product .woo-tabs::after,
.storefront-full-width-content.single-product .woo-tabs::before,
.storefront-full-width-content.single-product .woo-tabs::after {
  content: "";
  display: table;
}
.single-product .woo-tabs::after,
.storefront-full-width-content.single-product .woo-tabs::after {
  clear: both;
}
.single-product .woo-tabs ul.nav-pills,
.storefront-full-width-content.single-product .woo-tabs ul.nav-pills {
  list-style: none;
  text-align: left;
  margin-bottom: 1rem;
  margin-left: 0;
  padding-left: 15px;
}
.single-product .woo-tabs ul.nav-pills a.nav-link,
.storefront-full-width-content.single-product .woo-tabs ul.nav-pills a.nav-link {
  display: inline-block;
  position: relative;
  color: black;
  background-color: #D9D9D9;
  padding: 1rem;
  border-radius: 0;
  margin: 0.5rem;
}
.single-product .woo-tabs ul.nav-pills a.nav-link::after,
.storefront-full-width-content.single-product .woo-tabs ul.nav-pills a.nav-link::after {
  display: none;
  content: "";
}
.single-product .woo-tabs ul.nav-pills a.nav-link:first-child,
.storefront-full-width-content.single-product .woo-tabs ul.nav-pills a.nav-link:first-child {
  margin-left: 0;
}
.single-product .woo-tabs ul.nav-pills a.nav-link.active,
.storefront-full-width-content.single-product .woo-tabs ul.nav-pills a.nav-link.active {
  background-color: #FFC416;
  color: #fff;
}
.single-product .woo-tabs ul.nav-pills a.nav-link:hover,
.storefront-full-width-content.single-product .woo-tabs ul.nav-pills a.nav-link:hover {
  background-color: #FFC416;
  color: #fff;
}
.single-product .woo-tabs .panel h2:first-of-type,
.storefront-full-width-content.single-product .woo-tabs .panel h2:first-of-type {
  font-size: 1.618em;
  margin-bottom: 1em;
}
.single-product .related.products,
.storefront-full-width-content.single-product .related.products {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.single-product .related.products h2,
.storefront-full-width-content.single-product .related.products h2 {
  margin-bottom: 0.8em;
}

#order_review_heading,
#order_review {
  width: auto;
  float: none;
}

/** product archive **/
.sidebar-product-archive {
  /*.irs{
      .irs-to,
      .irs-from{
          background: $color-light;
          font-size: 0.9rem;
      }
      .irs-slider{
          border: none;
          -webkit-box-shadow: none;
                  box-shadow: none;
          background: $color-primary;
      }
      .irs-bar{
          border-top-color: $color-primary;
          border-bottom-color: $color-primary;
          background: -webkit-gradient(linear, left bottom, left top, from($color-primary), to($color-primary-light));
          background: -o-linear-gradient(bottom, $color-primary 0%, $color-primary-light 100%);
          background: linear-gradient(to top, $color-primary 0%, $color-primary-light 100%)
      }
  }*/
}
.sidebar-product-archive #breadcrumbs {
  margin-top: 2rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #F5F5F5;
}
.sidebar-product-archive .woocommerce-ordering {
  margin-top: 3rem;
  float: none;
  margin-right: 0;
}
.sidebar-product-archive .woocommerce-ordering select {
  padding: 8px;
  font-size: 14px;
  width: 100%;
}
.sidebar-product-archive .woocommerce-ordering select option {
  padding: 8px;
}
.sidebar-product-archive .sidebar-desktop {
  margin-top: 1rem;
}
.sidebar-product-archive .sidebar-desktop input[type=search],
.sidebar-product-archive .sidebar-mobile input[type=search] {
  border: none;
  background-color: #F5F5F5;
  margin-bottom: 0.5rem !important;
}
.sidebar-product-archive .sidebar-desktop input[type=checkbox],
.sidebar-product-archive .sidebar-desktop input[type=radio],
.sidebar-product-archive .sidebar-mobile input[type=checkbox],
.sidebar-product-archive .sidebar-mobile input[type=radio] {
  vertical-align: middle;
  padding-top: 4px;
  padding-bottom: 4px;
}
.sidebar-product-archive .sidebar-desktop input[type=checkbox]:focus,
.sidebar-product-archive .sidebar-desktop input[type=radio]:focus,
.sidebar-product-archive .sidebar-mobile input[type=checkbox]:focus,
.sidebar-product-archive .sidebar-mobile input[type=radio]:focus {
  outline: none;
}
.sidebar-product-archive .sidebar-desktop label,
.sidebar-product-archive .sidebar-mobile label {
  display: inline !important;
}
.sidebar-product-archive .sidebar-desktop .woof_container_stock-location input[type=radio]:after,
.sidebar-product-archive .sidebar-mobile .woof_container_stock-location input[type=radio]:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -4px;
  left: -1px;
  position: relative;
  background-color: #d1d3d1;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}
.sidebar-product-archive .sidebar-desktop .woof_container_stock-location input[type=radio]:checked:after,
.sidebar-product-archive .sidebar-mobile .woof_container_stock-location input[type=radio]:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -4px;
  left: -1px;
  position: relative;
  background-color: #ffa500;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}
.sidebar-product-archive .sidebar-desktop .woof_container_stock-location .woof_term_186 input[type=radio]:checked:after,
.sidebar-product-archive .sidebar-desktop .woof_container_stock-location .woof_term_186 input[type=radio]:after,
.sidebar-product-archive .sidebar-mobile .woof_container_stock-location .woof_term_186 input[type=radio]:checked:after,
.sidebar-product-archive .sidebar-mobile .woof_container_stock-location .woof_term_186 input[type=radio]:after {
  background-color: #FFC416;
}
.sidebar-product-archive .sidebar-desktop .woof_container_stock-location .woof_term_187 input[type=radio]:checked:after,
.sidebar-product-archive .sidebar-desktop .woof_container_stock-location .woof_term_187 input[type=radio]:after,
.sidebar-product-archive .sidebar-mobile .woof_container_stock-location .woof_term_187 input[type=radio]:checked:after,
.sidebar-product-archive .sidebar-mobile .woof_container_stock-location .woof_term_187 input[type=radio]:after {
  background-color: #89C8F5;
}
.sidebar-product-archive .widget-woof h4 {
  border-bottom: 1px solid #F5F5F5;
  margin-top: 1rem;
  padding-bottom: 0.5rem;
  font-family: Lato, Arial, sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
}
.sidebar-product-archive .sidebar-mobile .woof_container,
.sidebar-product-archive #primary.sidebar .woof_container {
  margin-bottom: 1rem;
}
.sidebar-product-archive .sidebar-mobile ul,
.sidebar-product-archive #primary.sidebar ul {
  margin: 0;
}
.sidebar-product-archive .sidebar-mobile .woof_container_inner_merken .woof_checkbox_label,
.sidebar-product-archive #primary.sidebar .woof_container_inner_merken .woof_checkbox_label {
  font-size: 0.8rem;
}
.sidebar-product-archive .sidebar-mobile .woof_container_inner_productcategorien .woof_checkbox_label,
.sidebar-product-archive #primary.sidebar .woof_container_inner_productcategorien .woof_checkbox_label {
  font-size: 0.9rem;
}
.sidebar-product-archive .sidebar-mobile h4,
.sidebar-product-archive #primary.sidebar h4 {
  text-transform: uppercase;
  font-size: 1rem;
  padding: 0.5rem 0;
}
.sidebar-product-archive .sidebar-mobile .woof_label_count,
.sidebar-product-archive #primary.sidebar .woof_label_count {
  background: #89C8F5;
  color: black;
  display: none;
}
.sidebar-product-archive .sidebar-mobile .woof_checkbox_count,
.sidebar-product-archive #primary.sidebar .woof_checkbox_count {
  display: none;
}
.sidebar-product-archive .sidebar-mobile .woof_list_label .woof_label_term,
.sidebar-product-archive #primary.sidebar .woof_list_label .woof_label_term {
  background-color: #fff;
  width: 47px;
}
.sidebar-product-archive .sidebar-mobile .woof_list_label .woof_label_term:hover, .sidebar-product-archive .sidebar-mobile .woof_list_label .woof_label_term.checked,
.sidebar-product-archive #primary.sidebar .woof_list_label .woof_label_term:hover,
.sidebar-product-archive #primary.sidebar .woof_list_label .woof_label_term.checked {
  background-color: #FFC416;
  border-color: #FFC416;
}
.sidebar-product-archive .sidebar-mobile .filter-btn,
.sidebar-product-archive #primary.sidebar .filter-btn {
  width: 100%;
  margin-bottom: 1rem;
}
.sidebar-product-archive .sidebar-mobile .filter-btn i,
.sidebar-product-archive #primary.sidebar .filter-btn i {
  padding-right: 1rem;
}
.sidebar-product-archive .sidebar-mobile .modal,
.sidebar-product-archive #primary.sidebar .modal {
  margin-top: 90px;
}
.sidebar-product-archive .sidebar-mobile .modal .modal-dialog,
.sidebar-product-archive #primary.sidebar .modal .modal-dialog {
  margin: 0;
}
.sidebar-product-archive .sidebar-mobile .modal .modal-dialog .modal-content,
.sidebar-product-archive #primary.sidebar .modal .modal-dialog .modal-content {
  padding: 1rem 1.5rem 2rem;
}
.sidebar-product-archive .sidebar-mobile .modal .modal-dialog .modal-content .widget,
.sidebar-product-archive #primary.sidebar .modal .modal-dialog .modal-content .widget {
  margin: 0;
}
.sidebar-product-archive .sidebar-mobile .modal .modal-dialog .modal-content .WOOF_Widget,
.sidebar-product-archive #primary.sidebar .modal .modal-dialog .modal-content .WOOF_Widget {
  margin-bottom: 1rem;
}
.sidebar-product-archive .sidebar-mobile .modal .modal-dialog .modal-content .woof_reset_search_form,
.sidebar-product-archive #primary.sidebar .modal .modal-dialog .modal-content .woof_reset_search_form {
  width: 100%;
  margin-bottom: 1rem;
}
.sidebar-product-archive .sidebar-mobile .modal .modal-dialog .modal-content .woof_submit_search_form,
.sidebar-product-archive #primary.sidebar .modal .modal-dialog .modal-content .woof_submit_search_form {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .sidebar-product-archive .sidebar-desktop {
    display: block;
  }
  .sidebar-product-archive .sidebar-mobile {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .sidebar-product-archive #breadcrumbs {
    margin-top: 1rem;
  }
  .sidebar-product-archive .sidebar-desktop {
    display: none;
  }
  .sidebar-product-archive .sidebar-mobile {
    display: block;
  }
}
.archive-product .woocommerce-products-header {
  text-align: left;
  padding: 0 0 4rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.archive-product .woocommerce-products-header .product-archive-description {
  max-height: 150px;
  position: relative;
  overflow: hidden;
}
.archive-product .woocommerce-products-header .product-archive-description .description-read-more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: left;
  margin: 0;
  padding: 70px 15px 0;
  background-image: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(30%, white), color-stop(50%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(0deg, white 0%, white 30%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
}
.archive-product .woocommerce-pagination .page-numbers li .page-numbers {
  background-color: #F5F5F5;
  color: black;
  margin-bottom: 0.5rem;
}
.archive-product .woocommerce-pagination .page-numbers li .page-numbers:hover, .archive-product .woocommerce-pagination .page-numbers li .page-numbers.current {
  background-color: #FFC416;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .storefront-sorting .woocommerce-result-count,
.storefront-sorting .woocommerce-ordering {
    display: inline-block;
  }
  .storefront-sorting .woocommerce-ordering {
    margin-right: 1rem;
  }
}
.stock-location-wrapper {
  text-align: left;
  font-size: 0.7rem;
  color: #707070;
  padding: 0.5rem 1rem 0;
  padding-bottom: 0.5rem;
  display: block;
}
.stock-location-wrapper .stock-location {
  cursor: pointer;
}
.stock-location-wrapper .stock-location-extra-info {
  display: none;
}

@media screen and (max-width: 768px) {
  .stock-location-wrapper .stock-location-extra-info {
    display: inline;
  }
}
ul.products,
.wc-block-grid__products {
  margin-right: -15px;
  margin-left: -15px;
}
ul.products li.product,
.wc-block-grid__products li.product {
  margin-bottom: 1.5rem;
  width: auto;
  float: none;
  margin-right: 0;
}
ul.products li.product .onsale,
.wc-block-grid__products li.product .onsale {
  position: absolute;
  z-index: 99;
  background-color: #F5F5F5;
  right: 15px;
  top: 0;
}
ul.products li.product img,
.wc-block-grid__products li.product img {
  height: 180px;
  -o-object-fit: contain;
  object-fit: contain;
}
ul.products li.product .button,
.wc-block-grid__products li.product .button {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
ul.products li.product .price,
.wc-block-grid__products li.product .price {
  display: block;
  padding-bottom: 1rem;
}
ul.products li.product .woocommerce-loop-product__link,
.wc-block-grid__products li.product .woocommerce-loop-product__link {
  position: relative;
}
ul.products li.product .product-wrapper, ul.products li.loop-product-post .post-wrapper,
.wc-block-grid__products li.product .product-wrapper,
.wc-block-grid__products li.loop-product-post .post-wrapper {
  -webkit-box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.1);
}
ul.products li.loop-product-post,
.wc-block-grid__products li.loop-product-post {
  margin-bottom: 1.5rem;
}
ul.products li.loop-product-post .post-wrapper,
.wc-block-grid__products li.loop-product-post .post-wrapper {
  position: relative;
}
ul.products li.loop-product-post .post-wrapper a:hover .post-info-overlay,
.wc-block-grid__products li.loop-product-post .post-wrapper a:hover .post-info-overlay {
  color: #FFC416;
}
ul.products li.loop-product-post .post-wrapper a:hover .post-info-overlay h3,
.wc-block-grid__products li.loop-product-post .post-wrapper a:hover .post-info-overlay h3 {
  color: #FFC416;
}
ul.products li.loop-product-post .post-wrapper img,
.wc-block-grid__products li.loop-product-post .post-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
ul.products li.loop-product-post .post-wrapper .post-info-overlay,
.wc-block-grid__products li.loop-product-post .post-wrapper .post-info-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(transparent));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
  width: 100%;
  height: 100%;
  color: #fff;
}
ul.products li.loop-product-post .post-wrapper .post-info-overlay .product-info-wrapper,
.wc-block-grid__products li.loop-product-post .post-wrapper .post-info-overlay .product-info-wrapper {
  padding: 1rem;
  position: absolute;
  bottom: 0;
}
ul.products li.loop-product-post .post-wrapper .post-info-overlay .product-info-wrapper h3,
.wc-block-grid__products li.loop-product-post .post-wrapper .post-info-overlay .product-info-wrapper h3 {
  margin-bottom: 0;
  color: #fff;
}
ul.products li.loop-product-post .post-wrapper .post-info-overlay .product-info-wrapper .arrow,
.wc-block-grid__products li.loop-product-post .post-wrapper .post-info-overlay .product-info-wrapper .arrow {
  float: right;
}

.site-main ul.products li.product,
.storefront-full-width-content.single-product .related ul.products li.product,
.storefront-full-width-content.single-product .upsells ul.products li.product {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .site-main ul.products li.product,
.storefront-full-width-content.single-product .related ul.products li.product,
.storefront-full-width-content.single-product .upsells ul.products li.product {
    margin-right: 0;
  }
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
  background-color: #89C8F5;
}

span.product-label {
  position: absolute;
  z-index: 11;
  top: 0;
  right: 0;
  padding: 0.2rem 0.5rem;
  text-transform: uppercase;
  color: #fff;
  font-size: 0.7rem;
  background-color: #FFC416;
}
span.product-label.bgcolor-primary {
  background-color: #FFC416;
}
span.product-label.bgcolor-secondary {
  background-color: #89C8F5;
}
span.product-label.round {
  width: 55px;
  height: 55px;
  padding: 0.5rem;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: -20px;
}
span.product-label.featured {
  z-index: 15;
}

@media screen and (max-width: 768px) {
  span.product-label {
    position: absolute;
    z-index: 11;
    top: 0;
    right: 0;
    padding: 0.2rem 0.5rem;
    text-transform: uppercase;
    color: #fff;
    font-size: 0.7rem;
    background-color: #FFC416;
  }
  span.product-label.round {
    width: auto;
    height: auto;
    padding: 0.2rem 0.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    display: inline-block;
    top: 0;
  }
  span.product-label.featured {
    z-index: 15;
  }
}
/******************************
    Sections
*******************************/
.page-section {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.page-section.background-image-section, .page-section.flexible-columns-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.page-section.has-bg-color, .page-section.has-bg-img {
  margin-top: 2rem;
  margin-bottom: 2rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.page-section.section-large {
  min-height: 100vh;
  padding-top: 0;
}
.page-section .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-section .overlay.overlay-white {
  background-color: rgba(255, 255, 255, 0.5);
}
.page-section .overlay.overlay-dark {
  background-color: rgba(0, 0, 0, 0.5);
}
.page-section .rowwrapper .row:first-child {
  padding-top: 1rem;
}
.page-section .rowwrapper .row:last-child {
  padding-bottom: 1rem;
}
.page-section .rowwrapper .row.no-padding {
  padding: 0 !important;
}
.page-section .content-row .item {
  margin-bottom: 2rem;
}
.page-section .next-arrow {
  z-index: 1;
  position: absolute;
  bottom: 3rem;
}

/********* text image section ***********/
.text-img-section {
  padding: 3rem 0;
}
.text-img-section .column-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 992px) {
  .text-img-section .column-img {
    margin-bottom: 1rem;
  }
  .text-img-section .column-img img {
    max-height: 250px;
  }
}
/********* tabs section ***********/
.tabs-section .tab-intro {
  margin-bottom: 1rem;
}
.tabs-section ul.nav-tabs {
  margin-left: 0;
  border-bottom: none;
  justify-content: center;
}
.tabs-section ul.nav-tabs li.nav-item::before {
  display: none;
  content: "";
}
.tabs-section ul.nav-tabs li.nav-item a.nav-link {
  background-color: #89C8F5;
  color: white;
  border-radius: 0;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  margin-bottom: 1rem;
  border: none;
}
.tabs-section ul.nav-tabs li.nav-item a.nav-link:hover, .tabs-section ul.nav-tabs li.nav-item a.nav-link.active {
  background-color: #FFC416;
  color: white;
}
.tabs-section .tab-content {
  background-color: white;
}

/********* background image section ***********/
.background-image-section .button-subtext {
  display: block;
  font-size: 0.9rem;
  margin-top: 0.2rem;
}

/********* slider section ***********/
.slider-section .swiper-container {
  width: 100%;
}
.slider-section .swiper-container .swiper-slide {
  background-size: cover;
  background-repeat: no-repeat;
}
.slider-section .swiper-container .swiper-slide .container,
.slider-section .swiper-container .swiper-slide .row {
  height: 100%;
}
.slider-section .swiper-container .swiper-slide .container .entry-content,
.slider-section .swiper-container .swiper-slide .row .entry-content {
  padding: 1rem;
}

@media screen and (max-width: 768px) {
  .page-section {
    min-height: 200px !important;
  }
}
/********* product section ***********/
.product-section {
  text-align: center;
}
.product-section .swiper-product-container {
  overflow: hidden;
}
.product-section .swiper-product-container .product {
  margin: 1rem;
  padding: 1rem;
  -webkit-box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.1);
}
.product-section .swiper-product-container .product img {
  height: 150px;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.product-section .swiper-product-container .product a:hover {
  text-decoration: none;
}
.product-section .swiper-product-container .product h2 {
  font-family: Lato, Arial, sans-serif;
  font-size: 1rem;
  color: black;
}
.product-section .swiper-product-container .product .price {
  color: #707070;
  display: block;
  margin-bottom: 0.5rem;
}
.product-section .swiper-pagination {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.product-section .swiper-pagination .swiper-pagination-bullet {
  margin-right: 5px;
  width: 10px;
  height: 10px;
}
.product-section .swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
}
.product-section .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #FFC416;
}
.product-section .button-subtext {
  color: #707070;
  font-size: 0.9rem;
}

@media screen and (max-width: 768px) {
  .page-section {
    min-height: 200px !important;
  }
}
/********* testimonial section ***********/
.testimonial-section {
  padding: 2rem 0 1rem;
}
.testimonial-section .section-title {
  margin-bottom: 1.5em;
}
.testimonial-section article {
  margin-bottom: 2rem;
}
.testimonial-section article header img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  margin: 0 auto 1rem;
}
.testimonial-section article header h3 {
  font-family: Lato, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}
.testimonial-section article footer {
  padding-top: 1rem;
}

/********* breadcrumb section ***********/
.breadcrumb-section {
  padding: 1rem 0;
}
.breadcrumb-section.has-bg-img {
  padding: 4rem 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 2rem;
}
.breadcrumb-section.licht {
  color: #fff;
}
.breadcrumb-section.licht a {
  color: #fff;
}
.breadcrumb-section.licht a:hover {
  color: #FFC416;
}
.breadcrumb-section h2 {
  margin-bottom: 0.5rem;
}
.breadcrumb-section #breadcrumbs {
  margin-bottom: 0;
}

/********* blog section ***********/
.blog-section {
  padding: 3rem 0;
}
.blog-section .content-wrapper,
.blog-section article {
  margin-bottom: 1rem;
}

/********* header section ***********/
.header-section {
  padding: 0 0 3rem;
  margin-top: -50px;
}
.header-section img.header-img {
  width: 100%;
  height: 400px;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
}
.header-section .container {
  background-color: #fff;
  padding: 2rem 3rem;
  margin-top: -60px;
  position: relative;
}
.header-section .container .row {
  -webkit-box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.1);
}
.header-section .content-wrapper,
.header-section article {
  margin-bottom: 1rem;
}
.header-section .content-wrapper {
  padding: 2rem 1rem 1rem;
}
.header-section article .article-wrapper {
  position: relative;
}
.header-section article .article-wrapper .product-info-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
}
.header-section article .article-wrapper .product-info-overlay .product-info-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
.header-section article .article-wrapper .product-info-overlay .product-info-wrapper h3 {
  color: black;
  font-family: Lato, Arial, sans-serif;
  font-size: 1rem;
}
.header-section article .article-wrapper .product-info-overlay .product-info-wrapper .price {
  color: #303030;
}
.header-section article:hover .product-info-overlay {
  display: block;
}
.header-section article:first-child {
  border-right: 1px solid #F5F5F5;
}

@media screen and (max-width: 768px) {
  .header-section {
    padding: 0 0 3rem;
    margin-top: 0;
  }
  .header-section img.header-img {
    height: 300px;
  }
  .header-section article:first-child {
    border-bottom: 1px solid #F5F5F5;
  }
}
.header-section-content .entry-content {
  margin-bottom: 1rem;
}

/********* header section content ***********/
.header-section-content img.header-img {
  height: 250px !important;
}

/********* connected content section ***********/
.connected-content-section {
  text-align: center;
}
.connected-content-section .swiper-connected-content-container {
  overflow: hidden;
}
.connected-content-section .swiper-connected-content-container article.loop {
  margin: 1rem;
  -webkit-box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.1);
}
.connected-content-section .swiper-connected-content-container article.loop img {
  height: 150px;
  width: 100%;
  margin-bottom: 1rem;
  -o-object-fit: cover;
  object-fit: cover;
}
.connected-content-section .swiper-connected-content-container article.loop h2 {
  font-family: Lato, Arial, sans-serif;
  font-size: 1rem;
  margin-bottom: 1rem;
  color: black;
}
.connected-content-section .swiper-connected-content-container article.loop .article-content {
  padding: 0 1rem 1rem;
}
.connected-content-section .swiper-connected-content-container article.loop .article-content .fav-fiets {
  margin-bottom: 1rem;
  color: #89C8F5;
}
.connected-content-section .swiper-connected-content-container article.loop .article-content .fav-fiets a {
  color: #89C8F5;
}
.connected-content-section .swiper-connected-content-container article.loop .article-content .fav-fiets a:hover {
  color: #FFC416;
}
.connected-content-section .swiper-pagination {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.connected-content-section .swiper-pagination .swiper-pagination-bullet {
  margin-right: 5px;
  width: 10px;
  height: 10px;
}
.connected-content-section .swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
}
.connected-content-section .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #FFC416;
}

/********* category section ***********/
.category-section .cat-item {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}
.category-section .cat-item .cat-wrapper {
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.category-section .cat-item .cat-wrapper a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: rgba(0, 0, 0, 0.55);
}
.category-section .cat-item .cat-wrapper a:hover .cat-overlay h3 {
  color: #FFC416;
}
.category-section .cat-item .cat-wrapper a .cat-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.category-section .cat-item .cat-wrapper a .cat-overlay h3 {
  margin-bottom: 0;
  color: #fff;
  padding: 0.5rem;
}

/****        elements           ****/
/***********************
        classes
***********************/
.blok {
  padding: 2rem;
  -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
}

.blok-grey {
  background-color: #F5F5F5;
  color: black;
}

.text-light,
.color-white {
  color: #fff;
}
.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.color-white h1,
.color-white h2,
.color-white h3,
.color-white h4,
.color-white h5,
.color-white h6 {
  color: #fff;
}

a.color-white {
  text-decoration: underline;
}
a.color-white:visited, a.color-white:focus {
  color: #fff;
}

.text-dark {
  color: black;
}
.text-dark h1,
.text-dark h2,
.text-dark h3,
.text-dark h4,
.text-dark h5,
.text-dark h6 {
  color: black;
}

.big-font {
  font-size: 1.5rem;
}

/* 
 * Non-semantic helper classes 
 */
/* for image replacement */
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
  display: none;
  visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}

/* >> The Magnificent CLEARFIX << */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

/* Hides from IE-mac \*/
.clearfix {
  display: block;
}

/******************************
    elements
*******************************/
/* Back link */
a.back-link {
  color: #D9D9D9;
}
a.back-link i {
  margin-right: 0.5rem;
  margin-top: 0.5rem;
}
a.back-link:hover {
  color: #FFC416;
  text-decoration: none;
}

/* star rating */
.mm-star-rating i {
  color: #FFC416;
}
.mm-star-rating .half-star {
  position: relative;
  display: inline;
}
.mm-star-rating .half-star .color-yellow-half {
  position: absolute;
  top: 3px;
  left: 0;
}

ul {
  list-style: none;
  /* Remove default bullets */
  margin: 0 0 1rem 2rem;
}
ul li::before {
  content: "•";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #FFC416;
  font-weight: 400;
  /* If you want it to be bold */
  display: inline-block;
  width: 1rem;
  margin-left: -1rem;
}
ul.black-bullets li::before {
  color: black;
}

ul.brand-thumbnails li:before,
ul.shiftnav-menu li:before,
ul#woo-tab li:before,
.woof_products_top_panel ul li:before,
.sidebar-product-archive ul li:before,
ul.page-numbers li:before,
.woocommerce-MyAccount-navigation ul li:before,
ul.wc_payment_methods li:before,
ul#shipping_method li:before,
ul.products li:before {
  content: "";
  display: none;
  margin-left: auto;
}

img {
  border-radius: 0;
}

section.newsletter-cta {
  padding: 3rem 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
section.newsletter-cta h3 {
  margin-bottom: 0;
}
section.newsletter-cta .gform_wrapper {
  margin-top: 0;
}
section.newsletter-cta .gform_wrapper form .gfield_description {
  display: none;
}
section.newsletter-cta .gform_wrapper form .gform_body {
  display: inline-block;
  width: 70%;
}
section.newsletter-cta .gform_wrapper form .gform_footer {
  display: inline-block;
  width: auto;
}

@media screen and (max-width: 768px) {
  section.newsletter-cta form .gform_body {
    width: 100%;
  }
}
.hentry {
  margin: 0;
}
.hentry .entry-content {
  margin-bottom: 2rem;
}

.kbc-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.kbc-wrapper .kbc-logo,
.kbc-wrapper .kbc-info {
  padding-right: 1rem;
  margin-bottom: 0.5rem;
}
.kbc-wrapper .kbc-logo p,
.kbc-wrapper .kbc-info p {
  margin-bottom: 0;
  font-weight: 800;
}
.kbc-wrapper .kbc-logo p:last-child,
.kbc-wrapper .kbc-info p:last-child {
  color: #009FE3;
}
.kbc-wrapper .btn-kbc {
  margin-bottom: 0.5rem;
  background-color: #009FE3;
  border-color: #009FE3;
}
.kbc-wrapper .btn-kbc:hover {
  background-color: #FFC416;
  border-color: #FFC416;
}

.pum-container,
.pum-content,
.pum-content + .pum-close,
.pum-content + .pum-close:active,
.pum-content + .pum-close:focus,
.pum-content + .pum-close:hover,
.pum-overlay,
.pum-title {
  line-height: 1.5;
}

/************************
*       PAGINATION      *
*************************/
.pagination {
  clear: both;
  padding: 20px 0;
  position: relative;
  font-size: 0.9rem;
  border: none;
}
.pagination span,
.pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 6px 9px 5px 9px;
  text-decoration: none;
  width: auto;
  color: black;
  background: #F5F5F5;
}
.pagination a:hover {
  color: #fff;
  background: #FFC416;
}
.pagination .current {
  padding: 6px 9px 5px 9px;
  background: #FFC416;
  color: #fff;
}

/*# sourceMappingURL=style.css.map */