@ongov/ontario-design-system-global-styles/dist/styles/css/compiled/ontario-theme.css

Includes the Ontario Design System global styles that are used for more generic elements and layouts, as well as fonts and favicon files.

@charset "UTF-8";
/* -----------------------------------------------------------------------------

    Please see /standards/architecture.md for standards on how to write CSS for
    this project.

----------------------------------------------------------------------------- */
/*** 0 - Tools - Functions ***/
/*
*  Grid functions
*
*  1 - Lower-bound
*  2 - Upper-bound
*  3 - Grid calc
*/
/*** 1 - Lower-bound ***/
/*** 2 - Upper-bound ***/
/*** 3 - Grid calc ***/
/* Rem calc function */
/* Pixel to REM Conversion */
/* Asset URL builder */
/* Image asset helper */
/* Font asset helper */
/* Icon asset helper */
/*** 1 - Variables ***/
/*** 1 - Breakpoint sizes for media queries ***/
/*
*  Global colour variables
*
*  1 - Greyscale colours
*  2 - System colours
*  3 - Accent colours
*    3.1 - Main
*    3.2 - Light
*    3.3 - Dark
*    3.4 - Callout backgrounds
*/
/*** 1 - Greyscale colours ***/
/*** 2 - System colours ***/
/*** 3 - Accent colours ***/
/* Main */
/* Light */
/* Dark */
/* callout backgrounds */
/* icon colours */
/* service ontario header colours */
/* -------------------------------
    Global font-size variables
--------------------------------- */
/* -------------------------------
    Global font-weight variables
--------------------------------- */
/* -------------------------------
    Global font variables
--------------------------------- */
/*
*  Global variables
*
*  Used across multiple components
*/
/* -----------------------------------------------------------------------------

    Please see /standards/architecture.md for standards on how to write CSS for
    this project.

----------------------------------------------------------------------------- */
/*** 0 - Tools - Functions ***/
/*** 1 - Variables ***/
/*
*  Global grid variables
*
*  1 - Grid text variables
*  2 - Grid row/column variables
*  3 - Grid screen size variables
*/
/*** 1 - Grid text variables ***/
/*** 2 - Grid row/column variables ***/
/*** 3 - Grid screen size variables ***/
/* -------------------------------
    Global letter-spacing variables
--------------------------------- */
/* -------------------------------
    Global line-height variables
--------------------------------- */
/* -------------------------------
    Global spacing variables
--------------------------------- */
/*** 1 - Variables ***/
/* -------------------------------
    Global typography variables
--------------------------------- */
h6,
.ontario-h6, h5,
.ontario-h5, h4,
.ontario-h4, h3,
.ontario-h3, h2,
.ontario-h2, h1,
.ontario-h1 {
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  margin-bottom: 1rem;
  font-feature-settings: normal;
  font-family: "Raleway Modified", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1,
.ontario-h1 {
  font-size: 2rem;
  letter-spacing: 0.04rem;
  line-height: 1.29;
  margin: 2.5rem 0 1.5rem 0;
  max-width: 70rem;
}
@media screen and (min-width: 40em) {
  h1,
  .ontario-h1 {
    font-size: 2.5rem;
    letter-spacing: 0.04rem;
    line-height: 1.2;
  }
}

h2,
.ontario-h2 {
  font-size: 1.6875rem;
  letter-spacing: 0.03rem;
  line-height: 1.37;
  margin: 0 0 0.75rem 0;
  max-width: 48rem;
}
@media screen and (min-width: 40em) {
  h2,
  .ontario-h2 {
    font-size: 2.0625rem;
    letter-spacing: 0.02rem;
    line-height: 1.33;
  }
}

h3,
.ontario-h3 {
  font-size: 1.4375rem;
  letter-spacing: 0.02rem;
  line-height: 1.39;
  margin: 0 0 0.75rem 0;
  max-width: 48rem;
}
@media screen and (min-width: 40em) {
  h3,
  .ontario-h3 {
    font-size: 1.75rem;
    letter-spacing: 0.02rem;
    line-height: 1.43;
  }
}

h4,
.ontario-h4 {
  font-size: 1.25rem;
  letter-spacing: 0.03rem;
  line-height: 1.5;
  margin: 0 0 0.75rem 0;
  max-width: 48rem;
}
@media screen and (min-width: 40em) {
  h4,
  .ontario-h4 {
    font-size: 1.5rem;
    letter-spacing: 0.0313rem;
    line-height: 1.5;
  }
}

h5,
.ontario-h5 {
  font-size: 1.125rem;
  letter-spacing: 0.03rem;
  line-height: 1.56;
  margin: 0 0 0.75rem 0;
  max-width: 48rem;
}
@media screen and (min-width: 40em) {
  h5,
  .ontario-h5 {
    font-size: 1.1875rem;
    letter-spacing: 0.025rem;
    line-height: 1.5;
  }
}

h6,
.ontario-h6 {
  font-size: 1rem;
  line-height: 1.56;
  letter-spacing: 0.03rem;
  max-width: 48rem;
  margin: 0 0 0.75rem 0;
}
@media screen and (min-width: 40em) {
  h6,
  .ontario-h6 {
    font-size: 1rem;
    letter-spacing: 0.025rem;
    line-height: 1.5;
  }
}

.ontario-lead-statement {
  font-size: 1.25rem;
  line-height: 1.6;
  max-width: 70rem;
}
@media screen and (min-width: 40em) {
  .ontario-lead-statement {
    font-size: 1.375rem;
  }
}

/*** 2 - Tools - Mixins and placeholders ***/
/*** 1 - Variables ***/
/*
* Spacing overrides
* This .scss loop will create margin & padding helpers classes
*/
.ontario-margin-top-0-\! {
  margin-top: 0;
}

.ontario-padding-top-0-\! {
  padding-top: 0;
}

.ontario-margin-bottom-0-\! {
  margin-bottom: 0;
}

.ontario-padding-bottom-0-\! {
  padding-bottom: 0;
}

.ontario-margin-left-0-\! {
  margin-left: 0;
}

.ontario-padding-left-0-\! {
  padding-left: 0;
}

.ontario-margin-right-0-\! {
  margin-right: 0;
}

.ontario-padding-right-0-\! {
  padding-right: 0;
}

.ontario-margin-top-4-\! {
  margin-top: 0.25rem;
}

.ontario-padding-top-4-\! {
  padding-top: 0.25rem;
}

.ontario-margin-bottom-4-\! {
  margin-bottom: 0.25rem;
}

.ontario-padding-bottom-4-\! {
  padding-bottom: 0.25rem;
}

.ontario-margin-left-4-\! {
  margin-left: 0.25rem;
}

.ontario-padding-left-4-\! {
  padding-left: 0.25rem;
}

.ontario-margin-right-4-\! {
  margin-right: 0.25rem;
}

.ontario-padding-right-4-\! {
  padding-right: 0.25rem;
}

.ontario-margin-top-8-\! {
  margin-top: 0.5rem;
}

.ontario-padding-top-8-\! {
  padding-top: 0.5rem;
}

.ontario-margin-bottom-8-\! {
  margin-bottom: 0.5rem;
}

.ontario-padding-bottom-8-\! {
  padding-bottom: 0.5rem;
}

.ontario-margin-left-8-\! {
  margin-left: 0.5rem;
}

.ontario-padding-left-8-\! {
  padding-left: 0.5rem;
}

.ontario-margin-right-8-\! {
  margin-right: 0.5rem;
}

.ontario-padding-right-8-\! {
  padding-right: 0.5rem;
}

.ontario-margin-top-12-\! {
  margin-top: 0.75rem;
}

.ontario-padding-top-12-\! {
  padding-top: 0.75rem;
}

.ontario-margin-bottom-12-\! {
  margin-bottom: 0.75rem;
}

.ontario-padding-bottom-12-\! {
  padding-bottom: 0.75rem;
}

.ontario-margin-left-12-\! {
  margin-left: 0.75rem;
}

.ontario-padding-left-12-\! {
  padding-left: 0.75rem;
}

.ontario-margin-right-12-\! {
  margin-right: 0.75rem;
}

.ontario-padding-right-12-\! {
  padding-right: 0.75rem;
}

.ontario-margin-top-16-\! {
  margin-top: 1rem;
}

.ontario-padding-top-16-\! {
  padding-top: 1rem;
}

.ontario-margin-bottom-16-\! {
  margin-bottom: 1rem;
}

.ontario-padding-bottom-16-\! {
  padding-bottom: 1rem;
}

.ontario-margin-left-16-\! {
  margin-left: 1rem;
}

.ontario-padding-left-16-\! {
  padding-left: 1rem;
}

.ontario-margin-right-16-\! {
  margin-right: 1rem;
}

.ontario-padding-right-16-\! {
  padding-right: 1rem;
}

.ontario-margin-top-24-\! {
  margin-top: 1.5rem;
}

.ontario-padding-top-24-\! {
  padding-top: 1.5rem;
}

.ontario-margin-bottom-24-\! {
  margin-bottom: 1.5rem;
}

.ontario-padding-bottom-24-\! {
  padding-bottom: 1.5rem;
}

.ontario-margin-left-24-\! {
  margin-left: 1.5rem;
}

.ontario-padding-left-24-\! {
  padding-left: 1.5rem;
}

.ontario-margin-right-24-\! {
  margin-right: 1.5rem;
}

.ontario-padding-right-24-\! {
  padding-right: 1.5rem;
}

.ontario-margin-top-32-\! {
  margin-top: 2rem;
}

.ontario-padding-top-32-\! {
  padding-top: 2rem;
}

.ontario-margin-bottom-32-\! {
  margin-bottom: 2rem;
}

.ontario-padding-bottom-32-\! {
  padding-bottom: 2rem;
}

.ontario-margin-left-32-\! {
  margin-left: 2rem;
}

.ontario-padding-left-32-\! {
  padding-left: 2rem;
}

.ontario-margin-right-32-\! {
  margin-right: 2rem;
}

.ontario-padding-right-32-\! {
  padding-right: 2rem;
}

.ontario-margin-top-40-\! {
  margin-top: 2.5rem;
}

.ontario-padding-top-40-\! {
  padding-top: 2.5rem;
}

.ontario-margin-bottom-40-\! {
  margin-bottom: 2.5rem;
}

.ontario-padding-bottom-40-\! {
  padding-bottom: 2.5rem;
}

.ontario-margin-left-40-\! {
  margin-left: 2.5rem;
}

.ontario-padding-left-40-\! {
  padding-left: 2.5rem;
}

.ontario-margin-right-40-\! {
  margin-right: 2.5rem;
}

.ontario-padding-right-40-\! {
  padding-right: 2.5rem;
}

.ontario-margin-top-48-\! {
  margin-top: 3rem;
}

.ontario-padding-top-48-\! {
  padding-top: 3rem;
}

.ontario-margin-bottom-48-\! {
  margin-bottom: 3rem;
}

.ontario-padding-bottom-48-\! {
  padding-bottom: 3rem;
}

.ontario-margin-left-48-\! {
  margin-left: 3rem;
}

.ontario-padding-left-48-\! {
  padding-left: 3rem;
}

.ontario-margin-right-48-\! {
  margin-right: 3rem;
}

.ontario-padding-right-48-\! {
  padding-right: 3rem;
}

.ontario-margin-top-64-\! {
  margin-top: 4rem;
}

.ontario-padding-top-64-\! {
  padding-top: 4rem;
}

.ontario-margin-bottom-64-\! {
  margin-bottom: 4rem;
}

.ontario-padding-bottom-64-\! {
  padding-bottom: 4rem;
}

.ontario-margin-left-64-\! {
  margin-left: 4rem;
}

.ontario-padding-left-64-\! {
  padding-left: 4rem;
}

.ontario-margin-right-64-\! {
  margin-right: 4rem;
}

.ontario-padding-right-64-\! {
  padding-right: 4rem;
}

/*
*  Padding overrides
*/
.ontario-padding-top-0-\! {
  padding-top: 0 !important;
}

.ontario-padding-bottom-0-\! {
  padding-bottom: 0 !important;
}

.ontario-padding-right-0-\! {
  padding-right: 0 !important;
}

.ontario-padding-left-0-\! {
  padding-left: 0 !important;
}

.ontario-padding-top-4-\! {
  padding-top: 0.25rem !important;
}

.ontario-padding-bottom-4-\! {
  padding-bottom: 0.25rem !important;
}

.ontario-padding-right-4-\! {
  padding-right: 0.25rem !important;
}

.ontario-padding-left-4-\! {
  padding-left: 0.25rem !important;
}

.ontario-padding-top-8-\! {
  padding-top: 0.5rem !important;
}

.ontario-padding-bottom-8-\! {
  padding-bottom: 0.5rem !important;
}

.ontario-padding-right-8-\! {
  padding-right: 0.5rem !important;
}

.ontario-padding-left-8-\! {
  padding-left: 0.5rem !important;
}

.ontario-padding-top-12-\! {
  padding-top: 0.75rem !important;
}

.ontario-padding-bottom-12-\! {
  padding-bottom: 0.75rem !important;
}

.ontario-padding-right-12-\! {
  padding-right: 0.75rem !important;
}

.ontario-padding-left-12-\! {
  padding-left: 0.75rem !important;
}

.ontario-padding-top-16-\! {
  padding-top: 1rem !important;
}

.ontario-padding-bottom-16-\! {
  padding-bottom: 1rem !important;
}

.ontario-padding-right-16-\! {
  padding-right: 1rem !important;
}

.ontario-padding-left-16-\! {
  padding-left: 1rem !important;
}

.ontario-padding-top-24-\! {
  padding-top: 1.5rem !important;
}

.ontario-padding-bottom-24-\! {
  padding-bottom: 1.5rem !important;
}

.ontario-padding-right-24-\! {
  padding-right: 1.5rem !important;
}

.ontario-padding-left-24-\! {
  padding-left: 1.5rem !important;
}

.ontario-padding-top-32-\! {
  padding-top: 2rem !important;
}

.ontario-padding-bottom-32-\! {
  padding-bottom: 2rem !important;
}

.ontario-padding-right-32-\! {
  padding-right: 2rem !important;
}

.ontario-padding-left-32-\! {
  padding-left: 2rem !important;
}

.ontario-padding-top-40-\! {
  padding-top: 2.5rem !important;
}

.ontario-padding-bottom-40-\! {
  padding-bottom: 2.5rem !important;
}

.ontario-padding-right-40-\! {
  padding-right: 2.5rem !important;
}

.ontario-padding-left-40-\! {
  padding-left: 2.5rem !important;
}

.ontario-padding-top-48-\! {
  padding-top: 3rem !important;
}

.ontario-padding-bottom-48-\! {
  padding-bottom: 3rem !important;
}

.ontario-padding-right-48-\! {
  padding-right: 3rem !important;
}

.ontario-padding-left-48-\! {
  padding-left: 3rem !important;
}

.ontario-padding-top-64-\! {
  padding-top: 4rem !important;
}

.ontario-padding-bottom-64-\! {
  padding-bottom: 4rem !important;
}

.ontario-padding-right-64-\! {
  padding-right: 4rem !important;
}

.ontario-padding-left-64-\! {
  padding-left: 4rem !important;
}

.ontario-padding-top-80-\! {
  padding-top: 5rem !important;
}

.ontario-padding-bottom-80-\! {
  padding-bottom: 5rem !important;
}

.ontario-padding-right-80-\! {
  padding-right: 5rem !important;
}

.ontario-padding-left-80-\! {
  padding-left: 5rem !important;
}

.ontario-margin-top-0-\! {
  margin-top: 0 !important;
}

.ontario-margin-bottom-0-\! {
  margin-bottom: 0 !important;
}

.ontario-margin-right-0-\! {
  margin-right: 0 !important;
}

.ontario-margin-left-0-\! {
  margin-left: 0 !important;
}

.ontario-margin-top-4-\! {
  margin-top: 0.25rem !important;
}

.ontario-margin-bottom-4-\! {
  margin-bottom: 0.25rem !important;
}

.ontario-margin-right-4-\! {
  margin-right: 0.25rem !important;
}

.ontario-margin-left-4-\! {
  margin-left: 0.25rem !important;
}

.ontario-margin-top-8-\! {
  margin-top: 0.5rem !important;
}

.ontario-margin-bottom-8-\! {
  margin-bottom: 0.5rem !important;
}

.ontario-margin-right-8-\! {
  margin-right: 0.5rem !important;
}

.ontario-margin-left-8-\! {
  margin-left: 0.5rem !important;
}

.ontario-margin-top-12-\! {
  margin-top: 0.75rem !important;
}

.ontario-margin-bottom-12-\! {
  margin-bottom: 0.75rem !important;
}

.ontario-margin-right-12-\! {
  margin-right: 0.75rem !important;
}

.ontario-margin-left-12-\! {
  margin-left: 0.75rem !important;
}

.ontario-margin-top-16-\! {
  margin-top: 1rem !important;
}

.ontario-margin-bottom-16-\! {
  margin-bottom: 1rem !important;
}

.ontario-margin-right-16-\! {
  margin-right: 1rem !important;
}

.ontario-margin-left-16-\! {
  margin-left: 1rem !important;
}

.ontario-margin-top-24-\! {
  margin-top: 1.5rem !important;
}

.ontario-margin-bottom-24-\! {
  margin-bottom: 1.5rem !important;
}

.ontario-margin-right-24-\! {
  margin-right: 1.5rem !important;
}

.ontario-margin-left-24-\! {
  margin-left: 1.5rem !important;
}

.ontario-margin-top-32-\! {
  margin-top: 2rem !important;
}

.ontario-margin-bottom-32-\! {
  margin-bottom: 2rem !important;
}

.ontario-margin-right-32-\! {
  margin-right: 2rem !important;
}

.ontario-margin-left-32-\! {
  margin-left: 2rem !important;
}

.ontario-margin-top-40-\! {
  margin-top: 2.5rem !important;
}

.ontario-margin-bottom-40-\! {
  margin-bottom: 2.5rem !important;
}

.ontario-margin-right-40-\! {
  margin-right: 2.5rem !important;
}

.ontario-margin-left-40-\! {
  margin-left: 2.5rem !important;
}

.ontario-margin-top-48-\! {
  margin-top: 3rem !important;
}

.ontario-margin-bottom-48-\! {
  margin-bottom: 3rem !important;
}

.ontario-margin-right-48-\! {
  margin-right: 3rem !important;
}

.ontario-margin-left-48-\! {
  margin-left: 3rem !important;
}

.ontario-margin-top-64-\! {
  margin-top: 4rem !important;
}

.ontario-margin-bottom-64-\! {
  margin-bottom: 4rem !important;
}

.ontario-margin-right-64-\! {
  margin-right: 4rem !important;
}

.ontario-margin-left-64-\! {
  margin-left: 4rem !important;
}

.ontario-margin-top-80-\! {
  margin-top: 5rem !important;
}

.ontario-margin-bottom-80-\! {
  margin-bottom: 5rem !important;
}

.ontario-margin-right-80-\! {
  margin-right: 5rem !important;
}

.ontario-margin-left-80-\! {
  margin-left: 5rem !important;
}

/*
*  Global mixins
*  Used across multiple components
*/
/**
 * Mixin that adds spacing to a position and mark it as important
 * $type is the type of spacing to use and can be either padding or margin
 * $position is the direction to which the spacing is applied; can be top, right, bottom or left
 * $size is the amount of px to be used as the spacing; can be 0, 4, 8, 12, 16, 24, 32, 40, 48 or 64
 */
/* -----------------------------------------------------------------------------

    Please see /standards/architecture.md for standards on how to write CSS for
    this project.

----------------------------------------------------------------------------- */
/*** 0 - Tools - Functions ***/
/*
*  Grid mixins
*
*  1 - Exporting grid code
*  2 - Clearfix
*  3 - Grid row
*  4 - Grid column
*  5 - Grid HTML classes
*/
/*** 1 - Exporting grid code ***/
/*** 2 - Clearfix ***/
/*** 3 - Grid row ***/
/*** 4 - Grid column ***/
/*** 5 - Grid HTML classes ***/
/* -------------------------------
    Focus placeholder variables
--------------------------------- */
/* -------------------------------
    Focus placeholder
--------------------------------- */
/*** 3 - Generics ***/
/*
*  Colour classes
*
*  1 - Background colours
*    1.1 - Greyscale background colours
*    1.2 - Main accent background colours
*    1.3 - Light accent background colours
*    1.4 - Dark accent background colours
*/
/*** 1 - Greyscale background colours ***/
.ontario-bg-white {
  background-color: #FFFFFF;
}

.ontario-bg-greyscale-5 {
  background-color: rgb(242.25, 242.25, 242.25);
}

.ontario-bg-greyscale-20 {
  background-color: #cccccc;
}

.ontario-bg-greyscale-40 {
  background-color: #999999;
}

.ontario-bg-greyscale-60 {
  background-color: #666666;
}

.ontario-bg-greyscale-70 {
  background-color: rgb(76.5, 76.5, 76.5);
}

.ontario-bg-black {
  background-color: rgb(25.5, 25.5, 25.5);
}

/*** 2 - Main accent background colours ***/
.ontario-bg-gold {
  background-color: #CBA52E;
}

.ontario-bg-yellow {
  background-color: #FCAF17;
}

.ontario-bg-taupe {
  background-color: #C1B28F;
}

.ontario-bg-green {
  background-color: #39B54A;
}

.ontario-bg-lime {
  background-color: #8DC63F;
}

.ontario-bg-teal {
  background-color: #49A7A2;
}

.ontario-bg-sky {
  background-color: #00B2E3;
}

.ontario-bg-blue {
  background-color: #3193CC;
}

.ontario-bg-purple {
  background-color: #B975B7;
}

.ontario-bg-orange {
  background-color: #F15A22;
}

.ontario-bg-red {
  background-color: #F0454B;
}

.ontario-bg-magenta {
  background-color: #F03093;
}

/*** 1 - Light accent background colours ***/
.ontario-bg-light-gold {
  background-color: #F0E7CC;
}

.ontario-bg-light-yellow {
  background-color: #F8E5C3;
}

.ontario-bg-light-taupe {
  background-color: #EBE7DB;
}

.ontario-bg-light-green {
  background-color: #D1EFD4;
}

.ontario-bg-light-lime {
  background-color: #DDEDC7;
}

.ontario-bg-light-teal {
  background-color: #CFEDED;
}

.ontario-bg-light-sky {
  background-color: #C5EEFA;
}

.ontario-bg-light-blue {
  background-color: #DBE9F5;
}

.ontario-bg-light-purple {
  background-color: #F1E3F2;
}

.ontario-bg-light-orange {
  background-color: #FEE1D9;
}

.ontario-bg-light-red {
  background-color: #FFE0E2;
}

.ontario-bg-light-magenta {
  background-color: #FEDFF0;
}

/*** 1 - Dark accent background colours ***/
.ontario-bg-dark-gold {
  background-color: #86743D;
}

.ontario-bg-dark-yellow {
  background-color: #8A600D;
}

.ontario-bg-dark-taupe {
  background-color: #7B725C;
}

.ontario-bg-dark-green {
  background-color: #2B8737;
}

.ontario-bg-dark-lime {
  background-color: #5F8129;
}

.ontario-bg-dark-teal {
  background-color: #367A76;
}

.ontario-bg-dark-sky {
  background-color: #1080A6;
}

.ontario-bg-dark-blue {
  background-color: #0369ac;
}

.ontario-bg-dark-purple {
  background-color: #92278F;
}

.ontario-bg-dark-orange {
  background-color: #C64A1C;
}

.ontario-bg-dark-red {
  background-color: #D81A21;
}

.ontario-bg-dark-magenta {
  background-color: #C00264;
}

@font-face {
  font-family: "Courier Prime";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/courier-prime-400/courier-prime-400.woff2") format("woff2"), url("../../../fonts/courier-prime-400/courier-prime-400.otf") format("opentype"), url("../../../fonts/courier-prime-400/courier-prime-400.ttf") format("truetype"), local("Courier Prime Regular"), local("Courier Prime"), local("CourierPrime-Regular");
}
@font-face {
  font-family: "Courier Prime";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("../../../fonts/courier-prime-400--italic/courier-prime-400--italic.woff2") format("woff2"), url("../../../fonts/courier-prime-400--italic/courier-prime-400--italic.otf") format("opentype"), url("../../../fonts/courier-prime-400--italic/courier-prime-400--italic.ttf") format("truetype"), local("Courier Prime Italic"), local("Courier Prime"), local("CourierPrime-Italic");
}
@font-face {
  font-family: "Courier Prime";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/courier-prime-700/courier-prime-700.woff2") format("woff2"), url("../../../fonts/courier-prime-700/courier-prime-700.otf") format("opentype"), url("../../../fonts/courier-prime-700/courier-prime-700.ttf") format("truetype"), local("Courier Prime Bold"), local("Courier Prime"), local("CourierPrime-Bold");
}
@font-face {
  font-family: "Courier Prime";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("../../../fonts/courier-prime-700--italic/courier-prime-700--italic.woff2") format("woff2"), url("../../../fonts/courier-prime-700--italic/courier-prime-700--italic.otf") format("opentype"), url("../../../fonts/courier-prime-700--italic/courier-prime-700--italic.ttf") format("truetype"), local("Courier Prime Bold Italic"), local("Courier Prime"), local("CourierPrime-BoldItalic");
}
@font-face {
  font-family: "Open Sans";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/open-sans-300/open-sans-300.woff2") format("woff2"), url("../../../fonts/open-sans-300/open-sans-300.otf") format("opentype"), url("../../../fonts/open-sans-300/open-sans-300.ttf") format("truetype"), local("Open Sans Light"), local("Open Sans Light"), local("OpenSans-Light");
}
@font-face {
  font-family: "Open Sans";
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url("../../../fonts/open-sans-300--italic/open-sans-300--italic.woff2") format("woff2"), url("../../../fonts/open-sans-300--italic/open-sans-300--italic.otf") format("opentype"), url("../../../fonts/open-sans-300--italic/open-sans-300--italic.ttf") format("truetype"), local("Open Sans Light Italic"), local("Open Sans Light"), local("OpenSans-LightItalic");
}
@font-face {
  font-family: "Open Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/open-sans-400/open-sans-400.woff2") format("woff2"), url("../../../fonts/open-sans-400/open-sans-400.otf") format("opentype"), url("../../../fonts/open-sans-400/open-sans-400.ttf") format("truetype"), local("Open Sans Regular"), local("Open Sans"), local("OpenSans-Regular");
}
@font-face {
  font-family: "Open Sans";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("../../../fonts/open-sans-400--italic/open-sans-400--italic.woff2") format("woff2"), url("../../../fonts/open-sans-400--italic/open-sans-400--italic.otf") format("opentype"), url("../../../fonts/open-sans-400--italic/open-sans-400--italic.ttf") format("truetype"), local("Open Sans Italic"), local("Open Sans"), local("OpenSans-Italic");
}
@font-face {
  font-family: "Open Sans";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/open-sans-500/open-sans-500.woff2") format("woff2"), url("../../../fonts/open-sans-500/open-sans-500.otf") format("opentype"), url("../../../fonts/open-sans-500/open-sans-500.ttf") format("truetype"), local("Open Sans Medium"), local("Open Sans Medium"), local("OpenSans-Medium");
}
@font-face {
  font-family: "Open Sans";
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("../../../fonts/open-sans-500--italic/open-sans-500--italic.woff2") format("woff2"), url("../../../fonts/open-sans-500--italic/open-sans-500--italic.otf") format("opentype"), url("../../../fonts/open-sans-500--italic/open-sans-500--italic.ttf") format("truetype"), local("Open Sans Medium Italic"), local("Open Sans Medium"), local("OpenSans-MediumItalic");
}
@font-face {
  font-family: "Open Sans";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/open-sans-600/open-sans-600.woff2") format("woff2"), url("../../../fonts/open-sans-600/open-sans-600.otf") format("opentype"), url("../../../fonts/open-sans-600/open-sans-600.ttf") format("truetype"), local("Open Sans SemiBold"), local("Open Sans SemiBold"), local("OpenSans-SemiBold");
}
@font-face {
  font-family: "Open Sans";
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src: url("../../../fonts/open-sans-600--italic/open-sans-600--italic.woff2") format("woff2"), url("../../../fonts/open-sans-600--italic/open-sans-600--italic.otf") format("opentype"), url("../../../fonts/open-sans-600--italic/open-sans-600--italic.ttf") format("truetype"), local("Open Sans SemiBold Italic"), local("Open Sans SemiBold"), local("OpenSans-SemiBoldItalic");
}
@font-face {
  font-family: "Open Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/open-sans-700/open-sans-700.woff2") format("woff2"), url("../../../fonts/open-sans-700/open-sans-700.otf") format("opentype"), url("../../../fonts/open-sans-700/open-sans-700.ttf") format("truetype"), local("Open Sans Bold"), local("Open Sans"), local("OpenSans-Bold");
}
@font-face {
  font-family: "Open Sans";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("../../../fonts/open-sans-700--italic/open-sans-700--italic.woff2") format("woff2"), url("../../../fonts/open-sans-700--italic/open-sans-700--italic.otf") format("opentype"), url("../../../fonts/open-sans-700--italic/open-sans-700--italic.ttf") format("truetype"), local("Open Sans Bold Italic"), local("Open Sans"), local("OpenSans-BoldItalic");
}
@font-face {
  font-family: "Open Sans";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/open-sans-800/open-sans-800.woff2") format("woff2"), url("../../../fonts/open-sans-800/open-sans-800.otf") format("opentype"), url("../../../fonts/open-sans-800/open-sans-800.ttf") format("truetype"), local("Open Sans ExtraBold"), local("Open Sans ExtraBold"), local("OpenSans-ExtraBold");
}
@font-face {
  font-family: "Open Sans";
  font-weight: 800;
  font-style: italic;
  font-display: swap;
  src: url("../../../fonts/open-sans-800--italic/open-sans-800--italic.woff2") format("woff2"), url("../../../fonts/open-sans-800--italic/open-sans-800--italic.otf") format("opentype"), url("../../../fonts/open-sans-800--italic/open-sans-800--italic.ttf") format("truetype"), local("Open Sans ExtraBold Italic"), local("Open Sans ExtraBold"), local("OpenSans-ExtraBoldItalic");
}
@font-face {
  font-family: "Raleway Modified";
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/raleway-modified-100/raleway-modified-100.woff2") format("woff2"), url("../../../fonts/raleway-modified-100/raleway-modified-100.otf") format("opentype"), url("../../../fonts/raleway-modified-100/raleway-modified-100.ttf") format("truetype"), local("Raleway Modified Thin"), local("Raleway Modified"), local("RalewayModified-Thin");
}
@font-face {
  font-family: "Raleway Modified";
  font-weight: 100;
  font-style: italic;
  font-display: swap;
  src: url("../../../fonts/raleway-modified-100--italic/raleway-modified-100--italic.woff2") format("woff2"), url("../../../fonts/raleway-modified-100--italic/raleway-modified-100--italic.otf") format("opentype"), url("../../../fonts/raleway-modified-100--italic/raleway-modified-100--italic.ttf") format("truetype"), local("Raleway Modified Thin Italic"), local("Raleway Modified"), local("RalewayModified-ThinItalic");
}
@font-face {
  font-family: "Raleway Modified";
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/raleway-modified-200/raleway-modified-200.woff2") format("woff2"), url("../../../fonts/raleway-modified-200/raleway-modified-200.otf") format("opentype"), url("../../../fonts/raleway-modified-200/raleway-modified-200.ttf") format("truetype"), local("Raleway Modified ExtraLight"), local("Raleway Modified"), local("RalewayModified-ExtraLight");
}
@font-face {
  font-family: "Raleway Modified";
  font-weight: 200;
  font-style: italic;
  font-display: swap;
  src: url("../../../fonts/raleway-modified-200--italic/raleway-modified-200--italic.woff2") format("woff2"), url("../../../fonts/raleway-modified-200--italic/raleway-modified-200--italic.otf") format("opentype"), url("../../../fonts/raleway-modified-200--italic/raleway-modified-200--italic.ttf") format("truetype"), local("Raleway Modified ExtraLight Italic"), local("Raleway Modified"), local("RalewayModified-ExtraLightItalic");
}
@font-face {
  font-family: "Raleway Modified";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/raleway-modified-300/raleway-modified-300.woff2") format("woff2"), url("../../../fonts/raleway-modified-300/raleway-modified-300.otf") format("opentype"), url("../../../fonts/raleway-modified-300/raleway-modified-300.ttf") format("truetype"), local("Raleway Modified Light"), local("Raleway Modified"), local("RalewayModified-Light");
}
@font-face {
  font-family: "Raleway Modified";
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url("../../../fonts/raleway-modified-300--italic/raleway-modified-300--italic.woff2") format("woff2"), url("../../../fonts/raleway-modified-300--italic/raleway-modified-300--italic.otf") format("opentype"), url("../../../fonts/raleway-modified-300--italic/raleway-modified-300--italic.ttf") format("truetype"), local("Raleway Modified Light Italic"), local("Raleway Modified"), local("RalewayModified-LightItalic");
}
@font-face {
  font-family: "Raleway Modified";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/raleway-modified-400/raleway-modified-400.woff2") format("woff2"), url("../../../fonts/raleway-modified-400/raleway-modified-400.otf") format("opentype"), url("../../../fonts/raleway-modified-400/raleway-modified-400.ttf") format("truetype"), local("Raleway Modified Regular"), local("Raleway Modified"), local("RalewayModified-Regular");
}
@font-face {
  font-family: "Raleway Modified";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("../../../fonts/raleway-modified-400--italic/raleway-modified-400--italic.woff2") format("woff2"), url("../../../fonts/raleway-modified-400--italic/raleway-modified-400--italic.otf") format("opentype"), url("../../../fonts/raleway-modified-400--italic/raleway-modified-400--italic.ttf") format("truetype"), local("Raleway Modified Italic"), local("Raleway Modified"), local("RalewayModified-Italic");
}
@font-face {
  font-family: "Raleway Modified";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/raleway-modified-500/raleway-modified-500.woff2") format("woff2"), url("../../../fonts/raleway-modified-500/raleway-modified-500.otf") format("opentype"), url("../../../fonts/raleway-modified-500/raleway-modified-500.ttf") format("truetype"), local("Raleway Modified Medium"), local("Raleway Modified"), local("RalewayModified-Medium");
}
@font-face {
  font-family: "Raleway Modified";
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("../../../fonts/raleway-modified-500--italic/raleway-modified-500--italic.woff2") format("woff2"), url("../../../fonts/raleway-modified-500--italic/raleway-modified-500--italic.otf") format("opentype"), url("../../../fonts/raleway-modified-500--italic/raleway-modified-500--italic.ttf") format("truetype"), local("Raleway Modified Medium Italic"), local("Raleway Modified"), local("RalewayModified-MediumItalic");
}
@font-face {
  font-family: "Raleway Modified";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/raleway-modified-600/raleway-modified-600.woff2") format("woff2"), url("../../../fonts/raleway-modified-600/raleway-modified-600.otf") format("opentype"), url("../../../fonts/raleway-modified-600/raleway-modified-600.ttf") format("truetype"), local("Raleway Modified SemiBold"), local("Raleway Modified"), local("RalewayModified-SemiBold");
}
@font-face {
  font-family: "Raleway Modified";
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src: url("../../../fonts/raleway-modified-600--italic/raleway-modified-600--italic.woff2") format("woff2"), url("../../../fonts/raleway-modified-600--italic/raleway-modified-600--italic.otf") format("opentype"), url("../../../fonts/raleway-modified-600--italic/raleway-modified-600--italic.ttf") format("truetype"), local("Raleway Modified SemiBold Italic"), local("Raleway Modified"), local("RalewayModified-SemiBoldItalic");
}
@font-face {
  font-family: "Raleway Modified";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/raleway-modified-700/raleway-modified-700.woff2") format("woff2"), url("../../../fonts/raleway-modified-700/raleway-modified-700.otf") format("opentype"), url("../../../fonts/raleway-modified-700/raleway-modified-700.ttf") format("truetype"), local("Raleway Modified Bold"), local("Raleway Modified"), local("RalewayModified-Bold");
}
@font-face {
  font-family: "Raleway Modified";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("../../../fonts/raleway-modified-700--italic/raleway-modified-700--italic.woff2") format("woff2"), url("../../../fonts/raleway-modified-700--italic/raleway-modified-700--italic.otf") format("opentype"), url("../../../fonts/raleway-modified-700--italic/raleway-modified-700--italic.ttf") format("truetype"), local("Raleway Modified Bold Italic"), local("Raleway Modified"), local("RalewayModified-BoldItalic");
}
@font-face {
  font-family: "Raleway Modified";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/raleway-modified-800/raleway-modified-800.woff2") format("woff2"), url("../../../fonts/raleway-modified-800/raleway-modified-800.otf") format("opentype"), url("../../../fonts/raleway-modified-800/raleway-modified-800.ttf") format("truetype"), local("Raleway Modified ExtraBold"), local("Raleway Modified"), local("RalewayModified-ExtraBold");
}
@font-face {
  font-family: "Raleway Modified";
  font-weight: 800;
  font-style: italic;
  font-display: swap;
  src: url("../../../fonts/raleway-modified-800--italic/raleway-modified-800--italic.woff2") format("woff2"), url("../../../fonts/raleway-modified-800--italic/raleway-modified-800--italic.otf") format("opentype"), url("../../../fonts/raleway-modified-800--italic/raleway-modified-800--italic.ttf") format("truetype"), local("Raleway Modified ExtraBold Italic"), local("Raleway Modified"), local("RalewayModified-ExtraBoldItalic");
}
@font-face {
  font-family: "Raleway Modified";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url("../../../fonts/raleway-modified-900/raleway-modified-900.woff2") format("woff2"), url("../../../fonts/raleway-modified-900/raleway-modified-900.otf") format("opentype"), url("../../../fonts/raleway-modified-900/raleway-modified-900.ttf") format("truetype"), local("Raleway Modified Black"), local("Raleway Modified"), local("RalewayModified-Black");
}
@font-face {
  font-family: "Raleway Modified";
  font-weight: 900;
  font-style: italic;
  font-display: swap;
  src: url("../../../fonts/raleway-modified-900--italic/raleway-modified-900--italic.woff2") format("woff2"), url("../../../fonts/raleway-modified-900--italic/raleway-modified-900--italic.otf") format("opentype"), url("../../../fonts/raleway-modified-900--italic/raleway-modified-900--italic.ttf") format("truetype"), local("Raleway Modified Black Italic"), local("Raleway Modified"), local("RalewayModified-BlackItalic");
}
/*** 4 - Elements ***/
/*** 1 - Variables ***/
/*
*  Global elements
*
*  1 - Unclassed elements
*    1.1 - Base
*    1.2 - Typography
*    1.3 - Forms
*    1.4 - Horizontal Rule
*    1.5 - Lists
*/
/*** 1 - Unclassed Elements ***/
/* Base */
html {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
}

