/* Start part 1 */




/* 1 - End General Custom Properties */

/* End part 1 */






/* Start part 2 */

/* START ELEMENTS MULTIPLE PAGES */

/* START - HEADER - COMPLETE /* /* COMPLETE HEADER CSS - All Elements */

/* Base header styles with width fixes */
.shrinker {
    width: 100vw !important;
    min-width: 100% !important;
    max-width: none !important;
    left: 0 !important;
    right: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    position: fixed !important;
    z-index: 999 !important;
    transition: transform 0.3s ease-in-out;
}

/* Hide header when scrolling down */
.shrinker.scroll-down-state {
    transform: translateY(-100%);
}

/* Show header when scrolling up or at top */
.shrinker:not(.scroll-down-state) {
    transform: translateY(0);
}

/* Fix for Elementor container width issues */
.shrinker .elementor-container,
.shrinker .elementor-row {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

.shrinker .elementor-widget-wrap,
.shrinker .elementor-element {
    box-sizing: border-box !important;
}

/* Logo size controls */
.l-logo img {
    max-width: 150px !important;
    height: auto !important;
}

/* Language switcher styling */
.trp-ls-shortcode-current-language,
.trp-ls-shortcode-language {
    width: 80px;
    border: none;
    background-color: transparent;
    box-sizing: border-box;
}

.trp-ls-shortcode-language a:hover {
    background-color: transparent;
}

/* Mobile responsive adjustments */
@media screen and (max-width: 768px) {
    .l-logo img {
        max-width: 120px !important;
    }
    
    .shrinker .elementor-container {
        max-width: 100% !important;
        padding: 0 15px !important;
    }
}

/* Large viewport specific fixes */
@media screen and (min-width: 1600px) {
    .shrinker {
        width: 100vw !important;
        transform: translateZ(0) translateX(0);
    }
    
    .shrinker.scroll-down-state {
        transform: translateY(-100%);
    }
}

/* END - HEADER */
/* 

/* START - ZOEKRESULTATEN (Search Results) */

.advanced-search-v1 .row {
    justify-content: center;
}

/* "Details" button styling */
.btn-item {
    background-color: var(--color-transparent);
    color: var(--color-black);
    text-decoration: none;
}

.btn-item:hover,
.d-flex:hover .btn-item {
    text-decoration: underline;
}

/* Main button styling (consolidated) */
.btn-primary {
    border-color: var(--color-transparent);
    font-size: var(--font-size-button-standard);
}

.btn-primary:hover {
    border-color: var(--color-transparent);
}

/* Hide black overlay on hover for listing items */
.listing-thumb a.listing-featured-thumb::before {
    display: none;
}

/* Center all item body content and amenities */
.item-body {
    text-align: center;
}

.item-price-wrap {
    display: inline-block;
}

.item-amenities {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: var(--spacing-sm) 0 0;
    flex-wrap: wrap;
}

.item-amenities li {
    margin: 0 var(--spacing-sm);
}

.item-amenities li.h-project-number {
    flex-basis: 100%;
    display: block;
    text-align: center;
    margin-top: var(--spacing-sm);
}

.item-wrap-v6 .amenities-price-wrap {
    flex-direction: column !important;
}

/* Adjust project title font size */
.item-wrap-v6 .item-body .item-title {
    font-size: var(--font-size-large);
}

/* Add this to your CSS - Brown background for scroll up */
/* Brown background ONLY when sticky but NOT scrolling down */
.shrinker.elementor-sticky--active:not(.scroll-down-state) {
    background: var(--color-primary) !important;
}

/* Hide the sort on price, a-z */
.sort-by {
    display: none;
}

/* END - ZOEKRESULTATEN */

/* End part 3 - Improved Code */













/* Start part 4 - Improved Code */

/* START - NAVIGATION MENU */
.nav-menu-new-layout-parent-subject {
    padding-top: var(--spacing-md);
}

.nav-menu-new-layout-parent-subject a:hover,
.nav-menu-new-layout-child-subject a:hover {
    text-decoration: underline;
}

.nav-menu-new-layout-child-subject {
    padding-left: var(--spacing-md);
}

.nav-menu-new-layout-child-subject a {
    display: block;
    padding-top: var(--spacing-xs);
}
/* END - NAVIGATION MENU */

/* START - HOMEPAGE */

/* Text banner styles */
.text-banner-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20vw;
    margin-top: var(--spacing-xxl);
}

.text-banner-homepage-links {
    font-family: var(--font-family-secondary);
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color-white);
    text-decoration: none;
    margin-right: var(--spacing-md);
}

.text-banner-homepage-links:hover {
    text-decoration: underline;
    color: var(--color-white);
}

.line-white {
    width: 1px;
    height: 15px;
    background-color: var(--color-white);
    margin-right: var(--spacing-md);
    display: block;
}

/* Service buttons */
.button-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    gap: 15px;
}

.body-button {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-top: var(--spacing-xxl);
    margin: 0;
}

.button-container a {
    font-family: var(--font-family-tertiary);
    font-size: var(--font-size-small);
    letter-spacing: 1px;
    font-weight: 100;
    line-height: 25px;
    text-decoration: none;
    color: inherit;
}

.hover-button-new {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: none;
    padding: var(--spacing-sm) var(--spacing-md);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    font-size: var(--font-size-button-hover);
    width: 240px;
    text-align: center;
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: auto;
    transform-origin: left;
}

.hover-button-new:hover {
    transform: scaleX(1.1);
    color: var(--color-black);
}

/* House grid custom styles */
.text-price-bed-bath-sqm-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 0.05vh;
    padding-top: 0px;
}

.text-items-price-bed-bath-sqm p {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-medium);
    font-weight: 500;
    color: var(--color-black);
    text-decoration: none;
    margin-right: var(--spacing-md);
}

.line-seperate-price-bed-bath-sqm {
    width: 1px;
    height: 15px;
    background-color: var(--color-black);
    margin: 0 var(--spacing-sm);
    display: block;
}
/* END - HOMEPAGE */

/* START - MULTIPLE PAGES */

/* Banner at the top of pages */
.banner-top-pages-title h1 {
    color: var(--color-white);
    text-align: center;
    font-family: var(--font-family-primary);
}

.banner-top-pages-title .r-e-partner {
    color: var(--color-tertiary);
    position: relative;
    left: 120px;
}

/* Partners page list items */
.listed-items-style {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.listed-items-style li {
    position: relative;
    padding-left: var(--spacing-md);
    margin: var(--spacing-md) 0 -40px;
}

.listed-items-style li::before {
    content: "*";
    position: absolute;
    left: 0;
    top: 0;
}

/* Job profile section */
.job-title p {
    margin-top: -20px;
    font-size: var(--font-size-job-profile);
}

.persons-phone-number:hover,
.persons-email:hover {
    text-decoration: underline;
}

.persons-linkedin img {
    width: 10%;
}

.persons-linkedin img:hover {
    border-bottom: 1px solid var(--color-black);
}
/* END - MULTIPLE PAGES */

/* START - ABOUT US */

.suplusnis-text-button-white-right a.properties-button {
    color: var(--color-white);
    text-decoration: none;
}

.suplusnis-text-button-white-right a.properties-button:hover {
    text-decoration: underline;
}

.about-buy-container:hover .text-banner-white-below-right p,
.about-emigrate-container:hover .text-banner-white-below-right p,
.about-invest-container:hover .text-banner-white-below-right p {
    text-decoration: underline;
    color: var(--color-white);
}

.text-banner-white-below-right p {
    color: var(--color-white);
    text-decoration: none;
}
/* END - ABOUT US */



/* START - BUY PROPERTY SEARCH PAGE */
/* Icon styling */
.houzez-icon.icon-layout-bullets {
    color: var(--color-white);
}

/* Pagination - Non-active links */
.pagination-wrap nav ul.pagination li.page-item:not(.active) a.page-link {
    color: var(--color-black) !important;
    background-color: transparent !important;
}

/* Pagination - Active page */
.pagination-wrap nav ul.pagination li.page-item.active a.page-link {
    color: var(--color-white) !important;
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    text-decoration: none !important;
}

/* Pagination - Disabled state */
.pagination-wrap nav ul.pagination li.page-item.disabled a.page-link {
    background-color: var(--color-light-background) !important;
    color: #cccccc !important;
    opacity: 0.6 !important;
}

/* Icons inside pagination links */
.pagination-wrap nav ul.pagination li.page-item a.page-link i.houzez-icon {
    color: inherit !important;
}

/* Hover effects for non-active items */
.pagination-wrap nav ul.pagination li.page-item:not(.active):not(.disabled) a.page-link:hover {
    color: var(--color-primary) !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
}
/* END - BUY PROPERTY SEARCH PAGE */

/* Mobile responsiveness (consolidated media queries) */
@media (max-width: 767px) {
    .text-banner-container {
        flex-direction: column;
    }
    .line-white {
        display: none;
    }
    .text-banner-homepage-links {
        margin-right: 0;
        margin-bottom: var(--spacing-sm);
    }
    .banner-top-pages-title h1 {
        font-size: var(--font-size-heading-mobile);
    }
    .banner-top-pages-title .r-e-partner {
        left: var(--spacing-md);
    }
    .banner-caption .banner-title {
        font-size: 26px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .banner-top-pages-title h1 {
        font-size: var(--font-size-heading-ipad);
    }
}

@media (min-width: 1025px) {
    .banner-top-pages-title h1 {
        font-size: var(--font-size-heading-desktop);
    }
}
/* End part 4 - Improved Code */
























/* Start part 5 - Corrected and Improved Code */

/* START - PROPERTY PAGE */




/* ========================================
   FIX: White Space Around Property Listing Images
   ======================================== */

/* Keep the original gap for property detail gallery */
.property-gallery-grid-wrap {
    display: -ms-grid;
    display: grid;
    gap: 20px; /* Keep gap on property detail pages */
}

/* Remove gap ONLY from listing/search pages (not property detail pages) */
.listing-wrap .property-gallery-grid-wrap,
.item-listing-wrap .property-gallery-grid-wrap,
#module_properties .property-gallery-grid-wrap {
    gap: 0 !important;
}

/* FIX: Image width in listing sliders */
.item-listing-wrap .slick-slide img,
.listing-wrap.listing-v6 .slick-slide img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block !important;
}

