/*
Theme Name: ondernemen055
Author: Amazing
Author URI: http://www.amazing.nl
Description: Amazing ondernemen055 theme with SASS feature
Version: beta
Text Domain: ondernemen055
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
/*!
 *
 * Overwrite default variables
 * Define your variables in sections
 *
 */
/*!
 *
 * Overwrite default mixins
 * Or create new ones
 *
 */
/* Usage Examples
    .my-level-1-heading-class {
        @include text-crop; // Will use default line height of 1.3
        font-size: 48px;
        margin: 0 0 0 16px;
    }

    .my-level-2-heading-class {
        @include text-crop; // Will use default line height of 1.3
        font-size: 32px; // Don't need to change any settings, will work with any font size automatically
        margin: 0 0 0 16px;
    }

    .my-body-copy-class {
        @include text-crop($line-height: 2); // Larger line height desired, set the line height via the mixin
        font-size: 16px;
    }

    // Sometimes depending on the font-size, the rendering, the browser, etc. you may need to tweak the output.
    // You can adjust the top and bottom cropping when invoking the component using the $top-adjustment and $bottom-adjustment settings

    .slight-adjustment-needed {
        @include text-crop($top-adjustment: -0.5px, $bottom-adjustment: 2px);
        font-size: 17px;
    }

    .dont-do-this {
        @include text-crop;
        font-size: 16px;
        line-height: 3; // DO NOT set line height outside of the mixin, the mixin needs the line height value to calculate the crop correctly
    }
*/
/*!
 *
 * _TK theme specific setting and resets!
 *
 */
/*
Theme Name: _tk
Theme URI: http://themekraft.com/store/_tk-free-wordpress-starter-theme-based-on-twitter-bootstrap/
Author: ThemeKraft
Author URI: http://themekraft.com/
Description: Hi, I am the ultra minimal starter theme _tk, ready for your next awesome WordPress project! I am the most seamless and minimalistic integration of Twitter Bootstrap Framework into the _s starter theme from Automattic, the guys behind WordPress. You can find me on GitHub. Fork me! I'm waiting for you ;)
Version: 1.1.10
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: gray, light, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, sticky-post,  theme-options, threaded-comments, translation-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.

This theme is the most seamless and minimalistic integration of Twitter Bootstrap Framework into
the _s starter theme from Automattic, the guys behind WordPress.

_s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc. Twitter Bootstrap

Credits:

1. Bootstrap

 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c

2. wp_bootstrap_navwalker

* Class Name: wp_bootstrap_navwalker
* GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker

3. Glyphicons

 * http://getbootstrap.com/components/

*/
/* My Minimal WordPress Styling comes here */
/* This is a small security for too long strings titles */
/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

/* Images and wp-captions should always fit and be responsive */
img:not(.media-object) {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

img[class*="wp-image-"] {
  margin-top: 10px;
  margin-bottom: 10px;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
}

/* WP Gallery */
.gallery {
  margin-bottom: 1.5em;
}

.gallery a img {
  border: none;
  height: auto;
  max-width: 90%;
}

.gallery dd {
  margin: 0;
}

.gallery-caption {
  display: block;
}

/* 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;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  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 */
}

/* Content */
.main-content-inner {
  padding-bottom: 1.5em;
}

.hentry {
  margin: 0 0 1.5em;
}

.sticky {
  display: block;
}

.bypostauthor {
  display: block;
}

/* Clearing */
.clear {
  clear: both;
}

/* Navigation */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:active > .dropdown-menu, .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:active > a:after {
  border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget {
  margin-bottom: 2em;
}

.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li {
  padding-left: 15px;
}

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] {
  display: none;
}

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

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
.comment .children {
  margin-left: 1.5em;
}

/**
* Some WP Theme Repository requirements
*/
.entry-meta {
  clear: both;
}

/*
 == Quick CSS styling tips ==

 You can start off in a rough direction with some minimal styles.
 See below for some tips. ;)


 == Want to have the whole site wrapped? ==

 Just fill the .container class with some background color to have a the whole site "wrapped".
 This works so easy because every main part is wrapped only once into a container class by bootstrap.
 Try out by decommenting the next line and go from there.

 .container { background: #f9f9f9; border-right: 1px solid #eee; border-left: 1px solid #eee; }


 == Want to wrap just the content and sidebar in Bootstrap style? ==

 That one is a great example to show that some things are much cleaner and easier to do via just adding some HTML classes.
 In this case, we will add just one CSS class "panel", look for example at the beginning in content.php!


 == Infinite Scrolling by Jetpack ==
 You can enable this cool feature by simply decommenting the lines below and make sure you use the same classes on the right place in your html..

/* Globally hidden elements when Infinite Scroll is supported and in use.
 * Older / Newer Posts Navigation (the pagination, must always be hidden), Theme Footer only when set to scrolling.. */
/*
.infinite-scroll .page-links,
.infinite-scroll.neverending .site-footer {
	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;
}
*/
/* Hey, if you don't need my comments anymore, just delete me! :)  */
/* styles for _tk_pagination und _tk_link_pages */
/* Small Screens Mobile devices 480px
================================================== */
/* Tablet Screen 768px
================================================== */
/* Medium Desktops Screens 992px
================================================== */
/* Large Desktops Screens 1200px
================================================== */
/*!
 *
 * Default HTML attributes styling no classes!
 *
 */
html {
  /* Adjust font size */
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  /* Font varient */
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  /* Smoothing */
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  max-width: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  position: relative;
  word-wrap: break-word;
  color: black;
  padding-bottom: 20px;
}

body.admin-bar .navbar-fixed-top {
  top: 32px !important;
}

* {
  font-family: "Maven Pro", sans-serif;
}

.bg-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

header .bg-image {
  position: relative;
}

h1, .news_overview .post-item .post-item-content h3, .news_overview .post-item .post-item-content .archive .tax-nav h3 a, .archive .tax-nav h3 .news_overview .post-item .post-item-content a, .h1,
h2, .h2,
h3,
.archive .tax-nav h3 a, .h3 {
  line-height: 1;
}

h1::before, .news_overview .post-item .post-item-content h3::before, .news_overview .post-item .post-item-content .archive .tax-nav h3 a::before, .archive .tax-nav h3 .news_overview .post-item .post-item-content a::before, h1::after, .news_overview .post-item .post-item-content h3::after, .news_overview .post-item .post-item-content .archive .tax-nav h3 a::after, .archive .tax-nav h3 .news_overview .post-item .post-item-content a::after, .h1::before, .h1::after,
h2::before,
h2::after, .h2::before, .h2::after,
h3::before,
.archive .tax-nav h3 a::before,
h3::after,
.archive .tax-nav h3 a::after, .h3::before, .h3::after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

h1::before, .news_overview .post-item .post-item-content h3::before, .news_overview .post-item .post-item-content .archive .tax-nav h3 a::before, .archive .tax-nav h3 .news_overview .post-item .post-item-content a::before, .h1::before,
h2::before, .h2::before,
h3::before,
.archive .tax-nav h3 a::before, .h3::before {
  margin-bottom: calc(-0.21875em + 0px);
}

h1::after, .news_overview .post-item .post-item-content h3::after, .news_overview .post-item .post-item-content .archive .tax-nav h3 a::after, .archive .tax-nav h3 .news_overview .post-item .post-item-content a::after, .h1::after,
h2::after, .h2::after,
h3::after,
.archive .tax-nav h3 a::after, .h3::after {
  margin-top: calc(-0.125em + 0px);
}

h1, .news_overview .post-item .post-item-content h3, .news_overview .post-item .post-item-content .archive .tax-nav h3 a, .archive .tax-nav h3 .news_overview .post-item .post-item-content a, .h1 {
  margin-top: 0.5rem;
  margin-bottom: 2rem;
}

h2, .h2,
h3,
.archive .tax-nav h3 a, .h3 {
  margin-bottom: 1.125rem;
}

h4, .post-item .post-item-content h3, .post-item .post-item-content .archive .tax-nav h3 a, .archive .tax-nav h3 .post-item .post-item-content a, .h4 {
  margin-bottom: 1rem;
}

h5, .h5 {
  margin-bottom: 0.875rem;
}

p a:not(.btn) {
  text-decoration: underline;
}

p a:hover {
  color: #9b9b9b;
}

.container {
  padding-left: 30px;
  padding-right: 30px;
}

.clickable,
.full-size {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 60;
}

.clickable {
  cursor: pointer;
}

.on-top {
  z-index: 150;
}

.btn:focus, #navbar-main #btn-stuurin:focus, .btn:focus-within, #navbar-main #btn-stuurin:focus-within, .btn:active, #navbar-main #btn-stuurin:active {
  box-shadow: none;
}

.btn-sm {
  padding: 4px 14px 7px;
}

.btn-tag {
  text-transform: lowercase;
  border-radius: 20px;
  margin-bottom: 5px;
}

.btn-lg:not(.btn-search):not(.network-index-filters-branches-button):not(.navbar-toggle):not(.icon-nav) {
  position: relative;
  padding: 17px 45px 19px 20px;
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
}

