@import '../../vendor/ontario-design-system/styles/ds-theme.min.css';
/* Resets */
html,
body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  margin: 0;
}

/* Fill the page */
.maincontent__container {
  flex-grow: 1;
}

.right {
  text-align: right;
}

.small {
  font-size: small;
}

/** Breadcrumbs **/
.ontario-breadcrumbs {
  display: block;
  margin: 1.5rem 0 0 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.ontario-breadcrumbs li {
  float: left;
  font-size: 16px;
  line-height: inherit;
}

.ontario-breadcrumbs li a {
  text-decoration: underline;
}

.ontario-breadcrumbs > :nth-child(n + 1):before {
  content: '';
  background: url('../../vendor/ontario-design-system/icons/svg/ontario-icon-chevron-right.svg')
    no-repeat;
  display: inline-block;
  height: 18px;
  right: 3px;
  width: 1rem;
  top: 0.1rem;
  position: relative;
  margin: 0 0.1rem;
}

.ontario-breadcrumbs > *:first-child:before {
  width: 0;
  margin: 0;
}

.skip-to-main {
  text-align: center;
}

.show-on-focus {
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

.show-on-focus:focus,
.show-on-focus:active {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}

.mb-2 {
  margin-bottom: 2rem !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 1rem !important;
}

.mt-2 {
  margin-top: 2rem !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: 1rem !important;
}

.mr-2 {
  margin-right: 2rem !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: 1rem !important;
}

.ml-2 {
  margin-left: 2rem !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}
