.elementor-2053 .elementor-element.elementor-element-192474a{--display:flex;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-40b3620 *//* ==========================================
   GREEK IT TOURS
   SELF GUIDED NAFPLIO
========================================== */

.nafplio-page {

    --nafplio-teal:#1d6267;
    --nafplio-dark:#172B35;
    --nafplio-grey:#666;
    --nafplio-cream:#F8F5EF;
    --nafplio-line:#DDD8D0;

    width:100%;
    color:var(--nafplio-dark);

    font-family:Georgia, "Abel";

}



/* ==========================================
   HERO
========================================== */

.nafplio-hero {

    position:relative;

    width:100%;
    height:760px;

    overflow:hidden;

    border-radius:35px;

    margin-bottom:100px;

}


.nafplio-hero img {

    width:100%;
    height:100%;

    object-fit:cover;

}


.nafplio-hero-overlay {

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.72),
        rgba(0,0,0,.05) 70%
    );

}


.nafplio-hero-content {

    position:absolute;

    z-index:2;

    left:8%;
    bottom:80px;

    max-width:700px;

    color:white;

}


.nafplio-hero-content span {

    display:block;

    margin-bottom:22px;

    font-size:11px;

    letter-spacing:3px;

    color: #1d6267;

}


.nafplio-hero-content h1 {

    margin:0 0 15px;

    font-size:88px;

    line-height:.95;

    font-weight:400;

    color:#1d6267;

}


.nafplio-hero-content p {

    margin:0 0 32px;

    font-family:Abel, sans-serif;

    font-size:21px;

    line-height:1.6;

    color:#1d6267;

}


.nafplio-hero-content a {

    display:inline-block;

    padding:15px 34px;

    background:var(--nafplio-teal);

    color:white;

    border-radius:50px;

    text-decoration:none;

    transition:.3s;

}


.nafplio-hero-content a:hover {

    background:#1d6267;

    transform:translateY(-2px);

}



/* ==========================================
   SMALL TITLES
========================================== */

.nafplio-small-title {

    display:block;

    margin-bottom:20px;

    font-size:11px;

    letter-spacing:3px;

    color:var(--nafplio-teal);

}



/* ==========================================
   INTRODUCTION
========================================== */

.nafplio-introduction {

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:90px;

    align-items:center;

    padding:60px 8% 130px;

}


.nafplio-intro-copy {

    max-width:600px;

}


.nafplio-intro-copy h2 {

    margin:0 0 30px;

    font-size:55px;

    line-height:1.08;

    font-weight:400;

    color:#000;

}


.nafplio-intro-copy p {

    margin:0 0 20px;

    font-family:Abel, sans-serif;

    font-size:18px;

    line-height:1.9;

    color:var(--nafplio-grey);

}


.nafplio-intro-photo {

    position:relative;

}


.nafplio-intro-photo img {

    width:100%;

    height:600px;

    object-fit:cover;

    border-radius:35px;

}


.nafplio-intro-photo span {

    position:absolute;

    right:25px;

    bottom:22px;

    padding:8px 15px;

    background:white;

    border-radius:30px;

    font-size:11px;

    letter-spacing:1px;

}



/* ==========================================
   GUIDE INTRO
========================================== */

.nafplio-guide-intro {

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:100px;

    align-items:end;

    padding:110px 8%;

    background:var(--nafplio-cream);

}


.nafplio-guide-intro h2 {

    margin:0;

    font-size:57px;

    line-height:1.05;

    font-weight:400;

    color:#000;

}


.nafplio-guide-intro > p {

    max-width:560px;

    margin:0;

    font-family:Abel, sans-serif;

    font-size:19px;

    line-height:1.9;

    color:var(--nafplio-grey);

}



/* ==========================================
   PHOTO STORY
========================================== */

.nafplio-photo-story {

    display:grid;

    grid-template-columns:1.45fr .8fr;

    gap:30px;

    padding:120px 8%;

    align-items:end;

}


.nafplio-photo-large img {

    width:100%;

    height:650px;

    object-fit:cover;

    border-radius:35px;

}


.nafplio-photo-side {

    display:flex;

    flex-direction:column;

    gap:35px;

}


.nafplio-photo-side img {

    width:100%;

    height:380px;

    object-fit:cover;

    border-radius:35px;

}


.nafplio-photo-caption {

    padding:0 10px 15px;

}


.nafplio-photo-caption span {

    display:block;

    margin-bottom:15px;

    font-size:12px;

    letter-spacing:2px;

    color:var(--nafplio-teal);

}


.nafplio-photo-caption h3 {

    margin:0 0 12px;

    font-size:29px;

    font-weight:400;

    color:#000;

}


