/*
Welcome to Custom CSS!

To learn how this works, see https://wp.me/PEmnE-Bt
*/
/*Hide entry meta-left-KS-HC-22134276 */
.entry-footer, .entry-meta {
	display: none;
}

/*Hide featured images on posts-KS-HC-22134276 */
.single-post .post-thumbnail {
	display: none;
}

/*Hide post nav-KS-HC-22134276 */
.nav-links {
	display: none;
}

/*Center Menu-HC-22134276 */
@media only screen and (min-width: 560px) {
	.site-header .main-navigation {
		justify-content: center;
	}
}

@media only screen and (min-width: 560px) {
	.site-header .main-navigation>div>ul>li {
		padding-left: 13px;
		padding-right: 13px;
		padding-top: 8px;
		padding-bottom: 8px;
	}
}

.site-logo {
	text-align: center;
}

.main-navigation {
	text-align: center;
}
.apollo-whatsapp {
    display: inline-block;
    padding: 14px 28px;
    background-color: #111111;
    color: #ffffff;
    border: 2px solid #c6a75e;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.apollo-whatsapp:hover {
    background-color: #c6a75e;
    color: #111111;
}



/* center all header content | 22573648-hc bsan */ @media only screen and (min-width: 560px) { .site-header { display: block; text-align: center; } .social-navigation>div>ul { justify-content: center; } }

/* Remove underlines from links | 22804082-hc (KK) */
.wp-block-group a, .wp-block-cover a, .wp-block-cover-image a, .wp-block-media-text a, p:not(.site-title) a {
    text-decoration: none;
}
/* A temp height issue fix of coblock carousel | ( 5346394-zen ) MT */

#post-12 .has-responsive-height.has-carousel {
    max-height: 500px !important;
}
/* 35942852-hc | Fixing slider height issue | Sabbir A */
.coblocks-gallery--figure img {
  object-fit: contain !important;
}
/* change default width | BR - #zd-6242436 */
@media only screen and (min-width: 1280px) {
    .responsive-max-width,.entry-content>.wp-block-button.aligncenter,hr.wp-block-separator.is-style-wide,.entry-content>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment),.entry-content>*:not(.wp-block-button),.entry-content [class*=inner-container]>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),.entry-content .wp-audio-shortcode,.post-navigation,.pagination {
        max-width: 85%;
    }
}
.apollo-border {
  border: 1px solid #ccc;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  padding: 6px;
  background-color: #fff;
  max-width: 500px;
  margin: 0 auto;
}
.padded-group {
  padding-left: 25px;
  padding-right: 25px;
  max-width: 900px;
  margin: 0 auto;
}
.wp-block-group.padded-group {
  padding-left: 25px !important;
  padding-right: 25px !important;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.wp-block-image + p {
  margin-top: 6px !important; /* tighten the gap */
}
.wp-block-image + p:empty {
  display: none; /* hides any accidental blank captions */
}
.wp-block-group .wp-block-image {
  margin-bottom: 0 !important;
}
.wp-block-image + p {
  margin-top: 4px !important;
}
h1 {
  font-size: 2.2rem !important;
  line-height: 1.2;
}

h2 {
  font-size: 1.8rem !important;
  line-height: 1.3;
}

h3 {
  font-size: 1.4rem !important;
  line-height: 1.4;
}

p {
  font-size: 1rem;
  line-height: 1.6;
}
h1 {
  font-size: 48px !important;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
}

h2 {
  font-size: 28px !important;
  font-weight: 600;
  line-height: 1.3;
  margin-top: 40px;
}
.wp-block-image.alignwide img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-block-image.alignwide img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}.wp-block-image.alignwide {
  justify-content: center !important;
  display: flex !important;
}

