/*
 Theme Name:   Oostenrijk Group
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.n2-ss-slider .nextend-bullet-bar .n2-bullet.n2-active {
    width: 20px;
}

.n2-ss-slider .nextend-bullet-bar .n2-bullet {
    transition: background .3s ease, opacity .3s ease, width .3s ease;
}


.n2-ss-slider .n2-ss-layer.slide-flip-box .n2-ss-layer.slide-flip-front > .n2-ss-layer-row , .n2-ss-slider .n2-ss-layer.slide-flip-box .n2-ss-layer.slide-flip-back > .n2-ss-layer-row {
    min-height: 340px;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 10px;
    border-radius: 12px;
    border-top: 5px solid var(--red);
    background-color: var(--white);
    color: var(--white);
    box-shadow: 0 8px 24px 0 rgb(0 0 0 / 10%);
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}
.n2-ss-slider .n2-ss-layer.slide-flip-box .n2-ss-layer.slide-flip-front, .n2-ss-slider .n2-ss-layer.slide-flip-box .n2-ss-layer.slide-flip-back {
    /*min-height: 340px;*/
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.n2-ss-slider .slide-flip-on-button, .n2-ss-slider .slide-flip-off-button {
    color: var(--red);
}
.n2-ss-slider .slide-flip-off-button svg, .n2-ss-slider .slide-flip-on-button svg {
    fill: currentColor;
}

/*cursor pointer css*/
.slide-flip-on-button,
.slide-flip-off-button {
  cursor: pointer;
}

.n2-ss-slider .n2-ss-layer.slide-flip-box .n2-ss-section-main-content {
  position: relative;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.6s linear;
}

/* Front and back sides */
.slide-flip-front,
.slide-flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.slide-flip-back {
  transform: rotateY(180deg);
}
.n2-ss-slider .n2-ss-layer.slide-flip-box.slide-flipped .n2-ss-section-main-content {
  transform: rotateY(180deg);
}