/*
Theme Name: Soleya
Theme URI: https://example.com/soleya
Author: Your Name
Author URI: https://example.com
Description: A minimal starter WordPress theme called Soleya.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: soleya
Tags: custom, minimal, responsive
*/

/* Dummy styles */
body {
    font-family: Arial, sans-serif;
    background: #f9f9f9;
    color: #333;
    margin: 0;
    padding: 0;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    height: 100%;
}

:root{
      --max-width:1100px;
      --accent:#2563eb;
      --muted:#6b7280;
      --gap:2rem;
      --radius:10px;
    }
    body{font-family:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; margin:0; color:#111827; background:#f8fafc}
    /* .wrap{max-width:var(--max-width); margin:48px auto; padding:24px} */
.wrap {
  width:100%;
  height:100%;
}
/* Slider Container */
 .slider-container {
  width: 90%;
  max-width: 900px;
  margin: 50px auto;
  text-align: center;
}

.main-image {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
  margin-bottom: 15px;
  border-radius: 10px;
}

.slide-logo {
  width: 150px;
  display: block;
  margin: 0 auto 10px;
}

.slide-buttons {
  margin-top: 10px;
}
.slide-buttons .btn {
  margin: 0 10px;
  padding: 10px 20px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  font-size: 1rem;
}
.btn-primary { background: #007bff; color: #fff; }
.btn-secondary { background: #6c757d; color: #fff; }

/* Thumbnails as round divs */
.slider-thumbs {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.thumb-dot {
  width: 25px;
  height: 25px;
  background: #ddd;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s;
}

.slider-thumbs .slick-current .thumb-dot {
  background: #007bff;
}

/* Responsive */
@media (max-width: 768px) {
  .slide-logo { width: 120px; }
  .slide-buttons .btn { padding: 8px 16px; font-size: 0.9rem; }
  .thumb-dot { width: 20px; height: 20px; }
}

@media (max-width: 480px) {
  .slide-logo { width: 100px; }
  .slide-buttons { display: flex; flex-direction: column; gap: 8px; }
  .slide-buttons .btn { width: 100%; margin: 0 auto; }
  .thumb-dot { width: 15px; height: 15px; }
}


/* Slider styles*/

    header{margin-bottom:36px}
    header h1{font-size:28px; margin:0 0 8px}
    header p{margin:0; color:var(--muted)}

    /* New section styles */
    #intro-section{background:#cc9f75; width:100%;padding:80px 0;}
    #intro-section-inner {
       padding:48px 24px; text-align:center; border-radius:12px; max-width:var(--max-width);margin:0 auto;
       text-align:center;
    }
    #intro-section h2{margin:0 auto 12px; color:#ffffff;font-size:26px;text-align:center;}
    #intro-section p{margin:0 auto 32px; color:#ffffff;text-align:center;}
    .intro-columns{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:24px; max-width:var(--max-width); margin:0 auto}
    .intro-col{display:flex; flex-direction:column; align-items:center; justify-content:center; background:#fff; padding:20px; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,0.05)}
    .intro-col img{width:60px; height:60px; margin-bottom:12px}
    .intro-col p{margin:0; color:#374151}

    #key-features{background:#fff; padding:24px; border-radius:12px; box-shadow:0 4px 20px rgba(15,23,42,0.06)}
    .features{display:flex; flex-direction:column; gap:var(--gap)}

    .feature{display:flex; align-items:center; gap:var(--gap); padding:14px; border-radius:8px}
    .feature .media{flex:1 1 50%;}
    .feature img{width:100%; height:auto; display:block; border-radius:var(--radius); box-shadow:0 6px 18px rgba(2,6,23,0.06)}
    .feature .content{flex:1 1 50%;}
    .feature h3{margin:0 0 8px; font-size:20px}
    .feature p{margin:0; color:var(--muted); line-height:1.5}

    .feature:nth-child(even){flex-direction:row-reverse}
    .feature_heading {max-width:var(--max-width);margin:0 auto; text-align: center;}
    .features {max-width:var(--max-width);margin:0 auto;}
    .label{display:inline-block; background:rgba(37,99,235,0.08); color:var(--accent); padding:6px 10px; border-radius:999px; font-size:12px; margin-bottom:10px}

    @media (max-width:768px){
      .feature{flex-direction:column}
      .feature:nth-child(even){flex-direction:column}
      .feature .media, .feature .content{width:100%}
    }

    a.button{display:inline-block; margin-top:12px; text-decoration:none; padding:8px 12px; border-radius:8px; background:var(--accent); color:#fff}
    /* Property Section */


.cta {
  text-align: center;
  margin:100px 0;
}
.cta a{
  color: #fff;
  font-weight: bold;
  padding:25px 50px;
  background-color: #cc9f75;
  font-size:25px;
}
 #ct_map {
      height: 700px; /* Full screen height */
      width: 100%;
    }


    /* bottom slider styles */

    .bottom_image_slider .wpsisac-slick-carousal.design-1 .slick-prev {
     left: -50px !important;
    }
     .bottom_image_slider .wpsisac-slick-carousal.design-1 .slick-next {
      right: -50px !important;
    }

     .bottom_image_slider .wpsisac-slick-carousal .slick-arrow {
      width:40px !important;
      background-color: #415364 !important;
     }
      .bottom_image_slider .slick-slide .wpsisac-image-slide-wrap {
        padding:10px;
      }
      /* bottom slider styles end here */
.hero_cta {
   background-color:  #F0CFA0;
   padding:10px 25px;
   color:#415364;
   font-family:"Outfit", Sans-serif;
   font-size:20px;
   line-height: 24px;
   font-weight: 200;
   display: inline-block;
   margin:0 12px;
   text-shadow:none;
}

.hero_slider {
  position:relative;
  width:100%;
  overflow: hidden;
}
.hero_slider:after{
  position: absolute;
  bottom:-70px;
  left:-100px;
  background:url(images/waves.svg);
  width:calc(100% + 120px);
  height:316px;
  display: block;
  overflow: hidden;
  content: '';
  background-size: cover;
}
     
header#masthead {
  position: absolute;
  top:20px;
   right: 0;
   left:auto;
   z-index:1000;
}
header#masthead h1, header#masthead p {
  display: none;
}
.menu-primary-container ul#menu-primary {
  padding-top: 60px;
  padding-right:60px;
}
.menu-primary-container ul#menu-primary li{
  display: inline-block !important;
  padding-left:20px;
  padding-right:20px;
  border-right:1px solid #F0CFA0;
  line-height:10px;
}

.menu-primary-container ul#menu-primary li a{
    color:#fff;
    font-size:14px;
    line-height: 14px;
     font-family:"Outfit", Sans-serif;
     text-decoration: none;
     
}