.wp-block-image.alignwide img {
  margin: 0 auto;
}
.entry-content h2 {
  max-width: 760px;
  margin: 0 auto 1em auto;
  text-align: left;
}
h2.has-text-align-center {
  text-align: center !important;
}
.max-width-text {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.bold-title {
  font-weight: 700 !important;
  font-size: 20px !important;
}
/* Make H2 titles bold inside post templates */
.wp-block-post-template h2 {
  font-weight: 700 !important;
}
.wp-block-post-template h2,
.wp-block-post-template .wp-block-post-title,
.wp-block-post-title {
  font-weight: 700 !important;
}
@media only screen and (max-width: 767px) {
  html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  h1 {
    font-size: 2.2rem !important;
    line-height: 1.3 !important;
    font-weight: bold !important;
    word-break: break-word;
    overflow-wrap: break-word;
    text-align: center !important;
    padding: 0 1rem !important;
    margin: 0 auto !important;
  }

  * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .wp-site-blocks {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media only screen and (max-width: 767px) {
@media only screen and (max-width: 767px) {
  h2 {
    font-size: 1.5rem !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    font-style: normal !important;
    text-align: center;
    padding: 0 0.5rem;
  }
/*
.site-header .site-header-cart,
.site-header .cart-contents,
.site-header [class*="cart"],
li[class*="cart"],
a.cart-contents {
  display: none !important;
}
/* Hide WooCommerce cart in header */
header.site-header .woocommerce-cart,
header.site-header .site-header-cart,
header.site-header .cart-contents,
header.site-header li[class*="cart"] {
    display: none !important;
}

	/* Kill WooCommerce cart injected by theme */
header.site-header .site-header-cart,
header.site-header .header-cart,
header.site-header a.cart-contents,
header.site-header li.woocommerce-cart,
header.site-header li[class*="cart"],
nav li.woocommerce-cart,
nav li[class*="cart"] {
  display: none !important;
}
#priceBtn {
  position: fixed;
  bottom: 25px;
  right: 25px;
  background: #d4af37;
  color: #000;
  border: none;
  border-radius: 50px;
  padding: 12px 20px;
  font-weight: 700;
  cursor: pointer;
  z-index: 9999;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}
#priceBtn:hover { background: #f2d875; }

.modal {
  display: none;
  position: fixed;
  z-index: 10000;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.5);
}
.modal-content {
  background-color: #fff;
  margin: 15% auto;
  padding: 25px;
  border-radius: 12px;
  width: 90%;
  max-width: 400px;
  text-align: center;
  box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}
.close {
  color: #aaa;
  float: right;
  font-size: 24px;
  cursor: pointer;
}
.close:hover { color: #000; }
.modal-content h3 { color: #000; margin-bottom: 10px; }
.modal-content a { color: #d4af37; font-weight: 600; text-decoration: none; }
.modal-content a:hover { text-decoration: underline; }
/* Consistent orange label heading */
.entry-content h2.section-label {
  display: inline-block;
  background: #ff8a00; /* your orange */
  color: #fff;
  border-radius: 8px;
  padding: 10px 14px;
  line-height: 1.2;
  margin: 0 0 16px;
  text-wrap: balance;
}
/* keep it within content width even if alignment is None/Wide/Full */
.entry-content h2.section-label {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

	/* Centre all background-coloured H2 blocks */
.entry-content h2.has-background {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
/* --- Global alignment safeguard (keep existing if you already added it) --- */
.entry-content h2.has-background {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* --- Reusable villa heading style --- */
.entry-content h2.villa-heading {
  background-color: #E8902C;      /* your villa orange */
  color: #000;                    /* black text for contrast */
  font-size: 30px;
  line-height: 1.7;
  padding: 22px;
  border-radius: 4px;             /* optional – softens corners */
  display: block;
  margin: 0 auto 20px auto;       /* center horizontally + spacing below */
  max-width: 1200px;              /* keeps within content width */
  text-align: center;
}
/* --- Reusable commercial heading style --- */
.entry-content h2.commercial-heading {
  background-color: #C89D2B;      /* refined gold tone */
  color: #000;                    /* strong contrast */
  font-size: 30px;
  line-height: 1.7;
  padding: 22px;
  border-radius: 4px;
  display: block;
  margin: 0 auto 20px auto;       /* centres + gives bottom space */
  max-width: 1200px;
  text-align: center;
}
/* Force footer to display on homepage */
.home footer,
.home .site-footer {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* Balanced link styling | Digi Screens */

/* Remove underlines from design areas */
.wp-block-group a,
.wp-block-cover a,
.wp-block-cover-image a,
.wp-block-media-text a,
.wp-block-buttons a,
.site-header a,
.site-footer a {
  text-decoration: none;
}

/* Keep underlines for normal text links inside main content */
.entry-content p a,
.entry-content li a,
.entry-content table a {
  text-decoration: underline;
  text-underline-offset: 2px; /* subtle spacing below text */
}

/* Optional: remove underline on hover for a clean flicker-free feel */
.entry-content p a:hover,
.entry-content li a:hover {
  text-decoration: none;
}

/* Optional: accent color for hover if you want it to match brand */
.entry-content a:hover {
  color: #E8902C; /* villa orange or #C89D2B for gold pages */
}
/* -----------------------------------------------------------
   Smart link colours that match page style
   Villa pages → orange; Commercial pages → gold
----------------------------------------------------------- */

/* Default (fallback) link colour */
.entry-content a {
  color: #E8902C; /* villa orange */
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Hover colour */
.entry-content a:hover {
  color: #C89D2B; /* refined gold hover */
  text-decoration: none;
}

/* If a page contains a commercial heading, switch to gold */
.commercial-heading ~ * a {
  color: #C89D2B;
}
.commercial-heading ~ * a:hover {
  color: #E8902C;
}

/* If a page contains a villa heading, stay orange */
.villa-heading ~ * a {
  color: #E8902C;
}
.villa-heading ~ * a:hover {
  color: #C89D2B;
}
/* Force brand link colours inside page content (beats theme rules) */
.entry-content a,
.entry-content p a,
.entry-content li a,
.entry-content .wp-block a,
.wp-block-columns .wp-block a {
  color: #E8902C !important;        /* villa orange default */
  text-decoration: underline;
  text-underline-offset: 2px;
}

.entry-content a:hover,
.entry-content .wp-block a:hover {
  color: #C89D2B !important;        /* refined gold hover */
  text-decoration: none;
}

.entry-content a:visited {
  color: #B67322 !important;        /* slightly darker orange for visited */
}
/* Smooth transition for link colours */
.entry-content a,
.entry-content .wp-block a {
  transition: color 0.25s ease, text-decoration-color 0.25s ease;
}

	
	
	

	

	

	




 




  