/* Skate Canada Info Centre - Cassiopeia child template styles */
/* Same font file as the Joomla 3 site (regular weight only, so bold headings render the same way) */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/* ---- Carried over unchanged from the Joomla 3 Protostar user.css ---- */
/* Site-wide ordered list style convention */
ol {
  list-style-type: lower-alpha;
}
ol ol {
  list-style-type: lower-roman;
}
ol ol ol {
  list-style-type: upper-alpha;
}
ol ol ol ol {
  list-style-type: lower-greek;
}

/* Custom header level styles to make it clear which level it is at */
h1 {
  font-variant: small-caps;
  font-size: 30px;
  line-height: 32px;
  margin-top: 30px;
  border-bottom: 3px solid #C0C0C0;
}
h3 {
  color:#808080;
}

/* Set headers to clear all floating elements */
h1, h2, h3, h4, h5, h6 {
  clear: both;
}

/* Set bottom spacing below images */
img {
  margin-bottom: 20px;
}

/* Increase body text size and increase paragraph spacing accordingly */
body {
  //font-size: 14px;
  //line-height: 19px
}
p {
  margin: 0 0 11px;
}

/* Increase spacing around autotoc tables so text doesn't push up right against it */
div.autotoc {
  margin: 10px 0 0 10px;
}

/* Hide horizontal lines, since we're going to use them to break physical pages */
hr {
  display:hidden;
  height:0px;
}


/* Customizations to print layout */
@media print {
  @page {
	margin: 1cm;
  }
  div.autotoc {
    float: none!important;
  }
  div.autotoc a:after {
    content: "";
  }
  abbr:after {
    content: ""!important;
  }
  ul.tags a:after {
    content: "";
  }
  dd.category-name a:after{
    content: "";
  }
  div.version-history {
    display: none;
  }
  
  hr {
    page-break-before: always;
  }
  
  table {
    //page-break-inside: avoid;
  }
  
  div.item-page:before {
    content: "DISCLAIMER: Please be advised that the printed version is accurate as of the date of printing only.  Remember to check the authoritative online version for any updates. AVERTISSEMENT: Veuillez noter que la version imprimée n’est exacte qu’à la date d’impression. N’oubliez pas de vérifier la version en ligne, qui fait autorité, pour toute mise à jour.";
  }
}


/* Right-align and adaptive align pull-right box */
.header div.header-search {
  text-align: right;
}
.header div.pull-right {
  text-align: right;
}

@media (max-width: 768px) {
  .header .nav.pull-right,
  .header-search,
  .header .nav.pull-right .custom p {
    text-align: center!important;
  }
}

/* Fix navigation menu border */
.navigation {
  border-top: 1px solid #F5F5F5;
  border-bottom: 1px solid #F5F5F5;
}

/* Add padding to body cells */
div.item-page td {
  padding: 5px;
}

/* Prevent Version History from showing on Home Page */
body.itemid-105 div.version-history {
  display:none;
}

body.itemid-104 div.version-history {
  display:none;
}

/* Hide terms defined listing in online version of article */
body.site div.aglossary-terms-used {
  display:none;
}

/* Create more consistency on the autotoc bubble */
div.autotoc {
  max-width: 50%
}
div.autotoc li {
  //padding-left:22px;
  //text-indent:-22px;
}

img[width],
img[height] {
  max-width: none;
}

/* Add some padding around images */
div.item-page img {
  padding:10px;
}

/* Fix bulleted lists displaced by left-floating images */
ul {
  list-style-position:inside;
}

header img {
  width:200px!important;
}


/* ---- Joomla 3 (Protostar) look on Cassiopeia ---- */
:root {
  --cassiopeia-color-primary: #a80101;
  --cassiopeia-color-link: #a80101;
  --cassiopeia-color-hover: #7a0000;
  --cassiopeia-font-family-body: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --cassiopeia-font-family-headings: "Open Sans", Helvetica, Arial, sans-serif;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #fff;
  color: #333;
}
a {
  color: #a80101;
}
a:hover,
a:focus {
  color: #7a0000;
}
.btn-primary {
  background-color: #a80101;
  border-color: #a80101;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #7a0000;
  border-color: #7a0000;
}

