@charset "UTF-8";
/*!
Theme Name: Breede Blik  
Author: Glenn Windhouwer
Author URI: https://doserdesign.nl/
Description: Custom theme    
Version: 1.0.0  
Tested up to: 6.1        
Requires PHP: 7.3    
License: GNU General Public License v2 or later   
License URI: LICENSE
Text Domain: BDRC  
Tags: custom-background, custom-logo, custom-menu, featured-images, 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.

Timeout  is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

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

.skip-link {
  display: none;
}

.clearfix {
  clear: both;
}

html {
  font-size: 62.5%;
  overflow: visible;
}

html.mm-opened body {
  overflow: scroll !important;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* =Global custom styles  
-------------------------------------------------------------- */
.no-padding {
  margin-bottom: 0px !important;
  -webkit-margin-after: 0px !important;
          margin-block-end: 0px !important;
}

.no-overflow {
  overflow: hidden;
  padding: 0px !important;
}

.rounded {
  border-radius: 50%;
  overflow: hidden;
}

@media only screen and (max-width: 801px) {
  .reverse-columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.invert {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.no-click {
  pointer-events: none;
}

.blok-link {
  position: absolute !important;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 2;
  cursor: pointer;
}

.card-link a {
  position: absolute !important;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 2;
  cursor: pointer;
}

.offset-section {
  margin-top: -3.5rem;
}

.flip-horizontal {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.flip-vertical {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}

.blok-shadow {
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.hidden {
  display: none !important;
}

.mobile-only {
  display: block;
}
@media only screen and (min-width: 768px) {
  .mobile-only {
    display: none;
  }
}

.mobile-hide {
  display: none !important;
}
@media only screen and (min-width: 768px) {
  .mobile-hide {
    display: block !important;
  }
}

.fullheight {
  height: 100vh;
}

.layer-2 {
  z-index: 2;
}

.layer-3 {
  z-index: 3;
  position: relative;
}

.imageframe {
  width: 100%;
  height: 100%;
}
.imageframe figure {
  width: 100%;
  height: 100%;
}
.imageframe img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.imageframe .wp-block-cover {
  width: 100%;
  height: 100%;
}

.inline-lijst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 768px) {
  .inline-lijst {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
  }
}
.inline-lijst.centered {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

ul li, ol li {
  margin-left: 20px;
  position: relative;
}

.checklist li {
  list-style-type: none;
}
.checklist li:before {
  content: "";
  width: 1rem;
  height: 1rem;
  background-image: url("assets/images/check-solid.svg");
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  left: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(256deg) brightness(107%) contrast(101%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(256deg) brightness(107%) contrast(101%);
}

.offset-blok {
  margin-top: clamp(-130px, -10%, -8vw);
}

/* =Image ascpect ratios   
-------------------------------------------------------------- */
.fill img {
  position: absolute;
  top: 0px;
  left: 0px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}

.image-box-l {
  width: 100% !important;
  height: 0px;
  padding-bottom: 60%;
  position: relative;
  overflow: hidden;
  line-height: 0;
}
.image-box-l img {
  position: absolute;
  top: 0px;
  left: 0px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100% !important;
  height: 100%;
}
.image-box-l.contain img {
  -o-object-fit: contain;
     object-fit: contain;
}

.image-box-l-large {
  width: 100% !important;
  height: 0px;
  padding-bottom: 50%;
  position: relative;
  overflow: hidden;
  line-height: 0;
}
.image-box-l-large img {
  position: absolute;
  top: 0px;
  left: 0px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100% !important;
  height: 100%;
}
.image-box-l-large.contain img {
  -o-object-fit: contain;
     object-fit: contain;
}

.image-box-p {
  width: 100% !important;
  height: 0px;
  padding-bottom: 125%;
  position: relative;
  overflow: hidden;
}
.image-box-p img {
  position: absolute;
  top: 0px;
  left: 0px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100% !important;
  height: 100%;
}
.image-box-p.contain img {
  -o-object-fit: contain;
     object-fit: contain;
}

.image-box-s {
  width: 100%;
  height: 0px;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}
.image-box-s a {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  display: block;
}
.image-box-s img {
  position: absolute;
  top: 0px;
  left: 0px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100% !important;
  height: 100%;
}
.image-box-s.contain img {
  -o-object-fit: contain;
     object-fit: contain;
}

/* =Background blend modes  
-------------------------------------------------------------- */
/* The background-blend-mode property defines how an element’s background-image should blend with its background-color */
.blend-multiply {
  background-blend-mode: multiply;
}

.blend-screen {
  background-blend-mode: screen;
}

.blend-overlay {
  background-blend-mode: overlay;
}

.blend-darken {
  background-blend-mode: darken;
}

.blend-lighten {
  background-blend-mode: lighten;
}

.blend-color-dodge {
  background-blend-mode: color-dodge;
}

.blend-saturation {
  background-blend-mode: saturation;
}

.blend-color {
  background-blend-mode: color;
}

.blend-luminosity {
  background-blend-mode: luminosity;
}

/* =mix blend modes  
-------------------------------------------------------------- */
/* The mix-blend-mode CSS property sets how an element's content should blend with the content of the element's parent and the element's background. */
.mix-multiply {
  mix-blend-mode: multiply;
}

.mix-screen {
  mix-blend-mode: screen;
}

.mix-overlay {
  mix-blend-mode: overlay;
}

.mix-darken {
  mix-blend-mode: darken;
}

.mix-lighten {
  mix-blend-mode: lighten;
}

.mix-color-dodge {
  mix-blend-mode: color-dodge;
}

.mix-color-burn {
  mix-blend-mode: color-burn;
}

.mix-hard-light {
  mix-blend-mode: hard-light;
}

.mix-soft-light {
  mix-blend-mode: soft-light;
}

.mix-difference {
  mix-blend-mode: difference;
}

.mix-exclusion {
  mix-blend-mode: exclusion;
}

.mix-hue {
  mix-blend-mode: hue;
}

.mix-saturation {
  mix-blend-mode: saturation;
}

.mix-color {
  mix-blend-mode: color;
}

.mix-luminosity {
  mix-blend-mode: luminosity;
}

/* =Typography -------------------------------------------------------------- */
:root,
html {
  font-size: calc(12px + 1vw) !important;
  line-height: calc(16px + 2vw) !important;
}
@media only screen and (min-width: 992px) {
  :root,
  html {
    font-size: 18px !important;
    line-height: 24px !important;
  }
}

/*----------------------------------------------titles-start*/
body .entry-content .wp-block-heading {
  text-decoration: none;
}

body .has-xx-large-font-size,
body .has-x-large-font-size,
body .has-large-font-size,
body .has-medium-font-size,
body .has-small-font-size {
  line-height: 1;
}
body h1 + p,
body h2 + p,
body h3 + p,
body h4 + p,
body h5 + p,
body h6 + p {
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
}

/*----------------------------------------------titles-end*/
/*----------------------------------------------blockquote*/
/*----------------------------------------------------------desktop menu */
.main-navigation-wrapper {
  display: none;
}
@media only screen and (min-width: 801px) {
  .main-navigation-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.main-navigation-wrapper nav {
  padding-right: 10px;
}
.main-navigation-wrapper nav li {
  margin-left: 0px;
}
.main-navigation-wrapper .wp-block-navigation__submenu-container {
  padding: 10px 15px;
  border: none !important;
}
.main-navigation-wrapper .wp-block-navigation__submenu-container li {
  margin-left: 0px;
}
.main-navigation-wrapper .wp-block-navigation {
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
.main-navigation-wrapper .wp-block-navigation a:hover, .main-navigation-wrapper .wp-block-navigation a:active {
  color: var(--wp--preset--color--themecolor-2);
}
.main-navigation-wrapper .wp-block-navigation button:hover, .main-navigation-wrapper .wp-block-navigation button:active {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  opacity: 1;
  color: var(--wp--preset--color--themecolor-2);
}
.main-navigation-wrapper .wp-block-navigation__submenu-container {
  background-color: var(--wp--preset--color--white) !important;
  border: none;
  left: -15px !important;
}
.main-navigation-wrapper .wp-block-navigation__submenu-container a {
  font-size: 0.9em;
}
.main-navigation-wrapper .wp-block-navigation__submenu-container a:hover, .main-navigation-wrapper .wp-block-navigation__submenu-container a:active {
  color: var(--wp--preset--color--themecolor-2);
}
.main-navigation-wrapper .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  width: 100%;
  border-bottom: solid 1px #333;
  padding: 5px 0;
}
.main-navigation-wrapper .wp-block-navigation__submenu-container .wp-block-navigation-item__content:last-child {
  border-bottom: 0px;
}
.main-navigation-wrapper .wp-block-navigation__submenu-container .wp-block-navigation-item__content > span {
  width: 100%;
  text-overflow: ellipsis;
}
.main-navigation-wrapper .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
  left: 100% !important;
  top: -11px !important;
}
.main-navigation-wrapper .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item {
  border-bottom: solid 1px #333;
}
.main-navigation-wrapper .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child {
  border-bottom: 0px;
}
.main-navigation-wrapper li:nth-last-child(1) .wp-block-navigation__submenu-container {
  left: auto !important;
}

button.slick-arrow {
  background-color: transparent !important;
}

/*----------------------------------------------------------mobile menu */
.mobile-button {
  cursor: pointer;
  display: block;
}
@media only screen and (min-width: 801px) {
  .mobile-button {
    display: none;
  }
}

.mobile-close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 24px;
  -webkit-margin-before: 0px !important;
          margin-block-start: 0px !important;
}

.menu-panel {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
  overflow: scroll;
  z-index: 16;
  overflow: visible;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.5s opacity ease-out;
  transition: 0.5s opacity ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 1.8rem;
  margin-top: 0px !important;
}
@media only screen and (min-width: 801px) {
  .menu-panel {
    display: none;
  }
}
.menu-panel.slide-left {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.menu-panel.slide-left .menu-panel-inner {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.menu-panel.slide-right {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.menu-panel.slide-right .menu-panel-inner {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.menu-panel.slide-top {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.menu-panel.slide-top .menu-panel-inner {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  height: auto;
  width: 100%;
  max-width: none;
}
.menu-panel.slide-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.menu-panel.slide-bottom .menu-panel-inner {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  height: auto;
  width: 100%;
  max-width: none;
}
.menu-panel.show {
  pointer-events: all;
  opacity: 1;
}
.menu-panel.show .menu-panel-inner {
  -webkit-transform: translateX(0%) !important;
          transform: translateX(0%) !important;
}
.menu-panel .menu-panel-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
}
.menu-panel .menu-panel-inner {
  background-color: #fff;
  -webkit-transition: 0.5s all ease-out;
  transition: 0.5s all ease-out;
  max-width: 80%;
  width: 80%;
  height: 100%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 60px 60px 60px 30px;
  box-shadow: 1px 1px 24px -5px rgba(0, 0, 0, 0.51);
  -webkit-box-shadow: 1px 1px 24px -5px rgba(0, 0, 0, 0.51);
  -moz-box-shadow: 1px 1px 24px -5px rgba(0, 0, 0, 0.51);
  z-index: 2;
  -webkit-margin-before: 0rem;
          margin-block-start: 0rem;
}
.menu-panel .menu-panel-inner ul, .menu-panel .menu-panel-inner li {
  margin-left: 0px;
}
.menu-panel .nav-container {
  width: 100%;
}
.menu-panel nav {
  width: 100%;
}
.menu-panel nav ul {
  width: 100%;
}
.menu-panel .mobile-menu {
  display: block;
}
.menu-panel a:link, .menu-panel a:visited {
  color: #000;
}
.menu-panel a:hover, .menu-panel a:active {
  color: #FF00FF;
}
.menu-panel .custom-logo-link {
  width: 200px;
  line-height: 0px;
}
.menu-panel .custom-logo-link img {
  width: 100%;
  height: auto;
  max-width: none;
}
.menu-panel .main-navigation {
  margin-top: 60px;
  font-size: 1.2em;
}
.menu-panel .main-navigation li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 0;
}
.menu-panel .main-navigation li .submenu-button {
  display: none;
}
.menu-panel .main-navigation .menu-item-has-children > a .submenu-button {
  display: block;
}
.menu-panel .main-navigation .menu-item-has-children a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.menu-panel .main-navigation .opened > a .submenu-button {
  display: block;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.menu-panel .main-navigation .sub-menu {
  padding-top: 15px;
  padding-left: 0px;
}
.menu-panel .main-navigation .sub-menu.opened {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.menu-panel .menu-close {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #fff;
  cursor: pointer;
  z-index: 9;
  -webkit-filter: invert(100%) sepia(3%) saturate(10%) hue-rotate(52deg) brightness(105%) contrast(103%);
          filter: invert(100%) sepia(3%) saturate(10%) hue-rotate(52deg) brightness(105%) contrast(103%);
}
.menu-panel .menu-close img {
  width: 24px;
  height: auto;
}
.menu-panel .wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container {
  position: relative !important;
  top: auto;
  left: auto;
  border: none !important;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 10px;
}
.menu-panel .wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
  font-size: 1.5rem;
}
.menu-panel .wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
  font-size: 1.3rem;
  max-width: 260px;
  padding-right: 30px;
}
.menu-panel .wp-block-navigation .wp-block-navigation__submenu-icon {
  position: absolute;
  right: 0px;
  top: 10px;
  -webkit-transform: translate(110%, 0%);
          transform: translate(110%, 0%);
}
.menu-panel .wp-block-navigation .wp-block-navigation-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.menu-panel .wp-block-navigation-submenu__toggle {
  background-color: transparent;
}

/*-------------------------------------------- general-start*/
body {
  -webkit-animation: fadeInAnimation ease 2s;
          animation: fadeInAnimation ease 2s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
html#html {
  margin-top: 0px !important;
}

html.theme-wrap,
html.no-js {
  margin-top: 0px !important;
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
  overflow-y: scroll;
}

p:empty {
  display: none;
}

article:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.entry-content {
  margin-top: 0px;
}

article.post,
article.page {
  margin-bottom: 0px;
}

.tb-fields-and-text {
  width: 100%;
}

.site {
  position: relative;
}

.site-main {
  position: relative;
}
.site-main ul, .site-main ol {
  margin-left: 20px;
  margin-bottom: 30px;
}

article {
  position: relative;
  z-index: 2;
}

p {
  margin-bottom: 20px;
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
}

.logged-in .menu-close {
  position: absolute;
  top: 86wpx;
}

main {
  position: relative;
}
.entry-content img.alignnone {
  width: 100%;
  height: auto;
}
.entry-content figure {
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
}

iframe {
  max-width: 100%;
  width: 100%;
}

.logo_container {
  height: 150px;
  padding: 0 10px;
}
.logo_container a {
  height: 150px;
  position: relative;
}
.logo_container img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.logo_container img:hover, .logo_container img:active {
  opacity: 1;
}

.wp-block-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wp-block-buttons .wp-block-button a {
  padding: 8px 30px 8px 30px;
  font-size: 0.8em;
  border-radius: 60px;
  text-decoration: none;
}
.wp-block-buttons .wp-block-button a:hover, .wp-block-buttons .wp-block-button a:active {
  -webkit-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05);
  text-decoration: none;
}

.button-wrapper a {
  padding: 10px 15px;
  font-size: 0.8em;
  line-height: 0.8em;
  background-color: var(--wp--preset--color--themecolor-3);
  text-decoration: none;
}
.button-wrapper a:hover, .button-wrapper a:active {
  background-color: var(--wp--preset--color--themecolor-2);
  -webkit-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05);
  text-decoration: none;
  opacity: 0.8;
}

html body button, html body button[type=button], html body button[type=reset], html body button[type=submit] {
  padding: 5px 15px;
  -webkit-appearance: none;
  background-color: var(--wp--preset--color--themecolor-3);
  color: var(--wp--preset--color--white);
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
html body button:hover, html body button:active, html body button[type=button]:hover, html body button[type=button]:active, html body button[type=reset]:hover, html body button[type=reset]:active, html body button[type=submit]:hover, html body button[type=submit]:active {
  color: var(--wp--preset--color--white);
  -webkit-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05);
  text-decoration: none;
  opacity: 0.8;
}

body .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, body .frm_style_formidable-style.with_frm_style input[type=submit], body .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], body .frm_style_formidable-style.with_frm_style .frm_submit button, body .frm_form_submit_style, body .frm_style_formidable-style.with_frm_style .frm-edit-page-btn {
  background-color: var(--wp--preset--color--themecolor-3);
  color: var(--wp--preset--color--white);
  -webkit-appearance: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
body .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message:hover, body .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message:active, body .frm_style_formidable-style.with_frm_style input[type=submit]:hover, body .frm_style_formidable-style.with_frm_style input[type=submit]:active, body .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover, body .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:active, body .frm_style_formidable-style.with_frm_style .frm_submit button:hover, body .frm_style_formidable-style.with_frm_style .frm_submit button:active, body .frm_form_submit_style:hover, body .frm_form_submit_style:active, body .frm_style_formidable-style.with_frm_style .frm-edit-page-btn:hover, body .frm_style_formidable-style.with_frm_style .frm-edit-page-btn:active {
  background-color: var(--wp--preset--color--themecolor-2);
  color: var(--wp--preset--color--white);
}

.button-wrapper a,
.wp-block-post-navigation-link a {
  padding: 5px 30px;
  font-size: 1em;
  background-color: var(--wp--preset--color--themecolor-3);
  color: var(--wp--preset--color--white);
  font-weight: 400;
  border-radius: 0px;
  text-decoration: none;
}
.button-wrapper a:hover, .button-wrapper a:active,
.wp-block-post-navigation-link a:hover,
.wp-block-post-navigation-link a:active {
  background-color: var(--wp--preset--color--themecolor-2);
  color: var(--wp--preset--color--white);
  -webkit-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05);
  text-decoration: none;
}

body.logged-in #wpadminbar {
  display: none !important;
}

body.logged-in {
  margin-top: 0px;
}

@media only screen and (min-width: 801px) {
  body.logged-in {
    margin-top: 0;
  }
  body.logged-in #wpadminbar {
    display: block !important;
  }
}
@media screen and (max-width: 782px) {
  html {
    margin-top: 0px !important;
  }
}
.frm_checkbox a {
  display: inline !important;
}

body .wp-block-image figcaption {
  font-size: 0.8rem;
}

.wp-block-social-links {
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}

.header-margin {
  padding-top: 105px !important;
}

body main {
  margin-top: 0px !important;
  -webkit-margin-before: 0px;
          margin-block-start: 0px;
}

:root :where(.is-layout-flow) > p {
  -webkit-margin-before: 0rem;
          margin-block-start: 0rem;
  -webkit-margin-after: 15px;
          margin-block-end: 15px;
}

.jet-engine-frontend-query-editor-buttons {
  display: none !important;
}

/* =structure 
-------------------------------------------------------------- */
.wp-block-search__button {
  background-color: transparent !important;
}

.map-wrapper {
  position: relative;
  aspect-ratio: 16/9;
}
.map-wrapper iframe {
  width: 100%;
  height: 100%;
}

.cover-wrapper {
  position: relative;
}

body .wp-block-social-links, body .wp-block-social-links {
  position: absolute;
  right: 15px;
}
@media only screen and (min-width: 768px) {
  body .wp-block-social-links, body .wp-block-social-links {
    position: relative;
  }
}

.header-wrapper {
  position: absolute;
  bottom: 0px;
  top: unset;
  width: 100%;
  z-index: 9;
}
.header-wrapper .show-title {
  -webkit-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}
.header-wrapper:after {
  content: "";
  position: absolute;
  top: 0px;
  left: -10px;
  width: 100vw;
  height: 100%;
  background-color: var(--wp--preset--color--themecolor-1);
  z-index: -1;
}
.header-wrapper.show {
  position: fixed;
  top: 0px;
  margin-top: var(--wp-admin--admin-bar--height);
  bottom: unset;
}
.header-wrapper.show .show-title {
  font-size: 2.25em !important;
  -webkit-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}

header {
  z-index: 3;
  color: var(--wp--preset--color--white);
  width: 100%;
  -webkit-transition: background-color ease-out 0.5s;
  transition: background-color ease-out 0.5s;
  margin-top: 0px;
}
header .custom-logo-link {
  width: 100px;
}
@media only screen and (min-width: 768px) {
  header .custom-logo-link {
    width: 100%;
  }
}
header .custom-logo-link img {
  width: 100%;
  height: auto;
}
.navigation-wrapper .mobile-button {
  -webkit-filter: invert(1);
          filter: invert(1);
}
.navigation-wrapper .custom-logo-link {
  width: 100px;
}
@media only screen and (min-width: 768px) {
  .navigation-wrapper .custom-logo-link {
    width: 220px;
  }
}
.navigation-wrapper .custom-logo-link img {
  width: 100%;
  height: auto;
}
.navigation-wrapper .umc-logo {
  width: 100px;
}
@media only screen and (min-width: 768px) {
  .navigation-wrapper .umc-logo {
    width: 220px;
  }
}
.navigation-wrapper .navigationbar-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .navigation-wrapper .navigationbar-container {
    display: block;
  }
}
.navigation-wrapper .hide-mobile {
  display: none;
}
.navigation-wrapper .navigationbar-bottom {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .navigation-wrapper .navigationbar-bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

header.show .custom-logo-link img {
  display: block;
}
header.show .wp-block-navigation__submenu-container {
  background-color: var(--wp--preset--color--themecolor-1) !important;
}
.wp-container-5 {
  z-index: 11 !important;
}

/*-----------------------------------------------wpml */
li[data-wpml=language-item]:first-of-type {
  margin-top: 0px !important;
}

.wpml-language-switcher-block ul.horizontal-list {
  gap: 10px !important;
  font-size: 0.8em;
}

.header-search {
  display: none;
}
.header-search input:focus-visible {
  outline: none;
}
@media only screen and (min-width: 768px) {
  .header-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header-search .jet-ajax-search__form {
  background-color: var(--wp--preset--color--white) !important;
  color: var(--wp--preset--color--black) !important;
}
.header-search .jet-ajax-search__field {
  background-color: var(--wp--preset--color--white) !important;
  color: var(--wp--preset--color--themecolor-black) !important;
  border-top: solid 1px var(--wp--preset--color--white) !important;
  border-left: solid 1px var(--wp--preset--color--white) !important;
  border-right: solid 1px var(--wp--preset--color--white) !important;
  border-bottom: solid 1px var(--wp--preset--color--black) !important;
}
.header-search .jet-ajax-search__submit[type=submit],
.header-search .jet-ajax-search-block .jet-ajax-search__submit[type=submit] {
  color: var(--wp--preset--color--themecolor-black) !important;
  border: solid 1px var(--wp--preset--color--white) !important;
  background-color: var(--wp--preset--color--white) !important;
  width: 0% !important;
  margin: 0px 0 0 !important;
}
.header-search .jet-ajax-search__submit[type=submit]:hover,
.header-search .jet-ajax-search-block .jet-ajax-search__submit[type=submit]:hover {
  color: var(--wp--preset--color--themecolor-black) !important;
  border: solid 1px var(--wp--preset--color--white) !important;
  background-color: var(--wp--preset--color--white) !important;
}

.search-list-type {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}

.jet-ajax-search__full-results {
  color: var(--wp--preset--color--1) !important;
}

/*-------------------------------------------- general-listing-start*/
.projecten-lijst .jet-listing-grid__item {
  padding: 0px;
}
@media only screen and (min-width: 768px) {
  .projecten-lijst .jet-listing-grid__item {
    padding: 10px;
  }
}
.projecten-lijst .project-wrapper {
  gap: 0em 0;
}
@media only screen and (min-width: 768px) {
  .projecten-lijst .project-wrapper {
    gap: 2em 0;
  }
}
.projecten-lijst .jet-listing-grid__item:nth-child(even) .project-wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.projecten-lijst .jet-listing-grid__item h2, .projecten-lijst .jet-listing-grid__item p, .projecten-lijst .jet-listing-grid__item .button, .projecten-lijst .jet-listing-grid__item .jet-listing-dynamic-field__content {
  color: var(--wp--preset--color--white) !important;
}
.projecten-lijst .jet-listing-grid__item:nth-of-type(4n + 1) {
  background-color: var(--wp--preset--color--accent-1);
}
.projecten-lijst .jet-listing-grid__item:nth-of-type(4n + 1) .button a {
  background-color: var(--wp--preset--color--accent-2);
  padding: 5px 30px 5px 30px;
  border-radius: 60px;
  text-decoration: none;
}
.projecten-lijst .jet-listing-grid__item:nth-of-type(4n + 2) {
  background-color: var(--wp--preset--color--accent-6);
}
.projecten-lijst .jet-listing-grid__item:nth-of-type(4n + 2) .button a {
  background-color: var(--wp--preset--color--accent-3);
  padding: 5px 30px 5px 30px;
  border-radius: 60px;
  text-decoration: none;
}
.projecten-lijst .jet-listing-grid__item:nth-of-type(4n + 3) {
  background-color: var(--wp--preset--color--accent-3);
}
.projecten-lijst .jet-listing-grid__item:nth-of-type(4n + 3) .button a {
  background-color: var(--wp--preset--color--accent-5);
  padding: 5px 30px 5px 30px;
  border-radius: 60px;
  text-decoration: none;
}
.projecten-lijst .jet-listing-grid__item:nth-of-type(4n + 4) {
  background-color: var(--wp--preset--color--accent-2);
}
.projecten-lijst .jet-listing-grid__item:nth-of-type(4n + 4) .button a {
  background-color: var(--wp--preset--color--accent-3);
  padding: 5px 30px 5px 30px;
  border-radius: 60px;
  text-decoration: none;
}
.projecten-lijst .button {
  -webkit-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
  -webkit-transform-origin: left;
          transform-origin: left;
}
.projecten-lijst .button:hover, .projecten-lijst .button:active {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.review-slider .jet-slick-dots {
  position: absolute;
  bottom: 10px;
}

body .wp-block-cover {
  padding-top: 30px;
  position: relative;
  padding-left: var(--wp--style--root--padding-left);
  padding-right: var(--wp--style--root--padding-right);
}
body .wp-block-cover.header-cover {
  -webkit-mask-image: url(assets/images/golf_masker.svg);
  mask-image: url(assets/images/golf_masker.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-position: bottom center;
          mask-position: bottom center;
  aspect-ratio: 16/12;
  min-height: 0 !important;
}
@media only screen and (min-width: 768px) {
  body .wp-block-cover.header-cover {
    aspect-ratio: 16/7;
  }
}
body .wp-block-cover .wp-block-cover__inner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100% !important;
  margin: 0 auto !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  max-width: var(--wp--style--global--content-size);
}
body .wp-block-cover .wp-block-cover__inner-container:after {
  content: url("assets/images/breedeblik_bg_wit.svg"/"farm");
}
body .wp-block-cover.custom-ratio {
  aspect-ratio: 16/7 !important;
}
.page-cover {
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
}

.cover-wrapper {
  min-height: 0 !important;
}
.cover-wrapper .wp-block-cover {
  padding-bottom: 0 !important;
  min-height: 0 !important;
  padding-top: 0px !important;
}

.cover-bg {
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  width: 105vw;
  height: 100%;
  max-width: none;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.header-title {
  font-size: clamp(8.75rem, -2.4679rem + 35.8974vw, 26.25rem);
  text-decoration: none;
  display: inline;
  white-space: nowrap;
  margin-left: 0px !important;
  margin-right: 0px !important;
  text-align: left !important;
  line-height: 0.75;
}

.header-subtitle {
  font-size: clamp(3.75rem, 1.7468rem + 6.4103vw, 6.875rem);
  line-height: 1;
  padding-left: var(--wp--style--root--padding-left);
  padding-right: var(--wp--style--root--padding-right);
  margin: 0 !important;
}

.cover-title {
  font-size: 4rem;
  line-height: 3rem;
}

.entry-content .wp-block-cover {
  overflow: hidden;
}
.entry-content .wp-block-cover.page-cover {
  border-radius: 0px;
}

.wp-block-cover-image.is-position-top-center,
.wp-block-cover.is-position-top-center {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.page-template-default .page-header:after {
  content: url("assets/images/breedeblik_bg_wit.svg");
  display: block;
  position: absolute;
  bottom: -10px;
  right: 30px;
  z-index: 9;
  width: 50%;
  height: auto;
}

body .wp-block-search {
  background-color: var(--wp--preset--color--white);
  border-radius: 5px;
  border: solid 1px var(--wp--preset--color--themecolor-3);
}
body input[type=search] {
  color: #666;
  border: none;
  padding: 0px 10px;
  background-color: transparent;
  font-size: 0.7em;
}
body input:-internal-autofill-selected {
  background-color: transparent !important;
}
body .wp-block-search__button svg {
  fill: var(--wp--preset--color--themecolor-3);
}
body button[type=submit] {
  padding: 5px;
  background-color: transparent;
  color: zwart;
}
body .wp-block-search__button {
  background-color: transparent !important;
}

.search-row {
  border-bottom: solid 1px #434343;
}
.search-row .jet-listing-dynamic-link__link {
  text-decoration: none;
}
.search-row .jet-listing-dynamic-link__link:link, .search-row .jet-listing-dynamic-link__link:visited {
  text-decoration: none;
}
.search-row .jet-listing-dynamic-link__link:hover, .search-row .jet-listing-dynamic-link__link:active {
  text-decoration: none;
}
.search-row .search-title {
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.4rem;
}

.post-type-label .jet-listing-dynamic-field__content {
  width: auto;
  background-color: var(--wp--preset--color--themecolor-5);
  padding: 3px 10px;
  border-radius: 25px;
  color: #fff;
}

/* =Flip cards
-------------------------------------------------------------- */
.flip-card-back {
  display: none;
}

.card-link {
  display: block;
}

@media only screen and (min-width: 768px) {
  .flip-card {
    background-color: transparent;
    -webkit-perspective: 1000px;
            perspective: 1000px; /* Remove this if you don't want the 3D effect */
    padding-bottom: 124%;
  }
  /* This container is needed to position the front and back side */
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: -webkit-transform 0.8s;
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  /* Do an horizontal flip when you move the mouse over the flip box container */
  .flip-card:hover .flip-card-inner {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  /* Position the front and back side */
  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
  }
  .flip-card-back {
    display: block;
  }
  .card-link {
    display: none;
  }
}
/* Style the front side (fallback if image is missing) */
.flip-card-front {
  border-radius: 15px;
  overflow: hidden;
}
.flip-card-front:after {
  content: "+";
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background-color: #fff;
  color: #000;
  position: absolute;
  bottom: 15px;
  right: 15px;
  mix-blend-mode: color-dodge;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.5rem;
}
.flip-card-front .card-title {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  padding: 30px 15px 25% 15px;
  background: rgb(0, 0, 0);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), color-stop(30%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%);
  z-index: 2;
  color: var(--wp--preset--color--white);
  font-weight: 600;
}

/* Style the back side */
.flip-card-back {
  color: white;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  text-align: left;
  border-radius: 15px;
  overflow: hidden;
  padding-bottom: 124%;
}
.flip-card-back > div {
  padding: 30px !important;
  font-size: 15px !important;
}

.accordeon-title {
  cursor: pointer;
  opacity: 0.6;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.accordeon-title .accordeon-icon {
  font-size: var(--wp--preset--font-size--large) !important;
}
.accordeon-title:hover, .accordeon-title:active {
  opacity: 1;
}
.accordeon-title.opened {
  opacity: 1;
}
.accordeon-title.opened .accordeon-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: rotate 1s ease-out;
  transition: rotate 1s ease-out;
}

.accordeon-content {
  display: none;
}
.accordeon-content .partner-projectlijst .jet-listing-grid__item {
  display: list-item;
  margin-left: 20px;
  padding: 0px;
}
.accordeon-content .partner-projectlijst .jet-listing-grid__item a:hover, .accordeon-content .partner-projectlijst .jet-listing-grid__item a:active {
  color: var(--wp--preset--color--themecolor-3);
}
.accordeon-content .partner-projectlijst p {
  margin-bottom: 0px;
  -webkit-margin-after: 0px;
  margin-block-end: 0px;
}

.slide-wrapper {
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
}

.slider-carousel,
.landscape-slider {
  max-width: none !important;
}
.slider-carousel .slick-list,
.landscape-slider .slick-list {
  height: 100%;
  padding-top: 0% !important;
  padding-bottom: 0% !important;
  padding-left: 15% !important;
  padding-right: 15% !important;
}
.slider-carousel .slick-track,
.landscape-slider .slick-track {
  height: 100%;
  max-width: 100% !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
  -webkit-perspective: 100px;
          perspective: 100px;
}
.slider-carousel .slick-dots li button,
.landscape-slider .slick-dots li button {
  background-color: transparent;
}
.slider-carousel .slick-dots li button:hover, .slider-carousel .slick-dots li button:active,
.landscape-slider .slick-dots li button:hover,
.landscape-slider .slick-dots li button:active {
  background-color: transparent;
}
.slider-carousel .slick-slide,
.landscape-slider .slick-slide {
  height: 100%;
}
.slider-carousel .slick-slide:focus,
.landscape-slider .slick-slide:focus {
  outline: none !important;
}
.slider-carousel .slick-slide > div,
.landscape-slider .slick-slide > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  aspect-ratio: 16/9;
  padding: 30px;
}
.slider-carousel .slick-slide > div:before,
.landscape-slider .slick-slide > div:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100% !important;
  content: "";
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 2;
  display: block;
  -webkit-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}
.slider-carousel .slick-slide p, .slider-carousel .slick-slide h1, .slider-carousel .slick-slide h2, .slider-carousel .slick-slide h3, .slider-carousel .slick-slide h4, .slider-carousel .slick-slide h5, .slider-carousel .slick-slide h6,
.landscape-slider .slick-slide p,
.landscape-slider .slick-slide h1,
.landscape-slider .slick-slide h2,
.landscape-slider .slick-slide h3,
.landscape-slider .slick-slide h4,
.landscape-slider .slick-slide h5,
.landscape-slider .slick-slide h6 {
  color: var(--wp--preset--color--white);
}

.slider-carousel .slick-slide,
.landscape-slider .slick-slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  width: 100% !important;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s, -webkit-transform 1s;
  -webkit-box-shadow: 4px 4px 5px -4px rgba(0, 0, 0, 0.75);
  box-shadow: 4px 4px 5px -4px rgba(0, 0, 0, 0.75);
  border-radius: 30px;
  overflow: hidden;
  aspect-ratio: 16/9;
}
.slider-carousel .slick-slide.slick-active,
.landscape-slider .slick-slide.slick-active {
  display: block;
}
.slider-carousel .slick-slide.slick-active div:before,
.landscape-slider .slick-slide.slick-active div:before {
  opacity: 0;
}
.slider-carousel .slick-current,
.landscape-slider .slick-current {
  opacity: 1;
  position: relative;
  display: block;
  z-index: 2;
}
.slider-carousel .slick-current + .slick-slide,
.landscape-slider .slick-current + .slick-slide {
  opacity: 1;
  -webkit-transform: translate3d(25%, 0, -20px);
          transform: translate3d(25%, 0, -20px);
  z-index: 1;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
.slider-carousel .slick-current + .slick-slide + .slick-slide,
.landscape-slider .slick-current + .slick-slide + .slick-slide {
  opacity: 1;
  -webkit-transform: translate3d(35%, 0, -30px);
          transform: translate3d(35%, 0, -30px);
  z-index: 0;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
.slider-carousel .slick-slide:has(+ .slick-current),
.landscape-slider .slick-slide:has(+ .slick-current) {
  opacity: 1;
  -webkit-transform: translate3d(-25%, 0, -20px);
          transform: translate3d(-25%, 0, -20px);
}
.slider-carousel .slick-slide:has(+ .slick-slide + .slick-current),
.landscape-slider .slick-slide:has(+ .slick-slide + .slick-current) {
  opacity: 1;
  -webkit-transform: translate3d(-35%, 0, -30px);
          transform: translate3d(-35%, 0, -30px);
}
.slider-carousel .slick-list,
.landscape-slider .slick-list {
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body button.slick-arrow {
  padding: 0px;
  margin-top: 0px;
  width: 30px;
  height: 30px;
  line-height: 0px !important;
  top: 50%;
}
html body button.slick-arrow:hover, html body button.slick-arrow:active {
  -webkit-transform: none !important;
          transform: none !important;
  margin-top: -15px;
}
html body .slick-prev {
  left: 0px !important;
}
html body .slick-next {
  right: 0px !important;
}