/* ============================================================
   SR GLOBAL STYLE — Consistent kleurpalet voor alle pagina's
   Gebaseerd op het SR Concept Homepage design
   ============================================================ */

/* ===== GOOGLE FONTS ===== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* ===== CSS VARIABELEN ===== */
:root {
  --sr-green-dark:    #1a3a2a;
  --sr-green-mid:     #2d7a4f;
  --sr-green-light:   #3a9060;
  --sr-green-pale:    #f4faf4;
  --sr-green-border:  #e8f0e8;
  --sr-green-accent:  #7dd4a0;
  --sr-text-dark:     #1a2e1a;
  --sr-text-mid:      #2c4a2c;
  --sr-text-muted:    #6b8f6b;
  --sr-white:         #ffffff;
}

/* ===== BODY & TYPOGRAFIE ===== */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  color: var(--sr-text-dark) !important;
  background: var(--sr-white) !important;
  line-height: 1.65;
}

/* ===== HEADER / NAVIGATIE ===== */

/* Verberg Twenty Thirteen #masthead - sr-site-header vervangt dit op alle pagina's */
#masthead.site-header {
  display: none !important;
}

/* sr-site-header stijlen (geïnjecteerd via wp_body_open hook in sr-homepage.php) */
.sr-site-header {
  background: var(--sr-white) !important;
  border-bottom: 1px solid var(--sr-green-border) !important;
  box-shadow: 0 1px 8px rgba(0,0,0,0.06) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 32px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Logo: compact, links */
#masthead .home-link,
.site-header .home-link {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: unset !important;
  max-height: 72px !important;
  height: 72px !important;
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
}

#masthead .site-title,
.site-header .site-title {
  font-family: 'Inter', sans-serif !important;
  font-weight: 800 !important;
  color: #cc2222 !important;
  font-size: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

#masthead .site-description,
.site-header .site-description {
  color: var(--sr-green-mid) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  margin: 2px 0 0 0 !important;
  padding: 0 !important;
}

/* Navbar: neemt resterende ruimte, nav rechts */
#masthead #navbar.navbar,
.site-header #navbar {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  justify-content: flex-end !important;
  height: 72px !important;
  max-height: 72px !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
  float: none !important;
}

/* Nav menu: horizontale rij */
#site-navigation,
#masthead .main-navigation {
  display: flex !important;
  align-items: center !important;
  height: 72px !important;
}

#site-navigation .nav-menu,
#masthead .nav-menu,
.main-navigation .nav-menu {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  float: none !important;
  height: 72px !important;
}

#site-navigation .nav-menu li,
#masthead .nav-menu li,
.main-navigation .nav-menu li {
  display: flex !important;
  align-items: center !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 72px !important;
}

#site-navigation .nav-menu a,
#masthead .nav-menu a,
.main-navigation .nav-menu a {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--sr-text-mid) !important;
  text-decoration: none !important;
  padding: 8px 14px !important;
  border-radius: 6px !important;
  transition: background 0.15s, color 0.15s !important;
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
}

#site-navigation .nav-menu a:hover,
#masthead .nav-menu a:hover,
.main-navigation .nav-menu a:hover,
#site-navigation .nav-menu .current-menu-item > a,
.main-navigation .nav-menu .current-menu-item > a {
  background: var(--sr-green-pale) !important;
  color: var(--sr-green-dark) !important;
}

/* CTA knop in nav */
.sr-cta-nav-item a.sr-cta-btn,
li.sr-cta-nav-item a {
  background: var(--sr-green-mid) !important;
  color: var(--sr-white) !important;
  padding: 10px 18px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  margin-left: 8px !important;
  white-space: nowrap !important;
}

.sr-cta-nav-item a.sr-cta-btn:hover,
li.sr-cta-nav-item a:hover {
  background: var(--sr-green-dark) !important;
  color: var(--sr-white) !important;
}

/* Zoekformulier in header */
#masthead .search-form,
.site-header .search-form {
  display: flex !important;
  align-items: center !important;
  margin-left: 8px !important;
  flex-shrink: 0 !important;
}