body {
  font-size: 1rem;
  line-height: 1.6;
  background-color: #FFFFFF;
  color: rgb(25.5, 25.5, 25.5);
  margin: 0;
}

/* Typography */
p {
  font-size: inherit;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility;
  margin: 0 0 1.5rem 0;
}

cite {
  font-style: italic;
  line-height: inherit;
}

strong {
  font-weight: 700;
  line-height: inherit;
}

/* everything - including before and after - should inherit their box sizing */
*,
*::before,
*::after {
  box-sizing: inherit;
}

main p,
main p:not(.ontario-lead-statement),
main dd,
main li {
  max-width: 48rem;
}

hr {
  border: 0;
  padding: 0;
  margin: 2.5rem 0;
  border-bottom: 4px solid #cccccc;
}

/* Horizontal Rule */
hr.ontario-hr--dark {
  border-bottom: 4px solid rgb(25.5, 25.5, 25.5);
}

a {
  color: #0066CC;
  text-decoration: underline;
}
a:visited {
  color: #551A8B;
}
a:hover {
  color: #00478F;
}
a:active {
  color: #002142;
}
a:focus {
  box-shadow: 0 0 0 4px #009ADB;
  outline: 4px solid transparent;
  transition: all 0.1s ease-in-out;
}

​p {
  margin: 0 0 1.5rem 0;
}

