/*
* FooGallery Custom CSS
* This file is created by adding custom CSS on FooGallery Settings page in wp-admin
* Created : 25 Dec 2024, 11:06 am
*/

/* Active button, make background  colored with no shadow and white text. */

.fg-light .fg-tag-item.fg-selected .fg-tag-link{
   background-color: #D34F73;
   color: #FFF;
   box-shadow: none !important;
   border-width: 1px;
   border-color: #666 !important;
  margin-bottom: 5px;
}

/* General button  text properties */

.fg-tag-item .fg-tag-link .fg-tag-text {
    vertical-align: middle;
    font-family: Poppins,sans-serif;
    line-height: 20px;
    font-size: 13px;
    color:#666;
   margin-bottom: 10px;
}


/* Selected button text properties */

.fg-tag-item.fg-selected .fg-tag-link .fg-tag-text {
    vertical-align: middle;
    font-family: Poppins,sans-serif;
    line-height: 20px;
    font-size: 13px;
    color: FFF;
}

/* Hover Button text properties */

.fg-tag-item .fg-tag-link:hover .fg-tag-text {
    vertical-align: middle;
    font-family: Poppins,sans-serif;
    line-height: 20px;
    font-size: 13px;
    color:#FFF;
}

/* General buttons background, text and border */

.fg-light .fg-tag-link {
    color: #333;
    border-width: 1px;
    border-color: #666 !important;
    margin-bottom: 5px;
}

/* Select buttons background, text and border */

.fg-light .fg-tag-item.fg-selected .fg-tag-link{
   background-color: #D34F73;
   color: #FFF;
   box-shadow: none !important;
   border-width: 1px;
   border-color: #666 !important;
   margin-bottom: 5px;
}

/* Hoover buttons background, text and border */

.fg-light .fg-tag-link:hover{
   background-color: #D34F73;
   color: #FFF;
   box-shadow: none !important;
   border-width: 1px;
   border-color: #666 !important;
   margin-bottom: 5px;
}

/*  Selected Button text  properties*/
.fg-tag-item.fg-selected .fg-tag-link .fg-tag-text {
   box-shadow: none !important;
   color: #FFF; 
}

/* align filter left */

.fg-filtering-container .fg-tag-list {
    float: left;
    text-align: left;
}

/* Search Field properties */

.fg-search-inner .fg-search-input {
    font-family: Poppins,sans-serif;
    line-height: 20px;
    font-size: 13px;
}