.menu-primary-container ul#menu-primary li:last-child {
  border-right:none;
}
#wpsisac-slick-slider-1 {
  position: relative;
  background-color: #cc9f75;
}
.hero_slider .wpsisac-slick-slider.design-2 .slick-dots {
  position: absolute;
  top:70%;
  z-index:10000000000 !important;
    pointer-events: auto;
}

.hero_slider  .wpsisac-slick-slider .slick-dots li.slick-active button {
  background-color: #F0CFA0 !important;
}

.hero_slider  .wpsisac-slick-slider .slick-dots li button { 
    background-color: #ffffff !important;
    border:none !important;
}
.hero_slider .hero_cta_cont {
  position: relative;
  z-index:1000000;
}
.hero_slider .hero_cta_cont .hero_cta {
  position: relative;
  z-index:1000000;
}
.hero_slider .wpsisac-slider-overlay {
  background: none !important;
}
.hero_slider .wpsisac-slider-overlay {
  position: relative;
  z-index:1000000000 !important;
}
.ct_prop_details table tr td {
  color:#fff;
  padding:5px 0;
  font-family: "Outfit", Sans-serif;
  font-weight:400;
}
@media (max-width:1366px){
.hero_slider .wpsisac-image-slide svg {
   width:850px;
   height:auto;
}

.hero_cta {
  margin-top:20px;
}
.hero_slider:after{
  height:280px;
}
}
@media (max-width:1200px){
  .hero_slider:after{
  height:195px;
}
.hero_slider .wpsisac-slick-slider.design-2 .slick-dots {
  top:72%;
}

}
@media (max-width:1024px){
.hero_slider .wpsisac-image-slide svg {
   width:300px;
    height:auto;
}
.menu-primary-container ul#menu-primary {
  padding-top: 15px;
  padding-right:10px;
}
.hero_cta {
  margin-top:20px;
}
  .hero_slider:after{
  height:160px;
  bottom:0;
}
}

