/* Left panel: stack date on top, image below */
.cnt-box-blog-side .img-box {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    background: none;
}

.cnt-box-blog-side .img-box .blog-date {
    position: static;
    flex-shrink: 0;
}

.blog-card-thumb {
    flex: 1 1 auto;
    overflow: hidden;
    width: 100%;
    max-height: 160px;
}

.blog-card-thumb img {
    display: block;
    width: 100%;
    height: 160px;
    object-fit: cover;
    object-position: center top;
}

  /* Tighten default form spacing a bit */
  .form-box textarea,
  .form-box select,
  .form-box input {
    margin: 0;
  }

  .form-box {
    margin-bottom: 15px;
  }

  /* Nav rules handled globally in head.css */

  body.no-hero main {
    padding-top: 110px;
  }

  main > section > .container {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .cnt-call,
  .comment-list li,
  .timeline .panel,
  .header-base,
  main > section.section-base.section-color,
  .section-color .input-text,
  .section-color .input-select,
  .section-color .input-textarea,
  .section-color .form-box,
  .section-color .cnt-box {
    background: #ffffff;
  }

  h1 + p,
  h2 + p,
  h3 + p,
  h4 + p,
  h2 + h4,
  h1 + h4,
  h2 + ul.icon-list,
  h3 + ul.icon-list,
  p + h3,
  p + .btn,
  p + h4,
  h4 + .btn,
  h4 + .btn-text,
  h4 + input,
  h4 + select,
  h4 + textarea,
  p + ul.icon-list,
  p + .btn-text,
  p + table,
  p + pre,
  p + img,
  p + .row,
  p + .img-box,
  p + .media-box,
  p + .cnt-box,
  p + .icon-links,
  p + ul.icon-list,
  .container > .row + .row,
  .container > div + p,
  p + .text-list,
  .container > div + .btn,
  .table + .btn,
  .table + .btn-text,
  h4 + div,
  h4 + ul,
  h4 + ul.icon-list,
  h4 + a,
  .slimScrollDiv + .btn,
  h3 + .grid-list,
  h3 + .slider,
  .text-list + .btn,
  .text-list + .btn-text {
    margin-top: 5px;
  }

  #blog-summary {
    font-size: 0.75rem;
    line-height: 1rem;
    color:rgb(0, 71, 103);
    margin: 4px 0 10px 0;
    margin-bottom:10px;
  }

  /* Header title + button on same line */
.header-base .header-inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap; /* so it doesn’t break ugly on mobile */
}

.header-base .header-inner-titles h1 {
  margin-bottom: 0;
}

.header-base .header-inner-titles h4 {
  margin-top: 4px;
  margin-bottom: 0;
}

/* Make sure the button hugs the bottom nicely */
.header-base .header-inner-action .btn {
  margin-top: 0;
}

.cnt-box.cnt-box-blog-side.boxed {
    background: #03BFCB;
}