​p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6,
ul + h1,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
ul + h6,
ol + h1,
ol + h2,
ol + h3,
ol + h4,
ol + h5,
ol + h6,
h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 {
  margin-top: 2rem;
}

p code,
td code,
li code {
  line-height: 2.25rem;
}

/* Forms */
input[type=text],
input[type=number],
input[type=email],
input[type=date],
input[type=color],
input[type=search],
input[type=tel],
textarea {
  background-origin: initial;
  height: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=checkbox] + label,
input[type=radio] + label {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  margin-left: 0;
  margin-right: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  page-break-inside: avoid;
}

legend,
label {
  display: block;
  margin: 0;
}

select {
  background-origin: initial;
  height: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* Lists */
ul,
ol {
  padding: 0;
}

ul {
  margin-left: 2rem;
}

ul li {
  padding: 0 0 0.75rem 0;
}

ol {
  margin-left: 1.75rem;
}

ol li {
  padding: 0 0 0.75rem 0.25rem;
}

ul li:last-child,
ol li:last-child {
  padding-bottom: 0;
}

ul[class*=columns-] li:last-child,
ol[class*=columns-] li:last-child {
  padding-bottom: 0.75rem;
}

ul ul,
ol ul {
  margin: 0.5rem 0 0.5rem 2rem;
}

ul ol,
ol ol {
  margin: 0.5rem 0 0.5rem 1.75rem;
}

p + ul,
p + ol {
  margin-top: -0.75rem;
}

@media screen and (min-width: 40em) {
  ul {
    margin: 0.5rem 0 1.5rem 3rem;
  }
  ol {
    margin: 0.5rem 0 1.5rem 2.75rem;
  }
  ul ul,
  ol ul {
    margin: 0.5rem 0 0.5rem 3rem;
  }
  ul ol,
  ol ol {
    margin: 0.5rem 0 0.5rem 2.75rem;
  }
}
/*** 5 - Layout ***/
.ontario-row {
  margin: 0 auto;
  max-width: 72rem;
  width: 100%;
}
.ontario-row:before, .ontario-row:after {
  content: "";
  display: table;
}
.ontario-row:after {
  clear: both;
}
.ontario-row.ontario-row--collapse > .ontario-column,
.ontario-row.ontario-row--collapse > .ontario-columns {
  padding-left: 0;
  padding-right: 0;
}
.ontario-row.ontario-row--collapse .ontario-row {
  margin-left: 0;
  margin-right: 0;
}
.ontario-row .ontario-row {
  margin: 0 -1rem;
  max-width: none;
  width: auto;
}
.ontario-row .ontario-row:before, .ontario-row .ontario-row:after {
  content: "";
  display: table;
}
.ontario-row .ontario-row:after {
  clear: both;
}
.ontario-row .ontario-row.ontario-row--collapse {
  margin: 0;
  max-width: none;
  width: auto;
}
.ontario-row .ontario-row.ontario-row--collapse:before, .ontario-row .ontario-row.ontario-row--collapse:after {
  content: "";
  display: table;
}
.ontario-row .ontario-row.ontario-row--collapse:after {
  clear: both;
}

.ontario-column,
.ontario-columns {
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  width: 100%;
  float: left;
}
.ontario-column + .ontario-column:last-child,
.ontario-column + .ontario-columns:last-child,
.ontario-columns + .ontario-column:last-child,
.ontario-columns + .ontario-columns:last-child {
  float: right;
}
.ontario-column + .ontario-column.ontario-end,
.ontario-column + .ontario-columns.ontario-end,
.ontario-columns + .ontario-column.ontario-end,
.ontario-columns + .ontario-columns.ontario-end {
  float: left;
}

@media only screen {
  .ontario-small-push-0 {
    position: relative;
    left: 0;
    right: auto;
  }
  .ontario-small-pull-0 {
    position: relative;
    right: 0;
    left: auto;
  }
  .ontario-small-push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto;
  }
  .ontario-small-pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto;
  }
  .ontario-small-push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto;
  }
  .ontario-small-pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto;
  }
  .ontario-small-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .ontario-small-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .ontario-small-push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto;
  }
  .ontario-small-pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto;
  }
  .ontario-small-push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto;
  }
  .ontario-small-pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto;
  }
  .ontario-small-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .ontario-small-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .ontario-small-push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto;
  }
  .ontario-small-pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto;
  }
  .ontario-small-push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto;
  }
  .ontario-small-pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto;
  }
  .ontario-small-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .ontario-small-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .ontario-small-push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto;
  }
  .ontario-small-pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto;
  }
  .ontario-small-push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto;
  }
  .ontario-small-pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto;
  }
  .ontario-column,
  .ontario-columns {
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    float: left;
  }
  .ontario-small-1 {
    width: 8.3333333333%;
  }
  .ontario-small-2 {
    width: 16.6666666667%;
  }
  .ontario-small-3 {
    width: 25%;
  }
  .ontario-small-4 {
    width: 33.3333333333%;
  }
  .ontario-small-5 {
    width: 41.6666666667%;
  }
  .ontario-small-6 {
    width: 50%;
  }
  .ontario-small-7 {
    width: 58.3333333333%;
  }
  .ontario-small-8 {
    width: 66.6666666667%;
  }
  .ontario-small-9 {
    width: 75%;
  }
  .ontario-small-10 {
    width: 83.3333333333%;
  }
  .ontario-small-11 {
    width: 91.6666666667%;
  }
  .ontario-small-12 {
    width: 100%;
  }
  .ontario-small-offset-0 {
    margin-left: 0 !important;
  }
  .ontario-small-offset-1 {
    margin-left: 8.3333333333% !important;
  }
  .ontario-small-offset-2 {
    margin-left: 16.6666666667% !important;
  }
  .ontario-small-offset-3 {
    margin-left: 25% !important;
  }
  .ontario-small-offset-4 {
    margin-left: 33.3333333333% !important;
  }
  .ontario-small-offset-5 {
    margin-left: 41.6666666667% !important;
  }
  .ontario-small-offset-6 {
    margin-left: 50% !important;
  }
  .ontario-small-offset-7 {
    margin-left: 58.3333333333% !important;
  }
  .ontario-small-offset-8 {
    margin-left: 66.6666666667% !important;
  }
  .ontario-small-offset-9 {
    margin-left: 75% !important;
  }
  .ontario-small-offset-10 {
    margin-left: 83.3333333333% !important;
  }
  .ontario-small-offset-11 {
    margin-left: 91.6666666667% !important;
  }
  .ontario-small-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto;
  }
  .ontario-column.ontario-small-centered,
  .ontario-columns.ontario-small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .ontario-column.ontario-small-uncentered,
  .ontario-columns.ontario-small-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .ontario-column.ontario-small-centered:last-child,
  .ontario-columns.ontario-small-centered:last-child {
    float: none;
  }
  .ontario-column.ontario-small-uncentered:last-child,
  .ontario-columns.ontario-small-uncentered:last-child {
    float: left;
  }
  .ontario-column.ontario-small-uncentered.ontario-opposite,
  .ontario-columns.ontario-small-uncentered.ontario-opposite {
    float: right;
  }
  .ontario-row.ontario-small-collapse > .ontario-column,
  .ontario-row.ontario-small-collapse > .ontario-columns {
    padding-left: 0;
    padding-right: 0;
  }
  .ontario-row.ontario-small-collapse .ontario-row {
    margin-left: 0;
    margin-right: 0;
  }
  .ontario-row.ontario-small-uncollapse > .ontario-column,
  .ontario-row.ontario-small-uncollapse > .ontario-columns {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    float: left;
  }
}
@media only screen and (min-width:40.063em) {
  .ontario-medium-push-0 {
    position: relative;
    left: 0;
    right: auto;
  }
  .ontario-medium-pull-0 {
    position: relative;
    right: 0;
    left: auto;
  }
  .ontario-medium-push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto;
  }
  .ontario-medium-pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto;
  }
  .ontario-medium-push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto;
  }
  .ontario-medium-pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto;
  }
  .ontario-medium-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .ontario-medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .ontario-medium-push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto;
  }
  .ontario-medium-pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto;
  }
  .ontario-medium-push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto;
  }
  .ontario-medium-pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto;
  }
  .ontario-medium-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .ontario-medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .ontario-medium-push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto;
  }
  .ontario-medium-pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto;
  }
  .ontario-medium-push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto;
  }
  .ontario-medium-pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto;
  }
  .ontario-medium-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .ontario-medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .ontario-medium-push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto;
  }
  .ontario-medium-pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto;
  }
  .ontario-medium-push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto;
  }
  .ontario-medium-pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto;
  }
  .ontario-column,
  .ontario-columns {
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    float: left;
  }
  .ontario-medium-1 {
    width: 8.3333333333%;
  }
  .ontario-medium-2 {
    width: 16.6666666667%;
  }
  .ontario-medium-3 {
    width: 25%;
  }
  .ontario-medium-4 {
    width: 33.3333333333%;
  }
  .ontario-medium-5 {
    width: 41.6666666667%;
  }
  .ontario-medium-6 {
    width: 50%;
  }
  .ontario-medium-7 {
    width: 58.3333333333%;
  }
  .ontario-medium-8 {
    width: 66.6666666667%;
  }
  .ontario-medium-9 {
    width: 75%;
  }
  .ontario-medium-10 {
    width: 83.3333333333%;
  }
  .ontario-medium-11 {
    width: 91.6666666667%;
  }
  .ontario-medium-12 {
    width: 100%;
  }
  .ontario-medium-offset-0 {
    margin-left: 0 !important;
  }
  .ontario-medium-offset-1 {
    margin-left: 8.3333333333% !important;
  }
  .ontario-medium-offset-2 {
    margin-left: 16.6666666667% !important;
  }
  .ontario-medium-offset-3 {
    margin-left: 25% !important;
  }
  .ontario-medium-offset-4 {
    margin-left: 33.3333333333% !important;
  }
  .ontario-medium-offset-5 {
    margin-left: 41.6666666667% !important;
  }
  .ontario-medium-offset-6 {
    margin-left: 50% !important;
  }
  .ontario-medium-offset-7 {
    margin-left: 58.3333333333% !important;
  }
  .ontario-medium-offset-8 {
    margin-left: 66.6666666667% !important;
  }
  .ontario-medium-offset-9 {
    margin-left: 75% !important;
  }
  .ontario-medium-offset-10 {
    margin-left: 83.3333333333% !important;
  }
  .ontario-medium-offset-11 {
    margin-left: 91.6666666667% !important;
  }
  .ontario-medium-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto;
  }
  .ontario-column.ontario-medium-centered,
  .ontario-columns.ontario-medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .ontario-column.ontario-medium-uncentered,
  .ontario-columns.ontario-medium-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .ontario-column.ontario-medium-centered:last-child,
  .ontario-columns.ontario-medium-centered:last-child {
    float: none;
  }
  .ontario-column.ontario-medium-uncentered:last-child