/* Ensure link containers are full width */
.item-listing-wrap .slick-slide a,
.listing-wrap.listing-v6 .slick-slide a {
    display: block !important;
    width: 100% !important;
}

/* Remove padding/margin from slides */
.item-listing-wrap .slick-slide,
.listing-wrap.listing-v6 .slick-slide {
    padding: 0 !important;
    margin: 0 !important;
}

/* Remove spacing from carousel containers */
.item-listing-wrap .slick-list,
.item-listing-wrap .slick-track,
.listing-wrap.listing-v6 .slick-list,
.listing-wrap.listing-v6 .slick-track {
    padding: 0 !important;
    margin: 0 !important;
}

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




.block-content-wrap .list-3-cols li, 
.block-content-wrap .list-2-cols li, 
.block-content-wrap .list-1-cols li {
    justify-content: flex-start;
    gap: 8px; /* Adjust this value for desired spacing */
}

/* Slick slider arrows */
.slick-arrow {
    background-color: var(--color-transparent);
    transition: background-color 0.3s ease-in-out;
}

.slick-arrow:hover,
.slick-arrow:focus {
    background-color: var(--color-primary);
}

/* Remove links from features */
#property-features-wrap .block-content-wrap ul.list-unstyled li a {
    pointer-events: none;
}

/* General section styling for property page */
.fw-property-section-wrap .block-title-wrap {
    margin-bottom: var(--spacing-md);
}

.fw-property-section-wrap .block-wrap {
    padding: var(--spacing-xl) var(--spacing-xxxl) 0 var(--spacing-xxxl);
}

/* Property description section */
.fw-property-description-wrap {
    padding-left: 0;
    padding-right: 0;
    text-align: left;
}

.fw-property-description-wrap.block-wrap {
    padding: var(--spacing-xxxl);
}

.fw-property-details-wrap {
    text-align: left;
    margin-bottom: 0;
}

/* Features section */
/* Hide feature icons */
.list-3-cols li .houzez-icon {
    display: none;
}

/* Background color for features and address */
#property-features-wrap .fw-property-features-left,
#property-address-wrap {
    background-color: var(--color-faded-secondary);
}

.fw-property-features-left {
    padding-bottom: var(--spacing-lg);
}

/* Corrected: This now correctly targets both left and right feature lists */
.fw-property-features-wrap .fw-property-features-left li,
.fw-property-features-wrap .fw-property-features-right li {
    margin-bottom: 0;
    border-bottom: none;
}

.block-content-wrap .list-3-cols li,
.block-content-wrap .list-2-cols li,
.block-content-wrap .list-1-cols li {
    padding: 4px;
}

/* Address section */
.fw-property-address-wrap {
    padding-left: 0;
    padding-right: 0;
}

.fw-property-section-wrap .block-title-wrap h2 {
    text-align: left;
}

/* Floor plans */
.fw-property-floor-plans-wrap .block-content-wrap {
    font-size: var(--font-size-medium);
}

.floor-plan-wrap {
    padding: var(--spacing-sm);
}

.floor-information {
    text-align: left;
    padding: 0;
    margin: 0;
}

.floor-information .list-inline-item {
    display: inline-block;
    margin-right: var(--spacing-sm);
}

.accordion-header {
    display: flex;
    align-items: center;
}

.accordion-title {
    flex-grow: 1;
    font-weight: bold;
}

.houzez-icon {
    margin-right: var(--spacing-xs);
}

.item-amenities-text,
.h-project-number {
    color: var(--color-primary);
    font-weight: bold;
}

/* Similar listings section */
.item-amenities-without-icons .h-type,
.item-amenities-without-icons .btn-item {
    display: none;
}

.item-body .btn-item {
    visibility: hidden;
    height: 0;
    font-size: 0;
    padding: 0;
    margin: 0;
    border: none;
    line-height: 0;
}

/* Logo in lightbox */
.lightbox-logo img {
    width: 40px;
}

/* Other sections */
.property-banner .nav-pills .nav-link.active {
    background-color: var(--color-secondary);
}

/* Agent contact buttons */
.property-contact-agent-wrap .block-title-wrap {
    visibility: hidden;
}

.houzez_agent_property_form.btn:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
    text-decoration: none;
}

.houzez_agent_property_form.btn:active,
.houzez_agent_property_form.btn-secondary:focus,
.houzez_agent_property_form.btn-secondary:focus:active {
    background-color: var(--color-primary);
    color: var(--color-white);
    border-color: var(--color-primary);
}

.btn.btn-secondary-outlined.btn-half-width {
    color: var(--color-black);
    text-decoration: none;
    background-color: var(--color-transparent);
    border: solid 1px var(--color-black);
    transition: color 0.3s ease, background-color 0.3s ease;
}

.btn.btn-secondary-outlined.btn-half-width:hover {
    text-decoration: underline;
    color: var(--color-white);
    border-color: var(--color-black);
    background-color: var(--color-black);
}

/* Google Maps link at address section */
.block-title-wrap a.btn.btn-primary.btn-slim {
    background-color: var(--color-transparent);
    color: var(--color-black);
    text-decoration: underline;
    transition: color 0.3s ease;
}

.block-title-wrap a.btn.btn-primary.btn-slim:hover {
    color: var(--color-black);
    text-decoration: underline;
}

/* Detail section styling */
.block-content-wrap .detail-wrap {
    background-color: var(--color-transparent);
    border-color: var(--color-transparent);
}

.property-detail-wrap.property-section-wrap > .block-wrap {
    padding-top: 0;
}

.property-detail-wrap .block-content-wrap .detail-wrap li span {
    max-width: 300px;
}

/* Mobile contact buttons */
.btn-secondary {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: none;
}

.btn-secondary:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
}

.btn-secondary-outlined {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: none;
}

.btn-secondary-outlined:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
}

.mobile-property-contact {
    display: none;
}

/* Image styling for similar listings on mobile */
.item-listing-wrap {
    width: 100%;
    max-width: 100%;
}

.listing-thumb img {
    width: 100%;
    height: auto;
}

/* Consolidated media queries */
@media (min-width: 768px) {
    .property-banner .nav {
        top: calc(125px);
        right: 50px;
    }
}

@media (max-width: 768px) {
    .fw-property-amenities {
        margin-bottom: var(--spacing-md);
    }
    .fw-property-section-wrap .block-wrap {
        padding: 50px var(--spacing-md) var(--spacing-lg) var(--spacing-md);
    }
    .property-banner {
        margin-top: -65px;
    }
}
@media only screen and (max-width: 767px) {
    .fw-property-section-wrap .block-wrap {
        padding: var(--spacing-md);
    }
}




/*Disable line mob grey under descrition, features etc*/

@media (max-width: 767.98px) {
    .block-wrap {
        padding: 30px;
        margin-top: 0;
        border-top: none;
    }
}


/* END - PROPERTY PAGE */

/* End part 5 - Corrected and Improved Code */



















/* START MULTIPLE PAGES */