/* Menu toggle verbergen op desktop */
#site-navigation .menu-toggle,
.main-navigation .menu-toggle {
  display: none !important;
}

/* Skip link verbergen */
.skip-link { display: none !important; }

@media (max-width: 768px) {
  .sr-site-header {
    flex-wrap: wrap !important;
    max-height: none !important;
    padding: 12px 16px !important;
  }
  #masthead #navbar.navbar,
  .site-header #navbar {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    justify-content: flex-start !important;
  }
  #site-navigation .nav-menu,
  #masthead .nav-menu,
  .main-navigation .nav-menu {
    flex-wrap: wrap !important;
    height: auto !important;
    gap: 4px !important;
  }
  #site-navigation .nav-menu li,
  #masthead .nav-menu li,
  .main-navigation .nav-menu li {
    height: auto !important;
  }
}

/* ===== PAGINATITEL (H1) ===== */
.entry-title,
.page-title {
  font-family: 'Inter', sans-serif !important;
  font-weight: 800 !important;
  color: var(--sr-green-dark) !important;
  font-size: 36px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 24px !important;
  padding-bottom: 16px !important;
  border-bottom: 3px solid var(--sr-green-mid) !important;
}

/* ===== KOPPEN ===== */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  font-family: 'Inter', sans-serif !important;
  color: var(--sr-green-dark) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

.entry-content h2 {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--sr-green-dark) !important;
  margin-top: 40px !important;
  margin-bottom: 16px !important;
  padding-left: 14px !important;
  border-left: 4px solid var(--sr-green-mid) !important;
}

.entry-content h3 {
  font-size: 19px !important;
  font-weight: 600 !important;
  color: var(--sr-text-mid) !important;
  margin-top: 28px !important;
  margin-bottom: 12px !important;
}

.entry-content h4 {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--sr-text-mid) !important;
}

/* ===== LINKS ===== */
.entry-content a {
  color: var(--sr-green-mid) !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(45,122,79,0.3) !important;
  transition: color 0.15s !important;
}

.entry-content a:hover {
  color: var(--sr-green-dark) !important;
  text-decoration-color: var(--sr-green-dark) !important;
}

/* ===== BLOCKQUOTE / DEFINITIEBOX ===== */
.entry-content blockquote {
  background: var(--sr-green-pale) !important;
  border-left: 4px solid var(--sr-green-mid) !important;
  padding: 20px 24px !important;
  margin: 24px 0 !important;
  border-radius: 0 8px 8px 0 !important;
  color: var(--sr-text-dark) !important;
  font-style: normal !important;
}

.entry-content blockquote p {
  margin: 0 !important;
  color: var(--sr-text-dark) !important;
}

/* ===== TABELLEN ===== */
.entry-content table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 24px 0 !important;
  font-size: 14px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.entry-content table thead th {
  background: var(--sr-green-dark) !important;
  color: var(--sr-white) !important;
  font-weight: 600 !important;
  padding: 12px 16px !important;
  text-align: left !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

.entry-content table tbody tr:nth-child(even) {
  background: var(--sr-green-pale) !important;
}

.entry-content table tbody tr:hover {
  background: #e8f4ee !important;
}

.entry-content table td {
  padding: 11px 16px !important;
  border-bottom: 1px solid var(--sr-green-border) !important;
  color: var(--sr-text-dark) !important;
  vertical-align: top !important;
}

/* ===== KNOPPEN ===== */
.wp-block-button__link,
.entry-content .button,
.entry-content a.btn {
  background: var(--sr-green-mid) !important;
  color: var(--sr-white) !important;
  padding: 10px 22px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background 0.15s !important;
  font-family: 'Inter', sans-serif !important;
}

.wp-block-button__link:hover,
.entry-content .button:hover {
  background: var(--sr-green-dark) !important;
  color: var(--sr-white) !important;
}

/* ===== CONTENT AREA LAYOUT (niet-berekening pagina's) ===== */
#primary.content-area {
  max-width: 860px !important;
  margin: 0 auto !important;
  padding: 40px 24px !important;
}