.btn-lg:not(.btn-search):not(.network-index-filters-branches-button):not(.navbar-toggle):not(.icon-nav) i {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.media {
  background-color: white;
  position: relative;
}

.media-left {
  padding-right: 20px;
}

.media-body {
  vertical-align: middle;
}

.media-object {
  width: 100px;
}

.media-date {
  color: white;
}

.has-figurative-bg {
  background-image: url(img/figurative-background.svg);
  background-repeat: no-repeat;
  background-position: left 150px;
  background-size: 200px auto;
}

.category-label {
  display: inline-block;
  font-weight: bold;
  background-color: #ffed00;
  color: black;
  padding: 0 4px;
  line-height: 1;
  margin-bottom: 20px;
  font-size: 0.875rem;
  text-transform: lowercase;
}

.bg-yellow {
  background-color: #ffed00;
}

.bg-gray {
  background-color: rgba(0, 0, 0, 0.1);
}

.overlay {
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 0;
}

.gradient-overlay {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */
}

.text-highlight {
  background-color: #ffed00;
  color: black;
}

.form-menu-tabs h2 {
  font-size: 1.25em;
  font-weight: 700;
  border-bottom: 1px solid #ccc;
  margin: 0 0 10px;
  padding: 0 0 8px;
}

.form-menu-tabs .nav.nav-pills {
  background: transparent;
}

.form-menu-tabs .nav.nav-pills li {
  display: block;
  float: none;
}

.form-menu-tabs .nav.nav-pills li + li {
  margin: 0;
}

.form-menu-tabs .nav.nav-pills li a {
  height: 30px;
  display: flex;
  align-items: center;
  padding: 0;
  line-height: 1;
  cursor: pointer;
}

.form-menu-tabs .nav.nav-pills li a:before {
  margin-right: 6px;
  content: " ";
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: white;
  border: 1px solid grey;
  transition: .3s;
}

.form-menu-tabs .nav.nav-pills li a:hover {
  background: none;
}

.form-menu-tabs .nav.nav-pills li.active a {
  font-weight: bold;
  background: none;
}

.form-menu-tabs .nav.nav-pills li.active a:before {
  border: 5px solid black;
}

.form-menu-tabs .gform_wrapper {
  margin: 0;
}

.form-menu-tabs .gform_wrapper .validation_message {
  float: right;
  margin-left: 20px;
}

.form-menu-tabs .gform_wrapper ul li.gfield.gsection {
  margin: 45px 0 20px;
}

/* Small Screens Mobile devices 480px
================================================== */
/* Tablet Screen 768px
================================================== */
@media only screen and (min-width: 768px) {
  h1, .news_overview .post-item .post-item-content h3, .news_overview .post-item .post-item-content .archive .tax-nav h3 a, .archive .tax-nav h3 .news_overview .post-item .post-item-content a, .h1 {
    font-size: 2.33rem;
    margin-bottom: 2.33rem;
  }
  h2, .h2 {
    font-size: 1.75rem;
    margin-bottom: 1.75rem;
  }
  
  h3,
  .archive .tax-nav h3 a, .h3 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
  h4, .post-item .post-item-content h3, .post-item .post-item-content .archive .tax-nav h3 a, .archive .tax-nav h3 .post-item .post-item-content a, .h4 {
    font-size: 1.125rem;
  }
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .row-eq-height {
    display: table;
    width: 100%;
  }
  .row-eq-height [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
  }
  .row-vertical-align {
    display: table;
  }
  .row-vertical-align [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: middle;
  }
  @supports (display: flex) {
    .vertical-align {
      display: flex;
      align-items: center;
    }
    .vertical-align.text-center {
      justify-content: center;
    }
    .row-eq-height {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
    .row-eq-height [class*="col-"] {
      display: block;
    }
  }
  body {
    position: relative;
    word-wrap: break-word;
    color: black;
    padding-bottom: 100px;
  }
  .has-figurative-bg {
    background-size: 320px auto;
  }
  .media-object {
    width: 170px;
  }
}

/* Medium Desktops Screens 992px
================================================== */
@media only screen and (min-width: 992px) {
  h1, .news_overview .post-item .post-item-content h3, .news_overview .post-item .post-item-content .archive .tax-nav h3 a, .archive .tax-nav h3 .news_overview .post-item .post-item-content a, .h1 {
    font-size: 2.75rem;
    margin-bottom: 2.75rem;
  }
  h2, .h2 {
    font-size: 2rem;
    margin-bottom: 20px;
  }
  
  h3,
  .archive .tax-nav h3 a, .h3 {
    font-size: 1.75rem;
    margin-bottom: 1.75rem;
  }
  h4, .post-item .post-item-content h3, .post-item .post-item-content .archive .tax-nav h3 a, .archive .tax-nav h3 .post-item .post-item-content a, .h4 {
    font-size: 1.125rem;
  }
  .has-figurative-bg {
    background-size: 425px auto;
  }
}

/* Large Desktops Screens 1200px
================================================== */
@media only screen and (min-width: 1200px) {
  .break-out {
    width: calc(((100vw - 1170px) / 2 + 1170px));
    position: relative;
    left: 0;
  }
}

@keyframes show-and-grow {
  0% {
    display: none;
    overflow: hidden;
    max-height: 0;
  }
  5% {
    display: block;
  }
  100% {
    max-height: 10000px;
  }
}

@keyframes hide-and-shrink {
  0% {
    display: block;
    max-height: 10000px;
  }
  5% {
    display: block;
  }
  100% {
    display: none;
    overflow: hidden;
    max-height: 0;
  }
}

/*!
 *
 * section: Navigation styling
 *
 */
.navbar .icon-title {
  font-size: 0.75rem;
  font-weight: 500;
}

.navbar .icon-nav {
  background-color: transparent;
  padding: 10px;
  padding-right: 0;
  float: right;
}

.navbar .icon-nav.btn-send-in {
  border-radius: 0 0;
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
}

.navbar .icon-nav.btn-send-in .icon-title {
  display: block;
}

.navbar .icon-nav.btn-send-in:hover {
  background-color: #ccbe00;
}

#navbar-main {
  margin-bottom: 0;
  border: none;
  background: #ffed00;
  min-height: 0;
}

#navbar-main .navbar-header {
  padding: 0 10px;
}

#navbar-main .navbar-header::before, #navbar-main .navbar-header::after {
  content: none;
}

#navbar-main a.logo {
  width: 250px;
  background-color: #ffed00;
}

#navbar-main a.logo img {
  width: 100%;
  display: block;
}

#navbar-main #btn-navbar {
  box-shadow: none;
}

#navbar-main #btn-navbar:hover, #navbar-main #btn-navbar:focus {
  background: none;
}

#navbar-main #btn-navbar[aria-expanded=true] .fa-search:before {
  content: '\F00D';
}

#navbar-main #btn-navbar span {
  font-weight: 500;
}

#navbar-main #btn-navbar span i {
  right: 0;
  font-weight: bold;
}

#navbar-main .navbar-header {
  display: flex;
  align-items: center;
  height: 100px;
  justify-content: space-between;
}

#navbar-main .navbar-header .right-sided {
  height: 100%;
  display: flex;
  align-items: center;
}

#navbar-main .navbar-header .navbar-brand {
  display: flex;
  height: 100%;
  padding: 0 45px 0 0;
}

#navbar-main .navbar-header .icon-nav {
  order: 3;
}

#navbar-main .navbar-header .icon-nav .fas {
  font-size: 16px;
}

#navbar-main-mobile {
  background: black;
  border: none;
}

#navbar-main-mobile #main-menu-mobile {
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

#navbar-main-mobile #main-menu-mobile > li {
  display: inline-block;
}

#navbar-main-mobile #main-menu-mobile::before, #navbar-main-mobile #main-menu-mobile::after {
  content: none;
}

#navbar-main-mobile #main-menu-mobile a {
  padding: 13px 5px;
}

.navbar-nav li a {
  font-size: 0.875em;
  font-weight: 500;
  color: white;
  line-height: 100% !important;
  padding: 13px 5px;
  transition: all 0.2s ease;
}

.navbar-nav li.current-menu-item a,
.navbar-nav li a:hover,
.navbar-nav li a:focus {
  background: none;
  color: #ffed00;
}

#main-filter {
  padding: 0;
  border: 0;
}

#main-filter.navbar-toggle {
  display: block !important;
}

#main-filter.navbar-collapse.collapse {
  display: none !important;
  /* @Home: meu/filters visible by default */
}

body.home #main-filter.navbar-collapse.collapse {
  height: auto !important;
  display: block !important;
}

#main-filter.navbar-collapse.collapse.in {
  display: block !important;
}

/* @Home @Mob: nav btn not visible */
body.home #btn-navbar {
  display: none !important;
}

/* ONLY small devices
================================================== */
/* Small Screens Mobile devices 480px
================================================== */
/* Tablet Screen 768px
================================================== */
/* Medium Desktops Screens 992px
================================================== */
@media only screen and (min-width: 992px) {
  .navbar-right {
    margin-right: 0;
    display: flex;
    height: 100%;
  }
  .navbar-right li.menu-item {
    display: flex;
    height: 100%;
  }
  .navbar-right li.menu-item a {
    display: flex;
    align-items: center;
  }
  .navbar-right li.menu-item a:before {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    width: 100%;
    background: transparent;
    height: 10px;
  }
  .navbar-right li.menu-item a:hover:before {
    background: #ffed00;
  }
  .navbar .icon-nav.btn-send-in {
    order: 1;
    background-color: #ffed00;
    border-radius: 40px;
    padding-top: 13px;
    padding-bottom: 16px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 6px;
  }
  .navbar .icon-nav.btn-send-in i {
    margin-right: 5px;
  }
  .navbar .icon-nav.btn-send-in .icon-title {
    font-size: 1rem;
    display: inline-block;
  }
  .navbar li {
    padding-left: 10px;
    padding-right: 10px;
  }
  .navbar li a {
    font-size: 1rem;
    padding: 0;
    position: relative;
  }
  #btn-navbar {
    min-width: 42px;
  }
  #navbar-main {
    background: white;
  }
  #navbar-main::before {
    position: absolute;
    display: block;
    width: calc((100vw - 850px) / 2);
    height: 100%;
    z-index: 0;
    background: #ffed00;
  }
  #navbar-main #btn-navbar span span {
    display: none;
  }
  #navbar-main .navbar-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  #navbar-main .navbar-wrapper::before, #navbar-main .navbar-wrapper::after {
    content: none;
  }
  #navbar-main .navbar-wrapper .navbar-header {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  #navbar-main a.logo {
    position: relative;
    z-index: 1;
    margin-left: 0;
  }
  #navbar-main-desktop {
    margin-left: auto;
  }
  #navbar-main-desktop #main-menu {
    margin-right: 0;
  }
  #navbar-main-desktop #main-menu li {
    position: relative;
    margin-right: 40px;
  }
  #navbar-main-desktop #main-menu li::before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 10px;
    transition: all .3s ease-in-out;
  }
  #navbar-main-desktop #main-menu li:hover::before, #navbar-main-desktop #main-menu li.current-menu-item::before {
    background: #ffed00;
  }
  #navbar-main-desktop #main-menu li:last-of-type {
    margin-right: 0;
  }
  #navbar-main-desktop #main-menu a {
    padding: 0;
    height: 120px;
    line-height: 120px !important;
    font-size: 1em;
  }
}

/* Large Desktops Screens 1200px
================================================== */
@media only screen and (min-width: 1200px) {
  .navbar li {
    padding-left: 15px;
    padding-right: 15px;
  }
}

body.home .main-header {
  margin-bottom: 20px;
}

#breadcrumb {
  margin-top: 10px;
  margin-bottom: 10px;
}

#breadcrumb * {
  color: #9b9b9b;
  font-size: 0.97em;
}

#breadcrumb i {
  margin: 0 10px;
  color: #d4d4d5;
}

/* ONLY small devices
================================================== */
@media only screen and (max-width: 992px) {
  body:not(.organisation-template-default) .main-header {
    margin-bottom: 20px;
  }
}

/* Medium Desktops Screens 992px
================================================== */
@media only screen and (min-width: 992px) {
  body.home .main-header {
    margin-bottom: 50px;
  }
}

.header-intro-section {
  margin-bottom: -50px;
  padding-top: 40px;
}

.post-type-archive .header-intro-section {
  margin-bottom: 0px;
}

@media only screen and (min-width: 992px) {
  .header-intro-section .intro-content-row {
    display: flex;
    align-items: center;
  }
}

.header-intro-section .intro-content {
  padding-top: 20px;
  padding-bottom: 20px;
}

.header-intro-section .intro-content-right {
  padding-left: 20px;
  padding-right: 20px;
}

