/*
        =====================================================
        MINIATURI
        =====================================================
        */

        .thumb {

            display:
                block;

            line-height:
                1;

            font-size:
                0;

            outline:
                none;
        }


        .thumbimg {

            display:
                block;

            width:
                100%;

            height:
                auto;
        }


        /*
        =====================================================
        LIGHTBOX
        =====================================================
        */

        .photo-modal {

            position:
                fixed;

            inset:
                0;

            z-index:
                10000;

            display:
                flex;

            align-items:
                center;

            justify-content:
                center;

            overflow:
                hidden;

            background:
                rgba(
                    0,
                    0,
                    0,
                    0.92
                );

            /*
            Important pe mobil.
            */

            touch-action:
                none;
        }


        .photo-modal[hidden] {

            display:
                none;
        }


        /*
        =====================================================
        ZONA IMAGINII
        =====================================================
        */

        .photo-image-area {

            position:
                absolute;

            inset:
                0;

            z-index:
                10001;

            display:
                flex;

            align-items:
                center;

            justify-content:
                center;

            overflow:
                hidden;

            touch-action:
                none;
        }


        /*
        =====================================================
        FOTOGRAFIA MARE
        =====================================================
        */

        .photo-large {

            display:
                block;

            width:
                auto;

            height:
                auto;

            max-width:
                100vw;

            max-height:
                100vh;

            object-fit:
                contain;

            transform-origin:
                center center;

            transform:
                translate(
                    0px,
                    0px
                )
                scale(1);

            transition:
                transform
                0.15s
                ease;

            user-select:
                none;

            -webkit-user-select:
                none;

            -webkit-user-drag:
                none;

            touch-action:
                none;
        }


        .photo-large.is-dragging {

            transition:
                none;
        }


        /*
        =====================================================
        DESKTOP
        =====================================================
        */

        @media screen and (min-width: 641px) {

            .photo-large {

                cursor:
                    zoom-in;
            }


            .photo-large.is-zoomed {

                cursor:
                    grab;
            }


            .photo-large.is-dragging {

                cursor:
                    grabbing;
            }
        }


        /*
        =====================================================
        BUTON ÎNCHIDERE
        =====================================================
        */

        .photo-close {

            position:
                fixed !important;

            top:
                12px !important;

            right:
                18px !important;

            z-index:
                10020 !important;

            width:
                45px;

            height:
                45px;

            padding:
                0 !important;

            margin:
                0 !important;

            border:
                0 !important;

            background:
                transparent !important;

            color:
                #ffffff !important;

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

            font-size:
                42px !important;

            line-height:
                42px !important;

            cursor:
                pointer;

            opacity:
                1 !important;

            visibility:
                visible !important;

            appearance:
                none;

            -webkit-appearance:
                none;

            touch-action:
                manipulation;
        }


        /*
        =====================================================
        SĂGEȚI
        =====================================================
        */

        .photo-prev,
        .photo-next {

            position:
                fixed !important;

            top:
                50% !important;

            z-index:
                10020 !important;

            display:
                flex !important;

            align-items:
                center;

            justify-content:
                center;

            width:
                55px;

            height:
                70px;

            padding:
                0 !important;

            margin:
                0 !important;

            transform:
                translateY(
                    -50%
                ) !important;

            border:
                0 !important;

            border-radius:
                4px;

            background:
                rgba(
                    0,
                    0,
                    0,
                    0.55
                ) !important;

            color:
                #ffffff !important;

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

            font-size:
                44px !important;

            font-weight:
                normal !important;

            line-height:
                1 !important;

            opacity:
                1 !important;

            visibility:
                visible !important;

            cursor:
                pointer;

            appearance:
                none;

            -webkit-appearance:
                none;

            touch-action:
                manipulation;
        }


        .photo-prev {

            left:
                20px !important;
        }


        .photo-next {

            right:
                20px !important;
        }


        .photo-prev:hover,
        .photo-next:hover {

            background:
                rgba(
                    0,
                    0,
                    0,
                    0.8
                ) !important;
        }


        /*
        =====================================================
        DOWNLOAD
        =====================================================
        */

        .photo-download {

            position:
                fixed;

            right:
                20px;

            bottom:
                20px;

            z-index:
                10020;

            padding:
                8px
                14px;

            background:
                rgba(
                    0,
                    0,
                    0,
                    0.65
                );

            color:
                #ffffff !important;

            text-decoration:
                none;

            font-size:
                14px;

            touch-action:
                manipulation;
        }


        .photo-download:hover,
        .photo-download:focus {

            color:
                #ffffff !important;

            background:
                rgba(
                    0,
                    0,
                    0,
                    0.85
                );
        }


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

        @media screen and (max-width: 640px) {

            .cd-main-content
            .content-wrapper {

                padding-left:
                    10px;

                padding-right:
                    10px;
            }


            /*
            IMPORTANT:

            Nu folosim:

            transform: scale(1) !important;

            deoarece ar bloca zoom-ul JavaScript.
            */

            .photo-large {

                max-width:
                    100vw;

                max-height:
                    100vh;

                cursor:
                    zoom-in;

                touch-action:
                    none;
            }


            .photo-large.is-zoomed {

                cursor:
                    grab;
            }


            .photo-large.is-dragging {

                cursor:
                    grabbing;

                transition:
                    none;
            }


            .photo-prev,
            .photo-next {

                width:
                    42px;

                height:
                    60px;

                font-size:
                    34px !important;
            }


            .photo-prev {

                left:
                    5px !important;
            }


            .photo-next {

                right:
                    5px !important;
            }


            .photo-download {

                right:
                    10px;

                bottom:
                    10px;
            }


            .photo-close {

                top:
                    5px !important;

                right:
                    8px !important;
            }
        }
/*
=========================================================
PAGINA EVENIMENT
=========================================================
*/

.event-contact {
    margin: 20px 0;
    font-style: italic;
}

.event-title {
    margin: 60px 0 30px;
}

.event-press-link {
    margin: 10px 0 30px;
    text-align: right;
}

.event-share-row {
    margin: 30px 0;
    text-align: right;
}

.event-back-link {
    float: left;
}

.event-share-label {
    color: #808080;
    font-weight: bold;
}

.event-share-icon {
    vertical-align: top;
}