/* ==========================================================================
   supplement.css — layout polish for the "appointment" WordPress theme.
   Theme's element.css / media-responsive.css / font-awesome were not archived,
   so the header, menu and cards rendered weakly. This restores a clean, modern
   blog look on top of the archived bootstrap.css / style.css / default.css.
   ========================================================================== */
:root{--ink:#23292f;--accent:#c0392b;--accent-dark:#9c2b20;--soft:#f5f6f8;--line:#e6e8ec;}

body{color:#33373a;font-family:'Open Sans',Helvetica,Arial,sans-serif;background:#fff;line-height:1.7;}
img{max-width:100%;height:auto;}
a{color:var(--accent);}
a:hover{color:var(--accent-dark);}
.container{max-width:1140px;margin:0 auto;padding:0 18px;}

/* ---- top navbar / header --------------------------------------------------*/
.navbar.navbar-default{background:var(--ink);border:0;margin:0;border-radius:0;min-height:64px;box-shadow:0 2px 6px rgba(0,0,0,.12);}
.navbar-default .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.navbar-header{float:none;}
.site-branding-text{padding:10px 0;}
.site-title{margin:0!important;}
.navbar-default .navbar-brand,.appointment_title_head{color:#fff!important;height:auto;
  font:700 22px/1.2 'Courgette','Open Sans',cursive;padding:0;letter-spacing:.3px;}
.site-description{color:#aab2bd;margin:2px 0 0;font-size:12px;text-transform:uppercase;letter-spacing:.14em;}
.navbar-toggle{display:none;}
.navbar-default .navbar-collapse{border:0;box-shadow:none;padding:0;float:none;}
ul.nav.navbar-nav{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin:0;float:none;}
ul.navbar-nav > li{float:none;list-style:none;}
ul.navbar-nav > li > a{display:block;padding:10px 15px;color:#e9edf2!important;background:transparent;
  font:600 13px/1 'Open Sans',sans-serif;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;}
ul.navbar-nav > li > a:hover,ul.navbar-nav > li.active > a{background:var(--accent);color:#fff!important;}

/* ---- page-title hero ------------------------------------------------------*/
.page-title-section{background:linear-gradient(135deg,#2b333b,#3d4853);position:relative;}
.page-title-section .overlay{background:rgba(0,0,0,.15);padding:34px 0;}
.page-title-section h1,.page-title-section .page-title{color:#fff;margin:0;font-size:26px;}
.page-title-section a{color:#fff;}

/* ---- main + sidebar -------------------------------------------------------*/
.page-builder{padding:34px 0;}
.page-builder .row{display:flex;flex-wrap:wrap;gap:34px;}
.page-builder .col-md-8{flex:1 1 0;min-width:0;float:none;width:auto;}
.page-builder .col-md-4{flex:0 0 300px;max-width:300px;float:none;width:auto;}
@media(max-width:820px){.page-builder .col-md-4{flex-basis:100%;max-width:none;}}

/* post cards */
.page-builder [class*="post-"]{background:#fff;border:1px solid var(--line);border-radius:8px;
  padding:22px 24px;margin-bottom:26px;box-shadow:0 1px 4px rgba(0,0,0,.04);}
.page-builder [class*="post-"] h2,.entry-title{font-size:21px;margin:0 0 12px;line-height:1.3;}
.page-builder [class*="post-"] h2 a,.entry-title a{color:var(--ink);text-decoration:none;}
.page-builder [class*="post-"] h2 a:hover{color:var(--accent);}
.entry-thumbnail img,.post-thumbnail img{border-radius:6px;margin:0 0 14px;width:100%;object-fit:cover;max-height:320px;}
.entry-meta,.posted-on,.byline{font-size:12px;color:#8a929b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;}
.read-more,.more-link{display:inline-block;margin-top:10px;padding:8px 18px;background:var(--accent);
  color:#fff!important;border-radius:4px;text-decoration:none;font-size:13px;font-weight:600;}
.read-more:hover,.more-link:hover{background:var(--accent-dark);}

/* sidebar widgets */
.sidebar-section-right .widget,.widget{background:var(--soft);border:1px solid var(--line);
  border-radius:8px;padding:16px 18px;margin-bottom:22px;}
.widget-title,.widget h2,.widget h3{font-size:14px;text-transform:uppercase;letter-spacing:.06em;
  color:var(--ink);margin:0 0 12px;border-bottom:2px solid var(--accent);padding-bottom:8px;}
.widget ul{list-style:none;margin:0;padding:0;}
.widget ul li{padding:7px 0;border-bottom:1px solid var(--line);font-size:14px;}

/* single article */
.single .entry-content,.the-content,.entry-content{font-size:16px;}
.single .entry-content img{border-radius:6px;margin:10px 0;}

/* ---- footer ---------------------------------------------------------------*/
.footer-copyright-section{background:var(--ink);color:#aab2bd;margin-top:30px;padding:22px 0;font-size:13px;}
.footer-copyright-section a{color:#fff;}

/* pagination */
.navigation.pagination{margin-top:18px;}
.navigation .page-numbers{padding:7px 12px;border:1px solid var(--line);border-radius:4px;margin-right:4px;text-decoration:none;}
.navigation .page-numbers.current{background:var(--accent);color:#fff;border-color:var(--accent);}

/* hide leftover per-article meta from the cloned template (static date/author strip).
   NOTE: do NOT hide .media — in this theme .media is the wrapper that also contains
   .media-body > .blog-content (the actual page content). Only hide the date aside. */
.blog-post-date-area{display:none!important;}