/*
You can add your own CSS here.

Click the help icon above to learn more.
*/


.tgp-photo-slideshow .elementor-background-slideshow__slide__image {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}


.tgp-church-slideshow .elementor-background-slideshow__slide__image {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

/* Elegant arrow for Read the Story button */
.story-arrow-button .elementor-button-text::after {
    content: "↗";
    display: inline-block;
    font-family: Georgia, serif;
    font-size: 26px;
    font-weight: 400;
    line-height: 0;
    margin-left: 12px;
    vertical-align: middle;
    transition: transform 0.3s ease;
}

/* Subtle movement on hover */
.story-arrow-button .elementor-button:hover
.elementor-button-text::after {
    transform: translate(3px, -3px);
}

@media (max-width: 767px) {
    .tgp-footer-map {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    .tgp-footer-map iframe {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }
}
@media (max-width: 767px) {
    .tgp-footer-map .elementor-widget-container {
        padding: 0 !important;
        margin: 0 !important;
    }

    .tgp-footer-map iframe {
        margin: 0 !important;
        padding: 0 !important;
    }
}
@media (max-width: 767px) {
    .tgp-footer-map .elementor-widget-container {
        width: 100% !important;
        overflow: hidden;
    }

    .tgp-footer-map iframe {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        position: relative;
        left: 0 !important;
        transform: none !important;
    }
}
@media (max-width: 767px) {
    html,
    body {
        overflow-x: hidden;
    }
}

@media (max-width: 767px) {
    .hfe-nav-menu,
    .hfe-nav-menu__layout-horizontal {
        left: 0 !important;
        right: auto !important;
        transform: none !important;
    }
}
@media (max-width: 767px) {
    .tgp-photo-slideshow .elementor-background-slideshow__slide__image {
        background-size: cover !important;
        background-position: center center !important;
    }
}

@media (max-width: 767px) {
    .tgp-event-photo {
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }
}