.btn.btn-intro-send-in, #navbar-main .btn-intro-send-in#btn-stuurin {
  display: inline-flex;
  align-items: center;
  height: 56px;
  border-radius: 28px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.btn.btn-intro-send-in .send-in, #navbar-main .btn-intro-send-in#btn-stuurin .send-in {
  margin-left: 0.25rem;
}

section.has-figurative-bg {
  background-position: left top;
}

.news-area-wrapper h2 .pull-right, .news-area-wrapper h2 .comments-area #cancel-comment-reply-link, .comments-area .news-area-wrapper h2 #cancel-comment-reply-link,
.events-area h2 .pull-right,
.events-area h2 .comments-area #cancel-comment-reply-link,
.comments-area .events-area h2 #cancel-comment-reply-link {
  margin-top: 7px;
}

.news-area-wrapper {
  margin-bottom: 40px;
}

.news-area-wrapper .media {
  border: solid 1px #d4d4d5;
}

.news-area-wrapper .media:not(:first-child) {
  margin-top: 10px;
}

.news-area-wrapper .media-date {
  color: #9b9b9b;
}

.news-area-wrapper .media-date span {
  font-size: 0.8em;
}

.news-area-wrapper .media-left {
  max-height: 80px;
  overflow: hidden;
}

.news-area-wrapper.aside .post-slider-wrapper {
  padding: 0;
  border: 0;
}

.news-area-wrapper.aside .post-slider-wrapper .news-slider {
  margin-bottom: 24px;
}

.news-area-wrapper.aside .post-slider-wrapper .news-slider .media-object {
  width: auto;
  height: 105px;
}

.news-area-wrapper.aside .post-slider-wrapper .news-slider .click-to-all-items {
  height: 107px;
  padding: 17px 20px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffed00;
}

.news-area-wrapper.aside .post-slider-wrapper .news-slider .click-to-all-items:hover {
  background: #ccbe00;
}

.news-area-wrapper.aside .post-slider-wrapper .news-slider .click-to-all-items .content-text {
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 700;
}

.news-area-wrapper.aside .post-slider-wrapper .news-slider .click-to-all-items .far {
  font-size: 1.25rem;
}

.events-area .row > div:last-of-type .agenda-item {
  margin-bottom: 0;
}

.home .media-excerpt {
  display: none !important;
}

/* Small Screens Mobile devices 480px
================================================== */
/* Tablet Screen 768px
================================================== */
/* Medium Desktops Screens 992px
================================================== */
@media only screen and (min-width: 992px) {
  .news-events-section h2 small {
    font-size: 1rem;
    display: inline-block;
    float: right;
    margin-top: 7px;
  }
  .news-area-wrapper {
    margin-top: 0;
    margin-bottom: 75px;
  }
  .news-area-wrapper .media-body {
    padding: 10px 0;
  }
}

/* Large Desktops Screens 1200px
================================================== */
/*!
 *
 * Header Filter styling
 *
 */
.tag-filter-wrapper {
  position: relative;
  padding-top: 60px;
  padding-bottom: 50px;
  transition: all 0.2s ease-in-out;
}

.tag-filter-wrapper.bg-image {
  background-position: top center;
}

.tag-filter-wrapper .tag-filter-container {
  color: white;
  position: relative;
  z-index: 5;
}

.tag-filter-wrapper .tag-filter-container .title-tag .h1 {
  font-size: 2rem;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.tag-filter-wrapper .tag-filter-container h1, .tag-filter-wrapper .tag-filter-container .news_overview .post-item .post-item-content h3, .news_overview .post-item .post-item-content .tag-filter-wrapper .tag-filter-container h3, .tag-filter-wrapper .tag-filter-container .news_overview .post-item .post-item-content .archive .tax-nav h3 a, .news_overview .post-item .post-item-content .archive .tax-nav h3 .tag-filter-wrapper .tag-filter-container a, .tag-filter-wrapper .tag-filter-container .archive .tax-nav h3 .news_overview .post-item .post-item-content a, .archive .tax-nav h3 .news_overview .post-item .post-item-content .tag-filter-wrapper .tag-filter-container a, .tag-filter-wrapper .tag-filter-container .h1 {
  color: inherit;
  font-size: 2.5rem;
}

.tag-filter-wrapper .tag-filter-container .filter-search {
  margin-bottom: 10px;
}

.tag-filter-wrapper .tag-filter-container .btn-search {
  line-height: 1.35;
}

.tag-filter-tags a.btn-more {
  border: solid 1px transparent;
  color: #ffed00 !important;
  font-weight: 700;
  padding-left: 0;
}

.tag-filter-tags a.btn-more:hover {
  color: white;
}

.tag-filter-tags a.btn-more i {
  font-size: 0.7em;
}

ul.tags {
  margin: 0;
}

ul.tags li.tag {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}

ul.tags li.tag a.btn, ul.tags li.tag #navbar-main a#btn-stuurin, #navbar-main ul.tags li.tag a#btn-stuurin {
  margin: 0;
  transition: all 0.2s ease-in-out;
}

ul.tags li.tag a.btn-tag {
  color: white;
  border: solid 1px rgba(212, 212, 213, 0.3);
  border-radius: 20px 20px;
}

ul.tags li.tag:hover a.btn-tag {
  color: black;
  background-color: #ffed00;
  border: solid 1px #ffed00;
}

ul.tags span.initial-hidden-tags {
  display: none;
}

.cat-filter-wrapper {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgba(0, 0, 0, 0.1);
}

.cat-filter-container h3, .cat-filter-container .archive .tax-nav h3 a, .archive .tax-nav h3 .cat-filter-container a {
  font-size: 1.5rem;
  margin-top: 0;
  margin-bottom: 20px;
}

.cat-filter-container .nav-tabs li {
  font-size: 0.875rem;
  display: table-cell;
  width: 1%;
}

.cat-filter-container .nav-tabs li a {
  margin-bottom: 0;
  background-color: white;
  border: none !important;
  color: black;
  text-align: left !important;
  cursor: pointer !important;
  padding: 5px 10px;
  transition: all 0.4s ease;
}

.cat-filter-container .nav-tabs li .tab-title {
  margin-right: 2%;
}

.cat-filter-container .nav-tabs li.active a, .cat-filter-container .nav-tabs li:hover a {
  color: black;
  background-color: #ffed00;
}

.cat-filter-container .tab-pane {
  padding: 25px 15px 0 15px;
  background-color: #ffed00;
  font-size: 0.875rem;
}

.cat-filter-container .tab-pane.active {
  animation: show-and-grow 0.5s ease-in-out;
}

.cat-filter-container .tab-pane > div > div {
  margin-bottom: 1.5rem;
}

.cat-filter-container .tab-pane .tab-title a {
  display: block;
  margin-bottom: 1.25rem;
  font-family: "Maven Pro", sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 1.25rem;
  color: black;
}

.cat-filter-container .tab-pane ul {
  margin-bottom: 0;
}

.cat-filter-container .tab-pane ul li {
  line-height: 120%;
  margin-bottom: 0.8rem;
}

.tab-icon {
  position: relative;
  width: 12px;
  height: 35px;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}

.tab-icon-ani {
  position: absolute;
  top: -100%;
  transition: all 0.5s ease;
}

.tab-icon-ani i {
  margin-left: 0;
  font-size: 80%;
  display: block;
  width: 12px;
  line-height: 35px;
}

.btn:not(.collapsed) .tab-icon-ani, #navbar-main #btn-stuurin:not(.collapsed) .tab-icon-ani,
.active .tab-icon-ani {
  top: 0;
}

.tab-icon {
  float: right;
  margin: 0;
  margin-top: -5px;
  height: 36px;
}

@media only screen and (max-width: 480px) {
  .cat-filter-container .nav-tabs li a {
    padding-right: 5px;
  }
  .cat-filter-container .nav-tabs .tab-icon {
    width: 6px;
  }
}

