/* Custom styles for the "Individual Retreats" page, replacing Tailwind classes */

.bg-dark-blue {
  background-color: #1b4b6b;
}

.text-yellow {
  color: #f8c950;
}

/* Main container for the retreat content */
.indiv-retreat-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  max-width: 1024px;
  overflow: hidden;
  border: 10px solid white;
  margin: 0 auto;
}

/* Styles for the left content column */
.indiv-retreat-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 0;
  padding-left: 2em;
  padding-right: 2em;
  text-align: left; /* Changed to left */
  color: #f8c950;
  background-color: #1b4b6b;
}

/* Spacing and layout for content sections */
.indiv-retreat-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Changed to flex-start */
  justify-content: center;
  /*margin-bottom: 2rem; */
}

/* New container for the right-aligned text */
.indiv-retreat-right-aligned {
  width: 100%;
  text-align: right;
  margin-bottom: 1rem;
}

.indiv-retreat-header {
  text-align: right; /* Keeps the header aligned to the right */
  width: 100%;
  margin-bottom: 0.25rem;
}

.indiv-retreat-title {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.indiv-retreat-heading {
  color: white;
  font-size: 1.3em;
}

.indiv-retreat-subtitle {
  font-size: 1.1rem;
  font-weight: 400;
}

.indiv-retreat-list {
  width: 100%;
}

.indiv-retreat-list p {
  text-align: right; /* Keeps the list items aligned to the right */
  width: 100%;
  margin-top: 1.5rem;
  line-height: 1.2;
  font-weight: 300;
}

.indiv-retreat-section-left {
  width: 100%;
  text-align: left;
  margin-top: 0; /* Changed to 0 to remove container margin */
}

.indiv-retreat-section-movement {
  width: 100%;
  text-align: left;
  margin-top: 0; /* Changed to 0 to remove container margin */
}

/* New rule to add space only to the paragraphs */
.indiv-retreat-section-left p,
.indiv-retreat-section-movement p {
  margin-top: 0.5rem;
}

/* Quote section at the bottom of the left column */
.indiv-retreat-quote {
  width: 100%;
  text-align: center; /* Changed to left */
  font-style: italic;
  font-weight: 300;
  padding-top: 1rem;
  margin-top: 1rem;
}

/* Styles for the right image column */
.indiv-retreat-right {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 2em;
}

.indiv-retreat-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Media query for medium screens and up (md) */
@media (min-width: 768px) {
  .indiv-retreat-container {
    flex-direction: row;
    align-items: stretch;
  }
  .indiv-retreat-left {
    width: 50%;
  }
  .indiv-retreat-right {
    width: 50%;
    background-color: #1b4b6b;
  }
  .indiv-retreat-title {
    font-size: 2rem;
  }
  .indiv-retreat-subtitle {
    font-size: 1.2rem;
  }
}