#content.site-content {
  background: var(--sr-white) !important;
}

/* ===== FOOTER ===== */
#colophon.site-footer,
footer.site-footer {
  background: var(--sr-green-dark) !important;
  color: rgba(255,255,255,0.7) !important;
  padding: 40px 0 24px !important;
  margin-top: 60px !important;
}

#colophon .site-info,
footer .site-info {
  color: rgba(255,255,255,0.5) !important;
  font-size: 13px !important;
  text-align: center !important;
  padding: 16px 24px 0 !important;
}

#colophon a,
footer.site-footer a {
  color: var(--sr-green-accent) !important;
  text-decoration: none !important;
}

#colophon a:hover,
footer.site-footer a:hover {
  color: var(--sr-white) !important;
}

/* ===== ZOEKFORMULIER ===== */
.search-form .search-field {
  border: 1px solid var(--sr-green-border) !important;
  border-radius: 6px 0 0 6px !important;
  padding: 8px 14px !important;
  font-family: 'Inter', sans-serif !important;
  color: var(--sr-text-dark) !important;
}

.search-form .search-submit {
  background: var(--sr-green-mid) !important;
  color: var(--sr-white) !important;
  border: none !important;
  padding: 8px 16px !important;
  border-radius: 0 6px 6px 0 !important;
  cursor: pointer !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
}

/* ===== SIDEBAR / WIDGETS ===== */
#secondary.widget-area .widget-title {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  color: var(--sr-green-dark) !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  border-bottom: 2px solid var(--sr-green-mid) !important;
  padding-bottom: 8px !important;
  margin-bottom: 16px !important;
}

/* ===== PAGINERING ===== */
.page-links a,
.nav-links a {
  background: var(--sr-green-pale) !important;
  color: var(--sr-green-mid) !important;
  border: 1px solid var(--sr-green-border) !important;
  padding: 6px 14px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: background 0.15s !important;
}

.page-links a:hover,
.nav-links a:hover {
  background: var(--sr-green-mid) !important;
  color: var(--sr-white) !important;
}

/* ===== MENU TOGGLE (MOBIEL) ===== */
.menu-toggle {
  background: var(--sr-green-mid) !important;
  color: var(--sr-white) !important;
  border: none !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

/* ===== LOGO KLEUREN ===== */
#masthead .site-title a,
#masthead .site-title {
  color: #cc2222 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  text-decoration: none !important;
}

#masthead .site-description {
  color: #2d7a4f !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  margin-top: 2px !important;
}

/* ===== CTA KNOP IN NAVIGATIE ===== */
.sr-cta-nav-item {
  margin-left: 12px !important;
}

.sr-cta-btn,
.sr-cta-btn:visited {
  background: #2d7a4f !important;
  color: #ffffff !important;
  padding: 9px 20px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: background 0.15s !important;
  border: none !important;
  display: inline-block !important;
}

.sr-cta-btn:hover {
  background: #1a3a2a !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* ===== HEADER LAYOUT ===== */
#masthead .site-branding {
  float: left !important;
  padding: 12px 0 !important;
}

#masthead #site-navigation,
#masthead .main-navigation {
  float: right !important;
  display: flex !important;
  align-items: center !important;
}

#masthead #site-navigation .nav-menu,
#masthead .main-navigation .nav-menu {
  display: flex !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-wrap: nowrap !important;
}

/* ===== HOMEPAGE UITZONDERING ===== */
body.page-id-2 #masthead,
body.page-id-2 #colophon,
body.page-id-2 #primary,
body.page-id-2 .entry-title {
  all: unset !important;
}

/* ============================================================
   BEREKENING PAGINA (page-id-224)
   DOM na JS: #page > #main > [#primary, #secondary]
   ============================================================ */

/* Reset de masonry margin die het thema instelt */
.page-id-224 #main.site-main {
  display: grid !important;
  grid-template-columns: 1fr 300px !important;
  gap: 40px !important;
  align-items: start !important;
  padding: 40px 24px 60px !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Reset masonry absolute positioning op #main */