@media (max-width:768px){
 .hero_slider:after{
  height:75px;
  bottom:0;
}
}

@media (max-width:1300px){
  .bottom_image_slider .wpsisac-slick-carousal.design-1 .slick-prev {
     left: 0px !important;
    }
     .bottom_image_slider .wpsisac-slick-carousal.design-1 .slick-next {
      right: 0px !important;
    }
  }

@media (min-width:1920px){
  .hero_slider:after{
  bottom:0;
  left:50px;
  }
}



.page-id-139 .menu-primary-container {
  display: none;
}

.wpcf7-form-control {
  width:100%;
  height:35px;
  border:1px solid #647380;
  border-radius: 0 !important;
}

.registration_form p {
  font-family: "Outfit", sans-serif !important;
  font-size: 24px;
  font-weight: 100;
  color:#415364;
}
.registration_form p label {
  font-family: "Outfit", sans-serif !important;
  font-size: 24px;
  font-weight: 100;
  color:#415364;
}
.registration_form input::placeholder {
  color: #415364;
  font-family: "Outfit", sans-serif !important;
}
.reg_field_cont_2 span {
    font-family: "Outfit", sans-serif !important;
  font-size: 24px;
  font-weight: 100;
  color:#415364;
}
.reg_field_cont_2 span.wpcf7-not-valid-tip {
  color: #dc3232;
  
}

.reg_field_cont_2 p {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.reg_field_cont_2 p .wpcf7-form-control-wrap:first-child {
   width:100%;
}
.reg_field_cont_2 p .wpcf7-form-control-wrap:last-child {
   width:100%;
}

.registration_form > div {
   padding-bottom:25px;
  
}
.registration_form > div.form-phone-label {
 font-size: 24px;
  font-weight: 100;
  padding-bottom:10px;
}

.registration_form .wpcf7-form-control.wpcf7-checkbox {
   border:0 !important;
}
.registration_form .wpcf7-form-control.wpcf7-checkbox > span {
   margin-left:0;
}
.registration_form .wpcf7-form-control.wpcf7-checkbox input  {
  width:25px;
  height:25px;
  border-radius:0 !important;
}
.registration_form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label {
  display: inline-block;
  padding-left:10px;
  line-height: 20px;
  font-size:20px;
}
.reg_field_cont_3_cont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.reg_field_cont_3 p {
  font-size:20px !important;
  color:red;
}
.reg_field_cont_3_cont .reg_field_cont_3:first-child {
  text-align: left;
}

.reg_field_cont_3_cont .reg_field_cont_3:last-child {
  text-align: right;
}

.registration_form .wpcf7-form-control.wpcf7-submit {
  background-color: #CC9F75;
  color: #fff;
  font-family: "Outfit", sans-serif;
  font-size: 26px;
  line-height:28px;
  border:none !important;
  padding-bottom:14px;
  padding-top:14px;
  height:unset !important;
}
.wpcf7-not-valid-tip {
  font-weight:100;
}
.ct_policy p {
  font-size:20px;
}
.ct_policy p a{
 color: #415364;
 text-decoration: underline;
}

@media (max-width:768px){
.reg_field_cont_3_cont {
 flex-direction: column;
}
.reg_field_cont_3_cont .reg_field_cont_3:last-child {
  text-align: left;
}
.registration_form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label {
  font-size:14px;
}
.reg_field_cont_3 p {
  font-size:14px !important;
}
.ct_policy p {
  font-size:16px;
}
}


footer#colophon {
  display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
  /* border-color: #CC9F75 !important; */
  border:none !important;
}


.wpcf7 form.invalid .wpcf7-response-output {
  border:none !important;
}

.call_icons {
  position: fixed;
    left: auto;
    right: 20px;
    bottom: 20px;
    top: auto;
    z-index: 9999999;
    display: block;
}

.call_icons .call_call_btn {
  margin-top:6px;
  margin-bottom:6px;
  background-color: #CC9F75;
  border-radius: 50%;
  width:40px;
  height:40px;
  padding:12px;
}
.call_icons .call_wa_btn {

  background-color: #25d366;
  border-radius: 50%;
  width:40px;
  height:40px;
  padding:12px;
}

.call_icons .email_btn {
    background-color: #CC9F75;
  border-radius: 50%;
  width:40px;
  height:40px;
  padding:11px 12px;
}