.nafplio-photo-caption p {

    margin:0;

    font-family:Abel, sans-serif;

    font-size:16px;

    line-height:1.75;

    color:var(--nafplio-grey);

}



/* ==========================================
   DISCOVER
========================================== */

.nafplio-discover {

    display:grid;

    grid-template-columns:.75fr 1.25fr;

    gap:100px;

    padding:120px 8%;

    border-top:1px solid var(--nafplio-line);

}


.nafplio-discover-heading h2 {

    margin:0;

    font-size:56px;

    line-height:1.05;

    font-weight:400;

    color:#000;

}


.nafplio-discover-list {

    border-top:1px solid var(--nafplio-line);

}


.nafplio-discover-item {

    display:grid;

    grid-template-columns:70px 1fr;

    gap:25px;

    padding:30px 0;

    border-bottom:1px solid var(--nafplio-line);

}


.nafplio-discover-item > span {

    font-size:12px;

    letter-spacing:2px;

    color:var(--nafplio-teal);

}


.nafplio-discover-item h3 {

    margin:0 0 10px;

    font-size:27px;

    font-weight:400;

    color:#000;

}


.nafplio-discover-item p {

    max-width:600px;

    margin:0;

    font-family:Abel, sans-serif;

    font-size:16px;

    line-height:1.75;

    color:var(--nafplio-grey);

}



/* ==========================================
   PHOTO GRID
========================================== */

.nafplio-photo-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 25px;

    padding: 0 8% 130px;

}


.nafplio-grid-image {

    height: 500px;

    overflow: hidden;

    border-radius: 35px;

}


.nafplio-grid-image img {

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: .5s ease;

}


.nafplio-grid-image:hover img {

    transform: scale(1.04);

}


/* MOBILE */

@media (max-width: 768px) {

    .nafplio-photo-grid {

        grid-template-columns: 1fr;

        gap: 20px;

        padding: 0 25px 80px;

    }


    .nafplio-grid-image {

        height: 350px;

    }

}



/* ==========================================
   BEYOND NAFPLIO
========================================== */

.nafplio-beyond {

    display:grid;

    grid-template-columns:1fr 1fr;

    min-height:650px;

    background:var(--nafplio-dark);

}


.nafplio-beyond-image img {

    width:100%;
    height:100%;

    min-height:650px;

    object-fit:cover;

}


.nafplio-beyond-content {

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:80px;

}


.nafplio-beyond-content .nafplio-small-title {

    color:white;

}


.nafplio-beyond-content h2 {

    margin:0 0 25px;

    font-size:48px;

    line-height:1.1;

    font-weight:400;

    color:white;

}


.nafplio-beyond-content p {

    max-width:530px;

    margin:0 0 18px;

    font-family:Abel, sans-serif;

    font-size:17px;

    line-height:1.85;

    color:rgba(255,255,255,.72);

}


.nafplio-nearby {

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-top:20px;

}


.nafplio-nearby span {

    padding:9px 16px;

    border:1px solid rgba(255,255,255,.35);

    border-radius:30px;

    font-size:12px;

    color:white;

}



/* ==========================================
   FINAL PHOTO
========================================== */

.nafplio-final-photo {

    position:relative;

    height:620px;

    overflow:hidden;

}


.nafplio-final-photo img {

    width:100%;
    height:100%;

    object-fit:cover;

}


.nafplio-final-photo:after {

    content:"";

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.38);

}


.nafplio-final-overlay {

    position:absolute;

    z-index:2;

    left:8%;

    bottom:80px;

    max-width:700px;

}


.nafplio-final-overlay span {

    display:block;

    margin-bottom:20px;

    font-size:11px;

    letter-spacing:3px;

    color:black;

}


.nafplio-final-overlay h2 {

    margin:0;

    font-size:55px;

    line-height:1.1;

    font-weight:400;

    color:black;

}



/* ==========================================
   PURCHASE
========================================== */

.nafplio-purchase {

    display:grid;

    grid-template-columns:.9fr 1.1fr;

    gap:90px;

    align-items:center;

    padding:130px 8%;

    background:var(--nafplio-cream);

}


.nafplio-purchase-photo img {

    width:100%;

    height:620px;

    object-fit:cover;

    border-radius:35px;

    box-shadow:
    0 30px 70px rgba(0,0,0,.15);

}


.nafplio-purchase-content h2 {

    margin:0 0 25px;

    font-size:60px;

    line-height:1;

    font-weight:400;

    color:#000;

}


.nafplio-purchase-content > p {

    max-width:570px;

    margin:0 0 18px;

    font-family:Abel, sans-serif;

    font-size:18px;

    line-height:1.85;

    color:var(--nafplio-grey);

}


.nafplio-purchase-content ul {

    margin:30px 0;

    padding:0;

    list-style:none;

}