/* Header: white, red top line, logo left, search group top right, menu below */
.container-header {
  position: relative;
  background: #fff;
  background-image: none;
  border-top: 3px solid #a80101;
  box-shadow: none;
}
/* Protostar fluid frame: 20px page padding + 20px container padding = content 40px from each edge */
.container-header > .grid-child {
  padding: 0 40px !important;
}
.container-header .navbar-brand {
  padding: 20px 0 0;
  margin: 0 0 10px;
  min-height: 118px;
}
.container-header .navbar-brand img {
  width: 200px;
  height: 66.39px;
  max-height: none;
  margin: 0 0 20px;
}
.container-header > .grid-child.container-nav {
  width: auto;
  margin: 0 40px 10px;
  padding: 5px 0 !important;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}
.container-header .container-nav > nav {
  margin: 0;
  padding: 0;
}
.container-header .container-search {
  text-align: right;
  font-size: 13px;
  line-height: 18px;
}
.container-header .container-search p {
  margin: 0 0 11px;
}
.container-header .container-search a {
  color: #a80101;
}
/* Search box and "Go" like Protostar: rounded box, separate small button 4px to the right */
.container-header .mod-finder__search {
  flex-wrap: nowrap;
  justify-content: flex-end;
  margin: 0;
}
.container-header .mod-finder .form-control {
  flex: 0 0 auto;
  width: 338px;
  height: 28px;
  padding: 4px 14px;
  font-size: 13px;
  line-height: 18px;
  color: #555;
  border: 1px solid #ccc;
  border-radius: 15px !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.container-header .mod-finder .btn {
  height: 28px;
  margin: 0 0 0 4px !important;
  padding: 4px 12px;
  font-size: 13px;
  line-height: 18px;
  border-radius: 4px !important;
}
.container-header .mod-languages {
  margin-top: 18px;
}
.container-header .mod-languages ul {
  margin: 0 5px 0 0;
  padding: 0;
}
.container-header .mod-languages li {
  margin: 0;
  padding: 0;
}
.container-header .mod-languages a {
  padding: 0;
  font-size: 13px;
  line-height: 18px;
}

/* Menu: red text, active item as a red pill (Protostar nav-pills) */
.container-header .metismenu.mod-menu .metismenu-item > a,
.container-header .metismenu.mod-menu .metismenu-item > button {
  color: #a80101;
  font-size: 13px;
  line-height: 14px;
  padding: 8px 12px;
  margin: 2px 2px 2px 0;
  border-radius: 5px;
}
.container-header .metismenu.mod-menu .metismenu-item > a:hover,
.container-header .metismenu.mod-menu .metismenu-item > a:focus {
  background: #eee;
  color: #7a0000;
  text-decoration: none;
}
.container-header .metismenu.mod-menu .metismenu-item.active > a {
  background: #a80101;
  color: #fff;
}
.container-header .metismenu.mod-menu .metismenu-item.active > a::after {
  display: none;
}
/* Submenu (Other Categories) like Protostar's dropdown: rounded white box with a pointer, grey items,
   Protostar's default blue on hover */
.container-header .metismenu.mod-menu .mm-collapse {
  box-sizing: content-box;
  min-width: 160px;
  margin: 0;
  padding: 5px 0;
  font-size: 13px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.container-header .metismenu.mod-menu .mm-collapse::before,
.container-header .metismenu.mod-menu .mm-collapse::after {
  position: absolute;
  display: inline-block;
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 9px;
}
.container-header .metismenu.mod-menu .mm-collapse::after {
  border-width: 0 6px 6px;
  border-bottom-color: #fff;
  top: -6px;
  left: 10px;
}
.container-header .metismenu.mod-menu .mm-collapse > .metismenu-item {
  display: block;
  width: 100%;
  padding: 0;
}
.container-header .metismenu.mod-menu .mm-collapse > .metismenu-item > a,
.container-header .metismenu.mod-menu .mm-collapse > .metismenu-item.active > a {
  display: block;
  margin: 0;
  padding: 3px 20px;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  background: none;
  border-radius: 0;
  white-space: nowrap;
  text-decoration: none;
}
.container-header .metismenu.mod-menu .mm-collapse > .metismenu-item > a:hover,
.container-header .metismenu.mod-menu .mm-collapse > .metismenu-item > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #005783;
  background-image: linear-gradient(#005e8d, #004d74);
}
.container-header .metismenu.mod-menu .mm-toggler::after {
  border-top-color: #a80101;
}

@media (min-width: 768px) {
  .container-header .container-search {
    position: absolute;
    top: 13px;
    right: 40px;
  }
}

/* Content and sidebar columns like Protostar's (Bootstrap 2.3 fluid) row-fluid span9 / span3 */
.site-grid {
  padding: 0 40px;
}
/* Footer follows the content, as on the Joomla 3 site (Cassiopeia pins it to the bottom of the window) */
.wrapper-fluid .site-grid {
  margin-bottom: 0 !important;
}
.site-grid > .grid-child {
  padding: 0;
}
@media (min-width: 768px) {
  .wrapper-fluid .site-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0 !important;
  }
  .wrapper-fluid .site-grid > .grid-child {
    flex: 0 0 100%;
    min-width: 0;
    margin: 0;
  }
  .wrapper-fluid .site-grid > .container-component {
    flex: 1 1 0;
  }
  .wrapper-fluid.has-sidebar-right .site-grid > .container-component {
    flex: 0 0 74.468085%;
  }
  .wrapper-fluid .site-grid > .container-sidebar-right {
    flex: 1 1 0;
    margin: 0 0 0 2.127660%;
  }
}
.site-grid > .container-component,
.site-grid > .container-sidebar-right {
  gap: 0;
}
.site-grid main {
  margin-top: 0;
}
.site-grid .main-bottom {
  margin-top: 0;
}

/* Sidebar boxes like Protostar's grey "well" */
.container-sidebar-right .card {
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  padding: 19px;
  margin: 0 0 20px !important;
}
.container-sidebar-right .card-header {
  background: transparent;
  border: 0;
  font-weight: 400;
}
.container-sidebar-right .card-body {
  padding: 0;
}

/* Breadcrumbs: grey bar under the content with the Joomla 3 arrow divider */
.site-grid .breadcrumb {
  background: #f5f5f5;
  margin: 10px 0;
  padding: 8px 15px 14px !important;
  font-size: 13px;
  line-height: 18px;
  border-radius: 4px;
  color: #333;
  align-items: baseline;
}
.site-grid .breadcrumb .mod-breadcrumbs__here {
  float: none;
  margin-right: 3px;
}
.site-grid .breadcrumb-item + .breadcrumb-item {
  padding-left: 0;
}
/* The Joomla 3 arrow image, raised above the text and spaced as it was there (Protostar gave every image a 20px bottom margin) */
.site-grid .breadcrumb-item + .breadcrumb-item::before {
  content: "";
  float: none;
  display: inline-block;
  width: 9px;
  height: 9px;
  padding: 0;
  margin: 0 8px 9px 9px;
  background: url("../images/arrow.png") no-repeat;
  vertical-align: baseline;
}

/* Footer: white, small text, like the Joomla 3 site (thin rule, then left-aligned modules) */
.container-footer {
  background: #fff;
  background-image: none;
  color: #333;
  border-top: 0;
  margin-top: 0;
}
.container-footer > .grid-child {
  display: block;
  padding: 0 40px 20px !important;
}
.container-footer > .grid-child::before {
  content: "";
  display: block;
  margin: 18px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #fff;
}
.container-footer .copyright,
.container-footer .back-top-right {
  margin: 0 0 11px;
}
.container-footer a {
  color: #a80101;
}

/* Protostar (Bootstrap 2) text size: 13px with 18px line height */
.site-grid,
.container-footer {
  font-size: 13px;
  line-height: 18px;
}
a {
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: underline;
}

/* Menu items packed to the left like Protostar's nav-pills */
.container-header .metismenu.mod-menu {
  justify-content: flex-start;
  flex-wrap: wrap;
}
.container-header .metismenu.mod-menu {
  margin: 0;
  padding: 0;
}
.container-header .metismenu.mod-menu .metismenu-item {
  flex: 0 0 auto;
  padding: 0;
}
/* Protostar shows no separate arrow button beside "Other Categories" (the submenu opens on hover) */
@media (min-width: 992px) and (hover: hover) {
  .container-header .metismenu.mod-menu .metismenu-item.parent > .mm-toggler {
    display: none;
  }
}

/* Protostar heading sizes (the carried-over rules above still set h1 to 30px and h3 grey) */
.site-grid h1, .site-grid h2, .site-grid h3, .site-grid h4, .site-grid h5, .site-grid h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  margin: 12px 0;
}
.site-grid h1 { font-size: 30px; line-height: 32px; margin-top: 30px; }
.site-grid h2 { font-size: 22px; line-height: 24px; }
.site-grid h3 { font-size: 18px; line-height: 20px; }
.site-grid h4 { font-size: 14px; line-height: 16px; }
.site-grid h5 { font-size: 13px; line-height: 16px; }
.site-grid h6 { font-size: 12px; line-height: 14px; }
/* Sidebar module titles */
.container-sidebar-right h3.card-header {
  color: #808080;
  font: bold 18px/20px "Open Sans", sans-serif;
  margin: 0 0 5px;
  padding: 0 0 5px;
  border-bottom: 1px solid #eee;
  border-radius: 0;
}