/* Eye-catching button */
.eye-cathing-button-2 a {
    text-align: right;
    display: inline-block;
    padding: var(--spacing-sm) var(--spacing-md);
    background-color: var(--color-secondary);
    color: var(--color-black);
    text-decoration: none;
    border-radius: 5px;
}

/* Img icon for mobile on banner to open slider */
.img-button-on-img-banner {
    z-index: 10;
    position: relative;
}

/* START PART -- CONTACT INFORMATION */

/* Hide name and phone icon */
.agent-phone-wrap .houzez-icon.icon-mobile-phone,
.agent-name .houzez-icon.icon-single-neutral {
    display: none;
}

/* Request information button */
.houzez_agent_property_form.btn:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
    text-decoration: none;
}

.houzez_agent_property_form.btn:active {
    background-color: none;
    color: var(--color-black);
}

/* Details change padding to 0 */
#property-detail-wrap .detail-wrap {
    padding: 0;
}
/* END - PROPERTY PAGE (repeated, but related to contact info) */





/* START FOOTER REGION ACCORDION (region-accordion)- */

/* -FOOTER REGION ACCORDION (region-accordion)- */
/* Ensure footer text is white ONLY inside #region-accordion */
#region-accordion .footer-2 {
    color: var(--color-white) !important;
}

/* Ensure links inside #region-accordion are white */
#region-accordion .footer-2 a {
    color: var(--color-white) !important;
    display: block;
}

/* Change link color on hover only inside #region-accordion */
#region-accordion .footer-2 a:hover {
    color: #757575 !important;
}

/* Style the unordered list inside #region-accordion */
#region-accordion .footer-2-ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/* Style the list items only inside #region-accordion */
#region-accordion .footer-2-links-li {
    margin: 0.5rem 0;
    font-size: var(--font-size-base);
}

/* Extra styles for specific footer elements */
#region-accordion .footer-2-links-li-adress {
    color: var(--color-white) !important;
    display: block;
    margin: 0.5rem 0;
    font-size: var(--font-size-base);
    line-height: 1.2;
}

#region-accordion .footer-2-links-li-tel-mail a {
    display: block;
    font-size: var(--font-size-base);
    line-height: 1.2;
}

/* Ensure this accordion does NOT inherit the black color styles from .property-floor-plans-wrap */
#region-accordion .e-n-accordion-item-title,
#region-accordion .e-n-accordion-item-title-text {
    color: var(--color-white) !important;
}

#region-accordion .e-n-accordion-item-title:hover,
#region-accordion .e-n-accordion-item-title-text:hover {
    color: var(--color-white) !important;
}

/* Keep accordion icon color white */
#region-accordion .e-n-accordion-item-title-icon {
    color: var(--color-white) !important;
}










/* --- SOLELY MAINTENANCE --- */

/* Footer 2 Maintenance */
.footer-2-maintenance,
.footer-2-maintenance a,
.footer-2-maintenance a:hover {
  color: var(--color-black);
}

.footer-2-maintenance a {
  display: block;
}

.footer-2-maintenance-ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.footer-2-links-maintenance-li {
  margin: 0.5rem 0;
}

/* Footer 4 Maintenance */
.text-footer-4-maintenance {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-footer-maintenance);
  font-weight: 300;
  color: var(--color-black);
  margin-right: var(--spacing-md);
  text-decoration: none;
  display: inline-block;
}

/* --- END SOLELY MAINTENANCE --- */

/* --- FOOTER STYLES --- */

/* Footer 3 Specifics */
.footer-3-center-block {
  padding-left: 250px;
}

.footer-3-slogan h2 {
  color: var(--color-white);
  text-align: center;
  font-size: var(--font-size-footer-slogan-desktop);
  font-family: var(--font-family-primary);
}

/* Media Queries for Footer */
@media (max-width: 768px) {
  .footer-2-maintenance-links {
    display: none;
  }
  .footer-2-maintenance-title {
    cursor: pointer;
  }
  .footer-3-center-block {
    padding-left: var(--spacing-md);
  }
  .footer-3-slogan h2 {
    font-size: var(--font-size-footer-slogan-mobile);
  }
}

/* Arrow Icons (Reusable component) */
.arrow-down,
.arrow-up {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  display: inline-block;
  margin-left: var(--spacing-xs);
}

.arrow-down {
  border-top: 10px solid var(--color-secondary);
}

.arrow-up {
  border-bottom: 10px solid var(--color-secondary);
}

/* --- END FOOTER 3 --- */

/* --- 404 PAGE STYLES --- */

/* onderstaande code checken */

/* START - 404 Page Styling */

/* Responsive font sizes for h2 title in a navigation context on a 404 page */
.img-nav-h4-title h2 {
  color: #fff;
  font-size: 24px; /* Desktop-first approach */
}

@media only screen and (max-width: 1024px) {
  .img-nav-h4-title h2 {
    font-size: 20px; /* iPad/Tablet size */
  }
}

@media only screen and (max-width: 767px) {
  .img-nav-h4-title h2 {
    font-size: 18px; /* Mobile size */
  }
}

/* Base styles for the main 404 page content */
.error-page-title,
.error-page-subtitle {
  font-family: var(--font-family-primary);
  text-transform: capitalize;
  text-align: center;
  color: var(--color-black);
}

.error-page-title {
  font-weight: bolder;
  letter-spacing: 2px;
  font-size: var(--font-size-404-desktop); /* Desktop-first */
}

.error-page-subtitle {
  font-size: var(--font-size-medium);
  padding-top: var(--spacing-xxl);
}

/* Media Queries for 404 page */
@media only screen and (max-width: 1024px) {
  .error-page-title {
    font-size: var(--font-size-404-ipad);
  }
}

@media only screen and (max-width: 767px) {
  .error-page-title {
    font-size: var(--font-size-404-mobile);
  }
}

/* END - 404 Page Styling */































/* START POP-UP`S */

.pop-up-close-icon-scroll {
    position: relative;
    overflow: visible;
}

.pop-up-close-icon-scroll-x {
    position: relative;
    z-index: 999;
}





/* START - Newsletter pop-up */
.newsletter-pop-up h2 {
  font-family: Sorts Mill Goudy, Jost, futura;
  font-size: 22px;
  font-weight: 300;
  text-decoration: none;
  margin-right: 20px;
  text-transform: capitalize;
  color: #000000;
  text-align: center;
  padding-top: 20px;
  letter-spacing: 2px; 
}

.newsletter-pop-up .newsletter-pop-up-highlight {
  font-size: 22px;
  color: #FC4C02;
}
/* 	  font-weight: 900;


/* start mobile popup */
/* Media query for phones (max-width: 767px) */
@media only screen and (max-width: 767px) {

	
.newsletter-pop-up-sub-text h3 {
	  font-size: 12px;
}
	
.newsletter-pop-up .newsletter-pop-up-highlight {
  font-size: 12px;
  color: #FC4C02;
}
	
.newsletter-pop-up h2 {
  font-size: 12px;
  font-weight: 200;
  margin-right: 20px;
  padding-top: 10px;
  letter-spacing: 1px; 
}
	
}

/* end mobile popup */


/* END - Newsletter pop-up */


/* END POP-UP`S */




/* END CORRECTE CODE MEI */



.suplusnis-header-titles-h2-listing-newsletter {
	  font-family: Fraunces, Sorts Mill Goudy, serif !important;
  font-weight: 500;
  font-size: 29px;
	text-transform: none;
  color: #000;
  padding-top: 30px;
/*   display: flex;
  flex-wrap: wrap; */
  align-items: center;
}

.suplusnis-header-titles-h2-listings-newsletter {
	color:#fff;
}


/* start new header style 07-08 */


.suplusnis-header-titles-h2-black {
  font-family: Fraunces, Sorts Mill Goudy, serif !important;
  font-weight: 500;
  font-size: 29px;
	text-transform: none;
  color: #958D84;
  padding-top: 30px;
/*   display: flex;
  flex-wrap: wrap; */
  align-items: center;
}

.suplusnis-header-titles-h2-orange-new {
  color: #FC4C02;
}



.suplusnis-header-titles-h2-black-9px-new,
.suplusnis-header-titles-h2-black-12px-new,
.suplusnis-header-titles-h2-black-12px-margin-left-new {
  display: inline-block;
}

.suplusnis-header-titles-h2-black-new > div {
  margin: 0;
}

.line-break {
  flex-basis: 100%;
}

.first-line-break-sentence-move-left {
  display: flex;
  align-items: center;
  padding-left: 30px;
}

.suplusnis-header-titles-h2-black-9px-new {
  font-size: 17px;
}

