/* ========================================================
           GENERAL
           ======================================================== */

        * {
            box-sizing: border-box;
        }


        /*body {

            margin: 0;

            padding: 20px;

            font-family:
                Arial,
                Helvetica,
                sans-serif;

            background: #ffffff;

            color: #222222;

        }*/


        /* ========================================================
           GALLERY SELECTOR
           ======================================================== */

        .gallery-selector {

            width: 100%;

            max-width: 1200px;

            margin: 0 auto;

        }


        /* ========================================================
           ACCORDION ITEM
           ======================================================== */

        .accordion-item {

            margin-bottom: 8px;

            border:
                1px solid #dddddd;

            border-radius: 4px;

            overflow: hidden;

        }


        /* ========================================================
           ACCORDION HEADER
           ======================================================== */

        .accordion-header {

            width: 100%;

            display: flex;

            align-items: center;

            justify-content: space-between;

            padding:
                12px 15px;

            border: 0;

            background: #f3f3f3;

            color: #222222;

            font-size: 18px;

            font-weight: bold;

            text-align: left;

            cursor: pointer;

        }


        .accordion-header:hover {

            background: #e9e9e9;

        }


        /* ========================================================
           ACCORDION ARROW
           ======================================================== */

        .accordion-header .arrow {

            font-size: 13px;

            transition:
                transform 0.2s ease;

        }


        .accordion-item.active
        .accordion-header
        .arrow {

            transform:
                rotate(180deg);

        }


        /* ========================================================
           ACCORDION CONTENT
           ======================================================== */

        .accordion-content {

            display: none;

            padding: 15px;

            background: #ffffff;

        }


        .accordion-item.active
        .accordion-content {

            display: block;

        }


        /* ========================================================
           EVENT / PHOTOGRAPHER BLOCK
           ======================================================== */

        .event-gallery {

            margin-bottom: 25px;

        }


        .event-gallery:last-child {

            margin-bottom: 0;

        }


        /* ========================================================
           EVENT TITLE
           ======================================================== */

        .event-title {

            margin:
                0 0 15px 0;

            font-size: 20px;

            line-height: 1.3;

        }


        /* ========================================================
           DAY BUTTONS
           ======================================================== */

        .day-links {

            display: flex;

            flex-wrap: wrap;

            gap: 10px;

            margin-bottom: 15px;

        }


        .day-link {

            display: block;

            padding:
                10px 20px;

            border-radius: 4px;

            background: #eeeeee;

            color: #222222;

            text-decoration: none;

            cursor: pointer;

            transition:
                background 0.15s ease,
                color 0.15s ease;

        }


        .day-link:hover {

            background: #dddddd;

        }


        .day-link.active {

            background: #333333;

            color: #ffffff;

        }


        /* ========================================================
           COPYRIGHT
           ======================================================== */

        .gallery-copyright {

            display: none;

            margin:
                0 0 15px 0;

            font-size: 12px;

            line-height: 1.4;

            color: #777777;

        }


        .gallery-copyright.visible {

            display: block;

        }


        /* ========================================================
           PHOTO GALLERY
           ======================================================== */

        .photo-gallery {

            display: none;

            flex-wrap: wrap;

            align-items: center;

            gap: 5px;

            width: 100%;

        }


        .photo-gallery.visible {

            display: flex;

        }


        /* ========================================================
           PHOTO THUMBNAILS
           ======================================================== */

        .photo-gallery a {

            display: block;

            width: auto;

            height: 50px;

            margin: 0;

            padding: 0;

            overflow: hidden;

            border-radius: 2px;

            text-decoration: none;

        }


        .photo-gallery img {

            display: block;

            width: auto;

            height: 50px;

            object-fit: cover;

            cursor: pointer;

            transition:
                opacity 0.15s ease;

        }


        .photo-gallery img:hover {

            opacity: 0.75;

        }


        /* ========================================================
           SIMPLE GALLERY
           ======================================================== */

        .simple-gallery {

            display: none;

            flex-wrap: wrap;

            align-items: center;

            gap: 5px;

            width: 100%;

        }


        .simple-gallery.visible {

            display: flex;

        }


        /* ========================================================
           SIMPLE GALLERY THUMBNAILS
           ======================================================== */

        .simple-gallery a {

            display: block;

            width: auto;

            height: 50px;

            margin: 0;

            padding: 0;

            overflow: hidden;

            border-radius: 2px;

            text-decoration: none;

        }


        .simple-gallery img {

            display: block;

            width: auto;

            height: 50px;

            object-fit: cover;

            cursor: pointer;

            transition:
                opacity 0.15s ease;

        }


        .simple-gallery img:hover {

            opacity: 0.75;

        }


        /* ========================================================
           EMPTY GALLERY
           ======================================================== */

        .gallery-empty {

            width: 100%;

            padding:
                20px 0;

            color: #777777;

        }


        /* ========================================================
           MOBILE
           ======================================================== */

        @media (max-width: 600px) {

            body {

                padding: 10px;

            }


            .day-links {

                flex-direction: column;

            }


            .day-link {

                text-align: center;

            }

        }