/*
* FooGallery Custom CSS
* This file is created by adding custom CSS on FooGallery Settings page in wp-admin
* Created : 16 Aug 2026, 1:06 pm
*/


/* =========================================================
   SVM – FOOGALLERY IMAGE VIEWER
   Generated by SVM Settings Editor
   ========================================================= */


/* =========================================================
   1. MAIN VIEWER
   ========================================================= */

.fg-image-viewer {
    background:
        #262424 !important;
}


/* =========================================================
   2. OUTER FRAME / BEZEL
   ========================================================= */

.fg-image-viewer.fg-light .fiv-inner {

    background:
        #343333 !important;

    border:
        0px
        solid
        #0000FF !important;

    border-radius:
        5px !important;

    box-sizing:
        border-box !important;
}


/* =========================================================
   3. IMAGE AREA
   ========================================================= */

.fg-image-viewer .fiv-inner-container {

    background:
        #343333 !important;

    border-color:
        #343333 !important;
}


.fg-image-viewer .fiv-inner-container img {

    display:
        block;
}


/* =========================================================
   4. CONTROL BAR
   ========================================================= */

.fg-image-viewer.fg-light
.fiv-inner
.fiv-ctrls {

    background:
        #343333 !important;

    border-color:
        #343333 !important;

    color:
        #FF00FF !important;
}


.fg-image-viewer .fiv-ctrls {

    color:
        #FF00FF !important;
}


/* =========================================================
   5. PREVIOUS / NEXT BUTTONS
   ========================================================= */

.fg-image-viewer .fiv-prev,
.fg-image-viewer .fiv-next {

    background:
        #343333 !important;

    color:
        #FFFFFF !important;

    border:
        0px
        solid
        #FFFF00 !important;

    border-radius:
        6px !important;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}


/* =========================================================
   6. BUTTON HOVER
   ========================================================= */

.fg-image-viewer .fiv-prev:hover,
.fg-image-viewer .fiv-next:hover {

    background:
        #93C840 !important;

    color:
        #000000 !important;

    border-color:
        #343333 !important;
}


/* =========================================================
   7. COUNTER
   ========================================================= */

.fg-image-viewer .fiv-count {

    background:
        #343333 !important;

    color:
        #FFFFFF !important;

    border:
        0px
        solid
        #FF0000 !important;
}


/* =========================================================
   8. SHADOW
   ========================================================= */

.fg-image-viewer.fg-light .fiv-inner,
.fg-image-viewer.fg-light .fiv-inner-container,
.fg-image-viewer.fg-light .fiv-ctrls,
.fg-image-viewer.fg-light .fiv-count,
.fg-image-viewer.fg-light .fiv-prev,
.fg-image-viewer.fg-light .fiv-next {

    box-shadow:
        0 0 0
        0px
        #00FF00 !important;
}


/* =========================================================
   9. OUTLINE
   ========================================================= */

.fg-image-viewer .fiv-inner {

    overflow:
        hidden !important;

    outline:
        1px
        solid
        #FFFFFF !important;
}


/* =========================================================
   10. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .fg-image-viewer.fg-light .fiv-inner {

        border:
            0px
            solid
            #0000FF !important;

        border-radius:
            0px !important;
    }


    .fg-image-viewer .fiv-prev,
    .fg-image-viewer .fiv-next {

        border:
            0px
            solid
            #FFFF00 !important;

        border-radius:
            6px !important;
    }
}