/* Bootstrap 2 list spacing (the TOC box keeps its own) */
.site-grid :where(ul, ol) {
  margin: 0 0 9px 25px;
  padding: 0;
}
.site-grid :where(ul, ol) :where(ul, ol) {
  margin-bottom: 0;
}

/* No underlines on header/content/footer links (Cassiopeia underlines them) */
.container-header a,
.site-grid a,
.container-footer a {
  text-decoration: none;
}
.container-header a:hover,
.site-grid a:hover,
.container-footer a:hover {
  text-decoration: underline;
}

/* Sidebar lists keep their bullets, as on the Joomla 3 site */
.container-sidebar-right ul.mod-list,
.container-sidebar-right ul {
  list-style: disc;
  list-style-position: inside;
  margin: 0 0 9px 25px;
  padding: 0;
  font-size: 13px;
}
.container-sidebar-right ul li {
  list-style: disc inside;
  padding: 0;
}

/* Article titles like Protostar's page heading (Open Sans 22px, no small caps or heavy rule) */
.site-grid .page-header h1,
.site-grid .page-header h2 {
  font-variant: normal;
  border-bottom: 0;
  font-size: 22px;
  line-height: 24px;
  margin: 12px 0;
}
.site-grid .page-header {
  border-bottom: 1px solid #eee;
  margin: 2px 0 10px;
  padding-bottom: 5px;
}