.nafplio-purchase-content li {

    padding:12px 0;

    border-bottom:1px solid var(--nafplio-line);

    font-family:Abel, sans-serif;

    font-size:16px;

    color:#444;

}


.nafplio-purchase-content li:before {

    content:"—";

    margin-right:12px;

    color:var(--nafplio-teal);

}


.nafplio-buy-button {

    display:inline-block;

    margin-top:15px;

    padding:17px 40px;

    background:var(--nafplio-teal);

    color:white;

    border-radius:50px;

    text-decoration:none;

    font-family:Georgia, serif;

    transition:.3s;

}


.nafplio-buy-button:hover {

    background:#1d6267;

    transform:translateY(-2px);

}



/* ==========================================
   END
========================================== */

.nafplio-ending {

    padding:100px 30px;

    text-align:center;

}


.nafplio-ending p {

    margin:0;

    font-size:34px;

    font-weight:400;

    color:#000;

}



/* ==========================================
   TABLET
========================================== */

@media(max-width:900px) {

    .nafplio-hero {

        height:620px;

    }


    .nafplio-hero-content {

        left:30px;
        right:30px;
        bottom:55px;

    }


    .nafplio-hero-content h1 {

        font-size:65px;

    }


    .nafplio-introduction,
    .nafplio-guide-intro,
    .nafplio-discover,
    .nafplio-purchase {

        grid-template-columns:1fr;

        padding-left:30px;
        padding-right:30px;

    }


    .nafplio-photo-story {

        grid-template-columns:1fr;

        padding-left:30px;
        padding-right:30px;

    }


    .nafplio-photo-large img {

        height:520px;

    }


    .nafplio-photo-grid {

        padding-left:30px;
        padding-right:30px;

    }


    .nafplio-beyond {

        grid-template-columns:1fr;

    }


    .nafplio-beyond-content {

        padding:70px 30px;

    }


    .nafplio-beyond-image img {

        min-height:500px;

    }


    .nafplio-recommendation-grid {

        grid-template-columns:1fr 1fr;

    }

}



/* ==========================================
   MOBILE
========================================== */

@media(max-width:600px) {

    .nafplio-hero {

        height:560px;

        border-radius:22px;

        margin-bottom:55px;

    }


    .nafplio-hero-content {

        left:22px;
        right:22px;
        bottom:35px;

    }


    .nafplio-hero-content h1 {

        font-size:48px;

    }


    .nafplio-hero-content p {

        font-size:17px;

    }


    .nafplio-introduction {

        gap:45px;

        padding:40px 22px 80px;

    }


    .nafplio-intro-copy h2 {

        font-size:40px;

    }


    .nafplio-intro-copy p {

        font-size:16px;

    }


    .nafplio-intro-photo img {

        height:430px;

        border-radius:22px;

    }


    .nafplio-guide-intro {

        gap:40px;

        padding:75px 22px;

    }


    .nafplio-guide-intro h2 {

        font-size:40px;

    }


    .nafplio-photo-story {

        padding:75px 22px;

    }


    .nafplio-photo-large img {

        height:400px;

        border-radius:22px;

    }


    .nafplio-photo-side img {

        height:300px;

        border-radius:22px;

    }


    .nafplio-discover {

        gap:55px;

        padding:80px 22px;

    }


    .nafplio-discover-heading h2 {

        font-size:40px;

    }


    .nafplio-discover-item {

        grid-template-columns:45px 1fr;

        gap:15px;

    }


    .nafplio-photo-grid {

        grid-template-columns:1fr;

        grid-template-rows:auto;

        gap:18px;

        padding:0 22px 80px;

    }


    .image-one,
    .image-two,
    .image-three {

        grid-column:auto;
        grid-row:auto;

    }


    .nafplio-grid-image {

        height:320px;

        border-radius:22px;

    }


    .nafplio-beyond-content {

        padding:70px 22px;

    }


    .nafplio-beyond-content h2 {

        font-size:40px;

    }


    .nafplio-beyond-image img {

        min-height:380px;

    }


    .nafplio-final-photo {

        height:500px;

    }


    .nafplio-final-overlay {

        left:22px;
        right:22px;
        bottom:45px;

    }


    .nafplio-final-overlay h2 {

        font-size:38px;

    }


    .nafplio-purchase {

        gap:50px;

        padding:80px 22px;

    }


    .nafplio-purchase-photo img {

        height:450px;

        border-radius:22px;

    }


    .nafplio-purchase-content h2 {

        font-size:45px;

    }


    .nafplio-ending {

        padding:70px 22px;

    }


    .nafplio-ending p {

        font-size:27px;

    }

}
.nafplio-price {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 42px;
    font-weight: 400;
    color: #267C83;
    margin: 30px 0 25px;
}/* End custom CSS */