/*
Theme Name: Sydney
Theme URI: https://athemes.com/theme/sydney
Author: aThemes
Author URI: https://athemes.com
Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence. As well as being fully compatible with Elementor, Sydney brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more. Also, Sydney provides all the construction blocks you need to rapidly create an engaging front page. Looking for a quick start with Sydney? With just a few clicks, you can import one of our existing demos (https://athemes.com/sydney-demos/)
Version: 2.68
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tested up to: 6.6
Requires PHP: 7.2
Text Domain: sydney
Tags: two-columns, right-sidebar, block-styles, custom-colors, custom-background, custom-header, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Sydney is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/

.tripwale-place-container{
    max-width:1100px;
    margin:auto;
    padding:40px 20px;
}

.place-featured-image img{
    width:100%;
    border-radius:12px;
}

.tripwale-box{
    background:#fff;
    padding:20px;
    margin-top:25px;
    border-radius:10px;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
}

.tripwale-whatsapp-btn{
    background:#25D366;
    color:#fff;
    padding:12px 25px;
    display:inline-block;
    text-decoration:none;
    border-radius:6px;
    font-weight:600;
}

.tripwale-whatsapp-btn:hover{
    color:#fff;
}

.tripwale-place-page{
    background:#f5f7fb;
    padding-bottom:50px;
}

.tripwale-hero{
    position:relative;
    height:500px;
    overflow:hidden;
}

.tripwale-hero img{
    width:100%;
    height:500px;
    object-fit:cover;
}

.tripwale-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.4);
    display:flex;
    align-items:center;
    justify-content:center;
}

.tripwale-overlay h1{
    color:#fff;
    font-size:48px;
    text-align:center;
    margin:0;
}

.tripwale-container{
    max-width:1200px;
    margin:auto;
    padding:40px 20px;
}

.tripwale-card{
    background:#fff;
    padding:25px;
    border-radius:12px;
    margin-bottom:25px;
    box-shadow:0 3px 15px rgba(0,0,0,.08);
}

.tripwale-card h2,
.tripwale-card h3{
    margin-top:0;
}

.tripwale-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.tripwale-map-btn{
    display:inline-block;
    background:#0d6efd;
    color:#fff;
    padding:12px 20px;
    border-radius:6px;
    text-decoration:none;
}

.tripwale-map-btn:hover{
    color:#fff;
}

@media(max-width:768px){

.tripwale-grid{
    grid-template-columns:1fr;
}

.tripwale-overlay h1{
    font-size:30px;
}

.tripwale-hero,
.tripwale-hero img{
    height:300px;
}

}



/* Places Archive */

.tripwale-archive-wrapper{
    max-width:1400px;
    margin:auto;
    padding:60px 20px;
}

.tripwale-archive-header{
    text-align:center;
    margin-bottom:50px;
}

.tripwale-archive-header h1{
    font-size:48px;
    margin-bottom:15px;
}

.tripwale-archive-header p{
    max-width:700px;
    margin:auto;
    color:#666;
}

.tripwale-places-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(350px,1fr));
    gap:30px;
}

.tripwale-place-card{
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.3s;
}

.tripwale-place-card:hover{
    transform:translateY(-5px);
}

.tripwale-place-image img{
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
}

.tripwale-place-content{
    padding:25px;
}

.tripwale-place-content h2{
    margin:0 0 15px;
    font-size:28px;
}

.tripwale-place-content h2 a{
    text-decoration:none;
    color:#111;
}

.tripwale-place-content p{
    color:#666;
    line-height:1.7;
    margin-bottom:20px;
}

.tripwale-explore-btn{
    display:inline-block;
    background:#0d6efd;
    color:#fff;
    padding:12px 22px;
    border-radius:8px;
    text-decoration:none;
    font-weight:600;
}

.tripwale-explore-btn:hover{
    color:#fff;
}

@media(max-width:768px){

    .tripwale-archive-header h1{
        font-size:34px;
    }

    .tripwale-places-grid{
        grid-template-columns:1fr;
    }

}


.tripwale-gallery-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
    margin-top:20px;
}

.tripwale-gallery-item{
    display:block;
    overflow:hidden;
    border-radius:12px;
}

.tripwale-gallery-item img{
    width:100%;
    height:250px;
    object-fit:cover;
    border-radius:12px;
    transition:.3s;
    box-shadow:0 4px 12px rgba(0,0,0,.12);
}

.tripwale-gallery-item img:hover{
    transform:scale(1.05);
}

@media(max-width:768px){

.tripwale-gallery-grid{
    grid-template-columns:1fr;
}

}

.tripwale-gallery-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
}

