/* ===== Card + contact-sidebar scaffold =====
   Promoted from Cleveland's per-page `_ac_custom_css` (post 1093075) into an
   always-loaded theme file, exactly as that block's own note recommended:

     "inlined here because blog.css is only enqueued on blog pages. When
      batching the symptom + location groups, promote this block to an
      always-loaded theme file and delete it from the per-page CSS."

   Raleigh batches 153 pages, so per-page duplication was never viable.
   Verbatim apart from this header — do not restyle; the goal is parity with
   the finished Cleveland pages. */


/* dark-green frame around the white card */
.sym-section { background: #1a4a45; padding: 150px 0 60px; }
.sym-section .ac-card-row { background: #fff; }

/* --- shared rounded-card scaffold --- */
.ac-card-section { width: 100%; }
.ac-card-row {
  width: 90%;
  max-width: 1296px;
  margin: 0 auto;
  padding: 30px;
  border-radius: 30px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.ac-card-content {
  width: 74.25%;
  background: #fff;
  border-radius: 25px;
  padding: 30px;
  box-sizing: border-box;
}
.ac-card-sidebar { width: 22.75%; box-sizing: border-box; }

/* H1 page title inside the card */
.sym-title { margin: 0 0 76px; }
.sym-title h1 {
  font-family: "Gilda Display", Georgia, "Times New Roman", serif;
  font-size: 40px;
  line-height: 40px;
  font-weight: 400;
  color: #333;
  margin: 0;
}

/* --- contact sidebar --- */
.ac-sb-logo { margin: 0 0 18px; }
.ac-sb-logo img { display: block; width: 100%; max-width: 281px; height: auto; }
.ac-sb-divider { height: 1px; background: #dce3e3; margin: 18px 0 20px; }
.footer-links.sidebar { padding: 0 !important; }
.footer-links.sidebar h3 {
  font-family: "Gilda Display", Georgia, "Times New Roman", serif;
  font-size: 22px;
  font-weight: 700;
  color: #333;
  margin: 0 0 4px;
}
.footer-links.sidebar a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px !important;
  line-height: 1.3 !important;
  color: #153b37;
  text-decoration: none;
  margin: 16px 0;
  word-break: break-word;
}
.footer-links.sidebar a i {
  width: 16px;
  font-size: 16px;
  color: #153b37;
  flex-shrink: 0;
  text-align: center;
}
.footer-links.sidebar a:hover { color: #3a8780; }
.footer-links.sidebar.ac-sb-find { margin-top: 10px; }
.ac-sb-form { margin: 12px 0 18px; }

/* --- responsive: stack card on tablet/phone --- */
@media (max-width: 980px) {
  .sym-section { padding: 100px 0 40px; }
  .ac-card-row { flex-direction: column; padding: 20px; }
  .ac-card-content, .ac-card-sidebar { width: 100%; }
  .ac-card-sidebar { margin-top: 30px; }
  .sym-title { margin-bottom: 40px; }
  .sym-title h1 { font-size: 30px; line-height: 1.15; }
}
@media (max-width: 767px) {
  .ac-card-row { width: 100%; padding: 15px; }
}


/* --- SPACING: Divi row-padding equivalent (27/27) --- */
.sym-section .ac-card-content { padding-top: 57px; padding-bottom: 57px; }


/* ===== Quiz CTA cards (home) =====
   Promoted from Cleveland's per-page `_ac_custom_css` on the home page (post
   8547), same reasoning as the card scaffold above: it is shared component
   CSS that was only ever inlined per page. The source had this block
   duplicated verbatim (a Divi relocation artifact); one copy is kept. */

.quiz-cta-inner{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.quiz-card{position:relative;padding:3rem;background:linear-gradient(135deg,#1a4a45,#153b37);border:1px solid rgba(62,133,124,0.3);overflow:hidden;transition:transform 0.4s ease,box-shadow 0.4s ease}
.quiz-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px rgba(21,59,55,0.3)}
.quiz-card::before{content:'';position:absolute;top:0%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(232,160,135,0.1) 0%,transparent 70%);transition:transform 0.6s ease}
.quiz-card:hover::before{transform:scale(1.8)}
.quiz-card-content{position:relative;z-index:2}
.quiz-icon{width:60px;height:60px;margin-bottom:1.5rem;position:relative}
.quiz-icon::before{content:'';position:absolute;inset:0;background:#e8a087;transform:rotate(45deg);transition:transform 0.4s ease}
.quiz-card:hover .quiz-icon::before{transform:rotate(45deg) scale(1.1)}
.quiz-icon svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;stroke:#153b37;stroke-width:1.5;fill:none}
.quiz-card h3{font-size:1.75rem;font-weight:400;color:#d4e5e2;margin-bottom:0.75rem}
#page-container .quiz-card .p-text{font-weight:300;font-size:0.95rem;line-height:1.7;color:rgba(212,229,226,0.6)!important;margin-bottom:1.5rem!important}
.quiz-link{display:flex;align-items:center;gap:0.75rem;padding:0.85rem 1.5rem;background:transparent;border:1px solid #e8a087;color:#e8a087;text-decoration:none;font-family:'Libre Franklin',sans-serif;font-size:0.8rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;transition:all 0.4s ease;position:relative;overflow:hidden;width:fit-content;margin-top:1.5rem}
.quiz-link::before{content:'';position:absolute;inset:0;background:#e8a087;transform:translateX(-100%);transition:transform 0.4s ease}
.quiz-link span,.quiz-link svg{position:relative;z-index:1}
.quiz-link:hover::before{transform:translateX(0)}
.quiz-link:hover{color:#153b37}
.quiz-link svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;transition:transform 0.3s ease}
.quiz-link:hover svg{transform:translateX(4px)}
@media (max-width:1024px){.quiz-cta-inner{grid-template-columns:1fr}}
@media (max-width:600px){.quiz-card{padding:2rem 1.5rem}.quiz-card h3{font-size:1.5rem}}