html, body {
    scroll-behavior: smooth;
    overflow-x:hidden;
}

.nav-wrapper {
    background-color:rgba(251, 192, 45, 0);
    transition: background-color .3s ease-in-out;
}

.cursive {
    font-family: cursive;
    margin-top:-0.4rem;
}

.underSlider {
    height:95vh;
}

.caption .btn-large {
    margin:10px;
}

img.darker {
    filter:brightness(0.6)
}

#uslugi {
    margin-top:95vh;
}

.parallax-container {
    height:35vh;
}
.parallax {
    z-index:1 !important;
}

.datepicker-container {
    user-select: none;
}

.dropdown-content {
    position: fixed;
    height:300px !important;
    top: 10% !important;
    user-select: none;
  }

.indicator-item.active {
    background-color:rgb(251, 192, 45) !important;
}

footer li a:hover {
    text-decoration: underline;
}

.nav-wrapper.bg {
    background-color:rgba(0,0,0,0.4) !important;
}

.page-footer img {
    height:120px;
}

.fb i {
    transition: color .2s ease-in-out, background-color .2s ease-in-out;
    font-size:2.5em;
    border-radius:50%;
}
.fb:hover i {
    color:#4267B2 !important;
    background-color:white !important;
}

/* personalne */

.specjalna > div {
    background-color: rgba(172, 130, 26,0.3);
}
.specjalna .card-title {
    font-weight: 600;
    color:rgba(255,208,0,1) !important;
    /* animation: specjalna .5s linear infinite; */
}

@keyframes specjalna {
    0% {
        background-position: 0% 0;
        scale:1;
    }
    100% {
        background-position: 100% 0;
        scale:2
    }
}

#slider h5 i {
    transform: translateY(4px);
}
.slider .btn {
    margin:1em;
}
@media (max-width:500px) {
    h3 {
        font-size:1.8rem !important; 
    }
}

.brand-logo img {
    height:65px;
    margin-top:5px;
}
.brand-logo.duze img {
    height:120px !important;
}

.sidenav img {
    height:150px;
    padding:10px;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.6);
}

#menu .row {
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
}
#menu .card {
    padding:2vw;
    margin: unset !important;
}
#menu .card:not(#menu .card.dodatki) {
    background-image: linear-gradient(#FDD835, #FDD835);
    background-size: 80% 1px;
    background-repeat: no-repeat;
    background-position: center bottom;
}
#menu .dodatki {
    margin-left:0 !important;
}
#menu .card-image {
    overflow:hidden;
}
#menu .card img {
    width:100%;
    height:150px;
    object-fit: cover;
    transition: scale .3s ease-in-out;
}
#menu .card:hover img {
    scale:1.2;
}
#menu .card-content {
    padding:12px;
}

#menu table {
    max-width:360px;
    margin: 0 auto;
}

#menu table.striped > tbody > tr:nth-child(2n + 1) {
    background-color: rgba(242,242,242,0.03) !important;
}


#menu .collapsible {
    border: none;
    border-top:2px solid #FDD835;
}
#menu .collapsible-header {
    padding:0;
    border-bottom: 2px solid #FDD835 !important;
}
#menu .collapsible-body {
    border-bottom: none;
    background-image: linear-gradient(#FDD835, #FDD835);
    background-size: 100% 2px;
    background-repeat: no-repeat;
    background-position: center bottom;
}

#menu .parallax-container {
    z-index:1;
    height:250px;
    width:100vw;
}
#menu .parallax {
    display:flex;
    align-items: center;
}
#menu .parallax h3 {
    font-size:2rem;
    position: relative;
    background-color:rgba(0,0,0,0.4);
    backdrop-filter: blur(7px);
    padding: 10px 0;
    max-width: unset;
    width:100vw !important;
}
@media (min-width:992px) {
    #menu .parallax h3 {
        background-color:rgba(0,0,0,0.3);
    }
}

#galeria .carousel {
    height:450px !important;
}

#galeria .carousel-item {
    height:300px !important;
    width:300px !important;
    user-select: none;
    overflow: hidden;
}

#galeria .carousel-item img {
    height:100% !important;
    width:100% !important;
    object-fit: cover !important;
}

#galeria .col:nth-child(1) {
    height:50px;
    margin-top: -30px;
}

@media screen and (min-width:992px) {
    #galeria .carousel {
        height:550px !important;
    }
    #galeria .carousel-item {
        height:500px !important;
        width:500px !important;
    }
    #galeria .col:nth-child(1) {
        height:110px;
        margin-top: -30px;
    }
}

iframe {
    width:100%;
    height:250px;
    position: relative;
}

/* scroll effects */

.reveal {
    opacity:0;
    transition: transform .5s ease-out, opacity .5s ease-out;
}
.reveal-active {
    opacity:1;
}

.reveal.slide-right {
    transform: translateX(100px);
}
.reveal-active.slide-right {
    transform: translateX(0)
}

.reveal.slide-left {
    transform: translateX(-100px);
}
.reveal-active.slide-left {
    transform: translateX(0)
}

.reveal.slide-down {
    transform: translateY(100px);
}
.reveal-active.slide-down {
    transform: translateY(0)
}

.reveal.size-in {
    transform: scale(0.7)
}
.reveal-active.size-in {
    transform: unset;
}

.reveal.slide-down.size-in {
    transform: translateY(100px) scale(0.7);
}
.reveal-active.slide-down.size-in {
    transform: translateY(0) scale(1);
}