/* Small Screens Mobile devices 480px
================================================== */
/* Tablet Screen 768px
================================================== */
@media only screen and (min-width: 768px) {
  .tab-icon {
    margin: 10px;
    margin-top: 0;
  }
  .tag-filter-wrapper {
    padding-top: 100px;
    padding-bottom: 70px;
  }
  .tag-filter-wrapper .tag-filter-container .title-tag .h1 {
    font-size: 3rem;
    margin-top: 0;
    margin-bottom: 40px;
  }
  .tag-filter-wrapper .tag-filter-container h1, .tag-filter-wrapper .tag-filter-container .news_overview .post-item .post-item-content h3, .news_overview .post-item .post-item-content .tag-filter-wrapper .tag-filter-container h3, .tag-filter-wrapper .tag-filter-container .news_overview .post-item .post-item-content .archive .tax-nav h3 a, .news_overview .post-item .post-item-content .archive .tax-nav h3 .tag-filter-wrapper .tag-filter-container a, .tag-filter-wrapper .tag-filter-container .archive .tax-nav h3 .news_overview .post-item .post-item-content a, .archive .tax-nav h3 .news_overview .post-item .post-item-content .tag-filter-wrapper .tag-filter-container a, .tag-filter-wrapper .tag-filter-container .h1 {
    font-size: 2.8rem;
  }
  .cat-filter-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .cat-filter-container .nav-tabs.nav-justified {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .cat-filter-container .nav-tabs.nav-justified > li {
    display: block;
    width: 33.3333%;
    font-size: 1.25rem;
  }
  .cat-filter-container .nav-tabs.nav-justified > li a .tab-title {
    font-size: 1.25rem;
    margin-left: 25px;
  }
  .cat-filter-container .nav-tabs.nav-justified > li:nth-child(2) a {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .cat-filter-container .nav-tabs.nav-justified li.active span {
    font-weight: 700;
  }
  .cat-filter-container .tab-pane {
    font-size: 1rem;
    padding: 2.5rem 2.5rem 1rem 2.5rem;
  }
  .cat-filter-container .tab-pane > div > div {
    margin-bottom: 25px;
  }
}

/* Medium Desktops Screens 992px
================================================== */
@media only screen and (min-width: 992px) {
  .tab-icon {
    margin-top: 10px;
  }
  .tag-filter-wrapper .tag-filter-container .title-tag {
    margin-bottom: 50px;
  }
  .tag-filter-wrapper .tag-filter-container h1, .tag-filter-wrapper .tag-filter-container .news_overview .post-item .post-item-content h3, .news_overview .post-item .post-item-content .tag-filter-wrapper .tag-filter-container h3, .tag-filter-wrapper .tag-filter-container .news_overview .post-item .post-item-content .archive .tax-nav h3 a, .news_overview .post-item .post-item-content .archive .tax-nav h3 .tag-filter-wrapper .tag-filter-container a, .tag-filter-wrapper .tag-filter-container .archive .tax-nav h3 .news_overview .post-item .post-item-content a, .archive .tax-nav h3 .news_overview .post-item .post-item-content .tag-filter-wrapper .tag-filter-container a, .tag-filter-wrapper .tag-filter-container .h1 {
    font-size: 3.25rem;
  }
  .cat-filter-container .nav-tabs.nav-justified > li {
    font-size: 1.5rem;
  }
  .cat-filter-container .nav-tabs.nav-justified > li a {
    line-height: 2.1;
  }
  .cat-filter-container .nav-tabs.nav-justified > li a .tab-title {
    font-size: 1.5rem;
  }
  .cat-filter-container .tab-content .tab-title a {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

/* Large Desktops Screens 1200px
================================================== */
@media only screen and (min-width: 1200px) {
  .tag-filter-wrapper {
    padding-top: 100px;
    padding-bottom: 60px;
  }
}

/*!
 *
 * Search related styles
 *
 */
.searchform .input-group input {
  border: none;
  font-size: 1rem;
}

.searchform .input-group .input-lg,
.searchform .input-group .btn-lg {
  height: 60px;
}

.searchform .input-group i {
  font-size: 1.625rem;
}

.line-on-top {
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  padding-top: 20px;
  padding-bottom: 20px;
}

.line-on-top:last-child {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.navbar-nav > li > .dropdown-menu.dropdown-search {
  min-width: 320px;
}

/* Small Screens Mobile devices 480px
================================================== */
/* Tablet Screen 768px
================================================== */
/* Medium Desktops Screens 992px
================================================== */
/* Large Desktops Screens 1200px
================================================== */
/*!
 *
 * Comments styling
 *
 */
.comments-area .comment-form-author,
.comments-area .comment-form-email {
  float: left;
  width: 50%;
}

.comments-area .comment-form-author {
  padding-right: 10px;
}

.comments-area .comment-form-email {
  padding-left: 10px;
}

.comments-area label {
  display: block;
  font-weight: 400;
}

.comments-area textarea,
.comments-area input:not([type="submit"]) {
  border: solid 1px #d4d4d5;
}

.comments-area input[type="text"] {
  width: 100%;
  height: 60px;
  padding-left: 20px;
  padding-right: 20px;
}

.comments-area textarea {
  box-shadow: none;
  padding: 20px;
}

.comments-area textarea::placeholder {
  color: #9b9b9b;
}

.comments-area .panel {
  box-shadow: none;
}

.comments-area .panel .panel-footer {
  padding: 0;
  background-color: white;
  border: none;
}

.comments-area .panel .panel-footer a {
  color: #9b9b9b;
}

.comments-area .panel .panel-body {
  margin-bottom: 10px;
}

.comments-area .panel .panel-body p {
  margin: 0;
}

.comments-area .comment-respond {
  margin-bottom: 60px;
}

.comments-area .comment {
  border-top: solid 1px #d4d4d5;
  padding-top: 10px;
  padding-bottom: 20px;
}

.comments-area .comment .comment-reply-link i {
  margin-right: 10px;
}

.comments-area .comment .comment-meta time {
  padding-left: 10px;
  color: #9b9b9b;
}

.comments-area .comment ul.children {
  list-style: none;
}

.comments-area .comment-notes {
  margin-top: 20px;
  margin-bottom: 20px;
}

/*!
 *
 * section: Posts styling
 *
 */
.post-author {
  margin-bottom: 20px;
  display: table;
}

.post-author-image,
.post-author-text {
  display: table-cell;
  vertical-align: middle;
}

.post-author-image {
  border: solid 2px white;
  width: 75px;
  height: 75px;
  background-size: cover;
  background-position: center center;
}

.post-author-text {
  padding-left: 20px;
}

.post-author-text span {
  display: block;
}

.post-tags {
  margin-bottom: 30px;
}

.post-tags a {
  border: solid 1px rgba(255, 255, 255, 0.5);
}

.post-item {
  width: 100%;
  position: relative;
  color: white;
  min-height: 265px;
  overflow: hidden;
  background-size: auto 100%;
}

.post-item .post-item-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all .3s ease-in-out;
}

.post-item:hover .post-item-image {
  transform: scale(1.2);
}

.post-item .post-item-content {
  position: absolute;
  z-index: 50;
  left: 0;
  right: 0;
  padding-bottom: 20px;
  padding-top: 30px;
  bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.post-item .post-item-content h3, .post-item .post-item-content .archive .tax-nav h3 a, .archive .tax-nav h3 .post-item .post-item-content a {
  margin-top: 0.5rem;
  line-height: 1.2;
}

.post-item .post-item-content h3::before, .post-item .post-item-content .archive .tax-nav h3 a::before, .archive .tax-nav h3 .post-item .post-item-content a::before, .post-item .post-item-content h3::after, .post-item .post-item-content .archive .tax-nav h3 a::after, .archive .tax-nav h3 .post-item .post-item-content a::after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

.post-item .post-item-content h3::before, .post-item .post-item-content .archive .tax-nav h3 a::before, .archive .tax-nav h3 .post-item .post-item-content a::before {
  margin-bottom: calc(-0.31875em + 0px);
}

.post-item .post-item-content h3::after, .post-item .post-item-content .archive .tax-nav h3 a::after, .archive .tax-nav h3 .post-item .post-item-content a::after {
  margin-top: calc(-0.225em + 0px);
}

.post-item .post-item-content.gradient-overlay .cat-and-date .media-date,
.post-item .post-item-content.gradient-overlay .post-item-title h3,
.post-item .post-item-content.gradient-overlay .post-item-title .archive .tax-nav h3 a,
.archive .tax-nav h3 .post-item .post-item-content.gradient-overlay .post-item-title a {
  text-shadow: rgba(0, 0, 0, 0.3) 0 0 2px;
}

.post-item .category-label {
  margin-bottom: 0;
}

.post-item .post-item-title * {
  color: inherit;
}

.post-item a {
  color: inherit;
}

.big-feature .post-item {
  height: 552px;
  margin-bottom: 20px;
}

.big-feature .post-item:hover {
  background-size: auto 110%;
}

.big-feature .post-item h3, .big-feature .post-item .archive .tax-nav h3 a, .archive .tax-nav h3 .big-feature .post-item a {
  font-size: 2.5rem;
  line-height: 2.75rem;
  margin-top: 0.5rem;
}

.big-feature .post-item-content {
  padding-left: 40px;
  padding-right: 40px;
}

.media-date {
  font-weight: 500;
}

.cat-and-date {
  line-height: 1;
}

.cat-and-date .category-label {
  margin-bottom: 0;
}

.news-events-section {
  margin-bottom: 20px;
}

.single-post .content-section {
  min-height: 600px;
}

.read-also-section {
  border-top: none !important;
}

.read-also-section.has-figurative-bg {
  min-height: 450px;
  background-position: left 30px;
}

.social-share-icons {
  display: flex;
  align-items: center;
  height: 30px;
}

.social-share-icons > span {
  font-weight: bold;
  padding-right: 5px;
}

.social-share-icons ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.social-share-icons ul li {
  font-size: 1.4rem;
  display: inline-flex;
  margin: 0 3px;
}

.social-share-icons ul li a:focus,
.social-share-icons ul li a:active,
.social-share-icons ul li a:hover {
  color: #ffed00;
}

.cat-and-date {
  margin-bottom: 10px;
}

body:not(.search-results):not(.blog) .media-excerpt {
  display: none;
}

/* ONLY small devices
================================================== */
/* Small Screens Mobile devices 480px
================================================== */
/* Tablet Screen 768px
================================================== */
@media only screen and (min-width: 768px) {
  .post-tags {
    margin-bottom: 110px;
  }
  .news-events-section {
    margin-bottom: 60px;
  }
  .big-feature .cat-and-date {
    margin-bottom: 24px;
  }
  .cat-and-date {
    margin-bottom: 12px;
  }
  .cat-and-date .media-date {
    line-height: 1;
  }
  .read-also-section.has-figurative-bg {
    min-height: 650px;
  }
}

/* Medium Desktops Screens 992px
================================================== */
@media only screen and (min-width: 992px) {
  .read-also-section.has-figurative-bg {
    min-height: 900px;
  }
  .single-post .content-section {
    min-height: 1050px;
  }
}

/* Large Desktops Screens 1200px
================================================== */
/*!
 *
 * Gravity Forms styling
 *
 */
.gform_wrapper .gfield input:not([type="submit"]),
.gform_wrapper .gfield textarea,
.gform_wrapper .gfield select {
  border: solid 1px rgba(0, 0, 0, 0.1);
}

.gform_wrapper li.gfield.form-file-upload {
  position: relative;
  float: left;
}

.gform_wrapper li.gfield.form-file-upload .gfield_label {
  position: absolute;
  height: 80px;
  z-index: 50;
  cursor: pointer;
  top: -10px;
  display: block;
}

.gform_wrapper li.gfield.form-file-upload .ginput_full {
  display: inline-block;
}

.gform_wrapper li.gfield.form-file-upload .ginput_container.ginput_container_fileupload,
.gform_wrapper li.gfield.form-file-upload .ginput_container.ginput_container_post_image {
  position: relative;
  border: 2px solid black;
  color: #fff;
  background-color: black;
  padding: 5px 20px;
  font-size: 1.25rem;
  font-weight: bold;
  float: left;
  clear: both;
  min-width: 210px;
  height: 48px;
  margin-top: 30px;
  margin-bottom: 5px;
  transition: all 0.2s ease-in-out;
}

.gform_wrapper li.gfield.form-file-upload .ginput_container.ginput_container_fileupload:before,
.gform_wrapper li.gfield.form-file-upload .ginput_container.ginput_container_post_image:before {
  font-family: "Font Awesome 5 Pro";
  content: '\F093';
  float: left;
}

.gform_wrapper li.gfield.form-file-upload .ginput_container.ginput_container_fileupload:after,
.gform_wrapper li.gfield.form-file-upload .ginput_container.ginput_container_post_image:after {
  content: 'Bestand kiezen';
  font-weight: normal;
  float: left;
  margin-left: 1.6rem;
}

.gform_wrapper li.gfield.form-file-upload .ginput_container.ginput_container_fileupload input[type=file],
.gform_wrapper li.gfield.form-file-upload .ginput_container.ginput_container_post_image input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
}

.gform_wrapper li.gfield.form-file-upload .ginput_container.ginput_container_fileupload:hover,
.gform_wrapper li.gfield.form-file-upload .ginput_container.ginput_container_post_image:hover {
  border-color: #ffed00;
  background-color: #ffed00;
  color: black;
}

/* Small Screens Mobile devices 480px
================================================== */
/* Tablet Screen 768px
================================================== */
@media only screen and (min-width: 768px) {
  .gform_wrapper li.gfield.form-file-upload .gfield_label {
    top: 0;
  }
}

/* Medium Desktops Screens 992px
================================================== */
/* Large Desktops Screens 1200px
================================================== */
/*!
 *
 * section: News styling
 *
 */
.news-overview .post-item.bg-image:hover img {
  max-width: auto;
  transform: scale(1.2);
}

.media {
  margin-top: 20px;
}

.media-date {
  margin-left: 3px;
  display: inline-block;
  font-size: 1rem;
}

.media-heading {
  margin-bottom: 0;
}

.media-excerpt p {
  margin: 10px 0 0 0;
  line-height: 140%;
}

.media .cat-and-date {
  line-height: 100%;
}

.media .cat-and-date .media-date {
  color: #9b9b9b;
}

.news_overview .post-item {
  margin-top: 30px;
  height: 280px;
}

.news_overview .post-item .post-item-content {
  padding-bottom: 0;
}

.news_overview .post-item .post-item-content > div {
  padding-left: 0;
  padding-right: 0;
}

.news_overview .post-item .post-item-content .media-date {
  color: #fff;
}

.news_overview .media {
  padding-top: 20px;
  border-top: 1px solid #d4d4d5;
  /*&-date {
            margin-left: 3px;
            display: inline-block;
            font-size: 0.9em;
        }
        &-heading {
            margin-top: 15px;
        }
        &-excerpt p {
            margin: 10px 0 0 0;
            line-height: 140%;
        }
        .cat-and-date {
            line-height: 100%;
            .media-date {
                color: $gray;
            }
        }*/
}

.news_overview .pagination {
  margin-top: 50px;
}

.news_filters {
  margin-top: 6.66666667px;
  margin-bottom: 50px;
}

.news_filters-result p {
  margin: 10px 0;
}

.news_filters-result span {
  color: #d4d4d5;
}

.news_filters-result a.filter_close {
  text-decoration: none;
}

.news_filters-result i {
  font-size: 0.75em;
}

.news_filters .card-header {
  position: relative;
  margin-top: 10px;
}

.news_filters .card-header .tab-icon {
  position: absolute;
  right: 10px;
  top: 3px;
}

.news_filters .card-header .tab-icon .tab-icon-ani {
  top: 0;
}

.news_filters .card-header .tab-icon .tab-icon-ani i {
  font-size: 100%;
}

.news_filters .card-header .collapsed .tab-icon .tab-icon-ani {
  top: -100%;
}

.news_filters .card-header button {
  border: 1px solid #d4d4d5;
  outline: 0;
  padding: 15px 20px;
  font-weight: bold;
  text-align: left;
  width: 100%;
  transition: all 0.2s ease;
  margin-bottom: -1px;
  background: white;
}

.news_filters .card-header button:hover, .news_filters .card-header button:not(.collapsed) {
  background: #ffed00;
  border-color: #ffed00;
}

.news_filters .card .card-content {
  background: transparent;
}

.news_filters .card .card-content .card:last-of-type ul {
  border-bottom: 1px solid #d4d4d5;
}

.news_filters .card .card-content ul {
  background: white;
  margin: 0;
  padding: 15px 20px 20px 20px;
  border-left: 1px solid #d4d4d5;
  border-right: 1px solid #d4d4d5;
  border-bottom: 1px solid #d4d4d5;
}

.news_filters .card .card-content ul li {
  padding: 7px 0;
  display: block;
}

.news_filters .card .card-content ul a {
  display: block;
  line-height: 120%;
}

.news_filters .card .card-content ul a:hover, .news_filters .card .card-content ul a:active, .news_filters .card .card-content ul a:focus {
  text-decoration: none;
  font-weight: 700;
}

.news_filters .card .card-content ul a.active {
  font-weight: 700;
}

.news_overview-pagination {
  padding-left: 10px;
  padding-right: 10px;
}

.news_overview-pagination ul {
  display: flex;
  justify-content: space-between;
}

.single .post-slider-wrapper.read-also-section {
  border-top: 1px solid #d4d4d5 !important;
}

.single-post .content-section.has-figurative-bg {
  background-position: left 230px;
}

.news_filters .card-header:not(#btn-filter-mobile) .tab-icon {
  top: 20px;
}

/* ONLY small devices
================================================== */
@media only screen and (max-width: 992px) {
  body.home .news-area-wrapper h2 {
    margin-top: 5px;
  }
  .news_filters #js-filters_wrap {
    margin-top: 30px;
    background: white;
    padding: 20px;
    border: 1px solid #d4d4d5;
  }
  .news_filters #js-filters_wrap.open {
    background: rgba(0, 0, 0, 0.1);
    border-color: transparent;
  }
  .news_filters #js-filters_wrap #btn-filter-mobile {
    margin: 0;
    line-height: 1.7;
  }
  .news_filters #js-filters_wrap #btn-filter-mobile::before, .news_filters #js-filters_wrap #btn-filter-mobile::after {
    content: none;
  }
  .news_filters #js-filters_wrap #btn-filter-mobile button {
    background: transparent;
    border: none;
    padding: 0;
  }
  .news_filters #js-filters_wrap #btn-filter-mobile button:not(.collapsed)::before {
    content: 'Sluit ';
  }
  .news_filters #js-filters_wrap #btn-filter-mobile button.collapsed::before {
    content: 'Toon ';
  }
  .news_filters #js-filters_wrap #collapseFilter .card:first-of-type {
    padding-top: 20px;
    background: transparent;
  }
}

