/** ************************************************************************ **
 *   Project specific CSS - objects
 ** ************************************************************************ **/


 /** ******************************************************************* **
 *   OWL carousel
 ** ******************************************************************* **/

/** OWL carousel - Nav GENERAL */
.owl-carousel-nav .owl-prev, 
.owl-carousel-nav .owl-next {
    width: 66px;
    height: 100px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block !important;
    border:0px solid black;
    margin: 0;
}
.owl-carousel-nav .owl-prev { left: 0px; }
.owl-carousel-nav .owl-next { right: 0px; }

.owl-carousel-nav .owl-prev.disabled,
.owl-carousel-nav .owl-next.disabled { display: none !important; }



.owl-dots {
    text-align: center;
}

.owl-dots button.owl-dot {
    /* border: 1px solid gray !important; */
    border: 0;
    background-color: var(--wg-color-green) !important;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    margin: 0 4px;
    /* position: relative; */
  }

.owl-dots button.owl-dot span, 
.owl-dots button.owl-dot.active span, 
.owl-dots button.owl-dot:hover span {
    /* background-color: #FEAE00;*/
    border-radius: 50%;
    height: 16px;
    width: 16px;
    /*
        position: absolute;
        top: 1px;
        left:1px;
    */
}
.owl-dots button.owl-dot.active span, 
.owl-dots button.owl-dot:hover span {
    background-color: var(--wg-color-green-dark) !important;
}

.owl-dots {
    position: relative;
    bottom: 40px !important;
}
.owl-dots .owl-dot {
    padding: 4px 15px;
    display: inline-flex; 
    color: white;
}

.owl-dots .owl-dot .owl-dot-navi { 
    color: white;
    /** remove button styles */
    background: transparent;
    width: auto;
    height: auto;
    border-radius: 0;
    border: none;
}
.owl-dots .owl-dot.active .owl-dot-navi {
    color: white;
    text-decoration: underline;
}

.owl-dots-bottom .owl-dots { bottom: 0 !important; }
/** ITEM: Background image cover */
/**
.owl-carousel-teaser { height: 100vh;}
.owl-carousel-teaser .owl-stage-outer { height: 100%;}
.owl-carousel-teaser .owl-stage-outer .owl-stage { height: 100%;}
.owl-carousel-teaser .owl-stage-outer .owl-stage .owl-item { height: 100%;}
.owl-carousel-teaser .owl-stage-outer .owl-stage .owl-item .item { 
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;

}
.owl-carousel-teaser .owl-stage-outer .owl-stage .owl-item .item .wn-item { height: 100%;} 
.owl-carousel-teaser .owl-stage-outer .owl-stage .owl-item .item .wn-item a { width: 100%; height: 100%;} 
*/