/* Details block: grey text, indented lines, no folder icon (as on Protostar) */
.site-grid .article-info {
  color: #999;
  margin: 13px 0 18px;
}
.site-grid .article-info dt {
  color: #999;
  font-weight: bold;
}
.site-grid .article-info dd {
  margin: 0 0 0 9px;
}
.site-grid .article-info .category-name .icon-folder-open {
  display: none;
}

/* Version History and gear buttons like Bootstrap 2 .btn */
.version-history .btn,
.icons .btn {
  color: #333;
  font-size: 13px;
  line-height: 18px;
  padding: 4px 12px;
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  border: 1px solid #bbb;
  border-bottom-color: #a2a2a2;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
/* Circled "i" like the Joomla 3 icon, and the caret spaced like Bootstrap 2's */
.version-history .icon-info::before {
  content: "\f05a";
}
.version-history .icon-info {
  width: 14px;
}
.icons.ms-2 {
  margin-left: 7px !important;
}
.icons .dropdown-toggle::after {
  margin-left: 10px;
}
.version-history .btn:hover,
.icons .btn:hover {
  background-color: #e6e6e6;
  background-image: none;
  color: #333;
}

/* Article tags as Bootstrap 2 labels (Joomla 5 renders them as small buttons) */
.tags .label {
  display: inline-block;
  padding: 2px 4px;
  font-size: 10.15px;
  font-weight: bold;
  line-height: 14px;
  color: #fff;
  background-color: #999;
  border: 0;
  border-radius: 3px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  vertical-align: baseline;
}
.tags .label-info {
  background-color: #3a87ad;
}
.tags .label:hover,
.tags .label:focus {
  color: #fff;
  text-decoration: none;
}

/* Mobile menu toggle: Protostar's grey btn-navbar with three light bars */
.container-header .navbar-toggler {
  width: 43px;
  height: 28px;
  margin: 5px 5px 0;
  padding: 7px 10px;
  background-color: #ededed;
  border: 0;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}
.container-header .navbar-toggler .icon-menu {
  display: none;
}
.container-header .navbar-toggler::before {
  content: "";
  display: block;
  width: 18px;
  height: 2px;
  margin-bottom: 10px;
  background-color: #f5f5f5;
  border-radius: 1px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), 0 5px 0 #f5f5f5, 0 6px 0 rgba(0, 0, 0, 0.25), 0 10px 0 #f5f5f5, 0 11px 0 rgba(0, 0, 0, 0.25);
}
.container-header .navbar-toggler:hover,
.container-header .navbar-toggler:focus {
  background-color: #e6e6e6;
}

