/* ===== Sri Akshayam Properties – static site layout fixes ===== */

/* One content width everywhere: 1300px max / 90% of the screen (header, all sections, footer).
   Full-width sections (home banner slider, About video band, Contact map) stay edge to edge. */
#page-container .et_pb_section .et_pb_row,
#page-container .et_pb_section .et_pb_row.et_pb_row_fullwidth {
  width: 90% !important;
  max-width: 1300px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#page-container .et-l--header .et_pb_section .et_pb_row,
#page-container .et-l--footer .et_pb_section .et_pb_row {
  width: 90% !important;
  max-width: 1300px !important;
}
.page-id-10 #page-container .et_pb_section_0 > .et_pb_row,
.page-id-232 #page-container .et_pb_section_2 > .et_pb_row,
.page-id-212 #page-container .et_pb_section_2 > .et_pb_row,
#page-container .et_pb_fullwidth_section .et_pb_row {
  width: 100% !important;
  max-width: none !important;
}

/* form spam trap (hidden from people) + result message */
.pym-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.pym-msg { display: none; margin: 0 0 18px; padding: 13px 16px; border-radius: 8px; font-size: 15px; line-height: 1.5; }
.pym-msg.is-ok { background: #e8f6ec; color: #17602e; border: 1px solid #9bd3ab; }
.pym-msg.is-err { background: #fdecee; color: #9b1c2c; border: 1px solid #f1a9b3; }
.gform_wrapper .pym-tip { color: #ffb3bd !important; font-size: 13px; margin-top: 4px; }
.gform_wrapper .gfield_error input, .gform_wrapper .gfield_error textarea { border-color: #ff6b81 !important; }


/* photo galleries (About "Innovative Designs" + footer): simple even grid instead of the JS masonry,
   which broke on phones (thin grey strips). Same look: 5 per row (About), 3 per row (footer). */
.dnxte-msnary-grid { display: grid !important; grid-template-columns: repeat(5, 1fr); gap: 10px; height: auto !important; }
.et-l--footer .dnxte-msnary-grid { grid-template-columns: repeat(3, 1fr); gap: 6px; }
.dnxte-msnary-grid > .grid-sizer, .dnxte-msnary-grid > .gutter-sizer { display: none !important; }
.dnxte-msnary-grid > .dnxte-msnary-item { position: relative !important; left: auto !important; top: auto !important; width: auto !important; margin: 0 !important; transform: none !important; }
.dnxte-msnary-grid > .dnxte-msnary-item img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.et-l--footer .dnxte-msnary-grid > .dnxte-msnary-item img { aspect-ratio: 1 / 1; }
@media (max-width: 767px) { .dnxte-msnary-grid { grid-template-columns: repeat(3, 1fr); gap: 6px; } }

/* contact form on the blue background: readable placeholders */
.gform_wrapper.gform-theme input::placeholder, .gform_wrapper.gform-theme textarea::placeholder { color: rgba(255,255,255,.8) !important; opacity: 1; }
/* long e-mail address never sticks out of its box on phones */
.et_pb_blurb_description, .et_pb_blurb_description a, .et-l--footer a { overflow-wrap: anywhere; }

/* Services: "Core Areas of Expertise" heading centred like "Specialized Services" (it sat in the left half of a 2-column row) */
.page-id-288 #page-container .et_pb_row_3 > .et_pb_column_3 { width: 100% !important; margin-right: 0 !important; }
.page-id-288 #page-container .et_pb_row_3 > .et_pb_column_4:empty { display: none !important; }
.page-id-288 .dnxte_multi_heading_1, .page-id-288 .dnxte_multi_heading_1 .header-level { text-align: center !important; }
.page-id-288 .dnxte_multi_heading_1 .dnxt-multi-heading-wrapper, .page-id-288 .dnxte_multi_heading_1 .dnxt-heading-wrapper { justify-content: center !important; }

/* video popups (About "Service Standards", Home "Turning Properties"): video fills the whole popup, no white side bars */
#page-container .et_pb_section.popup:has(.et_pb_video) { background: #000 !important; padding: 0 !important; }
#page-container .et_pb_section.popup:has(.et_pb_video) .et_pb_row { width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; }
#page-container .et_pb_section.popup .et_pb_video, #page-container .et_pb_section.popup .et_pb_video_box { margin: 0 !important; }
#page-container .et_pb_section.popup .et_pb_video_box video { display: block; width: 100% !important; height: auto !important; }