.suplusnis-header-titles-h2-black-12px-new {
  font-size: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.suplusnis-header-titles-h2-black-12px-margin-left-new {
  font-size: 20px;
  padding-left: 50px;
}

/* end new header style 07-08 */

/* Start maintenance page */

/* Styles for phones (max-width: 767px) */
@media only screen and (max-width: 767px) {
 .banner-top-maintenance-title  h1 {
    font-size: 30px;
	 color: #000;
  }
}

/* Styles for computers (min-width: 768px) */
@media only screen and (min-width: 768px) {
 .banner-top-maintenance-title  h1 {
    font-size: 60px;
	 color: #000;
  }
}

/* Styles for iPads (min-width: 768px and max-width: 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .banner-top-maintenance-title h1 {
    font-size: 40px;
		color: #000;
  }
}






/* .text-footer-bottom-links:hover {
  text-decoration: underline;
	color: #000;
} */


/* Start all properties */

/* background color */
#main-wrap .listing-wrap.listing-v6 {
    background-color: #ECE6DB!important;
}

/* End background color */


/* Start title color */
.item-title a {
    color: #beb19b;
}
/* End title color */

/* Start price color */
.item-price.item-price-text {
    color: #000;
		font-family: Sorts Mill Goudy, Cormorant !important;
  font-size: 18px;
font-weight: 200;
}
/* End price color */


/* Target both icons and text */
.h-beds i, 
.h-baths i, 
.h-area i, 
.h-beds .item-amenities-text, 
.h-baths .item-amenities-text, 
.h-area .hz-figure.area_postfix, 
.h-beds .hz-figure, 
.h-baths .hz-figure, 
.h-area .hz-figure {
    color: #beb19b !important;
}

/* If there are strong conflicting styles, force inheritance */
.h-beds i, 
.h-baths i, 
.h-area i, 
.h-beds .item-amenities-text, 
.h-baths .item-amenities-text, 
.h-area .hz-figure.area_postfix, 
.h-beds .hz-figure, 
.h-baths .hz-figure, 
.h-area .hz-figure {
    color: inherit !important;
    color: #beb19b !important;
}

.h-project-number > span:nth-of-type(2) {
font-size: 16px;
font-weight: normal;
}


/* End all properties */


/* start hier laatste *


/* Einde hier laatste */

/* slider wrap v6  */

/*test hoekjes foto  */
.item-wrap-v6 .item-header {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.item-wrap-v6 .item-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.grid-view .item-wrap {
    border-radius: 0px;
}




/* label foto rechts boven */
.item-wrap-v6 .labels-wrap.labels-right {
    position: absolute;
    top: -6px !important;
    right: 0px !important;
}

.item-wrap-v6 .labels-wrap.labels-right .label {
    background-color: #beb19b !important;
    color: #fff !important;
    padding: 5px 10px;
}

/* background color homepage */
.main-wrap {
	background-color: #Ece6db;
}


/* feb-2025 search filter box colors*/

.bs-searchbox .form-control {
    font-weight: 400;
    border: 1px solid;
    border-color: #beb19b;
}


.bootstrap-select .dropdown-item:hover {
    background-color: #Ece6db;
}

/* position filter area.*/
@media only screen and (min-width: 768px) {
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
top: 50px !important;
}}


/* ALL TEXT STYLES START*/

/* p sentences start */
.shared-tax-info {
    margin-bottom: 20px;
    line-height: 1.6;
}

.shared-tax-info p {
    font-family: Sorts Mill Goudy, Arial, Courier New, sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 100;
    line-height: 25px;
    margin-bottom: 15px;
}

.shared-tax-info .suplusnis-normal-p-text-bold {
    font-size: 18px;
    font-family: Fraunces, Sorts Mill Goudy TT, Spectral SemiBold, Cormorant, serif;
    font-weight: 500;
}

.suplusnis-normal-p-text {
  font-size: 16px;
font-family: Sorts Mill Goudy, Fraunces, Arial !important;
text-transform: none;
}

.suplusnis-normal-p-text-white {
  font-size: 16px;
  font-family: Sorts Mill Goudy, Fraunces, Arial !important;
  text-transform: none;
  color: var(--color-white);
}



/* p sentences end */

/* a href links start */

.suplusnis-normal-p-text a{
  text-decoration: underline;
  text-decoration-color: #fc4c02 !important; /* default underline color */
}

.suplusnis-normal-p-text a:hover {
  text-decoration-color: #445a54 !important; /* hover underline color */
}

/* a href links end */

/* h3 start */
.suplusnis-normal-p-text-bold-h3 {
  font-size: 18px;
font-family: Fraunces, Sorts Mill Goudy, serif !important;
  font-weight: 400;
text-transform: none;
}


/* h3 end */

/* ALL TEXT STYLES END*/


/* new code property page and new homepage*/

/*property page start */

/*Setting the margins all blocks - start*/
.block-wrap {
    padding: 0px; /* Default padding */
    margin-top: 30px;
    margin-bottom: 60px;
}

/* PC (Large screens, 1200px and up) */
@media (min-width: 1200px) {
    #property-page-margin-description,
    #property-page-margin-features,
    #property-page-margin-details,
    #property-page-margin-available-properties,
    #property-page-margin-gallery,
    #property-page-margin-location,
    #property-page-margin-real-estate-agent,
    #property-page-margin-nearby-listings {
        padding-left: 140px;
        padding-right: 140px;
    }
}

/* iPad (Tablets, 768px - 1199px) */
@media (min-width: 768px) and (max-width: 1199px) {
    #property-page-margin-description,
    #property-page-margin-features,
    #property-page-margin-details,
    #property-page-margin-available-properties,
    #property-page-margin-gallery,
    #property-page-margin-location,
    #property-page-margin-real-estate-agent,
    #property-page-margin-nearby-listings {
        padding-left: 40px;
        padding-right: 40px;
    }
}

/* Mobile (Small screens, 0px - 767px) */
@media (max-width: 767px) {
    #property-page-margin-description,
    #property-page-margin-features,
    #property-page-margin-details,
    #property-page-margin-available-properties,
    #property-page-margin-gallery,
    #property-page-margin-location,
    #property-page-margin-real-estate-agent,
    #property-page-margin-nearby-listings {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/*Setting the margins all blocks - end*/


/*Name - city - price start*/
/* Default styles (Desktop) */
#property-page-title h1, 
#property-page-city address, 
#property-page-price .hz-ele-price li {
    font-family: bank-gothic 'Sorts Mill Goudy', Arial, sans-serif;
}

#property-page-title h1 { font-size: 32px; 
	line-height: 1.4; }
#property-page-city address { font-size: 24px; font-weight: normal; line-height: 1.3; }
#property-page-price .hz-ele-price li { font-size: 28px; line-height: 1.5; }

/* Tablet Styles */
@media (max-width: 1024px) {
    #property-page-title h1 { font-size: 28px; line-height: 1.3; }
    #property-page-city address { font-size: 20px; line-height: 1.2; }
    #property-page-price .hz-ele-price li { font-size: 24px; line-height: 1.4; }
}

/* Mobile Styles */
@media (max-width: 767px) {
    #property-page-title h1 { font-size: 26px; line-height: 1.2; }
    #property-page-city address { font-size: 22px; line-height: 1.1; }
    #property-page-price .hz-ele-price li { font-size: 24px; line-height: 1.3; }
}
/*Name - city - price end*/
/*property page end*/



/*homepage-new-2 start */

/*banner start */
/* Apply these styles to ALL buttons */
.suplusnis-button {
    font-family: Sorts Mill Goudy, Bank Gothic, sans-serif;
}

/* General tablet fallback */
@media (max-width: 1024px) {
    .homepage-banner-suplusnis-button {
        margin-left: 300px;
    }
}


/* === Desktop: push the button to the right === */
.homepage-banner-suplusnis-button {
    position: relative;
    margin-left: 420px; /* Adjust this value as needed */
    font-family: Sorts Mill Goudy, Bank Gothic, sans-serif;
}


/* === Mobile (max-width: 767px) === */
@media (max-width: 767px) {
    .homepage-banner-suplusnis-button {
        margin-left: 10px; /* Mobile positioning */
    }
}



/* iPad Portrait override */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
  
  .homepage-banner-suplusnis-button {
      margin-left: 200px;
  }
}

/* iPad Landscape override */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {
  
  .homepage-banner-suplusnis-button {
      margin-left: 350px;
  }
}






/* === Default styling (desktop) === */
.banner-top-homepage-title h1 {
	Color:#fff;
	font-size: 72px;
	text-align: center;
	font-family: Sorts Mill Goudy;
}