/* Small Screens Mobile devices 480px
================================================== */
@media only screen and (min-width: 480px) {
  .news_filters .card-header {
    position: relative;
    margin-top: 10px;
  }
  .news_filters .card-header .tab-icon {
    position: absolute;
    right: 10px;
    top: 3px;
  }
  .news_filters .card-header .tab-icon .tab-icon-ani {
    top: 0;
  }
  .news_filters .card-header .tab-icon .tab-icon-ani i {
    font-size: 100%;
  }
  .news_filters .card-header:not(#btn-filter-mobile) .tab-icon {
    top: 5px;
  }
}

/* Tablet Screen 768px
================================================== */
@media only screen and (min-width: 768px) {
  .news_filters .card-header:not(#btn-filter-mobile) .tab-icon {
    top: 10px;
  }
  .news_overview .post-item {
    height: 325px;
  }
  .news_overview .post-item .post-item-content {
    padding-bottom: 0;
  }
  .news_filters {
    margin-bottom: 50px;
  }
  .news_filters-result p {
    margin: 17px 0;
  }
  .news_overview-pagination {
    padding-left: 10px;
    padding-right: 10px;
  }
  .news_overview-pagination ul {
    display: block;
    justify-content: none;
  }
  .single-post .content-section.has-figurative-bg {
    background-position: left 280px;
  }
}

/* Medium Desktops Screens 992px
================================================== */
@media only screen and (min-width: 992px) {
  .single-post .content-section.has-figurative-bg {
    background-position: left 260px;
  }
  .news_filters .card-content {
    background: white;
  }
  .news_overview .post-item {
    height: 400px;
  }
  .news_overview .post-item .post-item-content {
    padding-bottom: 0;
  }
  .news_overview .media {
    padding-top: 30px;
    margin-top: 30px;
  }
  .news_overview .media-date {
    margin-left: 5px;
  }
  .news_overview .media-heading {
    margin-top: 20px;
  }
  .card-header {
    position: relative;
    margin-top: 10px;
  }
  .card-header .tab-icon {
    position: absolute;
    right: 10px;
  }
  .card-header .tab-icon .tab-icon-ani {
    top: 0;
  }
  .card-header .tab-icon .tab-icon-ani i {
    font-size: 100%;
  }
  .card-header .collapsed .tab-icon .tab-icon-ani {
    top: -100%;
  }
  .news_filters .card-header:not(#btn-filter-mobile) .tab-icon {
    top: 3px;
  }
  .news_filters-result p {
    margin: 0;
  }
  .news_filters #collapseFilter {
    margin-top: 45px;
    display: block;
    height: auto !important;
    visibility: visible;
  }
  .post-type-archive-supply-demand .news_filters #collapseFilter {
    margin-top: 0;
  }
  .news_filters-result + #collapseFilter {
    margin-top: 0;
  }
  .pagination {
    margin-top: 80px;
  }
  h3.card-header.filter-title, .archive .tax-nav h3 a.card-header.filter-title {
    margin-bottom: 5px;
  }
}

/* Large Desktops Screens 1200px
================================================== */
@media only screen and (min-width: 1200px) {
  .news_overview .post-item .post-item-content > div {
    padding-left: 40px;
    padding-right: 40px;
  }
}

/*!
 *
 * section: Events Calendar styling
 *
 */
#tribe-events {
  margin: 30px 0;
}

/* Header row background color  and cell border color */
#tribe-events-content .tribe-events-calendar thead th {
  background-color: black;
  border-left-color: black;
  border-right-color: black;
}

.tribe-events-calendar {
  /* Header row text color */
}

.tribe-events-calendar thead th {
  color: white;
}

.tribe-events-calendar div[id*="tribe-events-event-"] h3.tribe-events-month-event-title a, .tribe-events-calendar div[id*="tribe-events-event-"] .archive .tax-nav h3 a.tribe-events-month-event-title a, .archive .tax-nav h3 .tribe-events-calendar div[id*="tribe-events-event-"] a.tribe-events-month-event-title a {
  color: black;
}

.tribe-events-calendar td .tribe-events-viewmore a {
  color: black;
}

.tribe-events-schedule h2 {
  margin-top: 6px;
}

#tribe-events-content .tribe-events-calendar {
  /* Date size */
}

#tribe-events-content .tribe-events-calendar td {
  /* Current month past day */
  /* Current month present day */
  /* Current month future day */
}

#tribe-events-content .tribe-events-calendar td.tribe-events-past {
  background-color: rgba(0, 0, 0, 0.1);
}

#tribe-events-content .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"] {
  background-color: #d4d4d5;
  color: black;
}

#tribe-events-content .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"] > a {
  color: black;
}

#tribe-events-content .tribe-events-calendar td.tribe-events-present {
  background-color: rgba(0, 0, 0, 0.1);
}

#tribe-events-content .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] {
  background-color: #ffed00;
  color: black;
}

#tribe-events-content .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a {
  background-color: #ffed00;
  color: black;
}

#tribe-events-content .tribe-events-calendar td.tribe-events-future {
  background-color: rgba(0, 0, 0, 0.1);
}

#tribe-events-content .tribe-events-calendar td.tribe-events-future div[id*="tribe-events-daynum-"] {
  background-color: #333333;
  color: white;
}

#tribe-events-content .tribe-events-calendar td.tribe-events-future div[id*="tribe-events-daynum-"] > a {
  background-color: transparent;
  color: white;
}

#tribe-events-content .tribe-events-calendar div[id*="tribe-events-daynum-"] {
  font-size: 16px;
}

#tribe-events-content .tribe-events-calendar div[id*="tribe-events-daynum-"] a {
  font-size: 16px;
}

/* Featured event background color */
#tribe-events-content.tribe-events-month table.tribe-events-calendar .type-tribe_events.tribe-event-featured {
  background-color: #ffed00;
}

