/* ---------------------------------------------------------------------------
   CMS additions — nothing here changes the approved design.

   1. A page whose main heading is carried by a content block renders it as an
      <h1> so every page has exactly one. These rules give that <h1> the theme's
      own H2 metrics at every breakpoint, so the type size does not move.
   2. Small helpers for the search page's pagination.
--------------------------------------------------------------------------- */
#Content h1.mfn-as-h2 { font-size: 40px; line-height: 50px; font-weight: 700; letter-spacing: 0px; margin: 0 0 20px; }
@media only screen and (min-width: 768px) and (max-width: 959px) { #Content h1.mfn-as-h2 { font-size: 34px; line-height: 43px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { #Content h1.mfn-as-h2 { font-size: 30px; line-height: 38px; } }
@media only screen and (max-width: 479px)                        { #Content h1.mfn-as-h2 { font-size: 24px; line-height: 30px; } }

#Content .pagination { margin: 30px 0 0; }
#Content .pagination a,
#Content .pagination span.current { display: inline-block; min-width: 36px; padding: 7px 10px; margin: 0 3px;
  border: 1px solid #e3e3e3; border-radius: 4px; text-align: center; }
#Content .pagination span.current { background: var(--ispac-accent, #f07c1f); border-color: var(--ispac-accent, #f07c1f); color: #fff; }