/* === laptop (max-width: 1024px) === */
@media (min-width: 1024px) and (max-width: 2200px) {
 .banner-top-homepage-title h1 {
    font-size: 60px;
    }
}



/* === General Tablet Fallback (max-width: 1024px) === */
@media (max-width: 1024px) {
    .banner-top-homepage-title h1 {
    font-size: 60px;
    }
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
   .banner-top-homepage-title h1 {
    font-size: 50px;
    }
}

/* === iPad Landscape (1024px wide) === */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

     .banner-top-homepage-title h1 {
    font-size: 60px;
    }
}

/* === Mobile (max-width: 767px) === */
@media (max-width: 767px) {
 .banner-top-homepage-title h1 {
    font-size: 30px;
    }
}






/* Title real estate agent mobile desktop */
.banner-top-homepage-title {
	color:#FC4C02;
	position: relative;

}

/* Title real estate agent mobile desktop */
@media only screen and (max-width: 767px) {
.banner-top-homepage-title {
	color:#FC4C02;
	position: relative;

	}
}







/* === Default styling (desktop) === */
.text-banner-container-new {
        display: flex;
    align-items: center;
    justify-content: center;
    height: 20vw;
    margin-top: 100px;
    flex-direction: column; /* default to column to allow stacked rows */
}


/* === laptop (max-width: 1024px) === */
/* === General laptop-ish range === */
@media (min-width: 1024px) and (max-width: 2200px) {
  .text-banner-container-new {
    height: 15vw;
    margin-top: 40px;
  }
}





/* === General Tablet Fallback (max-width: 1024px) === */
@media (max-width: 1024px) {
    .text-banner-container-new {
   height: 20vw;
    margin-top: 100px;
    }
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
    .text-banner-container-new {
      height: 20vw;
      margin-top: 100px;
    }
}

/* === iPad Landscape (1024px wide) === */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

    .text-banner-container-new {
    height: 5vw;
    margin-top: 20px;
    }
}

/* === Mobile (max-width: 767px) === */
@media (max-width: 767px) {
    .text-banner-container-new {
   height: 20vw;
    margin-top: 100px;
    }
}



/* Desktop row */
.desktop-row {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Mobile row (hidden by default on desktop) */
.mobile-row {
    display: none;
}

/* Desktop link styles */
.text-banner-homepage-links,
.text-banner-homepage-links-new {
    font-family: bank-gothic, Sorts Mill Goudy, Jost, futura;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    text-decoration: none;
    margin-right: 20px;
}

.text-banner-homepage-links-new:hover,
.text-banner-homepage-links:hover {
    text-decoration: underline;
    color: #ffffff;
}

/* Vertical divider for desktop */
.line-white {
    width: 1px;
    height: 15px;
    background-color: #ffffff;
    margin-right: 20px;
    display: block;
}

/* Divider for mobile rows */
.mobile-divider {
    font-weight: bold;
    color: #ffffff;
    display: inline-block;
    padding: 0 5px; /* Proper spacing around | */
}


/* === Responsive Styles === */
@media (max-width: 767px) {
    /* Move container lower on mobile */
    .text-banner-container-new {
        margin-top: 150px;
    }

    /* Hide desktop layout */
    .desktop-row {
        display: none;
    }

    /* Show mobile layout */
    .mobile-row {
        display: flex;
        justify-content: center; /* Center the row */
        align-items: center;
        gap: 8px; /* Even spacing between items */
        margin-bottom: 10px;
    }

    .text-banner-homepage-links-new {
        font-size: 13px; /* Smaller on mobile */
        text-align: center;
        margin: 0; /* Remove margins to fix spacing */
        padding: 0;
        color: #ffffff;
        text-decoration: none;
    }

    .line-white {
        display: none;
    }
}
/* === END - Text Banner Styles === */

/* === END - Text Banner Styles === */



/*banner end */





/* Start our 4 service buttons */

/* Ensure the button container is a flex container */
.button-container-2 {
    display: flex;
    flex-direction: column; /* Stack buttons vertically */
    align-items: flex-end; /* Align buttons to the right */
    justify-content: center; /* Center within the container */
    width: 100%;
    gap: 15px; /* Add space between buttons */
}


.body-button-2 {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    /* height: 50vh; */
    padding-top: 0px;
    margin: 0;
}

.button-container-2 a {
    font-family: Arial, "Courier New", sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100;
    line-height: 25px;
    text-decoration: none; /* Optional: removes underline */
    color: inherit; /* Keeps the original color */
}

.hover-button-new-2 {
    background-color: #beb19b; /* Button color */
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    font-size: 16px;
    width: 240px; /* Initial width */
    text-align: center;
    position: relative; /* Necessary for pseudo-element positioning */
    display: inline-block; /* Ensures it behaves like a button */
    overflow: hidden; /* Keeps the hover effect within bounds */
    height: auto;
    transform-origin: left; /* Ensures the button expands to the right */
}

.hover-button-new-2:hover {
    transform: scaleX(1.1);
	    color: #000;
}


/* DESKTOP - default layout (buttons aligned right) */
.body-button-2 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.button-container-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 15px;
}

.hover-button-new-2 {
  background-color: #beb19b;
  color: white;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  width: 240px;
  text-align: center;
  position: relative;
  display: inline-block;
  overflow: hidden;
  transform-origin: left; /* Expands to right */
}

.hover-button-new-2:hover {
  transform: scaleX(1.1);
  color: #000;
}




/* --- Unique Styling for Specific Elements --- */

/* End our 4 service buttons / your partner on the costa...end */
/* iPad Portrait (768px–1024px) */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait) {
    .hover-button-new-2 {
        font-size: 10px !important;  /* Smaller font */
        width: 150px;          /* Narrower button */
        padding: 8px 4px !important; /* Adjust padding if needed */
    }
}

/* In the spotlight - Mobile-specific styling */
@media (max-width: 768px) {
    #spotlight-sliderhomepage .grid-view .item-listing-wrap {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}






















.suplusnis-header-title-sub-text-new-black {
  text-align: center; /* centers the text */
  font-family: Sorts Mill Goudy, Cormorant;
  font-size: 18px; /* adjust as needed */
  color: #ece6db; /* optional: ensure black text */
  line-height: 1.6; /* optional: better readability */
  margin: 20px auto; /* optional: spacing */
  max-width: 600px; /* optional: control width */
}



/* Footer 1 end styling */


/*Test*/
#footer-subscribe-positioning {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 auto;
}

.elementor-form-fields-wrapper {
  display: flex;
  gap: 10px; /* Optional spacing between input and button */
  flex-wrap: wrap; /* Allows wrapping on small screens */
  justify-content: center; /* Center the block horizontally */
  align-items: center;
}

.elementor-field-group {
  margin: 0 !important; /* Remove default spacing */
  flex: 0 0 auto; /* Prevent full width */
}




/* Footer 2 start styling */

/* Footer 2 start general styling */
.footer-2-adress,
.footer-2-tel-mail a {
  display: block;
  margin: 0.5rem 0;
  font-size: 16px;
}

.e-n-accordion-item-title {
        padding-left: 120px;
  }

	.footer-2-title {
		font-size: 20px;
    font-family: Fraunces, Sorts Mill Goudy, Jost, futura !important;
}

	.footer-2 {
		color: #fff;
		padding-top: 20px;
}

	.footer-2 a {
		color: #fff;
		display: block;
}

	.footer-2 a:hover {
		color: #757575;
}

	.footer-2-ul {
		list-style-type: none;
		padding: 0;         
		margin: 0;
}

	.footer-2-links-li {
		margin: 0.5rem 0;
		font-size: 16px;
}


/* Footer 2 end general styling */

/* Footer 2 start desktop styling */
#footer-2-desktopversion .e-n-accordion-item-title-header .e-n-accordion-item-title-text {
  color: white !important;
}

/* Footer 2 end desktop styling */

/* Footer 2 start mob styling */
#footer-2-mobileversion .e-n-accordion-item-title-header .e-n-accordion-item-title-text {
  color: white !important;
  margin-top: 4px;
}

/* Footer 2 end mob styling */



/* Footer 2 end styling */


/* Footer 3 start styling */

	.text-footer-3-bottom-links {
		font-family: Sorts Mill
		Goudy, Jost, futura;
    font-size: 12px;
    font-weight: 300;
		color: #757575;
		text-decoration: none;
		margin-right: 20px;
}

	.text-footer-3-bottom-links:hover {
  	text-decoration: underline;
		color: #000;
}

/* Footer 3 end styling */


/* FOOTER END 30-04-25 */

/* start stop mobile moving left and r */
html, body {
  overflow-x: hidden;
}
/* end stop moving left and r */






