/* ───────────────────────────── Header Centering ────────────────────── */

.container-header {
  position: relative;
  z-index: 10;
  margin-bottom: 20px;
  background-color: #ffffff;
  background-image: linear-gradient(135deg, #e9e4e4 0%, #fff 100%);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
  border-bottom: 1px solid #000000;
}

.header {
  background-color: #ffffff;
  text-align: center;
}

.new-moon-date {
  margin-top: 22px;
  padding-bottom: 5px;
  color: black !important;
}

.moon-date {
  text-align: center;
  font-size: 0.95rem;
  color: black !important;
  padding-bottom: 5px;
}

/* ───────────────────────────── Reset & Base ───────────────────────── */

html {
  font-size: clamp(14px, 2.5vw, 16px);
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: Verdana, Geneva, sans-serif;
  color: #444;
  line-height: 1.6;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-size: 1rem;
}

/* Anchor resets */
a { outline: 0; }
a img { outline: none; }
img { border: 0; }

a {
  color: #0000c5;
  text-decoration: none !important;
  background-color: transparent;
  transition: color 0.2s ease-in-out;
}

a:hover {
  color: #cc3300;
  text-decoration: none !important;
}

/* ───────────────────────────── Typography ────────────────────────── */

h1, h2, h3, h4 {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  color: #111;
}

h1 {
  font-size: clamp(1.6rem, 3vw, 1.7rem);
  line-height: 1.2;
  font-weight: 700;
  color: #222;
  margin-bottom: 2rem;
}

.class-h1-sign-up {
  font-size: clamp(1.5rem, 4vw, 1.7rem);
  color: #169179;
  text-align: center;
margin-top: 18px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.class-h1-write {
  font-size: clamp(1.5rem, 4vw, 1.7rem);
  color: #444444;
  text-align: center;
margin-top: 18px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

h2 {
  font-size: clamp(1.4rem, 2.5vw, 1.5rem);
  line-height: 1.25;
  font-weight: 700;
  margin-top: 2.3rem;
  margin-bottom: 1.2rem;
}

h3 {
  font-size: clamp(1.2rem, 2vw, 1.25rem);
  line-height: 1.3;
  font-weight: 600;
  margin-top: 1.7rem;
  margin-bottom: 0.7rem;
}

h4 {
  font-size: clamp(1.1rem, 2vw, 1.2rem);
  line-height: 1.35;
  font-weight: 400;
  color: #000000;
  margin-top: 8px;
  padding-left: 0.4rem;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  transition: color 0.3s ease;
}

h4:hover {
  color: #000000;
}

h5  {
  font-family: Georgia, serif;
  font-size: clamp(1.3rem, 3.5vw, 1.7rem);
  color: #6F4F4F;
  font-style: italic;
  font-weight: 400;
  text-align: center;
  margin-bottom: 2rem;
}

p {
  font-family: Verdana, Geneva, sans-serif;
  font-size: clamp(0.9375rem, 1rem + 0.5vw, 1.125rem);
  line-height: 1.6;
  margin: 0 0 1rem;
}

strong { font-weight: 700; }
.center { text-align: center; }

li {
  font-size: 1.1rem;
  font-family: Verdana, sans-serif;
  font-weight: 400;
  color: #000;
  margin: 0 0 2px 5px;
  line-height: 1.4;
}

/* ───────────────────────────── Text Variants ───────────────────────── */

.small-grey,
.faq,
.faq-end,
.small,
.cf-small,
.paypal-grey,
.small-bold {
  font-size: 1rem;
  line-height: 1.4;
}

.faq,
.faq-end {
  padding-left: 2.1875rem;
  padding-right: 2.1875rem;
  line-height: 1.5;
}

.faq-end {
  padding-bottom: 17px;
}

.paypal-grey {
  color: #595959;
  padding-top: 7px;
}

.small-grey {
  color: #595959;
  padding-top: 3px;
}

.small {
  color: black;
}

.cf-small {
  color: lightslategray;
  padding-left: 12px;
}

.cf-padding{
  padding: 20px;
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  }

.dashed-hr {
  border: 10;
  border-top: 1px dashed  color: #595959;
}

/* ───────────────────────────── Spiritual Elements ────────────────────── */

.namaste,
.om-shanti, h5 {
  font-style: italic;
  font-family: Georgia, serif;
  color: #6F4F4F;
}

.namaste {
  font-size: clamp(1.2rem, 3vw, 1.5rem);
  margin: 0 0 2rem 0.6875rem;
}

.om-shanti {
  font-size: clamp(1.15rem, 2.5vw, 1.3rem);
  text-align: center;
  margin: 1.375rem 0 2rem;
}

.audio {
  padding-left: 1.375rem;
  margin-bottom: 2rem;
}

/* ───────────────────────────── Layout / Containers ──────────────────── */

.space-meditation { margin-left: 1.375rem; }

.center-hr {
  width: 396px;
  margin: 40px auto;
  border: 1px solid #cccccc;
}

/* ───────────────────────────── Header & Navigation ──────────────────── */

.cf-content, .cf-col-16 { margin-top: -16px; }
.cf-control-input { margin-bottom: 12px; }

.com-content-article__body {
  margin-top: 40px;
  margin-bottom: 60px;
}

/* ───────────────────────────── Menu ────────────────────────────── */

.card {
  margin-top: 0;
  border: 0;
}

.nav-item {
  text-align: center;
  border-bottom: 0.0625rem solid #ffffff;
  font-size: clamp(1.1rem, 2vw, 1rem);
  font-weight: 500;
}

.nav-item:hover,
.open .dropdown-toggle.nav-item {
  background-color: #ffffff;
  text-decoration: none;
}

.mod-custom {
  border: 0;
  text-align: center;
  margin-top: 0;
}

.sitemap { font-size: 1.1rem; margin-bottom: 7px; }
.menu-top-space { margin-top: -46px; }

.float-start { margin: 0 30px 20px 0; }
.float-end { margin: 0 0 20px 30px; }

/* ───────────────────────────── Tassios ───────────────────────────── */

.fields-container {
  margin: 0 auto;
  max-width: 600px;
}

/* ───────────────────────────── Buttons ───────────────────────────── */

.voluntary-support {
  display: inline-block;
  padding: 5px 22px;
  margin-top: 7px;
  margin-bottom: 15px;
  min-width: 190px;
  border: 1px solid #FF9A1F;
  border-radius: 25px;
  font-family: Verdana, sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-style: italic;
  color: blue;
  background: linear-gradient(to bottom, #FFDB9E, #FFB33E);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.voluntary-support:hover,
.voluntary-support:focus {
  color: blue !important;
  background: linear-gradient(to bottom, #FFDB9E, #FFDB9E);
  outline: none;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.18);
}

.voluntary-support:active {
  transform: scale(0.98);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}

/* ──────────────────────────────────────────────────────────────── */

.ask-for-healing {
  display: inline-block;
  padding: 5px 18px;
  margin: 15px 0;
  min-width: 180px;
  border: 1px solid #1a7160;
  border-radius: 25px;
  font-family: Verdana, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: white !important;
  background: linear-gradient(to bottom, #169179, #117766);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.ask-for-healing:hover,
.ask-for-healing:focus {
  background: linear-gradient(to bottom, #01b28f, #01b28f);
  color: #004400;
  outline: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  border: 1px solid #1a7160;
}

.ask-for-healing:active {
  transform: scale(0.98);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  }

/* ──────────────────────────────────────────────────────────────── */

.sign-up-for-healing {
  display: inline-block;
  padding: 16px 22px;
  margin-bottom: 15px;
  min-width: 290px;
  border: 1px solid #eeeeee;
  border-radius: 9px;
  font-family: Verdana, sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #169179 !important;
  background: linear-gradient(to bottom, #ffffff, #efefef);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

.sign-up-for-healing:hover,
.sign-up-for-healing:focus {
  border: 1px solid #169179;
  background: linear-gradient(to bottom, #ffffff, #ffffff);
  outline: none;                                                                  /* Remove default focus outline */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.sign-up-for-healing:active {
  transform: scale(0.98);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}

/* ──────────────────────────────────────────────────────────────── */

.reminders {
  display: inline-block;
  padding: 6px 22px;
  margin-bottom: 5px;
  min-width: 290px;
  border: 1px solid #eeeeee;
  border-radius: 9px;
  font-family: Verdana, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #555555 !important;
  background: linear-gradient(to bottom, #ffffff, #efefef);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

.reminders:hover,
.reminders:focus {
  color: #555555 !important;
  border: 1px solid #808080;
  background: linear-gradient(to bottom, #ffffff, #ffffff);
  outline: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.reminders:active {
  transform: scale(0.98);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* ──────────────────────────────────────────────────────────────── */

.share {
  display: inline-block;
  padding: 6px 22px;
  margin-bottom: 25px;
  min-width: 190px;
  border: 1px solid #eeeeee;
  border-radius: 16px;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #6f00ff ;
  background: linear-gradient(to bottom, #ffffff, #efefef);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
}

.share:hover,
.share:focus {
  border: 1px solid #c0aff0 ;
  color: #966fd6 !important;
  background: linear-gradient(to bottom, #ffffff, #ffffff);
  outline: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}

.share:active {
  transform: scale(0.98);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}


.spiritual-inspiration {
  display: inline-block;
  padding: 6px 22px;
  margin-top: 5px;
  min-width: 190px;
  border: 1px solid #eeeeee;
  border-radius: 9px;
  font-family: Verdana, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #0000c5;
  background: linear-gradient(to bottom, #ffffff, #efefef);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

.spiritual-inspiration:hover,
.spiritual-inspiration:focus {
  border: 1px solid #cc3300;
  color: #0000c5 !important;
  background: linear-gradient(to bottom, #ffffff, #ffffff);
  outline: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.spiritual-inspiration:active {
  transform: scale(0.98);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* ──────────────────────────────────────────────────────────────── */

.currencies {
  display: inline-block;
  padding: 6px 25px 9px 25px;
  margin-bottom: 20px;
  min-width: 250px;
  border: 1px solid #eeeeee;
  border-radius: 25px;
  color: blue;
  background: linear-gradient(to bottom, #ffffff, #efefef);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

.currencies:hover,
.currencies:focus {
  color: blue;
  border: 1px solid blue;
  background: linear-gradient(to bottom, #ffffff, #ffffff);
  outline: none;                                                                   /* Remove default focus outline */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.currencies:active {
  transform: scale(0.98);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
  }

/* ──────────────────────────────────────────────────────────────── */

.other-supports   {
  display: inline-block;
  padding: 16px 15px 19px 15px;
  margin: 5px 0;
  width: 344px;
  border: 1px solid #eeeeee;
  border-radius: 9px;
  font-family: Verdana, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #0000c5 !important;
  background: linear-gradient(to bottom, #ffffff, #efefef);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

.other-supports:hover,
.other-supports:focus {
  color: blue;
  background: linear-gradient(to bottom, #ffffff, #ffffff);
  outline: none;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
  border: 1px solid blue;
}

.other-supports:active   {
  transform: scale(0.98);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}

/* ───────────────────────────── Video ────────────────────────────── */

.Vimeo {
  width: 95%;
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  padding: .25rem;
  margin: 33px auto;
}

.news-vimeo {
  max-width: 636px;
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  padding: .25rem;
  margin: 33px auto;
}

.vimeo-media {
  width: 95%;
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  padding: .25rem;
  margin-top: 33px;
  margin-left: auto;
  margin-right: auto;
}

.video-crop-to-95 {
  width: 95%;
  margin: 0 auto;
}

/* Youtube */
.video-container {
  position: relative;
  width: 95%;
  margin: 33px auto 0;
  padding-bottom: 56.25%;
}

.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  padding: .25rem;
  box-sizing: border-box;
}

.video iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/* ───────────────────────────── Video Text Blocks ────────────────────── */

.media-small-video-header,
.media-small-video,
.media {
  font-size: clamp(0.95rem, 1vw, 1rem);
  line-height: 1.5;
  color: #444444;
}

.media-small-video-header {
  text-align: center;
  font-weight: 700;
  padding-top: 0.4375rem;
}

.media-small-video {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; 
  text-align: left;
  padding: 0 0.9375rem;
}

.media {
  text-align: center;
  padding-top: 0.4375rem;
}

/* ───────────────────────────── Joomla & Modules ───────────────────── */

.container-component {
  margin-top: 33px;
  margin-bottom: 33px;
}

.mobile-img-link { display: none; }

/* ───────────────────────────── Screens ──────────────────────────── */

@media (max-width: 1024px) {
  .mobile-img-link { display: inline-block; }
}

/* Force 2 columns on iPads and similar screens */
@media only screen and (min-width: 700px) and (max-width: 1024px) {
  .row {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
  .col-12,
  .col-sm-6,
  .col-md-6 {
    width: 100% !important;
    max-width: 100% !important;
  }
}

 /* ───────────────────────────── AcyMailing ─────────────────────────── */


.slide_open { 
  text-align: center;
  border-radius: 9px;
  border: 1px solid #ddd;
}

.acym__unsubscribe {
  max-width: 370px;
  text-align: center;
  color: #444;
  font-size: 1em;
}

.acym_list { margin-top: 10px; }

.acym__users__creation__fields__title {
  font-size: 0.8rem !important;
  margin: 36px 0 6px 0 !important;
}

.acym_introtext,
.acym_posttext {
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 26px;
  color: lightslategray;
  display: block;
  text-align: center;
}

.acym_posttext {
  margin-top: 25px;
  margin-bottom: 25px;
}

.adminform { margin-top: 25px; }

legend { font-size: 1.05rem; font-weight: bold; }
.list_name { font-weight: bold; }

.acymodifybutton {
  padding-top: 25px;
  padding-bottom: 30px;
}

.cf-radio-group label.cf-label {
  font-size: clamp(1rem, 1vw, 1rem) !important;
  line-height: 1.3 !important;
  display: inline-block;
  margin-right: 0.75rem;
  padding: 0.2rem;
  color: #000 !important;
}

.cf-radio-group input.cf-input {
  accent-color: #169179;
  transform: scale(0.8);
  margin-right: 0.3rem;
  vertical-align: middle;
}

.acym_checkbox  {
  accent-color: #169179;
  transform: scale(0.9);
  margin-right: 0.4rem;
  margin-left: 6px;
  vertical-align: middle;
}

.acym_module_form   {
max-width: 269px;
margin-left: auto;
margin-right: auto;
padding-left: 16px;
}

.btn-primary {
  background-color: #169179;
  border-color: #169179;
  color: #fff;
  height: 34px;
  padding: 0 15px;  /* left & right only — no top/bottom */
  display: inline-flex;
  justify-content: center;
  align-items: center;

  font-size: 16px;
  border-radius: 6px;
  cursor: pointer;
}

.btn-primary:hover {
  background-color: #127a66;
  border-color: #127a66;
}

input[type=text],
input[type=email] {
  line-height: 1.28;
  border-radius: 0.25rem;
  border: 1px solid #ccc;
  padding: 0.65em 1em;
  background-color: #fafafa;
}

.form-control  { background-color: #fafafa; }

.cell { 
  min-width: 95% !important; 
  height: 43px;  
}

.onelist   { color: #595959;}

.loadmodule {
  margin-top:30px;
  margin-bottom:55px;
}

/* ───────────────────────────── PayPal ────────────────────────────── */

.paypal {
  width: 344px;
  padding: 20px 10px 12px 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  margin: 0 auto;
  text-align: center;
}

/* ───────────────────────────── Footer ────────────────────────────── */

.footer {
  position: relative;
  width: 100%;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  background-image: linear-gradient(135deg, #e9e4e4 0%, #f9f9f9 100%);
  background-color: #fff;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 20px 0;
}

.container-footer,
.container-footer .moduletable,
.container-footer .grid-child {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}

.grid-child {
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle;
}

.footer-icons a {
  display: inline-block;
  margin-right: 13px;
}

.footer-icons a:last-child {
  margin-right: 0;
}

.footer-icons img {
  vertical-align: middle;
}

.footer-icons img {
  transition: opacity 0.2s ease;
}
.footer-icons img:hover {
  opacity: 0.3;
}

.om-shanti-footer {
  padding-top: 15px;
  font-style: italic;
  font-family: Georgia, serif;
  color: #6F4F4F;
  font-size: 1.3rem;
  margin: 10px 0;
}

.copyright {
  padding: 15px 0;
  text-align: center;
  font-size: 0.8rem;
  color: #595959;
}

/* ───────────────────────────── Tables (Nutrition) ───────────────────── */

.nutrition td:first-child {
  text-align: left;
  padding-left: 15px;
}

.nutrition td {
  font-size: 0.8rem;
  text-align: center;
  padding-right: 10px;
}

.nutrition td:last-child {
  text-align: left;
}

.nutrition th:first-child {
  font-size: 0.8rem;
  text-align: left;
  padding-left: 15px;
  background-color: #f3f3f3;
}

.nutrition th {
  font-size: 0.8rem;
  text-align: center;
  background-color: #f3f3f3;
}

/* ───────────────────────────── Utilities & Helpers ───────────────────── */

.a { background-color: #FFDB9E; }
.al { background-color: #ffffcc; }
.p { background-color: #ddccff; }
.s { background-color: #ccffff; }
.green { background-color: #ccffcc; }
.red { background-color: #ffcccc; }

/* ───────────────────────────── Search input ───────────────────────── */

.com-finder {
  margin-bottom: 50px;
}
.me-2{
  color: white !important;
}
.form-inline {  margin-left: 11% !important;
}

/* ───────────────────────────── End of Stylesheet ────────────────────── */