/* slideshow container */

.slideshow-container {
   position: relative;
    
    flex-direction:row;
    /*background: #f1f1f1f1;*/
}


/* my slides */

.quotesSlides{
    display: none;
    /*padding: 80px;*/
    text-align: center;
}



/* next and previous buttons */

.prev, .next {
    
    cursor: pointer;
    display: flex;
    flex-direction:row;
    position: absolute;
    top: auto;
    width: auto;
    margin-top:  -30px;
    padding: 25px;
    color: #484747;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    border-radius: 50px;

}


/* in order to position next button to the right */

.next {
    position:absolute;
    right: 0;
    

}

/* On hover, add a balck bacg*/

.prev:hover, .next:hover {
    background-color: rgba(255,255,255, 0.8);
    opacity: 0.25;
    
}

/* the dot.bullet.indicator container */

.dot-container {
    text-align: center;
    padding: 20px;
   /* background: #ddd;*/
    
}


/* dot.bullet.indicator */

.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

/* Add a background color to the active dot.circle */

.active, .dot:hover {
    background-color: #717171;

}

/* add an italic font style to all quotes */

q {
    font-style: italic;
}

/* add a blue color to the author */
.author {color: rgb(46, 49, 54);}