/*
Theme Name: Nicex (Child Theme)
Theme URI: http://madsparrow.us/
Author: Mad Sparrow
Author URI: https://themeforest.net/user/madsparrow
Description: Nicex – brings your site to life with immersive featured images and subtle animations. With a focus on portfolio sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our theme works great in many languages, for any abilities, and on any device.
Tags: one-column, two-columns, right-sidebar, custom-menu, post-formats, sticky-post, translation-ready, page transition
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nicex
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Template: nicex
*/

/* Add your own modification from here
-------------------------------------------------------------- */

 .dgs-empty-message {
            text-align: center;
            padding: 60px 20px;
            background: #f9f9f9;
            border-radius: 12px;
            margin: 30px 0;
        }
        
        .dgs-empty-message p {
            color: #666;
            font-size: 16px;
            margin: 0;
        }
        
        /* ==================== TEAM GALLERY (CIRCULAR GRID - 4 PER ROW) ==================== */
        
        .dgs-team-gallery {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 40px;
            max-width: 1200px;
            margin: 40px auto;
            padding: 40px 20px;
        }
        
        .dgs-team-member {
            text-align: center;
            transition: transform 0.3s ease;
        }
        
        .dgs-team-member:hover {
            transform: translateY(-8px);
        }
        
        .dgs-team-photo {
            width: 100%;
            max-width: 250px;
            aspect-ratio: 1/1;
            margin: 0 auto 20px;
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
            transition: all 0.3s ease;
        }
        
        .dgs-team-member:hover .dgs-team-photo {
            box-shadow: 0 12px 35px rgba(0, 0, 0, 0.2);
        }
        
        .dgs-team-photo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            display: block;
        }
        
        .dgs-team-info h3 {
            margin: 0;
            font-size: 18px;
            font-weight: 600;
            /*color: #1d2327;*/
            line-height: 1.4;
        }
        
        /* ==================== COMPANY LOGO (GRID - 4 PER ROW) ==================== */
        
        .dgs-company-gallery {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
            max-width: 1200px;
            margin: 40px auto;
            padding: 40px 20px;
        }
        
        .dgs-company-item {
            background: #fff;
            border-radius: 12px;
            padding: 25px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        
        .dgs-company-item:hover {
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
            transform: translateY(-5px);
        }
        
        .dgs-company-logo {
            width: 100%;
            aspect-ratio: 1/1;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #f8f9fa;
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 15px;
        }
        
        .dgs-company-logo img {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            display: block;
        }
        
        .dgs-company-info {
            text-align: center;
            width: 100%;
        }
        
        .dgs-company-info h4 {
            margin: 0;
            font-size: 16px;
            font-weight: 600;
            color: #1d2327;
            line-height: 1.4;
        }
        
        /* ==================== RESPONSIVE DESIGN ==================== */
        
        @media (max-width: 1024px) {
            .dgs-team-gallery,
            .dgs-company-gallery {
                grid-template-columns: repeat(3, 1fr);
                gap: 30px;
            }
        }
        
        @media (max-width: 768px) {
            .dgs-team-gallery,
            .dgs-company-gallery {
                grid-template-columns: repeat(2, 1fr);
                gap: 25px;
                padding: 30px 15px;
            }
            
            .dgs-team-photo {
                max-width: 200px;
            }
            
            .dgs-team-info h3 {
                font-size: 16px;
            }
            
            .dgs-company-info h4 {
                font-size: 14px;
            }
        }
        
        @media (max-width: 480px) {
            .dgs-team-gallery,
            .dgs-company-gallery {
                grid-template-columns: 1fr;
                gap: 30px;
                padding: 20px 15px;
            }
            
            .dgs-team-photo {
                max-width: 250px;
            }
            
            .dgs-company-item {
                padding: 20px;
            }
        }