/*
Theme Name: Landing
Description: A minimal, responsive landing theme starter for WordPress.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: landing
Tags: one-column, custom-logo, custom-menu, featured-images, responsive-layout
*/
@charset "UTF-8";

/* Basic reset and typography */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: #222;
  line-height: 1.6;
  margin: 0;
  background: #fff;
}

a { color: #0073aa; text-decoration: none; }
a:hover { color: #005177; }

.site {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px;
}

.site-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding: 12px 0;
  border-bottom: 1px solid #eee;
}

.site-logo { display:flex; align-items:center; gap:12px; }
.site-title { font-size: 1.25rem; margin:0; }

.site-navigation ul { list-style:none; margin:0; padding:0; display:flex; gap:12px; }
.site-navigation li { margin:0; }

.hero {
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  align-items:center;
  justify-content:space-between;
  padding: 48px 0;
}

.hero .hero-content { flex:1 1 420px; }
.hero .hero-media { flex:0 0 420px; max-width:420px; }

.call-to-action {
  display:inline-block;
  padding:12px 20px;
  border-radius:8px;
  background:#0073aa;
  color:#fff;
  font-weight:600;
}

.section { padding: 40px 0; border-top:1px solid #f5f5f5; }

footer.site-footer { margin-top:40px; padding-top:20px; border-top:1px solid #eee; color:#666; font-size:0.9rem; }
.prop-list.swiper > .swiper-wrapper {
    display: flex;
    /* grid-template-columns: repeat(4, 1fr); */
    /* grid-column-gap: 20px; */
    /* grid-row-gap: 20px; */
    justify-content: space-between;
}

.prop-list.swiper > .swiper-wrapper .property {
    width: 24%;
}

.swiper-button-prev.mobile-only {
    display: none;
}

.swiper-button-next.mobile-only {
    display: none;
}
/* Responsive */
@media (max-width:800px){
  .hero { flex-direction:column; }
  .hero .hero-media { max-width:100%; }
}