/* GALLERIA -- override galleria classic theme */
.galleria-theme-classic {
    background-color: #ffffff;
}

.galleria-theme-classic .galleria-stage {
    top: 0;
    left: 0;
    right: 0;
}

.galleria-theme-classic .galleria-thumb-nav-left, .galleria-theme-classic .galleria-thumb-nav-right, .galleria-theme-classic .galleria-info-link, .galleria-theme-classic .galleria-info-close, .galleria-theme-classic .galleria-image-nav-left, .galleria-theme-classic .galleria-image-nav-right {
    background-image: url(../../../../all/themes/cni/images/classic-map-cni.png);
}

.galleria-theme-classic .galleria-info {
    top: 31px;
    left: 0;
}

.galleria-theme-classic .galleria-info-text {
    display: block;
    opacity: 0.5;
}

.galleria-theme-classic .galleria-info-title {
    margin-bottom: 0;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
}

.galleria-theme-classic .galleria-info-link {
    display: none;
    visibility: hidden;
}

.galleria-theme-classic.notouch .galleria-thumb-nav-left:hover, .galleria-theme-classic.notouch .galleria-thumb-nav-right:hover {
    background-color: #fff;
}

.galleria-theme-classic .galleria-thumbnails .galleria-image {
    width: 50px;
    height: 50px;
}

.galleria-theme-classic .galleria-thumb-nav-right, .galleria-theme-classic .galleria-thumb-nav-keft {
    top: 4px;
}

/* wider screens */
@media only screen and (min-width: 959px) {

    /* galleria */
    .galleria-theme-classic .galleria-info {
        left: 0;
        width: 215px;
    }

}

/* desktop browsers */
@media only screen and (max-width: 958px) and (min-width: 768px) {

    /* galleria */
    .galleria-theme-classic .galleria-info {
        left: 0;
        width: 150px;
    }

}

/* smaller browsers, tablets */
@media only screen and (max-width: 767px) and (min-width: 480px) {

}

/* larger phones */
@media only screen and (max-width: 479px) and (min-width: 421px) {

    /* galleria fixes */
    .galleria-theme-classic .galleria-info {
        width: 100%;
        top: 10px;
        left: 0;
    }

}

/* smaller phones */
@media only screen and (max-width: 420px) {

    /* galleria fixes */
    .galleria-theme-classic .galleria-info {
        width: 100%;
        top: 10px;
        left: 0;
    }
}