.elementor-1387 .elementor-element.elementor-element-779fef6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1387 .elementor-element.elementor-element-8236266{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1387 .elementor-element.elementor-element-3800232{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1387 .elementor-element.elementor-element-b8af22c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-5979c78 *//* ===================================================
SHEPHERD'S HUT HERO
=================================================== */

.sh-hero{
    position:relative;
    min-height:80vh;
    overflow:hidden;
    display:flex;
    align-items:center;
    background:#182019;
}

/* =====================================
BACKGROUND
===================================== */

.sh-hero-bg{
    position:absolute;
    inset:0;
    overflow:hidden;
    z-index:1;
}

.sh-hero-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    animation:shHeroZoom 30s ease-in-out infinite alternate;
}

@keyframes shHeroZoom{

    from{
        transform:scale(1);
    }

    to{
        transform:scale(1.08);
    }

}

/* =====================================
OVERLAY
===================================== */

.sh-hero-overlay{
    position:absolute;
    inset:0;
    z-index:2;

    background:
    linear-gradient(
        90deg,
        rgba(18,25,20,.82) 0%,
        rgba(18,25,20,.55) 45%,
        rgba(18,25,20,.35) 100%
    );
}

/* =====================================
CONTAINER
===================================== */

.sh-container{

    position:relative;

    z-index:10;

    width:92%;
    max-width:1320px;

    margin:auto;

}

/* =====================================
CONTENT
===================================== */

.sh-content{

    max-width:720px;

    color:#fff;

    padding:150px 0;

}

/* =====================================
BADGE
===================================== */

.sh-badge{

    display:inline-block;

    padding:12px 22px;

    margin-bottom:30px;

    border-radius:50px;

    background:rgba(255,255,255,.08);

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

    backdrop-filter:blur(10px);

    color:#fff;

    font-size:.78rem;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

/* =====================================
HEADING
===================================== */

.sh-content h1{

    margin:0 0 30px;

    font-family:'Cormorant Garamond',serif;

    font-size:5.4rem;

    line-height:1;

    font-weight:600;

    color:#fff;

    text-shadow:0 12px 30px rgba(0,0,0,.25);

}

/* =====================================
TEXT
===================================== */

.sh-content p{

    max-width:620px;

    margin-bottom:45px;

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

    font-size:1.15rem;

    line-height:2;

}

/* =====================================
BUTTONS
===================================== */

.sh-buttons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

    margin-bottom:45px;

}

.sh-btn-primary,
.sh-btn-secondary{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    min-width:220px;

    padding:18px 34px;

    border-radius:60px;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.sh-btn-primary{

    background:#C8A15A;

    color:#fff;

}

.sh-btn-primary:hover{

    transform:translateY(-4px);

    background:#d6af68;

}

.sh-btn-secondary{

    border:2px solid rgba(255,255,255,.30);

    color:#fff;

    background:rgba(255,255,255,.05);

}

.sh-btn-secondary:hover{

    background:#fff;

    color:#254030;

}

/* =====================================
TRUST BAR
===================================== */

.sh-trust{

    display:flex;

    flex-wrap:wrap;

    gap:15px;

}

.sh-trust span{

    padding:12px 18px;

    border-radius:50px;

    background:rgba(255,255,255,.07);

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

    color:#fff;

    font-size:.82rem;

}

/* =====================================
REVIEW CARD
===================================== */

.sh-review-card{

    position:absolute;

    right:5%;

    bottom:120px;

    width:360px;

    padding:35px;

    border-radius:28px;

    background:rgba(255,255,255,.92);

    backdrop-filter:blur(16px);

    box-shadow:0 35px 80px rgba(0,0,0,.22);

    z-index:20;

}

.sh-review-stars{

    color:#C8A15A;

    font-size:1.35rem;

    margin-bottom:18px;

    letter-spacing:2px;

}

.sh-review-card p{

    color:#555;

    line-height:1.9;

    margin-bottom:22px;

    font-size:1rem;

}

.sh-review-footer{

    font-weight:700;

    color:#254030;

}

/* =====================================
SCROLL
===================================== */

.sh-scroll{

    position:absolute;

    left:50%;

    bottom:35px;

    transform:translateX(-50%);

    text-align:center;

    color:#fff;

    z-index:10;

}

.sh-scroll span{

    display:block;

    margin-bottom:10px;

    font-size:.75rem;

    letter-spacing:2px;

    text-transform:uppercase;

}

.sh-scroll-arrow{

    font-size:2rem;

    animation:shBounce 2s infinite;

}

@keyframes shBounce{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(10px);

    }

}

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

@media(max-width:1024px){

.sh-hero{

    min-height:auto;

}

.sh-content{

    padding:120px 0 80px;

}

.sh-content h1{

    font-size:4rem;

}

.sh-review-card{

    position:relative;

    right:auto;
    bottom:auto;

    width:100%;
    max-width:650px;

    margin:50px auto;

}
.sh-scroll{

    display:none;

}
.sh-review-card{
    display:none;

}

}

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

@media(max-width:767px){

.sh-hero{

    text-align:center;

}

.sh-container{

    width:92%;

}

.sh-content{

    max-width:100%;

    padding:110px 0 60px;

}

.sh-content h1{

    font-size:2.9rem;

}

.sh-content p{

    font-size:1rem;

}

.sh-buttons{

    flex-direction:column;

    align-items:center;

}

.sh-btn-primary,
.sh-btn-secondary{

    width:100%;

    max-width:320px;

}

.sh-trust{

    justify-content:center;

}

.sh-review-card{

    width:100%;

    margin-top:40px;

}

.sh-scroll{

    display:none;

}

}

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

@media(max-width:480px){

.sh-content h1{

    font-size:2.35rem;

}

.sh-badge{

    font-size:.68rem;

    letter-spacing:1px;

}

.sh-trust span{

    font-size:.75rem;

    padding:10px 14px;

}

.sh-review-card{

    padding:25px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f22807f *//* ===================================================
SECTION 2 - A PEACEFUL COUNTRYSIDE ESCAPE
=================================================== */

.sh-story{
    position:relative;
    padding:140px 0;
    background:#F8F5EF;
    overflow:hidden;
}

.sh-story::before{
    content:"";
    position:absolute;
    width:700px;
    height:700px;
    top:-300px;
    right:-250px;
    border-radius:50%;
    background:rgba(200,161,90,.08);
    filter:blur(120px);
}

.sh-story-container{
    position:relative;
    z-index:2;
    width:92%;
    max-width:1320px;
    margin:auto;
}

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

.sh-story-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
    align-items:center;
}

/*====================================
IMAGE
====================================*/

.sh-story-image{
    position:relative;
    overflow:hidden;
    border-radius:30px;
    box-shadow:0 35px 80px rgba(0,0,0,.12);
}

.sh-story-image img{
    width:100%;
    height:720px;
    object-fit:cover;
    display:block;
    transition:1.4s ease;
}

.sh-story-image:hover img{
    transform:scale(1.08);
}

/*====================================
CONTENT
====================================*/

.sh-story-content span{
    display:inline-block;
    margin-bottom:18px;
    color:#C8A15A;
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:.82rem;
    font-weight:700;
}

.sh-story-content h2{
    margin:0 0 28px;
    font-family:'Cormorant Garamond',serif;
    font-size:4.2rem;
    line-height:1.05;
    color:#254030;
    font-weight:600;
}

.sh-story-content p{
    margin:0 0 24px;
    color:#666;
    font-size:1.06rem;
    line-height:1.95;
}

/*====================================
BUTTON
====================================*/

.sh-story-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:18px;
    padding:18px 38px;
    background:#254030;
    color:#fff;
    text-decoration:none;
    border-radius:60px;
    font-weight:700;
    transition:.35s;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.sh-story-btn:hover{
    background:#C8A15A;
    transform:translateY(-5px);
    box-shadow:0 25px 45px rgba(0,0,0,.20);
}

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

@media(max-width:1024px){

.sh-story{
    padding:110px 0;
}

.sh-story-grid{
    grid-template-columns:1fr;
    gap:60px;
}

.sh-story-content h2{
    font-size:3.3rem;
}

.sh-story-image img{
    height:560px;
}

}

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

@media(max-width:767px){

.sh-story{
    padding:80px 0;
}

.sh-story-container{
    width:92%;
}

.sh-story-grid{
    gap:45px;
}

.sh-story-content{
    text-align:center;
}

.sh-story-content h2{
    font-size:2.6rem;
}

.sh-story-content p{
    font-size:1rem;
    line-height:1.85;
}

.sh-story-image{
    border-radius:22px;
}

.sh-story-image img{
    height:380px;
}

.sh-story-btn{
    width:100%;
    max-width:320px;
}

}

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

@media(max-width:480px){

.sh-story{
    padding:70px 0;
}

.sh-story-container{
    width:94%;
}

.sh-story-content span{
    font-size:.72rem;
    letter-spacing:2px;
}

.sh-story-content h2{
    font-size:2.15rem;
}

.sh-story-image img{
    height:300px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c399c2 *//* ===================================================
SECTION 3 - EVERYTHING INCLUDED
=================================================== */

.sh-facilities{
    position:relative;
    padding:140px 0;
    background:#ffffff;
    overflow:hidden;
}

.sh-facilities::before{
    content:"";
    position:absolute;
    width:700px;
    height:700px;
    top:-300px;
    left:-250px;
    border-radius:50%;
    background:rgba(200,161,90,.06);
    filter:blur(120px);
}

.sh-facilities-container{
    position:relative;
    z-index:2;
    width:92%;
    max-width:1320px;
    margin:auto;
}

/*=====================================
HEADING
=====================================*/

.sh-facilities-heading{
    max-width:760px;
    margin:0 auto 90px;
    text-align:center;
}

.sh-facilities-heading span{
    display:inline-block;
    margin-bottom:18px;
    color:#C8A15A;
    font-size:.82rem;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
}

.sh-facilities-heading h2{
    margin:0 0 25px;
    font-family:'Cormorant Garamond',serif;
    font-size:4rem;
    line-height:1.05;
    color:#254030;
    font-weight:600;
}

.sh-facilities-heading p{
    font-size:1.08rem;
    line-height:1.9;
    color:#666;
    margin:0;
}

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

.sh-facilities-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

/*=====================================
CARD
=====================================*/

.sh-facility-card{
    background:#F8F5EF;
    border-radius:28px;
    padding:40px;
    transition:.35s;
    box-shadow:0 20px 45px rgba(0,0,0,.05);
    border:1px solid rgba(37,64,48,.06);
}

.sh-facility-card:hover{
    transform:translateY(-8px);
    box-shadow:0 30px 60px rgba(0,0,0,.10);
}

/*=====================================
ICON
=====================================*/

.sh-facility-icon{
    width:74px;
    height:74px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
    border-radius:50%;
    background:#254030;
    color:#fff;
    font-size:2rem;
}

/*=====================================
TITLE
=====================================*/

.sh-facility-card h3{
    margin:0 0 20px;
    font-family:'Cormorant Garamond',serif;
    font-size:2rem;
    color:#254030;
    font-weight:600;
}

/*=====================================
LIST
=====================================*/

.sh-facility-card ul{
    margin:0;
    padding:0;
    list-style:none;
}

.sh-facility-card li{
    position:relative;
    padding-left:28px;
    margin-bottom:14px;
    color:#666;
    line-height:1.8;
    font-size:.98rem;
}

.sh-facility-card li:last-child{
    margin-bottom:0;
}

.sh-facility-card li::before{
    content:"";
    position:absolute;
    left:0;
    top:12px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#C8A15A;
}

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

@media(max-width:1024px){

.sh-facilities{
    padding:110px 0;
}

.sh-facilities-heading{
    margin-bottom:70px;
}

.sh-facilities-heading h2{
    font-size:3.2rem;
}

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

}

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

@media(max-width:767px){

.sh-facilities{
    padding:80px 0;
}

.sh-facilities-container{
    width:92%;
}

.sh-facilities-heading{
    margin-bottom:55px;
}

.sh-facilities-heading h2{
    font-size:2.5rem;
}

.sh-facilities-heading p{
    font-size:1rem;
}

.sh-facilities-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.sh-facility-card{
    padding:30px;
}

.sh-facility-icon{
    width:64px;
    height:64px;
    font-size:1.7rem;
}

.sh-facility-card h3{
    font-size:1.8rem;
}

}

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

@media(max-width:480px){

.sh-facilities{
    padding:70px 0;
}

.sh-facilities-container{
    width:94%;
}

.sh-facilities-heading span{
    font-size:.72rem;
    letter-spacing:2px;
}

.sh-facilities-heading h2{
    font-size:2.1rem;
}

.sh-facility-card{
    padding:25px;
}

.sh-facility-card h3{
    font-size:1.7rem;
}

.sh-facility-card li{
    font-size:.95rem;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a2ddce *//* ===================================================
SECTION 4 - BOOK
=================================================== */

.sh-book{
    padding:140px 0;
    background:#182019;
    overflow:hidden;
}

.sh-book-container{
    width:92%;
    max-width:1200px;
    margin:auto;
    text-align:center;
}

.sh-book span{
    display:inline-block;
    margin-bottom:18px;
    color:#C8A15A;
    font-size:.82rem;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
}

.sh-book h2{
    margin:0 0 25px;
    font-family:'Cormorant Garamond',serif;
    font-size:4rem;
    color:#fff;
    line-height:1.05;
}

.sh-book > .sh-book-container > p{
    max-width:760px;
    margin:0 auto 70px;
    color:rgba(255,255,255,.80);
    line-height:1.9;
    font-size:1.05rem;
}

/* GRID */

.sh-book-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
}

/* CARD */

.sh-book-card{
    position:relative;
    background:#fff;
    border-radius:28px;
    padding:45px;
    text-align:left;
    box-shadow:0 30px 70px rgba(0,0,0,.18);
}

.sh-book-card h3{
    margin:0 0 18px;
    font-family:'Cormorant Garamond',serif;
    font-size:2.2rem;
    color:#254030;
}

.sh-book-card p{
    color:#666;
    line-height:1.9;
    margin-bottom:28px;
}

.sh-book-card ul{
    list-style:none;
    padding:0;
    margin:0 0 35px;
}

.sh-book-card li{
    position:relative;
    padding-left:28px;
    margin-bottom:14px;
    color:#555;
}

.sh-book-card li::before{
    content:"";
    position:absolute;
    left:0;
    top:10px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#C8A15A;
}

/* RECOMMENDED */

.sh-book-label{
    position:absolute;
    top:25px;
    right:25px;
    padding:8px 16px;
    border-radius:50px;
    background:#C8A15A;
    color:#fff;
    font-size:.75rem;
    font-weight:700;
}

/* BUTTONS */

.sh-book-btn,
.sh-airbnb-btn{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    width:100%;
    padding:18px;
    border-radius:60px;
    text-decoration:none;
    font-weight:700;
    transition:.35s;
}

.sh-book-btn{
    background:#254030;
    color:#fff;
}

.sh-book-btn:hover{
    background:#C8A15A;
}

.sh-airbnb-btn{
    background:#f5f5f5;
    color:#254030;
}

.sh-airbnb-btn:hover{
    background:#254030;
    color:#fff;
}

/* TABLET */

@media(max-width:1024px){

.sh-book{
    padding:110px 0;
}

.sh-book h2{
    font-size:3.2rem;
}
 
 .sh-book-card h3{
    margin:50px 0 20px;

}

.sh-book-grid{
    grid-template-columns:1fr;
}

}

/* MOBILE */

@media(max-width:760px){

.sh-book{
    padding:80px 0;
}

.sh-book-container{
    width:92%;
}

.sh-book h2{
    font-size:2.5rem;
}

.sh-book-card{
    padding:30px;
}

.sh-book-card h3{
    font-size:2rem;
}

}

@media(max-width:480px){

.sh-book{
    padding:70px 0;
}

.sh-book-container{
    width:94%;
}

.sh-book h2{
    font-size:2.1rem;
}

}/* End custom CSS */