/* --- Global / Base Styles (apply to all screen sizes unless overridden by media queries) --- */
/* Your Partner on the Costa Blanca Title - Default width & alignment */
#partner-costa-blanca-title {
    max-width: 900px;    /* Restrict width to force wrapping on large screens */
    text-align: left;    /* Ensure text stays left-aligned */
    white-space: normal; /* Allow text to wrap */
    display: block;      /* Ensures it behaves as a block element */
}

/* Supplemental Text Style */
.suplusnis-header-title-sub-text-new-black {
  text-align: center;
  font-family: Sorts Mill Goudy, Cormorant;
  font-size: 18px;
  color: #ece6db;
  line-height: 1.6;
  margin: 20px auto;
  max-width: 600px;
}


/* --- Global / Base Styles (apply to all screen sizes unless overridden by media queries) --- */
/* Your Partner on the Costa Blanca Title - Default width & alignment */
#partner-costa-blanca-title {
    max-width: 900px;    /* Restrict width to force wrapping on large screens */
    text-align: left;    /* Ensure text stays left-aligned */
    white-space: normal; /* Allow text to wrap */
    display: block;      /* Ensures it behaves as a block element */
}

/* Supplemental Text Style */
.suplusnis-header-title-sub-text-new-black {
  text-align: center;
  font-family: Sorts Mill Goudy Cormorant;
  font-size: 18px;
  color: #ece6db;
  line-height: 1.6;
  margin: 20px auto;
  max-width: 600px;
}












/* --- 20-07-25 Start Responsive Size Settings for various pages and blocks (including Footer) --- */

/* PC (Large screens, 1200px and up) */
@media (min-width: 1200px) {
    /* Shared padding for most content blocks and pages (140px) */
    #three-banners-block,
    #in-the-spotlight,
    #discover-the-region,
    #new-projects,
    #your-questions-answered,
    #most-viewed-projects,
    #most-read,
    #city-template-block-city-intro,
    #city-template-block-history-of,
    #city-template-block-origins-founding,
    #city-template-block-economic-evolution,
    #city-template-block-video,
    #city-template-block-our-properties,
    #city-template-block-our-properties-portfolio,
    #city-template-block-buy-house-in-contact,
    #city-template-block-surrrounding-cities,
    #city-template-block-surrrounding-city-1,
    #discover-region-detailpage,
    #terms-conditions-cookiespage,
    #blogpage-settings,
    #partner-costa-blanca-title,
    #partner-costa-blanca-3-blocks {
        padding-left: 140px;
        padding-right: 140px;
    }

    /* UNIQUE padding for #new-searchpage-settings on large screens (440px) */
    #new-searchpage-settings {
        padding-left: 220px;
        padding-right: 220px;
    }

    /* UNIQUE padding for #partner-costa-blanca-3-blocks-second on large screens */
    #partner-costa-blanca-3-blocks-second {
        padding-left: 50px;
        padding-right: 250px;
    }

    /* Footer specific padding - Desktop large screens */
    #footer-1 { padding: 0 140px 40px; }
    #footer-2, #footer-new-2, #footer-new-3 { padding: 0 140px; }
}

/* General Tablet & Small Laptop (Max 1199px) - Broader range before specific tablets */
@media (max-width: 1199px) {
    /* Padding for partner-costa-blanca elements in this range */
    #partner-costa-blanca-title,
    #partner-costa-blanca-3-blocks {
        padding-left: 40px;
        padding-right: 40px;
    }
}

/* General Tablet Fallback (max-width: 1024px) */
@media (max-width: 1024px) {
    /* Shared padding for most content blocks, pages, and new-searchpage-settings (40px) */
    #three-banners-block,
    #in-the-spotlight,
    #discover-the-region,
    #new-projects,
    #your-questions-answered,
    #most-viewed-projects,
    #most-read,
    #city-template-block-city-intro,
    #city-template-block-history-of,
    #city-template-block-origins-founding,
    #city-template-block-economic-evolution,
    #city-template-block-video,
    #city-template-block-our-properties,
    #city-template-block-our-properties-portfolio,
    #city-template-block-buy-house-in-contact,
    #city-template-block-surrrounding-cities,
    #city-template-block-surrrounding-city-1,
    #discover-region-detailpage,
    #terms-conditions-cookiespage,
    #blogpage-settings,
    #new-searchpage-settings {
        padding-left: 40px;
        padding-right: 40px;
    }

    /* #partner-costa-blanca-title max-width adjustment for tablets */
    #partner-costa-blanca-title {
        max-width: 500px;
    }

    /* UNIQUE padding for #partner-costa-blanca-3-blocks-second in general tablet fallback */
    #partner-costa-blanca-3-blocks-second {
        padding-left: 30px;
        padding-right: 50px;
    }

    /* Footer specific padding - General Tablet Fallback */
    #footer-1 { padding: 0 40px 10px; }
    #footer-2, #footer-new-2, #footer-new-3 { padding: 0 40px; }
}

/* iPad Landscape (1024px wide) */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape) {
    /* Shared padding for some content blocks, pages, and new-searchpage-settings (50px) */
    #three-banners-block,
    #in-the-spotlight,
    #discover-the-region,
    #new-projects,
    #your-questions-answered,
    #most-viewed-projects,
    #most-read,
    #city-template-block-city-intro,
    #city-template-block-history-of,
    #city-template-block-origins-founding,
    #city-template-block-economic-evolution,
    #city-template-block-video,
    #city-template-block-our-properties,
    #city-template-block-our-properties-portfolio,
    #city-template-block-buy-house-in-contact,
    #city-template-block-surrrounding-cities,
    #city-template-block-surrrounding-city-1,
    #discover-region-detailpage,
    #terms-conditions-cookiespage,
    #blogpage-settings,
    #new-searchpage-settings {
        padding-left: 50px;
        padding-right: 50px;
    }

    /* UNIQUE padding for partner-costa-blanca-title and partner-costa-blanca-3-blocks (60px) in Landscape */
    #partner-costa-blanca-title,
    #partner-costa-blanca-3-blocks {
        padding-left: 60px;
        padding-right: 60px;
    }

    /* UNIQUE padding for #partner-costa-blanca-3-blocks-second in iPad Landscape */
    #partner-costa-blanca-3-blocks-second {
        padding-left: 40px;
        padding-right: 100px;
    }

    /* Footer specific padding - iPad Landscape */
    #footer-1 { padding: 0 50px 10px; }
    #footer-2, #footer-new-2, #footer-new-3 { padding: 0 50px; }
}

/* iPad Portrait (768px–1024px) */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait) {
    /* Shared padding for most content blocks, pages, new-searchpage-settings, and partner-costa-blanca-title/3-blocks (30px) */
    #three-banners-block,
    #in-the-spotlight,
    #discover-the-region,
    #new-projects,
    #your-questions-answered,
    #most-viewed-projects,
    #most-read,
    #city-template-block-city-intro,
    #city-template-block-history-of,
    #city-template-block-origins-founding,
    #city-template-block-economic-evolution,
    #city-template-block-video,
    #city-template-block-our-properties,
    #city-template-block-our-properties-portfolio,
    #city-template-block-buy-house-in-contact,
    #city-template-block-surrrounding-cities,
    #city-template-block-surrrounding-city-1,
    #discover-region-detailpage,
    #terms-conditions-cookiespage,
    #blogpage-settings,
    #new-searchpage-settings,
    #partner-costa-blanca-title,
    #partner-costa-blanca-3-blocks {
        padding-left: 30px;
        padding-right: 30px;
    }

    /* UNIQUE padding for #partner-costa-blanca-3-blocks-second in iPad Portrait */
    #partner-costa-blanca-3-blocks-second {
        padding-left: 0px !important; /* Keep !important if critical for override */
        padding-right: 60px;
    }

    /* Footer specific padding - iPad Portrait */
    #footer-1 { padding: 0 30px 10px; }
    #footer-2, #footer-new-2, #footer-new-3 { padding: 0 30px; }

    /* Specific styling for hover-button-new-2 */
    .hover-button-new-2 {
        font-size: 10px !important;
        width: 150px;
        padding: 8px 4px !important;
    }
}

