/*
Theme Name: AquaCenter
Author: MohamedAZEA
Description: Static HTML site turned into a WordPress theme
Version: 1.0
*/




body {
	padding: 2rem;
	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
}

h1 {
	font-size: 16px;
	margin-top: 0;
}

p {
	color: rgb(107, 114, 128);
	font-size: 15px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.card {
	max-width: 620px;
	margin: 0 auto;
	padding: 16px;
	border: 1px solid lightgray;
	border-radius: 16px;
}

.card p:last-child {
	margin-bottom: 0;
}

/* Remove white margins/padding from WP */
body, html {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden;
}

/* Force all sections full width */
main, section, .site-content, .content-area, .wp-site-blocks {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

/* Optional: make headings look better */
h1, h2, h3, h4 {
  margin-left: 1rem;
  margin-right: 1rem;
  text-align: center;
}

html, body {
  max-width: 100vw !important;
  overflow-x: hidden !important;
}

img[alt="AquaCenter Logo"] {
  background: transparent !important;
  mix-blend-mode: multiply;
  border-radius: 12px;
}

/* Add this to your style.css */
section:not(:first-child) {
  margin-top: 4rem; /* or your desired spacing */
}

/* Or alternatively */
section {
  padding: 5rem 0;
}

section + section {
  margin-top: 4rem;
}
.bg-white + .bg-white,
.bg-gray-50 + .bg-gray-50 {
  border-top: 1px solid #eee;
}

section {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

section[class*="py-"] {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}