/* Featured event text color */
#tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured .tribe-events-month-event-title a {
  color: black;
}

/* Next/prev month buttons */
.tribe-events-sub-nav li a {
  background: #ffed00;
}

/* Page title */
.tribe-events-page-title {
  text-align: left;
}

.agenda-list-items .agenda-item {
  background-color: #ffed00;
  padding-top: 17px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 10px;
  line-height: 1.25;
}

.agenda-list-items .agenda-item .agenda-item-date {
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 700;
}

.agenda-list-items .agenda-item .agenda-item-title {
  font-size: 1.125rem;
}

.agenda-list-items .agenda-item i {
  font-size: 1.375rem;
  padding-top: 12px;
}

.agenda-list-items .agenda-item:hover {
  background-color: #ccbe00;
}

.tribe-events-cal-links {
  margin-top: 20px;
}

.tribe-events-cal-links .tribe-events-gcal,
.tribe-events-cal-links .tribe-events-ical {
  padding: 3.33333333px 10px;
  background: #000;
  color: #fff !important;
  font-weight: bold;
  font-size: 0.8rem;
}

.tribe-events-schedule h2 {
  font-weight: bold;
}

/* Tablet Screen 768px
================================================== */
@media only screen and (min-width: 768px) {
  #tribe-events {
    margin: 48px 0;
  }
  .tribe-events-sub-nav li a {
    background: transparent;
  }
  .tribe-events-schedule h2 {
    margin-top: 10px;
  }
}

/*!
 *
 * Content related styles
 *
 */
.content-header {
  padding: 20px 0 40px;
}

.content-header h1, .content-header .news_overview .post-item .post-item-content h3, .news_overview .post-item .post-item-content .content-header h3, .content-header .news_overview .post-item .post-item-content .archive .tax-nav h3 a, .news_overview .post-item .post-item-content .archive .tax-nav h3 .content-header a, .content-header .archive .tax-nav h3 .news_overview .post-item .post-item-content a, .archive .tax-nav h3 .news_overview .post-item .post-item-content .content-header a {
  margin: 0;
  line-height: 1;
}

.content-header h1::before, .content-header .news_overview .post-item .post-item-content h3::before, .news_overview .post-item .post-item-content .content-header h3::before, .content-header .news_overview .post-item .post-item-content .archive .tax-nav h3 a::before, .news_overview .post-item .post-item-content .archive .tax-nav h3 .content-header a::before, .content-header .archive .tax-nav h3 .news_overview .post-item .post-item-content a::before, .archive .tax-nav h3 .news_overview .post-item .post-item-content .content-header a::before, .content-header h1::after, .content-header .news_overview .post-item .post-item-content h3::after, .news_overview .post-item .post-item-content .content-header h3::after, .content-header .news_overview .post-item .post-item-content .archive .tax-nav h3 a::after, .news_overview .post-item .post-item-content .archive .tax-nav h3 .content-header a::after, .content-header .archive .tax-nav h3 .news_overview .post-item .post-item-content a::after, .archive .tax-nav h3 .news_overview .post-item .post-item-content .content-header a::after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

.content-header h1::before, .content-header .news_overview .post-item .post-item-content h3::before, .news_overview .post-item .post-item-content .content-header h3::before, .content-header .news_overview .post-item .post-item-content .archive .tax-nav h3 a::before, .news_overview .post-item .post-item-content .archive .tax-nav h3 .content-header a::before, .content-header .archive .tax-nav h3 .news_overview .post-item .post-item-content a::before, .archive .tax-nav h3 .news_overview .post-item .post-item-content .content-header a::before {
  margin-bottom: calc(-0.21875em + 9);
}

.content-header h1::after, .content-header .news_overview .post-item .post-item-content h3::after, .news_overview .post-item .post-item-content .content-header h3::after, .content-header .news_overview .post-item .post-item-content .archive .tax-nav h3 a::after, .news_overview .post-item .post-item-content .archive .tax-nav h3 .content-header a::after, .content-header .archive .tax-nav h3 .news_overview .post-item .post-item-content a::after, .archive .tax-nav h3 .news_overview .post-item .post-item-content .content-header a::after {
  margin-top: calc(-0.125em + 5);
}

.content-header .post-info {
  display: block;
  margin-top: 20px;
  line-height: 1;
  color: #9b9b9b;
}

.bodytext {
  margin-bottom: 30px;
}

.bodytext h4, .bodytext .post-item .post-item-content h3, .post-item .post-item-content .bodytext h3, .bodytext .post-item .post-item-content .archive .tax-nav h3 a, .post-item .post-item-content .archive .tax-nav h3 .bodytext a, .bodytext .archive .tax-nav h3 .post-item .post-item-content a, .archive .tax-nav h3 .post-item .post-item-content .bodytext a,
.bodytext p,
.bodytext ul,
.bodytext ol,
.bodytext blockquote {
  margin-bottom: 1.6rem;
}

.wp-post-thumbnail {
  margin-bottom: 20px;
}

.wp-caption {
  width: auto;
  max-width: 100%;
}

.wp-caption img {
  width: auto;
}

.wp-caption .wp-caption-text {
  text-align: left;
  color: #767676;
  font-size: 0.875rem;
}

.intro,
.intro p {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5;
}

.relevant-link {
  display: block;
  border-left: 2px solid black;
  padding: 9px 20px 10px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.2;
}

.content-404 .row {
  padding: 20px 15px 0 15px;
  background: rgba(0, 0, 0, 0.1);
}

.content-404 .searchbar {
  margin: 50px 0;
}

.content-404 .searchbar input[type=search] {
  border: none;
  box-shadow: none;
}

.content-404 .searchbar .btn-search {
  line-height: 1.35;
}

.ginger_container {
  background: black !important;
}

.ginger_container .ginger_btn {
  max-width: 125px;
  background-color: #ffed00 !important;
}

.archive .tax-description {
  margin-top: 20px;
}

.archive .tax-nav {
  margin-top: 30px;
  width: 100%;
}

.archive .tax-nav .tax-nav-wrap h3, .archive .tax-nav .tax-nav-wrap h3 a, .archive .tax-nav h3 .tax-nav-wrap a {
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 1;
}

.archive .tax-nav .tax-sub-nav {
  padding-top: 10px;
  margin-bottom: 0;
}

.archive .tax-nav .row {
  padding-top: 35px;
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 5px;
  background: rgba(0, 0, 0, 0.1);
}

.archive .tax-nav h3 a:hover {
  text-decoration: underline;
}

.archive .tax-nav li {
  line-height: 120%;
}

.archive .tax-nav li a {
  padding: 5px 0;
}

.archive .tax-nav a {
  display: inline-block;
}

.archive .tax-nav a:hover {
  text-decoration: none;
  font-weight: bold;
}

.archive .tax-nav a:hover i {
  opacity: 1;
  margin-left: 8px;
  font-weight: bold;
  transition: opacity 0.2s ease;
}

.archive .tax-nav a i {
  opacity: 0;
}

.archive .archive-section {
  padding-bottom: 60px;
}

.pagination li * {
  min-width: 48px;
  line-height: 2.1em !important;
  text-align: center;
  border: none !important;
}

.pagination li span {
  background: #ffed00;
}

.pagination li a {
  transition: background-color 0.2s ease;
}

.pagination li a:hover {
  background: rgba(0, 0, 0, 0.1);
}

.pagination li a.next, .pagination li a.prev {
  text-indent: -99999px;
  padding-left: 0;
  padding-right: 0;
  width: 48px;
}

.pagination li a.next i, .pagination li a.prev i {
  text-indent: 0;
  float: left;
}

/* ONLY small devices
================================================== */
@media only screen and (max-width: 768px) {
  .archive .tax-nav {
    width: 100vw;
    margin-left: -15px;
    margin-right: -15px;
  }
}

