:root {
  --swiper-theme-color: #D1AE77;
  --n-primary-color: #D1AE77;
  --n-hover-primary-color: #D1AE77;
  --n-disable-primary-color: #EBCB98;
  --n-text-color: #484443;
  --bs-border-radius: 0;
  --swiper-navigation-size: 20px;
  --bs-accordion-active-bg: #D1AE77; 
  --bs-primary-rgb: 209,174,119;
}
html, body, .wp-site-blocks
{
    width: 100vw;
    overflow-x: hidden;
}

header.wp-block-template-part
{
    position: fixed;
    top: 0;
    z-index: 2;
    width: 100%;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: auto;
    height: auto;
    margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px !important;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    outline: none !important;
    border: 3px solid var(--n-primary-color);
    transition: all .8s;
}


.swiper-button-next:hover, .swiper-button-prev:hover
{
    background: var(--swiper-theme-color);
    color: #fff;
    transition: all .2s;
}

a
{
    color: inherit;
    border: none !important;
    transition: all .8s;
}

a:hover
{
    color: var(--n-primary-color);
    transition: all .3s;
}
a:focus
{
    outline: none !important;
}


@media (min-width: 1200px) {
    .h3, h3 {
        font-size: 1.5rem;
    }
}

.team-swiper
{
    overflow: visible !important;
    text-align: center;
}
.team-swiper h3
{
    font-size: 1.3rem;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 1rem;
}
.team-swiper
{
    position: relative;
}
.team-swiper .bg
{
    position: absolute;
    width: 100vw;
    height: calc(100% - 80px);
    margin-left: calc((100vw - 100%) / -2);
    background: rgb(240,243,245);
    background: -webkit-linear-gradient(bottom, rgba(240,243,245,1) 31%, rgba(240,243,245,0) 100%);
    background: -o-linear-gradient(bottom, rgba(240,243,245,1) 31%, rgba(240,243,245,0) 100%);
    background: linear-gradient(to top, rgba(240,243,245,1) 31%, rgba(240,243,245,0) 100%);
}
/*
.team-swiper .swiper-nav
{
    width: 100vw;
    position: absolute;
    top: 43%;
    left: calc((100vw - 100%) / -2);
}
*/
.swiper-button-disabled
{
    opacity: 0 !important;
}
.testimonials-swiper
{
    overflow: visible;
}

.testimonials-swiper .img
{
    width: 56px;
    height: 56px;
    border-radius: 100%;
    overflow: hidden;
}
.testimonials-swiper .img img
{
    width: 100%;
    height: 100%;
    object-fit: cover
}
.testimonials-swiper .person
{
    display: flex;
    gap: 10px;
    margin-bottom: 1rem;
}
.testimonials-swiper .stars
{
    margin-bottom: 1rem;
    
}
.stars
{
    color: var(--n-primary-color);
}

.testimonials-swiper .swiper-slide
{
    padding: 1.6rem;
    background: #F9F9F9;
}
.logos .logo-item
{
    background: #fff;
}

.logos .logo-item img
{
    width: 100%;
    height: auto;
}

.wp-block-post-featured-image.alignfull img, .wp-block-post-featured-image.alignwide img
{
    border-radius: 0 !important;
}
.wp-block-post-featured-image
{
    max-height: 50vh;
    overflow: hidden;
}
.posts-swiper
{
    overflow: visible !important;
}
.posts a.post
{
    text-decoration: none;
}

.posts-swiper .swiper-nav
{
    /* width: 100vw; 
        left: calc((100vw - 100%) / -2);
*/
}


.posts a.post .img
{
    height: 300px;
    overflow: hidden;
}
.posts a.post .img img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero
{
    position: relative;
    overflow: hidden;
}
.hero::before {
  content: ''; /* Tworzymy pusty pseudo-element */
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%; /* Pokrywa połowę wysokości */
  background: linear-gradient(to bottom, rgba(255,255,255, 0), rgb(255,255,255)); /* Gradient */
  z-index: 1; /* Ustawiamy z-index, aby element nie przykrywał treści hero */
}

