/* Anand Homeopathy Modernized Styles */
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: url('../images/Homeopathy/bg-body.jpg') no-repeat center top;
}

/* Animation Keyframes */
@keyframes slideIn {
  from { transform: translateY(-100px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

@keyframes slideInLeft {
  from { transform: translateX(-100px); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.animate-slide-in {
  animation: slideIn 0.5s ease-out;
}

.animate-slide-in-left {
  animation: slideInLeft 0.5s ease-out;
}

.animate-fade-in {
  animation: fadeIn 0.7s ease-out;
}

/* Custom Styles to Complement Tailwind */
header {
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay for readability */
}

nav a {
  transition: all 0.3s ease;
}

footer img, main img {
  transition: transform 0.3s ease;
}

aside {
  transition: all 0.3s ease;
  top: 80px; /* Adjusted to account for larger header */
  height: calc(100vh - 80px); /* Full height minus header */
  overflow-y: auto; /* Allow sidebar content to scroll if needed */
}

aside .flex {
  align-items: flex-start; /* Align icon and text at the top */
}

aside .flex i {
  flex-shrink: 0; /* Prevent icon from shrinking */
  width: 1.5rem; /* Fixed width for icons to ensure consistent spacing */
  text-align: center; /* Center icon within its space */
}

aside .flex span {
  word-break: break-all; /* Ensure long text like email addresses wraps */
  overflow-wrap: break-word; /* Fallback for broader browser support */
  flex: 1; /* Allow text to take remaining space */
}

@media (max-width: 768px) {
  aside {
    position: relative; /* Disable fixed sidebar on mobile */
    top: 0;
    height: auto;
    margin-bottom: 2rem;
  }
  main {
    margin-left: 0 !important; /* Reset margin on mobile */
  }
}

/* Ensure content readability on background images */
.bg-cover {
  background-size: cover;
  background-position: center;
}

.bg-content-overlay {
  background: rgba(255, 255, 255, 0.8); /* Light overlay for content sections */
}


#footer {
	background: #ffc605 url(../images/bg-footer.jpg) repeat-x center top;
}
#footer div {
	width: 960px;
    height: 250px;
	margin: 0 auto;
	padding: 0 0 24px;
 
}


#footer ul {
	display: inline-block;
	list-style: none;
	margin: 0 0 40px;
	padding: 0;

}
#footer ul li {
	float: left;
	/*height: 342px;*/
	width: 240px;
}
#footer ul li img {
	display: block;
	width: 250px;
	margin: 0 auto;
  margin-left: 100px;
}
#footer ul li h4 {
	color: #3f2608;
	font-family: 'DeliusSwashCapsRegular';
	line-height: 30px;
	margin: 0;
	padding: 0 20px;
	text-shadow: 1px 1px #f2f96f;
}
#footer ul li p {
	color: #3f2608;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: 0 20px 18px;
	text-align: justify;
}

#footer .footnote {
	background-position: 0 -62px;
	clear: both;
	color: #a77600;
	font-size: 14px;
	margin: 0;
	padding: 18px 0 17px;
	text-align: center;
}