/* Small Screens Mobile devices 480px
================================================== */
/* Tablet Screen 768px
================================================== */
@media only screen and (min-width: 768px) {
  .content-header {
    padding: 40px 0 60px;
  }
  .bodytext {
    margin-bottom: 55px;
  }
  .intro p {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
  .relevant-link {
    font-size: 1.5rem;
  }
  .archive .tax-description {
    margin-top: 25px;
  }
  .archive .tax-nav {
    margin-top: 40px;
  }
  .archive .tax-nav .row {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
  }
}

/* Medium Desktops Screens 992px
================================================== */
@media only screen and (min-width: 992px) {
  .content-404 .row {
    padding: 30px 30px 15px 30px;
  }
  .archive .tax-description {
    margin-top: 30px;
  }
  .archive .tax-nav {
    margin-top: 50px;
  }
  .archive .tax-nav .row {
    padding-top: 35px;
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 5px;
  }
}

/* Large Desktops Screens 1200px
================================================== */
/**
 * Swiper 4.5.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 13, 2019
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

.post-slider-wrapper {
  padding-top: 1rem;
  padding-bottom: 2.5rem;
}

.related-posts {
  margin-bottom: 20px;
}

.swiper-slide .post-item {
  height: 360px;
}

.swiper-nav {
  font-size: 1.25rem;
  position: relative;
}

.swiper-nav .swiper-scrollbar {
  background: none;
  background-color: #d4d4d5;
  height: 0.6rem;
  position: absolute;
  left: 30px;
  right: 30px;
  top: 0;
}

.swiper-nav .swiper-scrollbar-drag {
  background-color: black;
}

.swiper-nav .swiper-button-disabled {
  color: #d4d4d5;
}

.swiper-nav .swiper-button {
  outline: 0;
  line-height: 0.5;
}

/* ONLY small devices
================================================== */
@media only screen and (max-width: 768px) {
  .no-gutter-right {
    padding-right: 0;
  }
  .no-gutter-right .swiper-slide:last-of-type {
    padding-right: 10px;
  }
}

/* Small Screens Mobile devices 480px
================================================== */
/* Tablet Screen 768px
================================================== */
@media only screen and (min-width: 768px) {
  .post-slider-wrapper {
    padding-top: 2rem;
    padding-bottom: 3.5rem;
  }
}

/* Medium Desktops Screens 992px
================================================== */
@media only screen and (min-width: 992px) {
  .post-slider-wrapper {
    padding-top: 3.5rem;
    padding-bottom: 5.5rem;
  }
}

/* Large Desktops Screens 1200px
================================================== */
.downloads-list .download-list-item {
  display: block;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color 0.2s ease-in-out;
}

.downloads-list .download-list-item:not(.first-child) {
  padding-top: 10px;
}

.downloads-list .download-list-item:hover {
  background-color: #ffed00;
}

.downloads-list .download-list-item-link {
  display: block;
}

.downloads-list .download-list-item-link h4, .downloads-list .download-list-item-link .post-item .post-item-content h3, .post-item .post-item-content .downloads-list .download-list-item-link h3, .downloads-list .download-list-item-link .post-item .post-item-content .archive .tax-nav h3 a, .post-item .post-item-content .archive .tax-nav h3 .downloads-list .download-list-item-link a, .downloads-list .download-list-item-link .archive .tax-nav h3 .post-item .post-item-content a, .archive .tax-nav h3 .post-item .post-item-content .downloads-list .download-list-item-link a {
  display: inline-block;
  margin: 0;
}

.downloads-list i {
  float: right;
  margin-bottom: 0;
  transition: margin-bottom 0.2s ease-in-out;
}

.downloads-list .download-list-item-description {
  color: #9b9b9b;
  font-style: italic;
}

/*!
 *
 * section: Footer styling
 *
 */
a.scroll-to-top {
  background-color: #ffed00;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  position: fixed;
  right: 10px;
  top: calc(100% - 60px);
  text-align: center;
  line-height: 42px;
  z-index: 150;
  box-shadow: rgba(0, 0, 0, 0.25) 0 0 10px;
}

.footer {
  background-color: black;
  color: white;
}

.footer .no-padding-container {
  padding-left: 0;
  padding-right: 0;
}

.newsticker-wrapper {
  overflow: hidden;
  position: relative;
  padding-top: 1px;
  padding-bottom: 1px;
}

ul.newsticker {
  position: relative;
  white-space: nowrap;
  margin-bottom: 0;
}

ul.newsticker li {
  display: inline-block;
  white-space: normal;
  vertical-align: middle;
  padding-top: 6.66666667px;
  padding-bottom: 6.66666667px;
}

ul.newsticker li:after {
  content: '/';
  padding-left: 10px;
  padding-right: 10px;
}

ul.newsticker li a {
  color: inherit;
}

/* Small Screens Mobile devices 480px
================================================== */
/* Tablet Screen 768px
================================================== */
@media only screen and (min-width: 768px) {
  footer {
    position: fixed;
    bottom: 0;
    z-index: 1000;
    left: 0;
    right: 0;
  }
  a.scroll-to-top {
    top: calc(100% - 100px);
  }
}

/* Medium Desktops Screens 992px
================================================== */
/* Large Desktops Screens 1200px
================================================== */
body.popup-is-open .popup-overlay {
  opacity: 1;
  display: flex;
}

.popup-overlay {
  opacity: 0;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2000;
  display: none;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease-in-out;
}

.popup-wrapper {
  width: 80vw;
  min-width: 360px;
  max-width: 768px;
  display: flex;
  align-content: center;
  flex-direction: column;
}

.popup-wrapper .popup-container {
  position: relative;
  background-color: white;
}

.popup-wrapper .popup-content p {
  padding-left: 20px;
  padding-right: 20px;
}

.popup-wrapper .popup-content p:first-child {
  padding-top: 20px;
}

.popup-wrapper .popup-content p:last-child {
  padding-bottom: 6px;
}

.popup-wrapper .popup-close {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  width: 41px;
  height: 41px;
  background-color: white;
  border-radius: 50%;
  transform: translate(50%, -50%);
  z-index: 2010;
}

/*!
 *
 * section: Organisation & Members styling
 *
 */
section.org-hero {
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
  height: 360px;
}

section.org-hero:before {
  content: '';
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.org-hero-content-section {
  transform: translateY(-100%);
  color: white;
}

.org-hero-content-section .page-title {
  color: inherit;
}

.org-hero {
  margin-bottom: 15px;
}

.org-hero h1, .org-hero .news_overview .post-item .post-item-content h3, .news_overview .post-item .post-item-content .org-hero h3, .org-hero .news_overview .post-item .post-item-content .archive .tax-nav h3 a, .news_overview .post-item .post-item-content .archive .tax-nav h3 .org-hero a, .org-hero .archive .tax-nav h3 .news_overview .post-item .post-item-content a, .archive .tax-nav h3 .news_overview .post-item .post-item-content .org-hero a {
  margin: 12px 0 0;
  color: white;
}

.org-hero .container {
  height: 100%;
  position: relative;
}

.tags-section {
  margin-bottom: 75px;
}

.org-hero-overlay {
  height: 180px;
}

.org-hero-bottom {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 15px;
}

.org-hero-logo-container {
  display: block;
  float: left;
  padding: 15px;
  background-color: white;
  border: 2px solid #d4d4d5;
  margin-right: 15px;
}

.org-hero-logo {
  position: relative;
  width: 50px;
  height: 50px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.org-main {
  padding-bottom: 20px;
  padding-top: 20px;
}

article .intro {
  margin-bottom: 50px;
}

article .intro p:first-of-type {
  line-height: 1.66666667;
}

article .intro p:first-of-type::before, article .intro p:first-of-type::after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

article .intro p:first-of-type::before {
  margin-bottom: calc(-0.55208333em + 0px);
}

article .intro p:first-of-type::after {
  margin-top: calc(-0.45833333em + 0px);
}

.sidebar-section {
  display: block;
  padding: 10px 15px;
  border: 1px solid #d4d4d5;
  margin-bottom: -1px;
}

.sidebar-section--link {
  border-color: transparent;
  background-color: #ffed00;
  margin-bottom: 0;
}

.sidebar-map {
  height: 290px;
}

.contacts {
  border-top: 1px solid #d4d4d5;
  padding: 20px 0;
}

.contacts h2 {
  margin: 10px 0 20px;
  line-height: 1;
}

.contacts h2::before, .contacts h2::after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

.contacts h2::before {
  margin-bottom: calc(-0.21875em + 0px);
}

.contacts h2::after {
  margin-top: calc(-0.125em + 0px);
}

.contact {
  border: 1px solid #d4d4d5;
  margin-bottom: 15px;
}

.contact-image,
.contact-text {
  height: 200px;
}

.contact-image {
  background-position: center center;
}

.contact-text {
  position: relative;
  padding: 23px 20px 20px;
}

.contact-text h3, .contact-text .archive .tax-nav h3 a, .archive .tax-nav h3 .contact-text a {
  margin-top: 0;
}

.contact-buttons {
  margin-top: 1rem;
}

.contact-button {
  padding: 9px;
  width: 48px;
  text-align: center;
}

.org-hero-logo-title {
  left: 0;
  right: 0;
  top: 50px;
}

.org-hero-logo-title .page-title {
  margin-top: 2px;
}

.org-additional-section {
  padding: 80px 0 80px;
  border-top: solid 1px #d4d4d5;
}

section.org-hero-tags-section {
  position: relative;
  top: 24%;
  width: 100%;
}

.col-xs-12:not(.col-sm-9) .tag-container {
  transform: translateY(150%);
}

@media only screen and (min-width: 1200px) {
  .col-xs-12:not(.col-sm-9) .tag-container {
    transform: translateY(0);
  }
}

.col-xs-12.col-sm-9 .tag-container {
  transform: translateY(150%);
}

/* Small Screens Mobile devices 480px
================================================== */
@media only screen and (min-width: 480px) {
  .contact-image,
  .contact-text {
    float: left;
    width: 50%;
    height: 230px;
  }
  .contact-image {
    background-position: center center;
  }
  .contact-buttons {
    position: absolute;
    left: -48px;
    bottom: 0;
  }
}

/* Tablet Screen 768px
================================================== */
@media only screen and (min-width: 768px) {
  .org-hero {
    margin-bottom: 20px;
  }
  .org-hero-overlay {
    height: 270px;
  }
  .org-hero-bottom {
    bottom: -65px;
  }
  .org-hero-logo {
    width: 100px;
    height: 100px;
  }
  .org-hero-logo-container {
    margin-right: 0;
  }
  .org-hero-content-section {
    transform: translateY(-50%);
  }
  .org-tags {
    margin-bottom: 30px;
  }
  .sidebar {
    position: relative;
    top: 10px;
  }
  .sidebar-section {
    padding: 15px 20px;
  }
  .contacts {
    padding: 80px 0 80px;
  }
  .contacts h2 {
    margin-bottom: 30px;
  }
  .contact {
    margin-bottom: 20px;
  }
  .contact-image,
  .contact-text {
    float: none;
    width: 100%;
  }
  .contact-text {
    height: auto;
  }
  .contact-buttons {
    position: static;
  }
  .org-hero-logo-title {
    top: 200px;
  }
  .tags-section {
    min-height: 80px;
  }
  section.org-hero-tags-section {
    position: relative;
    top: 22.5%;
  }
}

/* Medium Desktops Screens 992px
================================================== */
@media only screen and (min-width: 992px) {
  .org-hero {
    margin-bottom: 25px;
  }
  .org-hero-bottom {
    bottom: -110px;
  }
  .org-hero-logo-container {
    padding: 30px;
  }
  .org-hero-logo {
    width: 160px;
    height: 160px;
  }
  .org-tags {
    min-height: 85px;
    margin-bottom: 80px;
  }
  .contact-image,
  .contact-text {
    float: left;
    width: 50%;
    height: 230px;
  }
  .contact-buttons {
    position: absolute;
  }
  .org-hero-logo-title {
    top: 160px;
  }
  section.org-hero-tags-section {
    top: 28%;
  }
}

/* Large Desktops Screens 1200px
================================================== */
@media only screen and (min-width: 1200px) {
  section.org-hero {
    height: 500px;
  }
  section.org-hero-tags-section {
    top: 35%;
  }
}

.low-slides .swiper-slide .post-item {
  height: 180px;
}

.topics-section {
  background-color: #ffed00;
  padding-top: 40px;
  padding-bottom: 60px;
  margin-bottom: 64px;
}

.topics-section .topics-intro {
  color: black;
  margin-bottom: 25px;
}

.topics-section .topics-intro h2 {
  color: inherit !important;
  margin-bottom: 0.5rem;
}

.topics-section .topic {
  background-color: white;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 0.5rem;
}

.topics-section .topic .topic-image-wrapper {
  max-height: 200px;
  overflow: hidden;
}

.topics-section .topic .topic-image-wrapper img {
  min-height: 100%;
  object-fit: cover;
  object-position: center center;
}

.topics-section .topic h3, .topics-section .topic .archive .tax-nav h3 a, .archive .tax-nav h3 .topics-section .topic a {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

.topics-section .topic .topic-content-wrapper {
  padding: 20px;
}

.topics-section .topic .topic-links {
  padding-left: 1.25rem;
  margin-bottom: 0;
}

.topics-section .topic .topic-links li {
  padding-bottom: .5rem;
}

.topics-section .topic .topic-links .not-visible-yet {
  display: none;
}

.topics-section .topic .topics-link-more {
  margin-top: auto;
  text-align: right;
}

.masonry-grid-section h2 {
  display: flex;
  align-items: center;
}

.masonry-grid-section h2 > small {
  margin-left: auto;
  font-size: 16px;
}

.masonry-grid-section .view-marketplace {
  background-color: black;
  color: white !important;
  font-weight: bold;
  text-decoration: none !important;
  padding: 0 4px;
}

.masonry-grid-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.masonry-grid-wrapper .masonry-grid-item {
  background-color: white;
  position: relative;
  align-self: flex-start;
  flex: 1 1 auto;
  width: 100%;
  margin-bottom: 20px;
  border: solid 1px #d4d4d5;
}

@media only screen and (min-width: 480px) {
  .masonry-grid-wrapper .masonry-grid-item {
    margin-left: 10px;
    margin-right: 10px;
    max-width: calc(50% - 20px);
  }
}

@media only screen and (min-width: 992px) {
  .masonry-grid-wrapper .masonry-grid-item {
    max-width: calc(33.33333% - 20px);
  }
}

.masonry-grid-wrapper .masonry-grid-item .masonry-grid-item-content .btn-link {
  padding-left: 0;
}

.masonry-grid-wrapper .masonry-grid-item-image img {
  background-color: #d4d4d5;
  width: 100%;
}

.masonry-grid-wrapper .masonry-grid-item-content {
  padding: 20px;
}

@media only screen and (min-width: 1200px) {
  .home .masonry-grid-wrapper .masonry-grid-item {
    max-width: calc(25% - 20px);
  }
}

.masonry-grid-sidebar .news_filters {
  margin: 0;
  display: block;
  width: 100%;
  left: 0;
}

.type-label {
  background-color: black;
  color: white;
}

.border-bottom-gray {
  padding-bottom: 20px;
  border-bottom: solid 1px #d4d4d5;
}

h2.post-slider-title small {
  font-size: 1rem;
  display: inline-block;
  float: right;
  margin-top: 7px;
}

#network-index h1, #network-index .news_overview .post-item .post-item-content h3, .news_overview .post-item .post-item-content #network-index h3, #network-index .news_overview .post-item .post-item-content .archive .tax-nav h3 a, .news_overview .post-item .post-item-content .archive .tax-nav h3 #network-index a, #network-index .archive .tax-nav h3 .news_overview .post-item .post-item-content a, .archive .tax-nav h3 .news_overview .post-item .post-item-content #network-index a {
  margin-bottom: 2rem;
}

#network-index .network-index-textarea {
  margin-bottom: 20px;
}

#network-index .network-index-filters {
  position: relative;
  padding: 20px 0;
  margin-bottom: 10px;
}

#network-index .network-index-filters::before {
  content: '';
  position: absolute;
  left: -15px;
  right: -15px;
  top: 0;
  height: 100px;
  background-color: rgba(0, 0, 0, 0.1);
}