.page-id-224 #main.site-main,
.page-id-224 #main {
  position: relative !important;
  height: auto !important;
}

/* Primary content kolom */
.page-id-224 #primary.content-area {
  width: auto !important;
  max-width: none !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
}

/* Content binnen primary */
.page-id-224 #content.site-content {
  display: block !important;
  width: 100% !important;
  background: var(--sr-white) !important;
}

.page-id-224 article {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

/* Sidebar kolom */
.page-id-224 #secondary.sidebar-container {
  width: 300px !important;
  max-width: 300px !important;
  min-width: 300px !important;
  float: none !important;
  position: sticky !important;
  top: 80px !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
}

/* Sidebar masonry reset */
.page-id-224 .widget-area.masonry {
  position: static !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

.page-id-224 .widget-area.masonry .masonry-brick {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
}

/* CTA Widget */
.page-id-224 #text-2 .textwidget > div {
  background-color: #2d7a4f !important;
  border-radius: 10px !important;
  padding: 24px 20px !important;
}

.page-id-224 #text-2 .textwidget a {
  background: #ffffff !important;
  color: #2d7a4f !important;
  border-radius: 6px !important;
  padding: 10px 20px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: inline-block !important;
  margin-top: 12px !important;
}

/* Navigatie widget */
.page-id-224 .widget-alle-onderwerpen {
  border: 1.5px solid var(--sr-green-border) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

.page-id-224 .widget-alle-onderwerpen h4 {
  background: var(--sr-green-dark) !important;
  color: #ffffff !important;
  padding: 12px 16px !important;
  font-size: 11px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  border-bottom: none !important;
}

.page-id-224 .widget-alle-onderwerpen ul li a {
  border-left: 3px solid transparent !important;
  transition: background 0.15s, border-color 0.15s !important;
  text-decoration: none !important;
}

.page-id-224 .widget-alle-onderwerpen ul li a:hover {
  background: var(--sr-green-pale) !important;
  border-left-color: var(--sr-green-mid) !important;
  color: var(--sr-green-mid) !important;
}

.page-id-224 .widget-alle-onderwerpen ul li a[href*="social-return-berekening"] {
  background: var(--sr-green-pale) !important;
  border-left: 3px solid var(--sr-green-mid) !important;
  color: var(--sr-green-mid) !important;
  font-weight: 600 !important;
}

/* Calculator card */
#sroi-calculator {
  max-width: 100% !important;
  margin: 0 0 36px 0 !important;
}

.sroi-card {
  background: #ffffff !important;
  border: 1.5px solid var(--sr-green-border) !important;
  border-radius: 10px !important;
  padding: 28px !important;
  box-shadow: 0 2px 12px rgba(26,58,42,0.08) !important;
}

.sroi-card h3 {
  font-family: 'Inter', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--sr-green-dark) !important;
  margin-bottom: 20px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid var(--sr-green-border) !important;
}

.sroi-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  margin-bottom: 16px !important;
}

.sroi-field label {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: var(--sr-text-muted) !important;
  margin-bottom: 6px !important;
}

.sroi-field input,
.sroi-field select {
  padding: 11px 14px !important;
  border: 1.5px solid var(--sr-green-border) !important;
  border-radius: 7px !important;
  font-size: 0.95rem !important;
  font-family: 'Inter', sans-serif !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.sroi-field input:focus,
.sroi-field select:focus {
  border-color: var(--sr-green-mid) !important;
  box-shadow: 0 0 0 3px rgba(45,122,79,0.15) !important;
  outline: none !important;
}

.sroi-btn {
  background: var(--sr-green-mid) !important;
  border-radius: 8px !important;
  padding: 14px 24px !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  font-family: 'Inter', sans-serif !important;
  width: 100% !important;
  border: none !important;
  color: #ffffff !important;
  cursor: pointer !important;
  margin-top: 8px !important;
}

.sroi-btn:hover {
  background: var(--sr-green-dark) !important;
}

.sroi-highlight {
  background: var(--sr-green-pale) !important;
  border-left: 4px solid var(--sr-green-mid) !important;
  border-radius: 0 8px 8px 0 !important;
  padding: 20px 24px !important;
  margin-bottom: 16px !important;
}

.sroi-highlight .amount {
  font-size: 2rem !important;
  font-weight: 800 !important;
  color: var(--sr-green-dark) !important;
}

.sroi-highlight .label {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: var(--sr-green-mid) !important;
  margin-bottom: 4px !important;
}

/* Responsive */
@media (max-width: 860px) {
  .page-id-224 #main.site-main {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  .sroi-row {
    grid-template-columns: 1fr !important;
  }

  .page-id-224 #secondary.sidebar-container {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
}

