.affiliations_style {
	  font-size: 45px;
    margin-bottom: 40px;
    border-bottom: 1px solid var(--sColor);
    padding-bottom: 8px;
		text-align: center !important;
}/* Bella Med Spa & Wellness Clinique - Optimized Global CSS */

/* Reset & Base */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.6;color:#222;background:#fff}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none;padding:0;margin:0}

/* Layout */
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}
.grid{display:grid;gap:1rem}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}

/* Flex Utilities */
.flex{display:flex;align-items:center}
.flex-between{display:flex;align-items:center;justify-content:space-between}
.flex-center{display:flex;align-items:center;justify-content:center}
.column{flex-direction:column}

/* Spacing */
.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}
.m-1{margin:.5rem}.m-2{margin:1rem}.m-3{margin:1.5rem}
.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}
.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}

/* Typography */
h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5em}
h1{font-size:clamp(2rem,5vw,3rem)}
h2{font-size:clamp(1.5rem,4vw,2.25rem)}
h3{font-size:clamp(1.25rem,3vw,1.75rem)}
p{margin-bottom:1em;color:#444}
.text-center{text-align:center}
.text-right{text-align:right}

/* Buttons */
.btn{display:inline-block;padding:.75rem 1.25rem;border-radius:6px;font-weight:500;transition:.2s ease}
.btn-primary{background:#0077b6;color:#fff}
.btn-primary:hover{background:#023e8a}
.btn-outline{border:1px solid #0077b6;color:#0077b6}
.btn-outline:hover{background:#0077b6;color:#fff}

/* Forms */
input,textarea,select{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}
input:focus,textarea:focus,select:focus{outline:none;border-color:#0077b6;box-shadow:0 0 0 2px rgba(0,119,182,.2)}
button{cursor:pointer}

/* Header & Nav */
header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.05)}
nav ul{display:flex;gap:1rem}
nav a{padding:.75rem 1rem;font-weight:500;color:#333}
nav a:hover{color:#0077b6}

/* Hero Section */
.hero{display:flex;align-items:center;justify-content:center;min-height:70vh;background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url('/images/hero.webp') center/cover no-repeat;color:#fff;text-align:center;padding:2rem}

/* Cards */
.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1.5rem;transition:.3s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.12)}

/* Footer */
footer{background:#111;color:#eee;padding:2rem 1rem;text-align:center;font-size:.9rem}

/* Responsive */
@media(max-width:768px
/* =========================================
   BELLA MEDSPA – BLOG RESPONSIVE OPTIMIZATION
   Safe for live site | Theme-respecting
========================================= */

/* Prevent horizontal scroll issues */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

/* Main blog content wrapper (non-destructive) */
.blog,
.single-post,
.archive,
.category,
.tag {
  box-sizing: border-box;
}

/* Improve readable content width without breaking theme */
.single-post .entry-content,
.blog .entry-content,
.archive .entry-content {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(16px, 4vw, 32px);
  padding-right: clamp(16px, 4vw, 32px);
}

/* Typography scaling – keeps luxury feel */
.entry-content p,
.entry-content li {
  line-height: 1.7;
  font-size: clamp(16px, 1.05vw, 18px);
}

/* Headings spacing consistency */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  line-height: 1.3;
}

/* Responsive images & embeds */
.entry-content img,
.entry-content video,
.entry-content iframe {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 1.75rem auto;
}

/* Prevent Elementor column overflow */
.elementor-section,
.elementor-column,
.elementor-widget-wrap {
  max-width: 100%;
}

/* Blog card / post preview stability */
.blog .post,
.archive .post {
  margin-bottom: 3rem;
}

/* Mobile-first adjustments */
@media (max-width: 768px) {

  /* Reduce padding without collapsing layout */
  .single-post .entry-content,
  .blog .entry-content {
    padding-left: 16px;
    padding-right: 16px;
  }

  /* Stack meta content cleanly */
  .post-meta,
  .entry-meta {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  /* Headings breathe on mobile */
  .entry-content h1 {
    font-size: 1.9rem;
  }

  .entry-content h2 {
    font-size: 1.6rem;
  }
}

/* Ultra-small devices */
@media (max-width: 480px) {
  .entry-content p {
    font-size: 16px;
  }

  .entry-content img {
    margin: 1.25rem auto;
  }
}
.single-post .entry-content
.blog .entry-content
.archive .entry-content