#network-index .network-index-filters-search-input {
  line-height: 1;
  height: 60px;
  padding-top: 21px;
}

#network-index .network-index-filters-branches-button {
  background-color: #ffed00;
  width: 140px;
  position: relative;
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
  line-height: 1;
  height: 60px;
  padding: 0;
}

#network-index .network-index-filters-branches-button .tab-icon {
  margin-top: 13px;
}

#network-index .network-index-filters-branches-button .netwerk-index-filter-title {
  padding: 20px 0 20px 20px;
  display: inline-block;
}

#network-index .network-index-filters-branches-button.collapsed {
  background-color: white;
}

#network-index .network-index-filters-branches-button.collapsed:hover {
  background-color: #ffed00;
}

#network-index .network-index-filters-inner {
  position: relative;
}

#network-index .network-index-filters-search-input {
  width: calc(100% - 155px);
  padding: 17px 45px 19px 20px;
  transition: all 0.2s ease;
  position: absolute;
  right: 0;
  top: 0;
}

#network-index .network-index-filters-search-btn {
  display: block;
  padding: 1rem 1rem 1rem 0;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
  pointer-events: none;
}

#network-index .network-index-filters-search-btn i {
  font-size: 1rem;
}

#network-index .network-index-branches {
  background-color: #ffed00;
  padding: 20px;
  margin-bottom: -20px;
  position: relative;
  z-index: 1;
}

#network-index .network-index-branches h3, #network-index .network-index-branches .archive .tax-nav h3 a, .archive .tax-nav h3 #network-index .network-index-branches a {
  margin-top: 10px;
}

#network-index .network-index-branches ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  columns: 150px 2;
}

#network-index .network-index-branches ul li {
  margin-bottom: 4px;
}

#network-index .network-index-branches a:hover, #network-index .network-index-branches a:focus {
  font-weight: 500;
  text-decoration: none;
}

#network-index .network-index-results {
  color: #9b9b9b;
}

#network-index .network-index-unset-branch {
  color: black;
  text-decoration: none !important;
}

#network-index .network-index-unset-branch:hover {
  color: #333333;
}

#network-index .network-index-tabs {
  margin-bottom: 20px;
}

#network-index .network-index-tab {
  display: block;
  width: 50%;
  float: left;
  text-align: center;
  margin: 0;
  padding: 16px 20px 14px;
  border-bottom: 5px solid #d4d4d5;
  text-decoration: none !important;
}

#network-index .network-index-tab:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

#network-index .network-index-tab.is-active {
  background-color: white !important;
  border-bottom-color: #ffed00;
}

#network-index .network-index-tab-content {
  display: none;
  animation: fade-in 0.2s forwards;
}

@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(3%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}

#network-index .network-index-tab-content.is-visible {
  display: block;
}

#network-index .network-index-results-list {
  max-height: 420px;
  min-height: 420px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 1px solid #d4d4d5;
}

#network-index .network-index-results-list .marker-icon.no-location {
  color: #9b9b9b;
}

#network-index .network-index-result-row {
  display: table;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #d4d4d5;
  user-select: none;
  cursor: pointer;
  transition: all 0.2s ease;
}

#network-index .network-index-result-row:last-child {
  border-bottom: 0;
}

#network-index .network-index-result-row:hover, #network-index .network-index-result-row:active {
  background-color: #ffed00;
}

#network-index .network-index-result-icon {
  display: table-cell;
  width: 26px;
  height: 20px;
}

#network-index .network-index-result-text {
  display: table-cell;
}

#network-index .network-index-result-text h5, #network-index .network-index-result-text p {
  margin: 0;
}

#network-index .network-index-result-text p {
  text-transform: lowercase;
}

#network-index .network-index-result-arrow {
  display: table-cell;
  width: 25px;
  vertical-align: middle;
  text-align: right;
}

#network-index .network-index-map {
  height: 480px;
}

#network-index .network-index-map-overlay {
  position: relative;
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
}

#network-index .network-index-map-overlay-inner {
  height: auto;
  background-color: white;
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px;
}

#network-index .network-index-map-overlay-inner h4, #network-index .network-index-map-overlay-inner .post-item .post-item-content h3, .post-item .post-item-content #network-index .network-index-map-overlay-inner h3, #network-index .network-index-map-overlay-inner .post-item .post-item-content .archive .tax-nav h3 a, .post-item .post-item-content .archive .tax-nav h3 #network-index .network-index-map-overlay-inner a, #network-index .network-index-map-overlay-inner .archive .tax-nav h3 .post-item .post-item-content a, .archive .tax-nav h3 .post-item .post-item-content #network-index .network-index-map-overlay-inner a {
  margin-top: 10px;
  font-size: 0.875rem;
}

#network-index .network-index-map-overlay-inner p:empty {
  display: none;
}

#network-index .network-index-map-overlay-close {
  display: block;
  line-height: 0;
}

#network-index .network-index-map-overlay-close i {
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.8);
}

#network-index .network-index-map-overlay-close:hover {
  color: #9b9b9b;
}

.network-index-map-marker-infowindow h4, .network-index-map-marker-infowindow .post-item .post-item-content h3, .post-item .post-item-content .network-index-map-marker-infowindow h3, .network-index-map-marker-infowindow .post-item .post-item-content .archive .tax-nav h3 a, .post-item .post-item-content .archive .tax-nav h3 .network-index-map-marker-infowindow a, .network-index-map-marker-infowindow .archive .tax-nav h3 .post-item .post-item-content a, .archive .tax-nav h3 .post-item .post-item-content .network-index-map-marker-infowindow a,
.network-index-map-marker-infowindow .h4,
.network-index-map-marker-infowindow p {
  font-size: 0.875rem;
}

.network-index-map-marker-infowindow p {
  line-height: 1.25;
  margin-bottom: 0;
}

.network-index-map-marker-infowindow .btn, .network-index-map-marker-infowindow #navbar-main #btn-stuurin, #navbar-main .network-index-map-marker-infowindow #btn-stuurin {
  margin-top: 20px;
}

/* Up to 992px
================================================== */
@media only screen and (max-width: 992px) {
  #network-index .network-index-filters-search-input:focus {
    width: 100%;
  }
}

/* Small Screens Mobile devices 480px
================================================== */
/* Tablet Screen 768px
================================================== */
@media only screen and (min-width: 768px) {
  #network-index .network-index-branches {
    padding: 40px;
  }
  #network-index .network-index-filters {
    margin: 0 0 20px;
    height: 100px;
    padding: 20px;
  }
  #network-index .network-index-filters::before {
    left: 0;
    right: 0;
  }
  #network-index .network-index-map {
    height: 100%;
  }
  #network-index .network-index-tab-content {
    display: block;
  }
  #network-index .network-index-tab-map {
    height: 100%;
    min-height: 400px;
  }
}

/* Medium Desktops Screens 992px
================================================== */
/* Large Desktops Screens 1200px
================================================== */
@media only screen and (min-width: 1200px) {
  #network-index .network-index-result-text {
    position: relative;
  }
  #network-index .network-index-result-text h5, #network-index .network-index-result-text p {
    position: absolute;
    width: 45%;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: visible;
    line-height: 190%;
    font-size: 15px;
  }
  #network-index .network-index-result-text p {
    left: 50%;
  }
}

.notification-banner-section {
  background-color: black;
  color: white;
  font-size: 0.875rem;
  transition: transform 0.3s ease-in;
  transition-delay: 0s;
  border-radius: 3px;
  position: fixed;
  max-width: calc(100vw - 30px);
  bottom: 55px;
  left: 10px;
  right: 10px;
  z-index: 9999;
  transform: translateX(120%);
  padding-top: 13px;
  padding-bottom: 16.5px;
  padding-left: 17.5px;
  padding-right: 10.66666667px;
}

@media only screen and (min-width: 992px) {
  .notification-banner-section {
    max-width: 300px;
    left: unset;
  }
}

.notification-banner-section * {
  pointer-events: none;
}

.notification-banner-section.open {
  transition-delay: 1s;
  transform: translateX(0);
}

.notification-banner-section.open * {
  pointer-events: initial;
}

.notification-banner-section .toast-header {
  padding-right: 40px;
  margin-bottom: 0.25rem;
}

.notification-banner-section .btn-close {
  position: absolute;
  right: 10.66666667px;
  top: 7.5px;
  background: transparent;
  transition: all .2s ease-in-out;
  color: white;
}

.notification-banner-section .btn-close:hover {
  color: #ffed00;
}

.notification-banner-section .notification-content {
  margin-bottom: 0.7rem;
}

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