/* Mobile devices (max-width: 768px) */
@media (max-width: 768px) {
    /* Shared padding for most content blocks, pages, new-searchpage-settings, and partner-costa-blanca-title/3-blocks (20px) */
    #three-banners-block,
    #in-the-spotlight,
    #discover-the-region,
    #new-projects,
    #your-questions-answered,
    #most-viewed-projects,
    #most-read,
    #city-template-block-city-intro,
    #city-template-block-history-of,
    #city-template-block-origins-founding,
    #city-template-block-economic-evolution,
    #city-template-block-video,
    #city-template-block-our-properties,
    #city-template-block-our-properties-portfolio,
    #city-template-block-buy-house-in-contact,
    #city-template-block-surrrounding-cities,
    #city-template-block-surrrounding-city-1,
    #discover-region-detailpage,
    #terms-conditions-cookiespage,
    #blogpage-settings,
    #new-searchpage-settings,
    #partner-costa-blanca-title,
    #partner-costa-blanca-3-blocks {
        padding-left: 20px;
        padding-right: 20px;
    }

    /* #partner-costa-blanca-title max-width adjustment for mobile */
    #partner-costa-blanca-title {
        max-width: 450px;
    }

    /* UNIQUE padding for #partner-costa-blanca-3-blocks-second in Mobile */
    #partner-costa-blanca-3-blocks-second {
        padding-left: 0px;
        padding-right: 0px;
    }

    /* Footer specific padding - Mobile */
    #footer-1, #footer-new-3 { padding: 0 20px 40px; }

    /* In the spotlight - Mobile-specific styling */
    #spotlight-sliderhomepage .grid-view .item-listing-wrap {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Small mobile devices (max-width: 480px) */
@media (max-width: 480px) {
    /* #partner-costa-blanca-title max-width adjustment for small mobile */
    #partner-costa-blanca-title {
        max-width: 350px; /* Smallest width */
    }
}

/* --- 20-07-25 End Responsive Size Settings --- */



/* Start webformulier wpforms */

/* Start Do not delete this code*/
.wpforms-hide-field-language,
.wpforms-hide-field-language-contactpage,
.wpforms-hide-field-language-detailpage, .wpforms-hide-field-language-first-upcoming-releases, .wpforms-hide-field-language-price-calculator {
    display: none !important;
}
/* End Do not delete this code*/

@media (max-width: 768px) {
    #wpforms-29667 .wpforms-submit-container {
		width: 45% !important;
    padding-right: 7px;
    }
}
/* End webformulier wpforms */


/* Start New homepage */

/* Start Font */

.top-banner-title h1 {
  font-family: Inter, sans-serif;
  font-weight: 50;
  color: var(--color-white);
  font-size: 3rem;
	line-height: 1.2;
}

.top-banner-title-test h1 {
  font-family: Inter, sans-serif;
  font-weight: 200;
  color: var(--color-white);
  font-size: 3.5rem;
	line-height: 1.2;
}

.top-banner-title-black {
  font-family: Inter, sans-serif;
  font-weight: 200;
  color: var(--color-black);
  font-size: 3.5rem;
	line-height: 1.2;
}


.banner-shoutout {
  font-family: Inter, sans-serif;
  font-weight: 50;
  color: var(--color-black);
  font-size: 6rem;
	line-height: 1.2;
}

.banner-shoutout-highlight-words {
  font-weight: 600;
  color: var(--color-white);
}

.banner-handwriten {
  font-family: Inter, sans-serif;
  font-weight: 20;
  color: var(--color-black);
  font-size: 3rem;
	line-height: 1.2;
}

.banner-handwriten-highlight-words {
  font-weight: 200;
  color: var(--color-white); 
}














/* Base styles for all new headers */
.new-headers {
  font-family: Inter, sans-serif;
  line-height: 1;
}


.br {
  display: flex;
  flex-direction: column;
  gap: 1.9rem;
}

/* Start font family */
.font-family-standaard {
  font-family: sans-serif, Varela Round, bw-vivant-regular, Fraunces, Inter, sans-serif;
}
/* End font family */


/* Start center text */
.center-text {
  text-align: center;
}
/* End center text */

/* Start font line height */
.font-line-height-1 {
  line-height: 1;
}

.font-line-height-1-1 {
  line-height: 1.1;
}

.font-line-height-1-2 {
  line-height: 1.2;
}

.font-line-height-1-3 {
  line-height: 1.3;
}

.font-line-height-1-4 {
  line-height: 1.4;
}

.font-line-height-1-5 {
  line-height: 1.5;
}

.font-line-height-1-6 {
  line-height: 1.6;
}

.font-line-height-1-7 {
  line-height: 1.7;
}

.font-line-height-1-8 {
  line-height: 1.8;
}

.font-line-height-1-9 {
  line-height: 1.9;
}

.font-line-height-2 {
  line-height: 2;
}
/* End font line height */


/* Start font weight */
.font-weight--50 {
  font-weight: 50;
}

.font-weight--100 {
  font-weight: 100;
}

.font-weight--200 {
  font-weight: 200;
}

.font-weight--300 {
  font-weight: 300;
}

.font-weight--400 {
  font-weight: 400;
}

.font-weight--500 {
  font-weight: 500;
}

.font-weight--600 {
  font-weight: 600;
}

.font-weight--700 {
  font-weight: 700;
}

.font-weight--800 {
  font-weight: 800;
}

.font-weight--900 {
  font-weight: 900;
}

.font-weight--1000 {
  font-weight: 1000;
}
/* End font weight */


/* Start font size */
.font-size--0-5 {
  font-size: 0.5rem;
}

.font-size--0-6 {
  font-size: 0.6rem;
}

.font-size--0-7 {
  font-size: 0.7rem;
}

.font-size--0-8 {
  font-size: 0.8rem;
}

.font-size--0-9 {
  font-size: 0.9rem;
}

.font-size--1 {
  font-size: 1rem;
}

.font-size--1-1 {
  font-size: 1.1rem;
}

.font-size--1-2 {
  font-size: 1.2rem;
}

.font-size--1-3 {
  font-size: 1.3rem;
}

.font-size--1-4 {
  font-size: 1.4rem;
}

.font-size--1-5 {
  font-size: 1.5rem;
}

.font-size--1-6 {
  font-size: 1.6rem;
}

.font-size--1-7 {
  font-size: 1.7rem;
}

.font-size--1-8 {
  font-size: 1.8rem;
}

.font-size--1-9 {
  font-size: 1.9rem;
}

.font-size--2 {
  font-size: 2rem;
}

.font-size--2-5 {
  font-size: 2.5rem;
}

.font-size--3 {
  font-size: 3rem;
}

.font-size--3-5 {
  font-size: 3.5rem;
}

.font-size--4 {
  font-size: 4rem;
}

.font-size--4-5 {
  font-size: 4.5rem;
}

.font-size--5 {
  font-size: 5rem;
}

.font-size--6 {
  font-size: 6rem;
}
/* End font size */


/* Start font color */
.font-color--white {
  color: var(--color-white);
}

.font-color--black {
  color: var(--color-black);
}

.font-color--blue {
  color: var(--color-blue);
}

.font-color--pink {
  color: var(--color-pink);
}

.font-color--light-gray {
  color: var(--color-gray);
}

.font-color--medium-gray {
  color: var(--color-medium-gray);
}

.font-color--dark-brown {
  color: var(--color-dark-brown);
}

.font-color--light-brown {
  color: var(--color-light-brown);
}

.font-color--light-green {
  color: var(--color-light-green);
}

.font-color--dark-green {
  color: var(--color-dark-green);
}
/* End font color */




/* Start elementor button */

/* Mobile First Approach */
.suplusnis-default-button .elementor-button-wrapper {
    width: 150px !important;
    height: 40px !important;
}
.suplusnis-default-button .elementor-button {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Small Tablet */
@media (min-width: 481px) {
    .suplusnis-default-button .elementor-button-wrapper {
        width: 200px !important;
        height: 45px !important;
    }
    .suplusnis-default-button .elementor-button {
        height: 45px !important;
        min-height: 45px !important;
    }
}

/* Tablet */
@media (min-width: 769px) {
    .suplusnis-default-button .elementor-button-wrapper {
        width: 300px !important;
        height: 50px !important;
    }
    .suplusnis-default-button .elementor-button {
        height: 50px !important;
        min-height: 50px !important;
    }
}

/* Desktop */
@media (min-width: 1200px) {
    .suplusnis-default-button .elementor-button-wrapper {
        width: 12.5em !important;    /* 200px ÷ 16 = 12.5em */
        height: 2.5em !important;    /* 40px ÷ 16 = 2.5em */
    }
    .suplusnis-default-button .elementor-button {
        height: 2.5em !important;      /* 40px ÷ 16 = 2.5em */
        min-height: 2.5em !important;  /* 40px ÷ 16 = 2.5em */
        border-radius: 1.25em !important; /* 20px ÷ 16 = 1.25em (for pill shape) */
padding: 0.5em !important;     /* Equal padding on all sides */
    }
}
/* End elementor button */



/* Start New footer Explore ul */
.font-color--black ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0;
}

