/*
Theme Name: Woo360 Child Theme
Theme URI: http://madwire.com
Version: 1.7.4
Description: An example child theme that can be used as a starting point for custom development.
Author: Madwire
template: bb-theme
*/

/* Add your custom styles here... */
/* ============================================================
   RRT Blog Styles — paste at bottom of Woo360 Child Theme style.css
   These styles power the APPR / STEPS blog post formatting.
   All classes are prefixed .rrt- and will not affect any other
   pages or elements on the site.
   ============================================================ */

.rrt-meta        { font-size:.85em; color:#777; margin-bottom:2em; }

.rrt-intro       { font-size:1.05em; color:#444; font-style:italic;
                   border-left:4px solid #AE4845; padding:14px 18px;
                   background:#fdf6ee; border-radius:0 6px 6px 0;
                   line-height:1.75; margin:0 0 2em; }

.rrt-callout     { background:#fdf6ee; border-left:5px solid #F19A39;
                   border-radius:0 6px 6px 0; padding:14px 20px; margin:1.5em 0; }
.rrt-callout p   { margin:0; font-size:.97em; color:#444; line-height:1.7; font-style:italic; }
.rrt-callout strong { color:#F19A39; display:block; font-size:.78em;
                      letter-spacing:.08em; text-transform:uppercase;
                      margin-bottom:5px; font-style:normal; }

/* ── What Actually Changes table ── */
.rrt-compare     { width:100%; border-collapse:collapse; margin:1.5em 0 2em;
                   font-size:.92em; border-radius:8px; overflow:hidden;
                   box-shadow:0 3px 14px rgba(0,0,0,.14); }
.rrt-compare th  { padding:13px 16px; text-align:center; font-size:.88em;
                   font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.rrt-compare th.old { background:#1A237E; color:#ffffff; }
.rrt-compare th.new { background:#004D2C; color:#ffffff; }
.rrt-compare td  { padding:13px 16px; vertical-align:top; line-height:1.6;
                   border-top:1px solid rgba(0,0,0,.08); }
.rrt-compare td.old { background:#E8EAF6; color:#1a1a2e; }
.rrt-compare td.new { background:#E8F5E9; color:#1a2e1a; }
.rrt-compare td strong { display:block; margin-bottom:4px; font-size:.87em;
                         text-transform:uppercase; letter-spacing:.04em; }
.rrt-compare td.old strong { color:#1A237E; }
.rrt-compare td.new strong { color:#1B5E20; }

/* ── Scoring boxes ── */
.rrt-scoring     { display:grid; grid-template-columns:1fr; gap:24px;
                   margin:1.5em 0 2em; }
.rrt-score-box   { border-radius:7px; padding:16px 18px; }
.rrt-score-box.old { background:#dce6f5; border:1.5px solid #b0c4e8; }
.rrt-score-box.new { background:#faeeda; border:1.5px solid #e0c494; }
.rrt-score-box h4 { margin:0 0 10px; font-size:.88em; text-transform:uppercase;
                    letter-spacing:.06em; }
.rrt-score-box.old h4 { color:#2E3192; }
.rrt-score-box.new h4 { color:#633806; }
.rrt-score-step  { display:flex; align-items:flex-start; gap:10px;
                   margin-bottom:8px; font-size:.88em; line-height:1.5; color:#444; }
.rrt-score-num   { min-width:22px; height:22px; border-radius:50%;
                   display:flex; align-items:center; justify-content:center;
                   font-weight:700; font-size:.82em; flex-shrink:0; margin-top:1px; }
.rrt-score-box.old .rrt-score-num { background:#2E3192; color:#fff; }
.rrt-score-box.new .rrt-score-num { background:#AE4845; color:#fff; }
.rrt-score-arrow { text-align:center; font-size:1.3em; color:#999;
                   margin:4px 0; line-height:1; }

/* ── Transition Roadmap ── */
.rrt-timeline    { width:100%; border-collapse:collapse; margin:1.5em 0 2em;
                   border-radius:8px; overflow:hidden;
                   box-shadow:0 2px 12px rgba(46,49,146,.13); }
.rrt-tl-header   { background:#2E3192; color:#fff; font-size:.85em;
                   font-weight:700; text-transform:uppercase; letter-spacing:.08em;
                   text-align:center; padding:12px 16px; display:block; }
.rrt-tl-item     { display:grid; grid-template-columns:170px 1fr;
                   border-bottom:1px solid #d0d8f0; }
.rrt-tl-item:last-child { border-bottom:none; }
.rrt-tl-label    { background:#2E3192; padding:16px; font-size:.82em;
                   font-weight:700; color:#fff; text-transform:uppercase;
                   letter-spacing:.05em; line-height:1.4; }
.rrt-tl-label span { display:block; font-size:1.15em; margin-bottom:3px; color:#c8d4f5; }
.rrt-tl-body     { padding:14px 18px; font-size:.93em; color:#333; line-height:1.65; }
.rrt-tl-item:nth-child(even) .rrt-tl-body { background:#f0f3fc; }
.rrt-tl-item:nth-child(odd)  .rrt-tl-body { background:#e8edfa; }

/* ── Common Questions (FAQ) ── */
.rrt-faq         { border:1.5px solid #d4b896; border-radius:7px;
                   padding:16px 18px; margin-bottom:12px; background:#f7f3ed; }
.rrt-faq-q       { font-size:.97em; font-weight:700; color:#2E3192; margin-bottom:6px; }
.rrt-faq-a       { font-size:.93em; color:#444; line-height:1.65; margin:0; }

/* ── RightPath CTA box ── */
.rrt-cta         { background:#0D1B4B; border:3px solid #1565C0;
                   border-radius:10px; padding:28px 32px;
                   margin:2.5em 0 1em;
                   box-shadow:0 4px 18px rgba(0,0,0,.22); }
.rrt-cta h3      { color:#FFD54F !important; margin:0 0 12px !important;
                   font-size:1.25em !important; letter-spacing:.01em; }
.rrt-cta p       { color:#e8eeff !important; font-size:.97em; line-height:1.7; margin:0 0 10px; }
.rrt-cta a       { display:inline-block; background:#1565C0; color:#fff !important;
                   font-weight:700; padding:12px 28px; border-radius:6px;
                   text-decoration:none !important; font-size:.95em; margin-top:10px;
                   letter-spacing:.02em; box-shadow:0 2px 6px rgba(0,0,0,.25); }

/* ── Blue CTA buttons ── */
.rrt-btn         { display:inline-block; background:#1565C0; color:#fff !important;
                   font-weight:700; padding:12px 28px; border-radius:6px;
                   text-decoration:none !important; font-size:.95em;
                   letter-spacing:.02em; box-shadow:0 2px 6px rgba(0,0,0,.25);
                   margin:0.5em 0; }

/* ── Footer ── */
.rrt-footer-line { border-top:1px solid #d4b896; padding-top:10px;
                   text-align:center; font-size:.82em; color:#888; margin-top:2.5em; }

@media(max-width:640px) {
  .rrt-scoring   { grid-template-columns:1fr; }
  .rrt-tl-item   { grid-template-columns:1fr; }
  .rrt-tl-label  { border-right:none; border-bottom:3px solid #fff; }
  .rrt-compare   { font-size:.78em; }
}
.fl-module-content h1,
.fl-module-content h2,
.fl-module-content h3,
.fl-module-content h4,
.fl-module-content h5,
.fl-module-content h6 {
    text-transform: none;
}
/* ============================================================
   END RRT Blog Styles
   ============================================================ */