/*
* FooGallery Custom CSS
* This file is created by adding custom CSS on FooGallery Settings page in wp-admin
* Created : 18 Sep 2025, 11:42 pm
*/

/*foo gallery code https://fooplugins.com/documentation/foogallery/developers/common-foogallery-custom-css/*/

:root {
/*Caption font*/
.foogallery  .fg-caption{
    font-family: Barlow, Roboto,"Helvetica Neue",Arial,sans-serif;
}
/*title styling*/
.foogallery  .fg-caption-title{
font-size: 14px;
font-style: normal;
white-space: wrap;
overflow: visible;
    font-weight: 500;
    padding: 0px;
}
/* thumbnail overlay colour on hover */
.foogallery .fg-caption {
    background-color: #112E6790;
    color: #fff
}
/* thumbnail border colour */
.foogallery.fg-dark .fg-item-inner {
    background-color: var(--sc-secondary);
    color: #fff;
    border-color: var(--sc-secondary);
}
/* lightbox background */
.fg-panel.fg-dark,.fg-panel.fg-dark .fg-panel-thumb:is(.fg-idle,.fg-loading,.fg-error) .fg-panel-thumb-media {
    background-color: #112E6790;
}
.fg-panel.fg-dark :is(.fg-panel-button,.fg-panel-thumbs-button,.fg-panel-thumb,.fg-panel-thumb-spacer), .fg-panel.fg-dark:is(.fg-medium,.fg-panel-no-mobile) .fg-panel-cart-inner, .fg-panel.fg-dark:is(.fg-medium,.fg-panel-no-mobile):not(.fg-panel-info-overlay) .fg-panel-info-inner {
    background-color: #112E6790;
    border-color: #112E6790;
}
.fg-panel-area-inner.fg-panel-content-inner { background-color: #112E6790; }


/* Caption in lightbox */
.fg-media-caption {
    font-family: Barlow, Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 16px;
    background-color: var(--sc-secondary);
}
.fg-media-caption-title {
    font-weight: 500;
}
/* light box caption underline */
.fg-panel.fg-dark :is(.fg-media-caption-title,.fg-media-caption-exif,.fg-media-product-body) {
    border-color: var(--sc-accent);
}

/* thumbnail overlay colour on hover in light box*/
fg-panel .fg-panel-thumb-overlay {
    background-color: #112E6790;
}
}