/* Phones: Protostar's responsive layout (20px margins, centred header, search above the menu row) */
@media (max-width: 767.98px) {
  .container-header > .grid-child,
  .container-footer > .grid-child {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .wrapper-fluid .site-grid {
    display: block;
    padding: 0 20px;
  }
  .wrapper-fluid .site-grid > .grid-child {
    margin: 0;
  }
  .container-header .navbar-brand {
    text-align: center;
    width: 100%;
    min-height: 0;
    margin: 0;
  }
  .container-header > .grid-child.container-nav {
    flex-direction: column;
    align-items: stretch;
    margin: 0 20px 10px;
    padding: 0 !important;
    border: 0;
  }
  .container-header .container-nav > nav {
    order: 2;
    align-items: flex-start;
    min-height: 63px;
    padding: 5px 0;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
  }
  .container-header .container-search {
    order: 1;
    text-align: center;
    margin: 0 0 15px !important;
  }
  .container-header .mod-finder__search {
    display: block;
    text-align: center;
  }
  .container-header .mod-finder .form-control {
    display: block;
    width: 338px;
    max-width: 100%;
    margin: 0 auto;
  }
  .container-header .mod-finder .btn {
    display: inline-block;
    margin: 0 !important;
  }
  .container-header .mod-languages {
    margin-top: 0;
  }
  .container-header .mod-languages ul {
    margin: 0;
  }
}

/* Article gear (Print) menu next to Version History, like Protostar's icons dropdown */
.icons .dropdown-item {
  font-size: 13px;
  color: #333;
}
body.itemid-105 div.icons,
body.itemid-104 div.icons {
  display: none;
}
@media print {
  #pop-print,
  .version-history,
  .icons {
    display: none !important;
  }
}

/* Menu: submenus (Other Categories) open on hover on desktop, like the Joomla 3 dropdowns */
@media (min-width: 992px) and (hover: hover) {
  .container-header .metismenu.mod-menu .metismenu-item.parent:hover > .mm-collapse,
  .container-header .metismenu.mod-menu .metismenu-item.parent:focus-within > .mm-collapse {
    display: block;
    z-index: 1000;
  }
}

/* Category article lists like the Joomla 3 (Bootstrap 2) table and filters */
.com-content-category__articles .com-content__filter,
.com-content-category__articles .com-content-category__pagination {
  margin: 0 0 9px;
}
.com-content-category__articles .form-select {
  appearance: auto;
  background-image: none;
  height: 28px;
  padding: 4px 6px;
  font-size: 13px;
  line-height: normal;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px !important;
  box-shadow: none;
}
.com-content-category__articles #filter-search {
  width: 220px;
  flex: 0 0 auto;
}
.com-content-category__articles #limit {
  width: 60px;
  height: 27px;
}
.com-content-category__table.table {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #ddd;
  border-left: 0;
  border-radius: 4px;
  margin: 0 0 18px;
  color: #333;
}
.com-content-category__table.table > :not(caption) > * > * {
  padding: 8px;
  line-height: 18px;
  vertical-align: top;
  border: 0;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  background-color: transparent;
  box-shadow: none;
}
.com-content-category__table.table > thead > tr > th {
  border-top: 0;
  vertical-align: bottom;
  font-weight: bold;
}
.com-content-category__table.table > tbody > tr:nth-child(odd) > * {
  background-color: #f9f9f9;
}
.com-content-category__table.table > tbody > tr:hover > * {
  background-color: #f5f5f5;
}
.com-content-category__table.table > tbody > tr > th {
  font-weight: normal;
}
.com-content-category__table .small {
  font-size: 85%;
}