.tripwale-gallery-item img{
    width:100%;
    height:250px;
    object-fit:cover;
    border-radius:12px;
    cursor:pointer;
    transition:.3s;
    box-shadow:0 4px 12px rgba(0,0,0,.12);
}

.tripwale-gallery-item img:hover{
    transform:scale(1.05);
}

.tripwale-modal{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.9);
    z-index:99999;
    justify-content:center;
    align-items:center;
}

.tripwale-modal-content{
    max-width:90%;
    max-height:90%;
    border-radius:10px;
}

.tripwale-close{
    position:absolute;
    top:20px;
    right:30px;
    color:#fff;
    font-size:40px;
    cursor:pointer;
}

@media(max-width:768px){

.tripwale-gallery-grid{
    grid-template-columns:1fr;
}

}

.tripwale-related-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.tripwale-related-card{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    text-decoration:none;
    box-shadow:0 4px 15px rgba(0,0,0,.08);
    transition:.3s;
}

.tripwale-related-card:hover{
    transform:translateY(-5px);
}

.tripwale-related-card img{
    width:100%;
    height:220px;
    object-fit:cover;
    display:block;
}

.tripwale-related-card h3{
    padding:18px;
    margin:0;
    color:#0d2c5a;
}

@media(max-width:768px){

.tripwale-related-grid{
    grid-template-columns:1fr;
}

}

.tripwale-video-wrap{
    position:relative;
    padding-bottom:56.25%;
    height:0;
    overflow:hidden;
    border-radius:12px;
}

.tripwale-video-wrap iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:0;
}

.tripwale-event-banner{
    position:relative;
    height:450px;
    overflow:hidden;
}

.tripwale-event-banner img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.tripwale-event-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
    display:flex;
    align-items:center;
    justify-content:center;
}

.tripwale-event-overlay h1{
    color:#fff;
    font-size:52px;
}

.tripwale-event-info{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
    margin:40px 0;
}

.tripwale-info-box{
    background:#fff;
    padding:20px;
    border-radius:10px;
    text-align:center;
    box-shadow:0 2px 12px rgba(0,0,0,.08);
}

.tripwale-info-box strong{
    display:block;
    margin-bottom:10px;
}

.tripwale-book-box{
    text-align:center;
    margin-bottom:30px;
}

.tripwale-book-btn{
    background:#25D366;
    color:#fff;
    padding:15px 35px;
    border-radius:8px;
    text-decoration:none;
    font-weight:700;
}

.tripwale-book-btn:hover{
    color:#fff;
}

@media(max-width:768px){

.tripwale-event-info{
    grid-template-columns:1fr 1fr;
}

.tripwale-event-overlay h1{
    font-size:32px;
}

}

.tripwale-gallery-page{
    padding:60px 0;
}

.tripwale-page-header{
    text-align:center;
    margin-bottom:50px;
}

.tripwale-gallery-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:20px;
}

.gallery-item{
    position:relative;
    overflow:hidden;
    border-radius:12px;
    display:block;
}

.gallery-item img{
    width:100%;
    height:280px;
    object-fit:cover;
    display:block;
    transition:.4s;
}

.gallery-item:hover img{
    transform:scale(1.08);
}

.gallery-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    opacity:0;
    transition:.3s;
}

.gallery-item:hover .gallery-overlay{
    opacity:1;
}


.tripwale-events-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    margin:40px 0;
}

.tripwale-event-card{
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;
}

.tripwale-event-card:hover{
    transform:translateY(-5px);
}

.tripwale-event-card a{
    text-decoration:none;
    color:#222;
}

.tripwale-event-card img{
    width:100%;
    height:220px;
    object-fit:cover;
}

.tripwale-event-content{
    padding:20px;
}

.tripwale-event-content h3{
    font-size:20px;
    margin-bottom:15px;
}

.tripwale-meta{
    display:flex;
    justify-content:space-between;
    margin-bottom:15px;
    color:#666;
}

.tripwale-btn{
    color:#0066ff;
    font-weight:600;
}

@media(max-width:992px){

.tripwale-events-grid{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:767px){

.tripwale-events-grid{
    grid-template-columns:1fr;
}

}


.tripwale-event-image-wrap{
    position:relative;
}

.tripwale-event-date{
    position:absolute;
    top:12px;
    left:12px;
    width:58px;
    z-index:10;
    overflow:hidden;
    border-radius:10px;
    box-shadow:0 5px 15px rgba(0,0,0,.15);
}

.tripwale-event-day{
    display:block;
    background:#fff;
    color:#0b2447;
    text-align:center;
    font-size:22px;
    font-weight:700;
    padding:8px 0 4px;
    line-height:1;
}

.tripwale-event-month{
    display:block;
    background:#2B67F6;
    color:#fff;
    text-align:center;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    padding:6px 0;
}