/**
 * Theme Vars TODO move to child theme
 */
/*-------Chargeon-------*/
/*
 * Layout
 */
/* Fonts for Chargeon */
/*
    p1 - 15
    p2 - 22.5
    p3 - 40
    p4 - 50
    t1 - 30
    t2 - 22
    t3 - 13
    link - 13

*/
/* Colors */
/*
 * Header
 */
/* Grids */
/* Various */
/* Fonts */
/* Inputs */
/* Screen Size */
/* Content */
/* Navigation */
/* FAV */
/* Elements */
/* Footer */
/* Breakpoints */
:root {
  --swiper-theme-color:$color-black !important;
  --swiper-pagination-bullet-inactive-opacity:1 !important;
}
:root .swiper-button-next,
:root .swiper-button-prev {
  width: 57px;
  height: 57px;
}
:root .swiper-button-next:after,
:root .swiper-button-prev:after {
  display: none;
}
/* Blocks */
/* Block - Image & Text */
/* mixins */
.fav-block.double-slider .image-container {
  padding-bottom: 110%;
}
.fav-block.double-slider .wrapper {
  position: relative;
}
.fav-block.double-slider .wrapper svg {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 100px;
  transform: translate(-50%, -50%);
}

@media only screen and (min-width: 769px) {
  .fav-block.double-slider .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .fav-block.double-slider .wrapper svg {
    width: 10vw;
  }
  .fav-block.double-slider .wrapper .left-slider,
  .fav-block.double-slider .wrapper .right-slider {
    padding-bottom: 110%;
    position: relative;
  }
  .fav-block.double-slider .wrapper .left-slider .swiper,
  .fav-block.double-slider .wrapper .right-slider .swiper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}