/* Bootstrap 2 small text and horizontal rules */
.site-grid small,
.site-grid .small {
  font-size: 85%;
}
.site-grid hr {
  height: 0;
  margin: 18px 0;
  border: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #fff;
  color: inherit;
  opacity: 1;
}

/* Glossary (Defined Terms) page like the Joomla 3 one: small search box, plain letter box */
.glossary-category-blog .terms-search-box {
  float: left;
  display: flex;
  margin-bottom: 9px;
}
.glossary-category-blog .terms-search-box input {
  width: 164px;
  height: 28px;
  padding: 4px 6px;
  font-size: 13px;
  line-height: 18px;
  color: #555;
  border: 1px solid #ccc;
  border-radius: 3px 0 0 3px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.glossary-category-blog .terms-search-box .btn {
  min-width: 43px;
  height: 28px;
  margin-left: -1px;
  padding: 4px 12px;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  border: 1px solid #bbb;
  border-bottom-color: #a2a2a2;
  border-radius: 0 3px 3px 0;
}
.glossary-category-blog .terms-advanced-search {
  float: left;
}
.glossary-category-blog .terms-advanced-search label {
  display: inline-block;
  padding-top: 5px;
}
.glossary-category-blog .terms-abc {
  padding: 9px;
  margin: 0 0 20px;
  background: none;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
/* Bootstrap 2's clearfix wrappers kept heading and paragraph margins inside each block */
.glossary-category-blog .glossary-terms > div,
.glossary-category-blog .term-description {
  display: flow-root;
}

/* Pagination like Bootstrap 2: joined bordered links with rounded ends */
.site-grid .pagination-j3 {
  margin: 18px 0;
}
.site-grid .pagination-j3 > p {
  margin: 0 0 11px;
}
.site-grid .pagination-j3 .pagination__wrapper {
  padding-top: 7px;
}
.site-grid .display-limit {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}
.site-grid .display-limit label {
  display: inline;
}
.site-grid .display-limit select {
  appearance: auto;
  background-image: none;
  width: 60px;
  height: 27px;
  padding: 4px 6px;
  font-size: 13px;
  color: #555;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #fff;
}
.site-grid ul.pagination {
  display: inline-block;
  margin: 0 !important;
  padding: 0;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.site-grid ul.pagination .page-item {
  display: inline;
}
.site-grid ul.pagination .page-link {
  float: left;
  margin: 0;
  padding: 4px 12px;
  font-size: 13px;
  line-height: 18px;
  color: #a80101;
  background-color: transparent;
  border: 1px solid #ddd;
  border-left-width: 0;
  border-radius: 0;
  box-shadow: none;
}
.site-grid ul.pagination .page-item:first-child .page-link {
  border-left-width: 1px;
  border-radius: 4px 0 0 4px;
}
.site-grid ul.pagination .page-item:last-child .page-link {
  border-radius: 0 4px 4px 0;
}
.site-grid ul.pagination .page-item.disabled .page-link {
  color: #999;
}
.site-grid ul.pagination .page-item.active .page-link {
  color: #999;
  background-color: #f5f5f5;
}
.site-grid ul.pagination .page-link:hover {
  background-color: #f5f5f5;
}