/*
Theme Name: Artane Place
Theme URI: Your theme URI
Author: oriental
Author URI: www.antunnel.com
Description: A custom WordPress theme for Artane.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: artane
*/

/* Add your custom styles here */ 

.location-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    padding: 40px 0;
}

.location-map {
    position: relative;
    width: 100%;
    height: 450px;
}

.location-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

@media (max-width: 768px) {
    .location-grid {
        grid-template-columns: 1fr;
    }
    
    .location-map {
        height: 350px;
    }
} 
   figure {
                        background: #ffffff;
                    }

                    figure .myImg {
                        margin-bottom: -5px;
                        cursor: pointer;
                        opacity: 1;
                        -webkit-transition: 0.5s ease-in-out;
                        transition: 0.5s ease-in-out;
                    }

                    figure .myImg:hover {
                        opacity: 0.9 !important;
                    }

                    .modal2 {
                        display: none;
                        position: fixed;
                        z-index: 1;
                        padding-top: 250px;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        overflow: auto;
                        background-color: rgba(255, 255, 255, 0.9);
                    }

                    .modal-content {
                        margin: auto;
                        display: block;
                        width: 100%;
                        max-width: 1000px;
                    }

                    #caption {
                        display: none;
                        margin: auto;
                        width: 80%;
                        max-width: 700px;
                        text-align: center;
                        color: #ccc;
                        padding: 10px 0;
                        height: 150px;
                    }

                    .modal-content,
                    #caption {
                        -webkit-animation-name: zoom;
                        -webkit-animation-duration: 0.6s;
                        animation-name: zoom;
                        animation-duration: 0.6s;
                    }

                    @-webkit-keyframes zoom {
                        from {
                            -webkit-transform: scale(0)
                        }

                        to {
                            -webkit-transform: scale(1)
                        }
                    }

                    @keyframes zoom {
                        from {
                            transform: scale(0)
                        }

                        to {
                            transform: scale(1)
                        }
                    }

                    .close {
                        position: absolute;
                        top: 15px;
                        right: 35px;
                        color: #031733;
                        font-size: 40px;
                        font-weight: bold;
                        transition: 0.5s;
                    }

                    .close:hover,
                    .close:focus {
                        color: #1dbcad;
                        text-decoration: none;
                        cursor: pointer;
                    }

                    @media only screen and (max-width: 700px) {
                        .modal-content {
                            width: 100%;
                        }
                    }