/* ===== FIXES: CONTENT BREEDTE, SIDEBAR WORD-WRAP, CTA KNOP ===== */

/* Fix: entry-content max-width en margin-right resetten zodat content de volle kolombreedte gebruikt */
.page-id-224 .entry-content,
.page-id-224 .entry-content > * {
  max-width: 100% !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Fix: sidebar tekst niet afbreken midden in woord */
#secondary .widget,
#secondary .widget * {
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: auto !important;
  word-wrap: break-word !important;
}

/* Fix: GreenFox CTA card - tekst niet afbreken */
.sr-cta-sidebar {
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: auto !important;
}

.sr-cta-sidebar h3 {
  word-break: normal !important;
  hyphens: auto !important;
  line-height: 1.4 !important;
}

/* Fix: CTA knop in navigatie - niet afkappen */
.sr-cta-btn {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  padding: 10px 18px !important;
  font-size: 14px !important;
}

/* Fix: navbar overflow zodat CTA knop niet wordt afgesneden */
#navbar,
#navbar .nav-menu,
.main-navigation {
  overflow: visible !important;
}

/* #masthead.site-header overflow:visible verwijderd - masthead is verborgen */

/* Fix: primary kolom gebruikt de volle breedte */
.page-id-224 #primary {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  overflow: visible !important;
}

/* Fix: content binnen primary gebruikt volle breedte */
.page-id-224 #content,
.page-id-224 .site-content {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}


/* ===== ENTRY-CONTENT BREEDTE FIX ===== */
/* Twenty Thirteen beperkt .entry-content tot 604px via media query - override */
.entry-content,
.entry-summary,
.page-content {
  max-width: 100% !important;
  width: 100% !important;
  margin-right: 0 !important;
  float: none !important;
  box-sizing: border-box !important;
}

/* ===== CTA KNOP IN HEADER FIX ===== */
.sr-cta-btn {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  min-width: max-content !important;
}

.sr-cta-nav-item {
  flex-shrink: 0 !important;
}

/* ===== NIEUWS PAGINA LAYOUT ===== */
.blog #primary,
.archive #primary {
  max-width: 860px !important;
  width: 100% !important;
}

.blog .entry-header h1.entry-title,
.blog .entry-header h2.entry-title,
.archive .entry-header h1.entry-title,
.archive .entry-header h2.entry-title {
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  color: var(--sr-text-dark) !important;
  margin-bottom: 0.5rem !important;
}

.blog article,
.archive article {
  border-bottom: 1px solid var(--sr-green-border) !important;
  padding-bottom: 2rem !important;
  margin-bottom: 2rem !important;
}


/* ===== GLOBALE ENTRY-CONTENT BREEDTE FIX ===== */
/* Twenty Thirteen style.css beperkt .entry-content tot 604px - override voor alle pagina's */
.entry-header,
.entry-content,
.entry-summary,
.entry-meta,
.page-content {
  max-width: 100% !important;
  width: 100% !important;
  margin-right: 0 !important;
  float: none !important;
  box-sizing: border-box !important;
}

/* ===== SIDEBAR WORD-WRAP FIX ===== */
#secondary .widget,
#secondary .widget-title,
#secondary p,
#secondary h3,
#secondary a {
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
  word-break: normal !important;
}