/**
 * @author Nevma, http://www.nevma.gr, info@nevma.gr
 * 
 * @license http://www.gnu.org/licenses/gpl-3.0.en.html GPLv3
 */



/*****************************************************************************

    ███████╗██╗     ██╗██████╗ ███████╗███████╗██╗  ██╗ ██████╗ ██╗    ██╗
    ██╔════╝██║     ██║██╔══██╗██╔════╝██╔════╝██║  ██║██╔═══██╗██║    ██║
    ███████╗██║     ██║██║  ██║█████╗  ███████╗███████║██║   ██║██║ █╗ ██║
    ╚════██║██║     ██║██║  ██║██╔══╝  ╚════██║██╔══██║██║   ██║██║███╗██║
    ███████║███████╗██║██████╔╝███████╗███████║██║  ██║╚██████╔╝╚███╔███╔╝
    ╚══════╝╚══════╝╚═╝╚═════╝ ╚══════╝╚══════╝╚═╝  ╚═╝ ╚═════╝  ╚══╝╚══╝

 *****************************************************************************/



    /* The slideshow main container. */

    .responsiville-slideshow {
        position: relative;
    }



    /* Slideshow loading animation. */

    @keyframes responsiville-slideshow-spinner {
        0% {
            transform: rotateZ(0deg);
        }
        50% {
            transform: rotateZ(180deg);
        }
        100% {
            transform: rotateZ(360deg);
        }
    }
    
    .small .responsiville-slideshow-loading::before {
        font-size: 3rem;
    }
    
    .tablet .responsiville-slideshow-loading::before {
        font-size: 4rem;
    }

    .laptop .responsiville-slideshow-loading::before {
        font-size: 5rem;
    }

    .responsiville-slideshow-loading::before {
        content: "\E811";
        line-height: 0;
        font-family: 'Responsiville Icons';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 100%;
        text-align: center;
        animation: responsiville-slideshow-spinner 0.5s linear infinite;
    }



    /* Slideshow container. */

    .responsiville-slideshow-enabled .responsiville-slideshow-slides-container {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
    }



        /* The slideshow slides. */

        .responsiville-slideshow-enabled .responsiville-slideshow-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            max-width: 100%;
        }

        .responsiville-slideshow-slide-hidden {
            display: none;
        }



        /* The slideshow next/previous navigation. */

        .responsiville-slideshow-navigation {
            display: none;
        }

        .responsiville-slideshow-enabled .responsiville-slideshow-navigation {
            display: block;
        }

            .small .responsiville-slideshow-next,
            .small .responsiville-slideshow-previous {
                font-size: 3rem;
            }

            .tablet .responsiville-slideshow-next,
            .tablet .responsiville-slideshow-previous {
                font-size: 4rem;
            }

            .laptop .responsiville-slideshow-next,
            .laptop .responsiville-slideshow-previous {
                font-size: 5rem;
            }

            .responsiville-slideshow-next,
            .responsiville-slideshow-previous,
            .responsiville-slideshow-next:hover,
            .responsiville-slideshow-previous:hover {
                padding: 0;
                margin: 0;
                width: 1em;
                height: 1em;
                line-height: 0.9em;
                text-align: center;
                box-shadow: none;
                position: absolute;
                z-index: 1;
                top: 50%;
                transform: translateY(-50%);
                border-radius: 50%;
                color: var(--color-responsiville-gray-dark);
                background-color: var(--color-responsiville-gray-light);
            }

            .responsiville-slideshow-next:hover,
            .responsiville-slideshow-previous:hover {
                color: var(--color-responsiville-gray-light);
                background-color: var(--color-responsiville-gray-dark);
            }

            .responsiville-slideshow-next {
                right: 2rem;
            }

            .responsiville-slideshow-previous {
                left: 2rem;
            }

            .responsiville-slideshow-next-icon::before,
            .responsiville-slideshow-previous-icon::before {
                display: inline-block;
                font-family: "Responsiville icons";
                position: relative;
            }
            
            .responsiville-slideshow-next-icon::before {
                content: "\E848";
                left: 2px;
            }

            .responsiville-slideshow-previous-icon::before {
                content: "\E847";
                right: 2px;
            }

            .responsiville-slideshow-next-text,
            .responsiville-slideshow-previous-text {
                display: none;
            }



        /* The slideshow bullets navigation. */

        .responsiville-slideshow-bullets {
            display: none;
            position: absolute;
            padding: 0;
            margin: 0;
            width: auto;
            line-height: 1;
            z-index: 1;
            text-align: center;
        }

        .responsiville-slideshow-enabled .responsiville-slideshow-bullets {
            display: block;
        }

        .responsiville-slideshow-bullets.tl {
            top: 2rem;
            left: 0;
        }

        .responsiville-slideshow-bullets.tr {
            top: 2rem;
            right: 0;
        }

        .responsiville-slideshow-bullets.bl {
            bottom: 2rem;
            left: 0;
        }

        .responsiville-slideshow-bullets.br {
            bottom: 2rem;
            right: 0;
        }

        .responsiville-slideshow-bullets.ml,
        .responsiville-slideshow-bullets.mr {
            top: 50%;
            transform: translateY(-50%);
        }

        .responsiville-slideshow-bullets.ml {
            left: 2rem;
        }

        .responsiville-slideshow-bullets.mr {
            right: 2rem;
        }

        .responsiville-slideshow-bullets.tc,
        .responsiville-slideshow-bullets.bc {
            left: 0;
            width: 100%;
            text-align: center;
        }

        .responsiville-slideshow-bullets.tc {
            top: 2rem;
        }

        .responsiville-slideshow-bullets.bc {
            bottom: 2rem;
        }



            /* The slideshow bullets */     

            .responsiville-slideshow-bullet {
                padding: 0;
                margin: 0 0.5rem;
                background-color: transparent;
                box-shadow: none;
                position: relative;
                display: inline-block;
                width: 2rem;
                height: 2rem;
                background-color: var(--color-responsiville-gray-light);
                border-radius: 50%;
            }

            .responsiville-slideshow-bullets.ml .responsiville-slideshow-bullet,
            .responsiville-slideshow-bullets.mr .responsiville-slideshow-bullet {
                display: block;
                margin: 1rem 0;
            }

            .responsiville-slideshow-bullet:hover,
            .responsiville-slideshow-bullet.responsiville-slideshow-bullet-selected {
                background-color: var(--color-responsiville-gray-dark);
            }

                .responsiville-slideshow-bullet-icon,
                .responsiville-slideshow-bullet-text,
                .responsiville-slideshow-bullet-number {
                    display: none;
                }