/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

/* OFFSET DLA MENU FIXED */
#first-section,
#udogodnienia,
#galeria,
#opinie,
#faq,
#rezerwacje,
#kontakt {
    scroll-margin-top: 90px;
}

/* WYSOKOŚĆ SLIDERA */
.kenburns_slider_wp,
.kenburns_slider,
#subheader_home {
    height: 600px !important;
    min-height: 600px !important;
}

/* WYPEŁNIENIE SLIDERA ZDJĘCIEM */
.kenburns_slider,
.kenburns_slider .vegas-slide,
.kenburns_slider .vegas-slide-inner {
    height: 100% !important;
}

/* KADROWANIE ZDJĘCIA W SLIDERZE */
.kenburns_slider .vegas-slide-inner {
    background-size: cover !important;
    background-position: center center !important;
}

/* ODSTĘP POD GALERIĄ */
.grid {
    margin-bottom: 90px;
}

/* GALERIA - TEN SAM EFEKT CO .img-fluid.styled */
/* RAMKA + CIEŃ JAK W SEKCJI OPISÓW */
.grid .magnific-gallery li {
    padding: 12px;
}

.grid .magnific-gallery li figure {
    background: #fff;
    padding: 6px;
    margin: 0;

    box-shadow:
        0 0 0 1px rgba(0,0,0,0.06),
        0 6px 18px rgba(0,0,0,0.14);

    overflow: visible !important;
}

.grid .magnific-gallery li figure img {
    display: block;
    width: 100%;
    height: auto;
}
/* HOVER W GALERII - DOPASOWANY DO RAMKI */
.grid .magnific-gallery li figure figcaption {
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;

    width: auto;
    height: auto;

    background: rgba(0,0,0,0.45);
}
.grid figure:hover img {
    transform: scale(1.05);
}
/* OVERLAY DOPASOWANY DO POWIĘKSZENIA 1.04 */
.grid .magnific-gallery li figure figcaption {
    top: 0x;
    left: 0px;
    right: 0px;
    bottom: 0px;

    width: calc(100% - 12px);
    height: calc(100% - 12px);

    margin: auto;

    background: rgba(20, 20, 20, 0.45);
}