.hero .gradient
{
    position: absolute;
    bottom: 0;
    
    left: 0;
}
.hero .gradient img
{
    width: 100vw;
    height: 400px
}
header .wp-block-page-list .wp-block-pages-list__item
{
    
}
header .wp-block-page-list .wp-block-pages-list__item a:hover
{
    color: var(--n-primary-color);
    text-decoration: none !important;
    display: inline-block;
    transform: scale(1.1)
}
.accordion-button:not(.collapsed) {
    color: inherit;
    background-color: #EBCB98;
    box-shadow: none;
}
.accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: none !important;
}
.accordion-button
{
    font-size: 1.4rem;
    
}

.offer-photos-swiper
{
    overflow: visible !important;
}

.offer-photos-swiper .img
{
    height: 600px;
    overflow: hidden;
}

.offer-photos-swiper img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.attractions-swiper
{
    overflow: visible !important;
}
.attractions-swiper .img
{
     height: 200px;
    overflow: hidden;
}
.attractions-swiper img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.attractions-swiper .card-body
{
    padding: 1rem 0;
}
.attractions-swiper .card-body h3
{
    margin-bottom: .5rem;
}

.swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    border-radius: 0;
    border: 2px solid var(--n-primary-color);
    background: none;
    opacity: 1;
    outline: none !important;
    transition: .3s all;
}
.swiper-pagination-bullet:hover, .swiper-pagination-bullet:focus
{
    transform: scale(1.2);
    transition: .3s all;

}
.swiper-pagination-bullet-active
{
    background: var(--n-primary-color);
}
.swiper-pagination {
    position: relative;
    text-align: center;
    transition: .3s opacity;
    z-index: 10;
    margin-top: 1rem;
}
.real-estate-offer-list .real-estate-offer-item
{
    text-decoration: none;
}
.real-estate-offer-list .real-estate-offer-item:hover
{
    color: inherit;
}
.real-estate-offer-item-inner
{
    background: #fff;
     transition: .3s all;
}
.real-estate-offer-list .real-estate-offer-item:hover .real-estate-offer-item-inner
{
    background: #fff;
     transition: .3s all;
}
.real-estate-offer-list .real-estate-offer-item .real-estate-offer-thumbnail
{
    overflow: hidden;
    height: 100%;
}

.real-estate-offer-list .real-estate-offer-item .real-estate-offer-thumbnail img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s all;
}
.real-estate-offer-list .real-estate-offer-item:hover .real-estate-offer-thumbnail img
{
    transform: scale(1.4);
    transition: .3s all;
}
.real-estate-offer-youtube
{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 ratio (9/16 = 0.5625) */
    height: 0;
    overflow: hidden;
}
.real-estate-offer-youtube iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.page-id-194 main
{
    background: #f9f4ed;
    padding: 2rem 0;
}

.real-estate-developers img
{
    width: 100%;
    height: auto;
}
footer a
{
    text-decoration: none;
    color: var(--n-primary-color);
}
footer a:hover
{
    transform: scale(1.2);
    text-decoration: underline;
}
.block-special-1
{
    border: solid 4px var(--n-primary-color);
    padding: 2.5rem 1rem 2rem 1rem;
    position: relative;
}
.block-special-1 .icon
{
    margin-top: -77px;
    border-radius: 100%;
    background: var(--n-primary-color);
    color: #fff;
    width: 68px;
    height: 68px;
    padding: 10px 13px;
    position: absolute;
    left: calc(50% - 24px);
    border: 10px solid #fff;
}
.block-special-1 .icon img
{
    width: 22px;
    height: 22px;
    object-fit: contain;
}
.block-special-1 p:last-child
{
    margin-bottom: 0;
}
.wp-block-button__link:hover    
{
    transform: scale(1.2);
    color: #fff;
}
.block-special-2
{
    display: flex;
    gap: 1.6rem;
}
.block-special-2 .icon
{
    width: 70px;
    height: 70px;
    border-radius: 6px;
    background: var(--n-primary-color);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}
.block-special-2 .icon img
{
    width: 32px;
    height: 32px;
}
.wp-block-post-navigation-link a
{
    text-decoration: none;
    
}
.wp-block-post-navigation-link
{
    padding: 1rem;
    background: #F9F9F9;
}