/*
Theme Name: Jollylife BKK
Theme URI: https://jollylife-bkk.com/
Author: N
Version: 1.0
*/

/* For Wordpress Contact Form */
.wpcf7 .screen-reader-response {
    display: none;
}

.wpcf7 .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    color: red;
    font-size: 0.7rem;
    margin-top: 0.25rem;
}

/* New */
.text-shadow {
    text-shadow: 1px 1px 2px black;
}

.background-image {
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.background-image.position-center img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

/* Override Wordpress */
figure.w-100 img {
    width: 100%;
}

figure.h-100 img {
    height: 100%;
}

/* Max width for responsive */
@media (max-width: 768px) {
    #HPHeaderCarousel .carousel-inner {
        height: 60vh;
    }

    #HPHeaderCarousel .carousel-inner .carousel-item {
        height: 100%;
    }

    #HPHeaderCarousel .carousel-inner .carousel-item img {
        object-fit: cover;
    }
}