.suplusnis-footer-list-items {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

.suplusnis-footer-list-items a {
    color: #333333 !important; /* Your desired color */
    text-decoration: none;
}


/* End New footer Explorer ul */


/* Start New footer Explore ul */
#footer-explorer-desktopversion .e-n-accordion-item-title-header .e-n-accordion-item-title-text {
  font-family: Inter, sans-serif;
	font-weight: 100;
 	color: var(--color-black);
	font-size: 0.8rem;
}
/* End New footer Explore ul */
















.button-on-top-interactive-image {
  /* Basic button appearance */
  padding: 10px 15px;
  background-color: #0071E3;
  color: white;
  border: none;
  border-radius: 10px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  
  /* Smooth transitions */
  transition: all 0.3s ease;
  
  /* Prevent text selection */
  user-select: none;
}

/* Hover effect */
.button-on-top-interactive-image:hover {
  background-color: #007FFF;
}

/* Active/pressed state */
.button-on-top-interactive-image:active {
  background-color: #007FFF;
  border-color: #007FFF;
}


.normal-basic-header {
  font-family: Inter, sans-serif;
  font-weight: 50;
  color: var(--color-blue);
  font-size: 2rem;
	line-height: 1.2;
}

/* End Font */

/* Start setting width all blocks */

/* PC (Large screens, 1200px and up) */
@media (min-width: 1200px) {
    /* Shared padding for most content blocks and pages (140px) */
		#page-blocks-width-settings {
        padding-left: 140px;
        padding-right: 140px;
    }
  }
/* End setting width all blocks */






                                          /* START CORRECTED CSS CODE */


/* START OVERALL CSS IN ROOT
======================================== */


  :root {
    /* 1 - Start Colors */
      /* Start Basic Colors */
        --color-primary: #beb19b; /* Your main theme color */
        --color-secondary: #BAA47D; /* A related shade, often used for accents */
        --color-tertiary: #FC4C02; /* Accent color, often for buttons or highlights */
        --color-text: #45455a; /* Text color */
        --color-black: #000000;
        --color-white: #ffffff;
        --color-light-gray: #F8F8F8;
        --color-medium-gray: #958D84;
        --color-pink: #FF94EA;
        --color-yellow: #ffa201; /* Call to action button */
        --color-blue: #0071E3;
        --color-dark-brown: #beb19b;
        --color-light-brown: #ece6db;
        --color-light-green: #05e3e3;
        --color-dark-green: #445A54;

      /* Colors For Pagination active state */
        --color-light-background: #Ece6db; /* For disabled pagination */
        --color-transparent: transparent;
        --color-faded-secondary: #BAA47D45; /* Semi-transparent secondary color */
        --color-green: #445a54;

    /* 1 - End Colors */



    /* 2 - Start Fonts */

      /* Fonts */
        --font-family-primary: Fraunces, Sorts Mill Goudy, serif;
        --font-family-secondary: Sorts Mill Goudy, Fraunces, serif;
        --font-family-tertiary: Arial, "Courier New", sans-serif;

      /* Font Sizes (Base & Common) */
        --font-size-base: 16px; /* Default body font size if not specified elsewhere */
        --font-size-small: 14px;
        --font-size-medium: 18px;
        --font-size-large: 1.2em; /* For specific titles */
        --font-size-heading-mobile: 30px;
        --font-size-heading-ipad: 45px;
        --font-size-heading-desktop: 72px;

      /* CORRECTED: New variables for consistent heading sizes */
        --font-size-h2-mobile: 24px;
        --font-size-h2-ipad: 22px;
        --font-size-h2-desktop: 32px;
        --font-size-h3-mobile: 18px;
        --font-size-h3-ipad: 18px;
        --font-size-h3-desktop: 28px;
        --font-size-h4-mobile: 16px;
        --font-size-h4-ipad: 16px;
        --font-size-h4-desktop: 18px;
        --font-size-h5-mobile: 14px;
        --font-size-h5-ipad: 14px;
        --font-size-h5-desktop: 16px;
        --font-size-footer-slogan-mobile: 26px;
        --font-size-footer-slogan-desktop: 42px;
        --font-size-page-404-mobile: 18px;
        --font-size-page-404-ipad: 20px;
        --font-size-page-404-desktop: 24px;
        --font-size-footer-maintenance: 12px;
        --font-size-job-profile: 14px;
        --font-size-button-standard: 1rem; /* For .btn-primary */
        --font-size-button-hover: 16px;

    /* 2 - End Fonts */



    /* 3 - Start Spacing */
      --spacing-xs: 5px;
      --spacing-sm: 10px;
      --spacing-md: 20px;
      --spacing-lg: 25px;
      --spacing-xl: 60px;
      --spacing-xxl: 30px;
      --spacing-xxxl: 110px;
    
    /* 3 - End Spacing */

  }

   /* END OVERALL CSS IN ROOT
   ======================================== */


   /* START OVERALL CSS OUTSIDE ROOT
   ======================================== */

/* Color modifiers */
.suplusnis-header.orange { color: var(--color-tertiary); }
.suplusnis-header.white { color: var(--color-white); }
.suplusnis-header.black { color: var(--color-black); }
.suplusnis-header.gray { color: var(--color-medium-gray); }
.suplusnis-header.brown { color: var(--color-primary); }
.suplusnis-header.light-brown { color: var(--color-light-background); }
.suplusnis-header.green { color: var(--color-green); }

/* H1, H2, H3 Default */
.header-h1 h1, .header-h2 h2, .header-h3 h3, .header-h4 h4, .header-h5 h5 {
    font-family: var(--font-family-primary);
    padding-top: var(--spacing-lg);
}

.header-h2 {
    text-align: left;
}

/* Font Sizes for Phones */
.header-h1 h1 { font-size: var(--font-size-heading-mobile); }
.header-h2 h2 { font-size: var(--font-size-h2-mobile); }
.header-h3 h3 { font-size: var(--font-size-h3-mobile); }
.header-h4 h4 { font-size: var(--font-size-h4-mobile); }
.header-h5 h5 { font-size: var(--font-size-h5-mobile); }

/* iPad */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .header-h1 h1 { font-size: var(--font-size-heading-ipad); }
    .header-h2 h2 { font-size: var(--font-size-h2-ipad); }
    .header-h3 h3 { font-size: var(--font-size-h3-ipad); }
    .header-h4 h4 { font-size: var(--font-size-h4-ipad); }
    .header-h5 h5 { font-size: var(--font-size-h5-ipad); }
}

/* Computers */
@media only screen and (min-width: 1025px) {
    .header-h1 h1 { font-size: var(--font-size-heading-desktop); }
    .header-h2 h2 { font-size: var(--font-size-h2-desktop); }
    .header-h3 h3 { font-size: var(--font-size-h3-desktop); }
    .header-h4 h4 { font-size: var(--font-size-h4-desktop); }
    .header-h5 h5 { font-size: var(--font-size-h5-desktop); }
}

/* Line under header */
.line-under-header {
    display: inline-block;
    height: 2px;
    width: 30px;
    position: relative;
    top: -5px;
}

/* Ensure the inner span takes full size */
.line-under-header > span {
    display: block;
    width: 100%;
    height: 100%;
}

/* Color variations */
.line-under-header.orange span { background-color: var(--color-tertiary); }
.line-under-header.black span { background-color: var(--color-black); }
.line-under-header.white span { background-color: var(--color-white); }
.line-under-header.gray span { background-color: var(--color-medium-gray); }
.line-under-header.brown span { background-color: var(--color-primary); }
.line-under-header.light-brown span { background-color: var(--color-light-background); }
.line-under-header.green span { background-color: var(--color-green); }






  /* 1A - START FONTS */

  
 /* CORRECTED: Now using the new variable */

/* 1A - END FONTS */














/* END OVERALL CSS */





/* START HOMEPAGE CSS */




/* END HOMEPAGE CSS */






/* START SEARCHRESULT PAGE 1 CSS */




/* END SEARCHRESULT PAGE 1 CSS */


/* START SEARCHRESULT PAGE 2 CSS */




/* END SEARCHRESULT PAGE 2 CSS */




/* START PROPERT DETAILPAGE PAGE CSS */




/* END PROPERT DETAILPAGE PAGE CSS */



/* START CONTACTPAGE PAGE CSS */




/* END CONTACTPAGE PAGE CSS */


/* START COSTA DETAILPAGE PAGE CSS */




/* END COSTA DETAILPAGE CSS */


/* START CITY DETAILPAGE PAGE CSS */




/* END CITY DETAILPAGE CSS */