@charset "UTF-8";
/*------------------------------------*\
  #TABLE-OF-CONTENTS
\*------------------------------------*/
/**
 * abstract
   - variables
 * vendors
   - fontawesome
   - marketo
   - springshare
 * base
   - typography
 * layout
   - layout
 * themes
   - object
   - theme
 * components
   - components
 * utilities
   - utility
 * generic
   - is_has
   - qa
 */
/*------------------------------------*\
  #ABSTRACT
\*------------------------------------*/
/*------------------------------------*\
****************************************

  CSS-PROPERTIES/VARIABLES

  * use this css file to edit variables
  * when needed. do not use for any other purpose.

  a polyfill will need to be added which will only
  load for IE 11 if we go with css porperties.

  uca - ucalgary specific variables
  lcr - libraries and cultural resources variables

  developed by the dev team, libraries 
  and cultural resources, university of
  calgary 2020.

****************************************
\*------------------------------------*/
/*------------------------------------*\
  #CONFIG-LOCAL-SETTINGS
\*------------------------------------*/
/* site name. */
/* parent site name. */
/* meta description and others necessary. */
/* selected component stylesheets loaded into compiled file. */
/* alert trigger true or false.
   alert message text.
   alert message date (in format 'June 9, 2020').
   alert time (in format '14:55:04'). */
/* main search location. */
/* switch staging/development on and off phase banner */
/* navigation menu. add in connection to update site menu here. */
/* social media links. (locally selected appears in prefooter only). */
/* prefooter selection. */
/* main footer custom logos?
   (see glenbow.ucalgary.ca) */
/* contact info. */
/* documentation link. */
/*------------------------------------*\
  #COLOURS-VARIABLES
\*------------------------------------*/
/**
 * :root global variables.
 */
/* colour palette. */
/* neutral colour */
/* neutral colour */
/* toolbox topsites */
/* off white hover */
/* */
/* */
/* social hover */
/* toolbox item border line */
/* icons with grey bg */
/* neutral colour */
/* topsite color */
/* new color added to footers */
/* */
/* */
/* old sixth hover colour */
/* approved tint colour */
/* row logo mob */
/* */
/* */
/* cards and hero bgs */
/* row logo desk */
/* row nav mob */
/* row nav desk */
/* neutral colour */
/* */
/* old prefooter default bg */
/* */
/* toolbox item border line */
/* toolbox dropdown item border line */
/* icons with red bg */
/* primary hover colour */
/* primary colour */
/* old primary colour */
/* youtube colour */
/* 75% tint of light yellow colour */
/* accent colour */
/* 75% tint of gold colour */
/* primary colour */
/* secondary hover colour */
/* icons with dk orange bg */
/* approved tint colour */
/* 75% tint of light orange colour */
/* secondary colour */
/* secondary hover colour */
/* approved tint colour */
/* 75% tint of dark-orange colour */
/* secondary colour */
/* secondary hover colour */
/* icons with rubine bg */
/* old secondary hover colour */
/* 75% tint of rubine colour */
/* secondary colour */
/* old secondary colour */
/* icons with berry bg */
/* secondary hover colour */
/* old secondary colour */
/* approved tint colour */
/* 75% tint of berry colour */
/* secondary colour */
/* approved tint colour */
/* accent colour */
/* accent hover colour */
/* approved tint colour */
/* icons with taupe bg */
/* 75% tint of taupe colour */
/* accent colour */
/* 75% tint of brown colour */
/* accent colour */
/* twitter blue */
/* linkedin blue */
/* facebook blue */
/* instagram blue */
/* cookies bg blue */
/* body text colour */
/* warning text colour */
/* neutral colour */
/* transparent no colour */
/* inherit colour */
/* colours: ucalgary brand assigned */
/* colours: ucalgary deprecated colours */
/* colours: ucalgary assigned background colours */
/* colours: ucalgary assigned border colours */
/* colours: ucalgary assigned text colours */
/* colours: ucalgary assigned link colours */
/* colours: ucalgary assigned button colours */
/* colours: toolbox colours */
/* colours: alert and warning colours */
/* colours: major row colours in header, footer and prefooter */
/* colours: ucalgary assigned icon colours */
/* font-family ucalgary assigned fonts */
/* font-size and font-weight, ucalgary assigned */
/* print variables */
/* line-heights, ucalgary assigned */
/* spacings, ucalgary assigned */
/* borders, ucalgary assigned */
/* box-shadow mixins, ucalgary assigned */
/* bg color gradient mixins */
/* border-image mixins, ucalgary assigned */
/* font-smoothing mixins */
/* transition mixins */
/*------------------------------------*\
  #ANIMATIONS
\*------------------------------------*/
/**
 * Progress Bar
 */
/**
 * dropdown animation. used on...
 */
@import url("https://p.typekit.net/p.css?s=1&k=hyh4qgq&ht=tk&f=137.138.139.140.169.170.171.172.173.174.175.176.5474.5475.25136.25137.141.142.143.144.145.146.147.148.149.150.151.152.153.154.25138.25139.155.156.157.158.159.160.161.162.163.164.165.166.167.168.25140.25141&a=20230305&app=typekit&e=css");
@import url("https://p.typekit.net/p.css?s=1&k=yam6tmr&ht=tk&f=2032.2033&a=56274424&app=typekit&e=css");
@keyframes dropdown {
  0% {
    opacity: 0;
    transform: scaleY(0);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scaleY(1);
  }
}
/**
 * flyout animation. used on mobile nav.
 */
@keyframes flyout {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
/**
 * fade animation. used on main nav on mobile.
 */
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flyaway {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}
@keyframes flyin {
  0% {
    left: 100%;
  }
  100% {
    left: 0;
  }
}
@keyframes flyinTwo {
  0% {
    left: 200%;
  }
  100% {
    left: 0;
  }
}
@keyframes flyinThree {
  0% {
    left: 300%;
  }
  100% {
    left: 0;
  }
}
@keyframes flyinFour {
  0% {
    left: 400%;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes animateTop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes animateTop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
/**
 * ucalgary animation. used on base links.
 */
@keyframes underline-1px {
  from {
    background-size: 0% 1px;
  }
  to {
    background-size: 100% 1px;
  }
}
@keyframes underline-2px {
  from {
    background-size: 0% 2px;
  }
  to {
    background-size: 100% 2px;
  }
}
/*------------------------------------*\
  #VENDORS
\*------------------------------------*/
/*------------------------------------*\
****************************************

  SPRINGSHARE-FORM-STYLES

  * use this file to add springshare form
  * styles to overwrite whats generated by
  * springshare. do not use for any
  * other purpose.

  developed by the dev team, libraries and
  cultural resources, university of calgary 2021.

****************************************
\*------------------------------------*/
/*------------------------------------*\
  #FORM-SPRINGSHARE-OVERWRITE-STYLES
\*------------------------------------*/
/**
 * same as on fieldset in _form-element.scss.
 */
.s-la-askform fieldset {
  margin-top: -20px;
  margin-bottom: 0;
}

/**
 * same as on label in _form-element.scss.
 */
label.control-label {
  margin-top: 0;
  margin-bottom: 5px;
}

/**
 * same as on c-form__input-con in _form.scss.
 */
.form-group {
  position: relative;
  margin-top: 15px;
}

legend ~ .form-group {
  margin-top: 0;
  margin-bottom: 15px;
}

.s-la-widget.s-la-widget-embed {
  width: 100% !important;
}

.form-group.val1_wrap {
  width: 100% !important;
}

.form-group.val7_wrap,
.form-group.pname_wrap,
.form-group.pemail_wrap,
.form-group.pdetails_wrap,
.form-group.pquestion_wrap {
  width: 96% !important;
}

/**
 * used for springshare tick to receive checkbox margins.
 */
.form-group.confem_wrap {
  margin-top: 25px;
}

/**
 * same as on c-form__input--checkbox in _form-element.scss.
 */
.form-group [type=checkbox]:checked,
.form-group [type=checkbox]:not(:checked) {
  position: relative;
  opacity: 1;
}

/*------------------------------------*\
  #BASE
\*------------------------------------*/
/*------------------------------------*\
****************************************

  FONT-IMPORTS

  * use this css file to add font imports.
  * do not use for any other purpose.

  no namespaces required for font classes.
  these are imported elements only.

  developed by the dev team, libraries 
  and cultural resources, university of
  calgary 2020.

****************************************
\*------------------------------------*/
/*------------------------------------*\
  #IMPORT-FONT-FACES
\*------------------------------------*/
@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/b683e3/00000000000000003b9b306c/27/l?subset_id=2&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/b683e3/00000000000000003b9b306c/27/d?subset_id=2&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/b683e3/00000000000000003b9b306c/27/a?subset_id=2&fvd=n9&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/d32834/00000000000000003b9b306d/27/l?subset_id=2&fvd=i9&v=3") format("woff2"), url("https://use.typekit.net/af/d32834/00000000000000003b9b306d/27/d?subset_id=2&fvd=i9&v=3") format("woff"), url("https://use.typekit.net/af/d32834/00000000000000003b9b306d/27/a?subset_id=2&fvd=i9&v=3") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 900;
}
@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/949f99/00000000000000003b9b3068/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/949f99/00000000000000003b9b3068/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/949f99/00000000000000003b9b3068/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/4c4052/00000000000000003b9b3069/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/4c4052/00000000000000003b9b3069/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/4c4052/00000000000000003b9b3069/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/d82519/00000000000000003b9b306a/27/l?subset_id=2&fvd=n8&v=3") format("woff2"), url("https://use.typekit.net/af/d82519/00000000000000003b9b306a/27/d?subset_id=2&fvd=n8&v=3") format("woff"), url("https://use.typekit.net/af/d82519/00000000000000003b9b306a/27/a?subset_id=2&fvd=n8&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/3e6df8/00000000000000003b9b306b/27/l?subset_id=2&fvd=i8&v=3") format("woff2"), url("https://use.typekit.net/af/3e6df8/00000000000000003b9b306b/27/d?subset_id=2&fvd=i8&v=3") format("woff"), url("https://use.typekit.net/af/3e6df8/00000000000000003b9b306b/27/a?subset_id=2&fvd=i8&v=3") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 800;
}
@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/c47696/00000000000000003b9b305e/27/l?subset_id=2&fvd=n1&v=3") format("woff2"), url("https://use.typekit.net/af/c47696/00000000000000003b9b305e/27/d?subset_id=2&fvd=n1&v=3") format("woff"), url("https://use.typekit.net/af/c47696/00000000000000003b9b305e/27/a?subset_id=2&fvd=n1&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 100;
}
@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/c31dbb/00000000000000003b9b305f/27/l?subset_id=2&fvd=i1&v=3") format("woff2"), url("https://use.typekit.net/af/c31dbb/00000000000000003b9b305f/27/d?subset_id=2&fvd=i1&v=3") format("woff"), url("https://use.typekit.net/af/c31dbb/00000000000000003b9b305f/27/a?subset_id=2&fvd=i1&v=3") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 100;
}
@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/576d53/00000000000000003b9b3066/27/l?subset_id=2&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/576d53/00000000000000003b9b3066/27/d?subset_id=2&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/576d53/00000000000000003b9b3066/27/a?subset_id=2&fvd=n6&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/f7d492/00000000000000003b9b3067/27/l?subset_id=2&fvd=i6&v=3") format("woff2"), url("https://use.typekit.net/af/f7d492/00000000000000003b9b3067/27/d?subset_id=2&fvd=i6&v=3") format("woff"), url("https://use.typekit.net/af/f7d492/00000000000000003b9b3067/27/a?subset_id=2&fvd=i6&v=3") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/705e94/00000000000000003b9b3062/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/705e94/00000000000000003b9b3062/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/705e94/00000000000000003b9b3062/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/5c70f2/00000000000000003b9b3063/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/5c70f2/00000000000000003b9b3063/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/5c70f2/00000000000000003b9b3063/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/cebe0e/00000000000000003b9b3060/27/l?subset_id=2&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/cebe0e/00000000000000003b9b3060/27/d?subset_id=2&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/cebe0e/00000000000000003b9b3060/27/a?subset_id=2&fvd=n3&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/40ff7f/00000000000000003b9b3061/27/l?subset_id=2&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/40ff7f/00000000000000003b9b3061/27/d?subset_id=2&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/40ff7f/00000000000000003b9b3061/27/a?subset_id=2&fvd=i3&v=3") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/6e816b/00000000000000003b9b3064/27/l?subset_id=2&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/6e816b/00000000000000003b9b3064/27/d?subset_id=2&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/6e816b/00000000000000003b9b3064/27/a?subset_id=2&fvd=n5&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "proxima-nova";
  src: url("https://use.typekit.net/af/5b5251/00000000000000003b9b3065/27/l?subset_id=2&fvd=i5&v=3") format("woff2"), url("https://use.typekit.net/af/5b5251/00000000000000003b9b3065/27/d?subset_id=2&fvd=i5&v=3") format("woff"), url("https://use.typekit.net/af/5b5251/00000000000000003b9b3065/27/a?subset_id=2&fvd=i5&v=3") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-family: "proxima-nova-condensed";
  src: url("https://use.typekit.net/af/a7c0e4/00000000000000003b9b307c/27/l?subset_id=2&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/a7c0e4/00000000000000003b9b307c/27/d?subset_id=2&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/a7c0e4/00000000000000003b9b307c/27/a?subset_id=2&fvd=n9&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: "proxima-nova-condensed";
  src: url("https://use.typekit.net/af/706204/00000000000000003b9b307d/27/l?subset_id=2&fvd=i9&v=3") format("woff2"), url("https://use.typekit.net/af/706204/00000000000000003b9b307d/27/d?subset_id=2&fvd=i9&v=3") format("woff"), url("https://use.typekit.net/af/706204/00000000000000003b9b307d/27/a?subset_id=2&fvd=i9&v=3") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 900;
}
@font-face {
  font-family: "proxima-nova-condensed";
  src: url("https://use.typekit.net/af/0ff5e1/00000000000000003b9b3078/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/0ff5e1/00000000000000003b9b3078/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/0ff5e1/00000000000000003b9b3078/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "proxima-nova-condensed";
  src: url("https://use.typekit.net/af/519896/00000000000000003b9b3079/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/519896/00000000000000003b9b3079/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/519896/00000000000000003b9b3079/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: "proxima-nova-condensed";
  src: url("https://use.typekit.net/af/30f4b6/00000000000000003b9b3070/27/l?subset_id=2&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/30f4b6/00000000000000003b9b3070/27/d?subset_id=2&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/30f4b6/00000000000000003b9b3070/27/a?subset_id=2&fvd=n3&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "proxima-nova-condensed";
  src: url("https://use.typekit.net/af/32b365/00000000000000003b9b3071/27/l?subset_id=2&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/32b365/00000000000000003b9b3071/27/d?subset_id=2&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/32b365/00000000000000003b9b3071/27/a?subset_id=2&fvd=i3&v=3") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: "proxima-nova-condensed";
  src: url("https://use.typekit.net/af/8e2bbd/00000000000000003b9b3072/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/8e2bbd/00000000000000003b9b3072/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/8e2bbd/00000000000000003b9b3072/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "proxima-nova-condensed";
  src: url("https://use.typekit.net/af/5364bc/00000000000000003b9b3073/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/5364bc/00000000000000003b9b3073/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/5364bc/00000000000000003b9b3073/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "proxima-nova-condensed";
  src: url("https://use.typekit.net/af/949eb9/00000000000000003b9b3076/27/l?subset_id=2&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/949eb9/00000000000000003b9b3076/27/d?subset_id=2&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/949eb9/00000000000000003b9b3076/27/a?subset_id=2&fvd=n6&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "proxima-nova-condensed";
  src: url("https://use.typekit.net/af/3a4ba8/00000000000000003b9b3077/27/l?subset_id=2&fvd=i6&v=3") format("woff2"), url("https://use.typekit.net/af/3a4ba8/00000000000000003b9b3077/27/d?subset_id=2&fvd=i6&v=3") format("woff"), url("https://use.typekit.net/af/3a4ba8/00000000000000003b9b3077/27/a?subset_id=2&fvd=i6&v=3") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-family: "proxima-nova-condensed";
  src: url("https://use.typekit.net/af/642e4f/00000000000000003b9b306e/27/l?subset_id=2&fvd=n2&v=3") format("woff2"), url("https://use.typekit.net/af/642e4f/00000000000000003b9b306e/27/d?subset_id=2&fvd=n2&v=3") format("woff"), url("https://use.typekit.net/af/642e4f/00000000000000003b9b306e/27/a?subset_id=2&fvd=n2&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: "proxima-nova-condensed";
  src: url("https://use.typekit.net/af/09b793/00000000000000003b9b306f/27/l?subset_id=2&fvd=i2&v=3") format("woff2"), url("https://use.typekit.net/af/09b793/00000000000000003b9b306f/27/d?subset_id=2&fvd=i2&v=3") format("woff"), url("https://use.typekit.net/af/09b793/00000000000000003b9b306f/27/a?subset_id=2&fvd=i2&v=3") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 200;
}
@font-face {
  font-family: "proxima-nova-condensed";
  src: url("https://use.typekit.net/af/14ae2f/00000000000000003b9b307a/27/l?subset_id=2&fvd=n8&v=3") format("woff2"), url("https://use.typekit.net/af/14ae2f/00000000000000003b9b307a/27/d?subset_id=2&fvd=n8&v=3") format("woff"), url("https://use.typekit.net/af/14ae2f/00000000000000003b9b307a/27/a?subset_id=2&fvd=n8&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: "proxima-nova-condensed";
  src: url("https://use.typekit.net/af/3fd2f1/00000000000000003b9b307b/27/l?subset_id=2&fvd=i8&v=3") format("woff2"), url("https://use.typekit.net/af/3fd2f1/00000000000000003b9b307b/27/d?subset_id=2&fvd=i8&v=3") format("woff"), url("https://use.typekit.net/af/3fd2f1/00000000000000003b9b307b/27/a?subset_id=2&fvd=i8&v=3") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 800;
}
@font-face {
  font-family: "proxima-nova-condensed";
  src: url("https://use.typekit.net/af/1ca608/00000000000000003b9b3074/27/l?subset_id=2&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/1ca608/00000000000000003b9b3074/27/d?subset_id=2&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/1ca608/00000000000000003b9b3074/27/a?subset_id=2&fvd=n5&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "proxima-nova-condensed";
  src: url("https://use.typekit.net/af/a5cffa/00000000000000003b9b3075/27/l?subset_id=2&fvd=i5&v=3") format("woff2"), url("https://use.typekit.net/af/a5cffa/00000000000000003b9b3075/27/d?subset_id=2&fvd=i5&v=3") format("woff"), url("https://use.typekit.net/af/a5cffa/00000000000000003b9b3075/27/a?subset_id=2&fvd=i5&v=3") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 500;
}
.tk-proxima-nova {
  font-family: "proxima-nova", sans-serif;
}

.tk-proxima-nova-condensed {
  font-family: "proxima-nova-condensed", sans-serif;
}

/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * museo-slab:
 *   - http://typekit.com/eulas/000000000000000000011aff
 *   - http://typekit.com/eulas/00000000000000000000ec0a
 *
 * © 2009-2020 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2020-09-29 20:59:33 UTC"}*/
@font-face {
  font-family: "museo-slab";
  src: url("https://use.typekit.net/af/c225e2/000000000000000000011aff/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/c225e2/000000000000000000011aff/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/c225e2/000000000000000000011aff/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "museo-slab";
  src: url("https://use.typekit.net/af/696cdf/00000000000000000000ec0a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/696cdf/00000000000000000000ec0a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/696cdf/00000000000000000000ec0a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 700;
}
.tk-museo-slab {
  font-family: "museo-slab", serif;
}

/*------------------------------------*\
  #LAYOUT
\*------------------------------------*/
/*------------------------------------*\
****************************************

  LAYOUT-STYLES

  * use this css file to add layout css
  * when needed. do not use for any other
  * purpose.

  use 'l-' namespace for layout classes.

  signify that something is part of layout,
  and that it may be used in any number of
  unrelated contexts to the one you can currently
  see it in. making modifications to these types
  of class could potentially have knock-on effects
  in a lot of other unrelated places. tread
  carefully.

  developed by the dev team, libraries 
  and cultural resources, university of
  calgary 2020.

****************************************
\*------------------------------------*/
/*------------------------------------*\
  #GENERAL-RESETS-AND-SETUP
\*------------------------------------*/
/**
 * ensure box widths are not affected by
 * padding changes.
 */
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/*------------------------------------*\
  #CONTAINER-STYLES
\*------------------------------------*/
/**
 * l-container = determines the container width
 * for each device size.
 */
.l-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/**
 * add in if you want to enforce max-widths on
 * smaller screen sizes.

@media (min-width: 576px) {
  .l-container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .l-container {
    max-width: 720px;
    padding-right: 0px;
    padding-left: 0px;
  }
}

@media (min-width: 992px) {
  .l-container {
    max-width: 960px;
  }
}

*/
@media (min-width: 1200px) {
  .l-container {
    max-width: 1170px;
  }
}
/**
 * l-container--1500 = a modifier for extending
 * container to max width of 1500px.
 */
.l-container--1500 {
  width: 100%;
  max-width: 1500px;
  margin: auto;
}

/**
 * l-container--full = a modifier for extending
 * container to full width.
 */
.l-container--full {
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

/**
 * l-container--blog = a modifier for extending
 * container for use on blog posts. makes max
 * width more reader friendly.
 */
.l-container--blog {
  width: 100%;
  max-width: 700px;
  padding-right: 15px;
  padding-left: 15px;
  margin: auto;
}

/**
 * l-container--no-pad = removes padding on
 * l-container.
 */
.l-container--no-pad {
  padding: 0;
}

/*------------------------------------*\
  #ROW-STYLES
\*------------------------------------*/
/**
 * l-row = initiates flexbox on an element. its
 * children become flex-items.
 */
.l-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 576px) {
  .l-row--sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .l-row--md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .l-row--lg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .l-row--xl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/**
 * l-row--offset = a modifier for adding
 * minus margin on both sides to remove
 * offset with l-col padding.
 */
.l-row--offset {
  margin-right: -15px;
  margin-left: -15px;
}

/**
 * l-row--no-gutters = a modifier for removing
 * margin and padding from columns/flex-items.
 */
.l-row--no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.l-row--no-gutters > .l-col,
.l-row--no-gutters > [class*=l-col--] {
  padding-right: 0;
  padding-left: 0;
}

/**
 * l-row-- = provides access to modifiers to change
 * the position of flex items inside a row. add
 * these to l-row blocks. however only use these if
 * you have to as some rely on !important to work.
 */
.l-row--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.l-row--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.l-row--row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.l-row--column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.l-row--wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.l-row--nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.l-row--wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.l-row--justify-content-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.l-row--justify-content-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.l-row--justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.l-row--justify-content-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.l-row--justify-content-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.l-row--align-items-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.l-row--align-items-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.l-row--align-items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.l-row--align-items-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.l-row--align-items-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.l-row--align-content-start {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.l-row--align-content-end {
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.l-row--align-content-center {
  -ms-flex-line-pack: center;
  align-content: center;
}

.l-row--align-content-between {
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.l-row--align-content-around {
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.l-row--align-content-stretch {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

/**
 * l-row__item-- = provides access to modifiers to change
 * the position of flex items inside a row. add
 * these to flex items to override align-items settings
 * added to flex containers.
 */
.l-row__item--align-self-auto {
  -ms-flex-item-align: auto;
  align-self: auto;
}

.l-row__item--align-self-start {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.l-row__item--align-self-end {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.l-row__item--align-self-center {
  -ms-flex-item-align: center;
  align-self: center;
}

.l-row__item--align-self-baseline {
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

.l-row__item--align-self-stretch {
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.l-row__item--grow-0 {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.l-row__item--grow-1 {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.l-row__item--grow-2 {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.l-row__item--grow-3 {
  -webkit-box-flex: 3;
  -ms-flex-positive: 3;
  flex-grow: 3;
}

.l-row__item--grow-4 {
  -webkit-box-flex: 4;
  -ms-flex-positive: 4;
  flex-grow: 4;
}

.l-row__item--grow-5 {
  -webkit-box-flex: 5;
  -ms-flex-positive: 5;
  flex-grow: 5;
}

.l-row__item--grow-6 {
  -webkit-box-flex: 6;
  -ms-flex-positive: 6;
  flex-grow: 6;
}

.l-row__item--grow-7 {
  -webkit-box-flex: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
}

.l-row__item--grow-8 {
  -webkit-box-flex: 8;
  -ms-flex-positive: 8;
  flex-grow: 8;
}

.l-row__item--grow-9 {
  -webkit-box-flex: 9;
  -ms-flex-positive: 9;
  flex-grow: 9;
}

.l-row__item--grow-10 {
  -webkit-box-flex: 10;
  -ms-flex-positive: 10;
  flex-grow: 10;
}

.l-row__item--grow-11 {
  -webkit-box-flex: 11;
  -ms-flex-positive: 11;
  flex-grow: 11;
}

.l-row__item--grow-12 {
  -webkit-box-flex: 12;
  -ms-flex-positive: 12;
  flex-grow: 12;
}

/*------------------------------------*\
  #ROW-MEDIA-QUERIES
\*------------------------------------*/
/**
 * l-row-- modifiers on small devices = landscape
 * phones 576px and up.
 */
@media (min-width: 576px) {
  .l-row--sm-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .l-row--sm-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .l-row--sm-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .l-row--sm-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .l-row--sm-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .l-row--sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .l-row--sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .l-row--justify-content-sm-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .l-row--justify-content-sm-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .l-row--justify-content-sm-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .l-row--justify-content-sm-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .l-row--justify-content-sm-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .l-row--align-items-sm-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .l-row--align-items-sm-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .l-row--align-items-sm-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .l-row--align-items-sm-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .l-row--align-items-sm-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .l-row--align-content-sm-start {
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .l-row--align-content-sm-end {
    -ms-flex-line-pack: end;
    align-content: flex-end;
  }
  .l-row--align-content-sm-center {
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .l-row--align-content-sm-between {
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }
  .l-row--align-content-sm-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around;
  }
  .l-row--align-content-sm-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  .l-row__item--align-self-sm-auto {
    -ms-flex-item-align: auto;
    align-self: auto;
  }
  .l-row__item--align-self-sm-start {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .l-row__item--align-self-sm-end {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .l-row__item--align-self-sm-center {
    -ms-flex-item-align: center;
    align-self: center;
  }
  .l-row__item--align-self-sm-baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline;
  }
  .l-row__item--align-self-sm-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch;
  }
}
/**
 * l-row-- modifiers on medium devices = tablets
 * 768px and up.
 */
@media (min-width: 768px) {
  .l-row--md-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .l-row--md-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .l-row--md-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .l-row--md-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .l-row--md-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .l-row--md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .l-row--md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .l-row--justify-content-md-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .l-row--justify-content-md-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .l-row--justify-content-md-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .l-row--justify-content-md-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .l-row--justify-content-md-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .l-row--align-items-md-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .l-row--align-items-md-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .l-row--align-items-md-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .l-row--align-items-md-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .l-row--align-items-md-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .l-row--align-content-md-start {
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .l-row--align-content-md-end {
    -ms-flex-line-pack: end;
    align-content: flex-end;
  }
  .l-row--align-content-md-center {
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .l-row--align-content-md-between {
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }
  .l-row--align-content-md-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around;
  }
  .l-row--align-content-md-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  .l-row__item--align-self-md-auto {
    -ms-flex-item-align: auto;
    align-self: auto;
  }
  .l-row__item--align-self-md-start {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .l-row__item--align-self-md-end {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .l-row__item--align-self-md-center {
    -ms-flex-item-align: center;
    align-self: center;
  }
  .l-row__item--align-self-md-baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline;
  }
  .l-row__item--align-self-md-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch;
  }
}
/**
 * l-row-- modifiers on large devices = desktops
 * 992px and up.
 */
@media (min-width: 992px) {
  .l-row--lg-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .l-row--lg-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .l-row--lg-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .l-row--lg-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .l-row--lg-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .l-row--lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .l-row--lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .l-row--justify-content-lg-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .l-row--justify-content-lg-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .l-row--justify-content-lg-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .l-row--justify-content-lg-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .l-row--justify-content-lg-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .l-row--align-items-lg-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .l-row--align-items-lg-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .l-row--align-items-lg-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .l-row--align-items-lg-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .l-row--align-items-lg-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .l-row--align-content-lg-start {
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .l-row--align-content-lg-end {
    -ms-flex-line-pack: end;
    align-content: flex-end;
  }
  .l-row--align-content-lg-center {
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .l-row--align-content-lg-between {
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }
  .l-row--align-content-lg-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around;
  }
  .l-row--align-content-lg-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  .l-row__item--align-self-lg-auto {
    -ms-flex-item-align: auto;
    align-self: auto;
  }
  .l-row__item--align-self-lg-start {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .l-row__item--align-self-lg-end {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .l-row__item--align-self-lg-center {
    -ms-flex-item-align: center;
    align-self: center;
  }
  .l-row__item--align-self-lg-baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline;
  }
  .l-row__item--align-self-lg-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch;
  }
}
/**
 * l-row-- modifiers on extra large devices = large
 * desktops 1200px and up.
 */
@media (min-width: 1200px) {
  .l-row--xl-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .l-row--xl-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .l-row--xl-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .l-row--xl-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .l-row--xl-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .l-row--xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .l-row--xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .l-row--justify-content-xl-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .l-row--justify-content-xl-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .l-row--justify-content-xl-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .l-row--justify-content-xl-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .l-row--justify-content-xl-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .l-row--align-items-xl-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .l-row--align-items-xl-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .l-row--align-items-xl-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .l-row--align-items-xl-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .l-row--align-items-xl-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .l-row--align-content-xl-start {
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .l-row--align-content-xl-end {
    -ms-flex-line-pack: end;
    align-content: flex-end;
  }
  .l-row--align-content-xl-center {
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .l-row--align-content-xl-between {
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }
  .l-row--align-content-xl-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around;
  }
  .l-row--align-content-xl-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  .l-row__item--align-self-xl-auto {
    -ms-flex-item-align: auto;
    align-self: auto;
  }
  .l-row__item--align-self-xl-start {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .l-row__item--align-self-xl-end {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .l-row__item--align-self-xl-center {
    -ms-flex-item-align: center;
    align-self: center;
  }
  .l-row__item--align-self-xl-baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline;
  }
  .l-row__item--align-self-xl-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch;
  }
}
/*------------------------------------*\
  #COLUMN-STYLES
\*------------------------------------*/
/**
 * l-col = contains modifiers that can be added
 * to a flex item. add the correct modifier to
 * reflect the device size's column total.
 */
.l-col,
.l-col--1,
.l-col--2,
.l-col--3,
.l-col--4,
.l-col--5,
.l-col--6,
.l-col--7,
.l-col--8,
.l-col--9,
.l-col--10,
.l-col--11,
.l-col--12,
.l-col--auto,
.l-col--sm-1,
.l-col--sm-2,
.l-col--sm-3,
.l-col--sm-4,
.l-col--sm-5,
.l-col--sm-6,
.l-col--sm-7,
.l-col--sm-8,
.l-col--sm-9,
.l-col--sm-10,
.l-col--sm-11,
.l-col--sm-12,
.l-col--sm,
.l-col--sm-auto,
.l-col--md-1,
.l-col--md-2,
.l-col--md-3,
.l-col--md-4,
.l-col--md-5,
.l-col--md-6,
.l-col--md-7,
.l-col--md-8,
.l-col--md-9,
.l-col--md-10,
.l-col--md-11,
.l-col--md-12,
.l-col--md,
.l-col--md-auto,
.l-col--lg-1,
.l-col--lg-2,
.l-col--lg-3,
.l-col--lg-4,
.l-col--lg-5,
.l-col--lg-6,
.l-col--lg-7,
.l-col--lg-8,
.l-col--lg-9,
.l-col--lg-10,
.l-col--lg-11,
.l-col--lg-12,
.l-col--lg,
.l-col--lg-auto,
.l-col--xl-1,
.l-col--xl-2,
.l-col--xl-3,
.l-col--xl-4,
.l-col--xl-5,
.l-col--xl-6,
.l-col--xl-7,
.l-col--xl-8,
.l-col--xl-9,
.l-col--xl-10,
.l-col--xl-11,
.l-col--xl-12,
.l-col--xl,
.l-col--xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.l-col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.l-col--auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.l-col--1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.l-col--2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.l-col--3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.l-col--4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.l-col--5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.l-col--6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.l-col--7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.l-col--8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.l-col--9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.l-col--10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.l-col--11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.l-col--12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

/**
 * l-order = contains modifiers that can be added
 * to a flex item. add the correct modifier to
 * reflect the order the col is presented.
 */
.l-order--first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.l-order--last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}

.l-order--0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.l-order--1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.l-order--2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.l-order--3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.l-order--4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.l-order--5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.l-order--6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.l-order--7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

.l-order--8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}

.l-order--9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}

.l-order--10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}

.l-order--11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}

.l-order--12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
}

/**
 * l-offset = contains modifiers that can be added
 * to a flex item. add the correct modifier to
 * reflect the offset needed on this col.
 */
.l-offset--1 {
  margin-left: 8.333333%;
}

.l-offset--2 {
  margin-left: 16.666667%;
}

.l-offset--3 {
  margin-left: 25%;
}

.l-offset--4 {
  margin-left: 33.333333%;
}

.l-offset--5 {
  margin-left: 41.666667%;
}

.l-offset--6 {
  margin-left: 50%;
}

.l-offset--7 {
  margin-left: 58.333333%;
}

.l-offset--8 {
  margin-left: 66.666667%;
}

.l-offset--9 {
  margin-left: 75%;
}

.l-offset--10 {
  margin-left: 83.333333%;
}

.l-offset--11 {
  margin-left: 91.666667%;
}

/*------------------------------------*\
  #COLUMN-MEDIA-QUERIES
\*------------------------------------*/
/**
 * small devices = landscape phones 576px
 * and up.
 */
@media (min-width: 576px) {
  .l-col--sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .l-col--sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .l-col--sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .l-col--sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .l-col--sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col--sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .l-col--sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .l-col--sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col--sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .l-col--sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .l-col--sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col--sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .l-col--sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .l-col--sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-order--sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .l-order--sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .l-order--sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .l-order--sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .l-order--sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .l-order--sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .l-order--sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .l-order--sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .l-order--sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .l-order--sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .l-order--sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .l-order--sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .l-order--sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .l-order--sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .l-order--sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .l-offset--sm-0 {
    margin-left: 0;
  }
  .l-offset--sm-1 {
    margin-left: 8.333333%;
  }
  .l-offset--sm-2 {
    margin-left: 16.666667%;
  }
  .l-offset--sm-3 {
    margin-left: 25%;
  }
  .l-offset--sm-4 {
    margin-left: 33.333333%;
  }
  .l-offset--sm-5 {
    margin-left: 41.666667%;
  }
  .l-offset--sm-6 {
    margin-left: 50%;
  }
  .l-offset--sm-7 {
    margin-left: 58.333333%;
  }
  .l-offset--sm-8 {
    margin-left: 66.666667%;
  }
  .l-offset--sm-9 {
    margin-left: 75%;
  }
  .l-offset--sm-10 {
    margin-left: 83.333333%;
  }
  .l-offset--sm-11 {
    margin-left: 91.666667%;
  }
}
/**
 * medium devices = tablets 768px and up.
 */
@media (min-width: 768px) {
  .l-col--md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .l-col--md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .l-col--md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .l-col--md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .l-col--md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col--md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .l-col--md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .l-col--md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col--md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .l-col--md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .l-col--md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col--md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .l-col--md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .l-col--md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-order--md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .l-order--md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .l-order--md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .l-order--md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .l-order--md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .l-order--md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .l-order--md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .l-order--md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .l-order--md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .l-order--md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .l-order--md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .l-order--md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .l-order--md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .l-order--md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .l-order--md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .l-offset--md-0 {
    margin-left: 0;
  }
  .l-offset--md-1 {
    margin-left: 8.333333%;
  }
  .l-offset--md-2 {
    margin-left: 16.666667%;
  }
  .l-offset--md-3 {
    margin-left: 25%;
  }
  .l-offset--md-4 {
    margin-left: 33.333333%;
  }
  .l-offset--md-5 {
    margin-left: 41.666667%;
  }
  .l-offset--md-6 {
    margin-left: 50%;
  }
  .l-offset--md-7 {
    margin-left: 58.333333%;
  }
  .l-offset--md-8 {
    margin-left: 66.666667%;
  }
  .l-offset--md-9 {
    margin-left: 75%;
  }
  .l-offset--md-10 {
    margin-left: 83.333333%;
  }
  .l-offset--md-11 {
    margin-left: 91.666667%;
  }
}
/**
 * large devices = desktops 992px and up.
 */
@media (min-width: 992px) {
  .l-col--lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .l-col--lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .l-col--lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .l-col--lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .l-col--lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col--lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .l-col--lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .l-col--lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col--lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .l-col--lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .l-col--lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col--lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .l-col--lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .l-col--lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-order--lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .l-order--lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .l-order--lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .l-order--lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .l-order--lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .l-order--lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .l-order--lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .l-order--lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .l-order--lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .l-order--lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .l-order--lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .l-order--lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .l-order--lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .l-order--lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .l-order--lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .l-offset--lg-0 {
    margin-left: 0;
  }
  .l-offset--lg-1 {
    margin-left: 8.333333%;
  }
  .l-offset--lg-2 {
    margin-left: 16.666667%;
  }
  .l-offset--lg-3 {
    margin-left: 25%;
  }
  .l-offset--lg-4 {
    margin-left: 33.333333%;
  }
  .l-offset--lg-5 {
    margin-left: 41.666667%;
  }
  .l-offset--lg-6 {
    margin-left: 50%;
  }
  .l-offset--lg-7 {
    margin-left: 58.333333%;
  }
  .l-offset--lg-8 {
    margin-left: 66.666667%;
  }
  .l-offset--lg-9 {
    margin-left: 75%;
  }
  .l-offset--lg-10 {
    margin-left: 83.333333%;
  }
  .l-offset--lg-11 {
    margin-left: 91.666667%;
  }
}
/**
 * extra large devices = large desktops 1200px
 * and up.
 */
@media (min-width: 1200px) {
  .l-col--xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .l-col--xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .l-col--xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .l-col--xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .l-col--xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col--xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .l-col--xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .l-col--xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col--xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .l-col--xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .l-col--xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col--xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .l-col--xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .l-col--xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-order--xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .l-order--xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .l-order--xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .l-order--xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .l-order--xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .l-order--xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .l-order--xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .l-order--xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .l-order--xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .l-order--xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .l-order--xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .l-order--xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .l-order--xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .l-order--xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .l-order--xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .l-offset--xl-0 {
    margin-left: 0;
  }
  .l-offset--xl-1 {
    margin-left: 8.333333%;
  }
  .l-offset--xl-2 {
    margin-left: 16.666667%;
  }
  .l-offset--xl-3 {
    margin-left: 25%;
  }
  .l-offset--xl-4 {
    margin-left: 33.333333%;
  }
  .l-offset--xl-5 {
    margin-left: 41.666667%;
  }
  .l-offset--xl-6 {
    margin-left: 50%;
  }
  .l-offset--xl-7 {
    margin-left: 58.333333%;
  }
  .l-offset--xl-8 {
    margin-left: 66.666667%;
  }
  .l-offset--xl-9 {
    margin-left: 75%;
  }
  .l-offset--xl-10 {
    margin-left: 83.333333%;
  }
  .l-offset--xl-11 {
    margin-left: 91.666667%;
  }
}
/*------------------------------------*\
  #DISPLAY-PROPERTY-UTILITIES
\*------------------------------------*/
/**
 * l-disp = provides access to the display
 * property as a utility. only use these if you
 * have to as they rely on !important to work.
 */
.l-disp--none {
  display: none;
}

.l-disp--inline {
  display: inline;
}

.l-disp--inline-block {
  display: inline-block;
}

.l-disp--block {
  display: block;
}

.l-disp--table {
  display: table;
}

.l-disp--table-row {
  display: table-row;
}

.l-disp--table-cell {
  display: table-cell;
}

.l-disp--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.l-disp--inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

/*------------------------------------*\
  #DISPLAY-PROPERTY-MEDIA-QUERIES
\*------------------------------------*/
/**
 * l-disp small devices = landscape phones
 * 576px and up.
 */
@media (min-width: 576px) {
  .l-disp--sm-none {
    display: none;
  }
  .l-disp--sm-inline {
    display: inline;
  }
  .l-disp--sm-inline-block {
    display: inline-block;
  }
  .l-disp--sm-block {
    display: block;
  }
  .l-disp--sm-table {
    display: table;
  }
  .l-disp--sm-table-row {
    display: table-row;
  }
  .l-disp--sm-table-cell {
    display: table-cell;
  }
  .l-disp--sm-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .l-disp--sm-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
/**
 * l-disp medium devices = tablets 768px and up.
 */
@media (min-width: 768px) {
  .l-disp--md-none {
    display: none;
  }
  .l-disp--md-inline {
    display: inline;
  }
  .l-disp--md-inline-block {
    display: inline-block;
  }
  .l-disp--md-block {
    display: block;
  }
  .l-disp--md-table {
    display: table;
  }
  .l-disp--md-table-row {
    display: table-row;
  }
  .l-disp--md-table-cell {
    display: table-cell;
  }
  .l-disp--md-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .l-disp--md-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
/**
 * l-disp large devices = desktops 992px and up.
 */
@media (min-width: 992px) {
  .l-disp--lg-none {
    display: none;
  }
  .l-disp--lg-inline {
    display: inline;
  }
  .l-disp--lg-inline-block {
    display: inline-block;
  }
  .l-disp--lg-block {
    display: block;
  }
  .l-disp--lg-table {
    display: table;
  }
  .l-disp--lg-table-row {
    display: table-row;
  }
  .l-disp--lg-table-cell {
    display: table-cell;
  }
  .l-disp--lg-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .l-disp--lg-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
/**
 * l-disp extra large devices = large desktops
 * 1200px and up.
 */
@media (min-width: 1200px) {
  .l-disp--xl-none {
    display: none;
  }
  .l-disp--xl-inline {
    display: inline;
  }
  .l-disp--xl-inline-block {
    display: inline-block;
  }
  .l-disp--xl-block {
    display: block;
  }
  .l-disp--xl-table {
    display: table;
  }
  .l-disp--xl-table-row {
    display: table-row;
  }
  .l-disp--xl-table-cell {
    display: table-cell;
  }
  .l-disp--xl-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .l-disp--xl-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
/**
 * l-disp printing styles.
 */
@media print {
  .l-disp--print-none {
    display: none;
  }
  .l-disp--print-inline {
    display: inline;
  }
  .l-disp--print-inline-block {
    display: inline-block;
  }
  .l-disp--print-block {
    display: block;
  }
  .l-disp--print-table {
    display: table;
  }
  .l-disp--print-table-row {
    display: table-row;
  }
  .l-disp--print-table-cell {
    display: table-cell;
  }
  .l-disp--print-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .l-disp--print-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
/*------------------------------------*\
  #DISPLAY-STYLES
\*------------------------------------*/
/**
 * l-display-- styles.
 */
.l-display--block {
  display: block;
}

.l-display--inline {
  display: inline;
}

.l-display--inline-block {
  display: inline-block;
}

.l-display--none {
  display: none;
}

@media (min-width: 576px) {
  .l-display--sm-block {
    display: block;
  }
  .l-display--sm-inline {
    display: inline;
  }
  .l-display--sm-inline-block {
    display: inline-block;
  }
  .l-display--sm-none {
    display: none;
  }
}
@media (min-width: 768px) {
  .l-display--md-block {
    display: block;
  }
  .l-display--md-inline {
    display: inline;
  }
  .l-display--md-inline-block {
    display: inline-block;
  }
  .l-display--md-none {
    display: none;
  }
}
@media (min-width: 992px) {
  .l-display--lg-block {
    display: block;
  }
  .l-display--lg-inline {
    display: inline;
  }
  .l-display--lg-inline-block {
    display: inline-block;
  }
  .l-display--lg-none {
    display: none;
  }
}
@media (min-width: 1200px) {
  .l-display--xl-block {
    display: block;
  }
  .l-display--xl-inline {
    display: inline;
  }
  .l-display--xl-inline-block {
    display: inline-block;
  }
  .l-display--xl-none {
    display: none;
  }
}
/*------------------------------------*\
  #THEMES
\*------------------------------------*/
/*------------------------------------*\
****************************************

  THEME-STYLES

  * use this css file to add theme css when
  * needed. do not use for any other purpose.

  signify that a class is responsible for adding
  a theme to a view. it lets us know that ui
  components’ current cosmetic appearance may be
  due to the presence of a theme.

  developed by the dev team, libraries 
  and cultural resources, university of
  calgary 2020.

****************************************
\*------------------------------------*/
/*------------------------------------*\
  #GENERAL-STYLES
\*------------------------------------*/
/**
 * reset browser default css.
 */
* {
  font-family: "proxima-nova", Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
  border: 0;
  vertical-align: baseline;
}

html {
  scroll-padding-top: 9rem;
}

body {
  color: #3D3D3D;
  background-color: #FFF;
}

main {
  background-color: #FFF;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  margin-top: 2em;
  margin-bottom: 0.5em;
  line-height: 1.1;
}

h1 {
  font-size: 36px;
  font-family: "museo-slab", "proxima-nova", Arial, Helvetica, sans-serif;
  font-weight: 700;
}

@media (min-width: 768px) {
  h1 {
    font-size: 45px;
  }
}
h2 {
  font-size: 30px;
}

@media (min-width: 768px) {
  h2 {
    font-size: 34px;
  }
}
h3 {
  font-size: 24px;
  margin-bottom: 1em;
}

@media (min-width: 768px) {
  h3 {
    font-size: 25px;
  }
}
h4 {
  font-size: 18px;
  margin-bottom: 1em;
}

@media (min-width: 768px) {
  h4 {
    font-size: 19px;
  }
}
h5 {
  font-size: 18px;
  margin-bottom: 1em;
}

@media (min-width: 768px) {
  h5 {
    font-size: 19px;
  }
}
h6 {
  font-size: 16px;
  margin-bottom: 1em;
}

@media (min-width: 768px) {
  h6 {
    font-size: 18px;
  }
}
p,
ol,
ul {
  margin-bottom: 1em;
  font-size: 16px;
  line-height: 1.625rem;
}

ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 40px;
}

ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 40px;
}

ul ul,
ol ul {
  list-style-type: circle;
  list-style-position: outside;
  margin-left: 15px;
}

ol ol,
ul ol {
  list-style-type: lower-latin;
  list-style-position: outside;
  margin-left: 15px;
}

/**********
a,
a:link {
  color: $color--link;
  text-decoration: none;
  cursor: pointer;
}

a:not(.c-btn, [role*='button'], .c-card__link, .c-events__link, .c-feed__img-link, .c-feed__link, .c-header__row-logo a, .c-header__row-nav a, .c-footer a, .c-prefooter a, .c-pagination a, .c-posts__link, .c-results__link, .c-header__toolbox-con a, .c-iconNav__link, .c-results__share-link, .c-anchor),
a:link:not(.c-btn, [role*='button'], .c-card__link, .c-events__link, .c-feed__img-link, .c-feed__link, .c-header__row-logo a, .c-header__row-nav a, .c-footer a, .c-prefooter a, .c-pagination a, .c-posts__link, .c-results__link, .c-header__toolbox-con a, .c-iconNav__link, .c-results__share-link, .c-anchor),
.c-posts__more,
.c-posts__more:link,
.c-footer__legal-list a,
.c-footer__legal-list a:link,
.c-header__main-nav-item-two:first-child a,
.c-header__main-nav-item-two:first-child a:link {
  position: relative;
  font-weight: 600;
  line-height: 1.55em;
  background-image: linear-gradient(currentColor,currentColor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
}

a:hover:not(.c-btn, [role*='button'], .c-card__link, .c-events__link, .c-header__row-logo a, .c-header__row-nav a, .c-footer a, .c-prefooter a, .c-pagination a, .c-posts__link, .c-results__link, .c-header__toolbox-con a, .c-iconNav__link, .c-results__share-link),
a:focus:not(.c-btn, [role*='button'], .c-card__link, .c-events__link, .c-header__row-logo a, .c-header__row-nav a, .c-footer a, .c-prefooter a, .c-pagination a, .c-posts__link, .c-results__link, .c-header__toolbox-con a, .c-iconNav__link, .c-results__share-link),
.c-header__main-nav-item-two:first-child a:hover,
.c-header__main-nav-item-two:first-child a:focus,
.c-posts__more:hover,
.c-posts__more:focus,
.c-footer__legal-list a:hover,
.c-footer__legal-list a:focus {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-name: underline-1px;
}
**********************/
.c-header__alert .c-header__alert-link,
.c-header__alert .c-header__alert-link:link {
  background-size: 100% 2px;
}

.c-header__main-nav-item-two:first-child a,
.c-header__main-nav-item-two:first-child a:link,
.c-footer__legal-list a,
.c-footer__legal-list a:link {
  background-size: 0% 2px;
}

.c-header__alert .c-header__alert-link:hover,
.c-header__alert .c-header__alert-link:focus,
.c-header__main-nav-item-two:first-child a:hover,
.c-header__main-nav-item-two:first-child a:focus,
.c-footer__legal-list a:hover,
.c-footer__legal-list a:focus {
  animation-name: underline-2px;
}

/*******
a:visited {
  color: $color--link-visited;
}

a:hover,
a:focus {
  color: $color--link-hover;
}

a:active {
  color: $color--link-active;
}
********/
a.u-link__white,
a.u-link__white:link {
  color: #FFF;
}
a.u-link__white:hover, a.u-link__white:focus,
a.u-link__white:link:hover,
a.u-link__white:link:focus {
  color: #EE0E2C;
}
a.u-link__white:visited,
a.u-link__white:link:visited {
  color: #9C0534;
}
a.u-link__white:active,
a.u-link__white:link:active {
  color: #EE0E2C;
}

/****
img {
  width: 100%;
  height: auto;
}
*****/
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #D6001C;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

::-webkit-input-placeholder {
  color: #999;
}

:-ms-input-placeholder {
  color: #999;
}

::placeholder {
  color: #999;
}

/*------------------------------------*\
  #BLOCKQUOTE-STYLES
\*------------------------------------*/
/**
 * default blockqoute tag styles.
 */
blockquote {
  position: relative;
  color: inherit;
  padding: 25px 40px;
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.42857143;
  border-bottom: 3px solid #8C857B;
}

blockquote::before,
blockquote::after {
  position: absolute;
  font-size: 20px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  text-decoration: inherit;
  color: #D6001C;
  line-height: 1.4;
}

blockquote::before {
  content: "\f10d"; /* open quotation mark */
  left: 0;
  padding-right: 8px;
  border-right: solid 3px #D6001C;
}

blockquote::after {
  content: "\f10e"; /* closed quotation mark */
  right: 0;
  padding-left: 8px;
  border-left: solid 3px #D6001C;
}

@media (min-width: 768px) {
  blockquote {
    padding-left: 124px;
    padding-right: 124px;
    padding-bottom: 50px;
  }
  blockquote::before,
  blockquote::after {
    font-size: 62px;
    line-height: 1;
  }
  blockquote::before {
    padding-right: 30px;
  }
  blockquote::after {
    bottom: 50px;
    padding-left: 30px;
  }
}
@media (min-width: 992px) {
  blockquote {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  blockquote {
    font-size: 22px;
    margin-bottom: 50px;
  }
}
blockquote p {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin-bottom: 0;
}

/*------------------------------------*\
  #CODE-STYLES
\*------------------------------------*/
/**
 * default code tag styles.
 */
code {
  font-family: monospace, Consolas, "courier new";
  font-size: 105%;
  font-weight: 500;
  color: crimson;
  background-color: #F4F3F0;
  padding: 2px;
  text-shadow: none;
}

/*------------------------------------*\
****************************************

  OBJECT-STYLES

  * use this css file to add object
  * css when needed. do not use for any
  * other purpose.

  use 'o-' namespace for object classes.

  signify that something is an object, and
  that it may be used in any number of unrelated
  contexts to the one you can currently see it in.
  making modifications to these types of class
  could potentially have knock-on effects in a
  lot of other unrelated places. tread carefully.

  developed by the dev team, libraries 
  and cultural resources, university of
  calgary 2020.

****************************************
\*------------------------------------*/
/*------------------------------------*\
  #MAIN-SECTION-STYLES-HERE
\*------------------------------------*/
/**
 * .o-page styles. use these as a unique identifier for
 * a page. this will add style to correct main nav item
 * depending on the page you are on.
 */
.o-page__one .c-header__main-nav-item .c-header__link-one,
.o-page__two .c-header__main-nav-item .c-header__link-two,
.o-page__three .c-header__main-nav-item .c-header__link-three,
.o-page__four .c-header__main-nav-item .c-header__link-four,
.o-page__five .c-header__main-nav-item .c-header__link-five,
.o-page__six .c-header__main-nav-item .c-header__link-six,
.o-page__seven .c-header__main-nav-item .c-header__link-seven,
.o-page__eight .c-header__main-nav-item .c-header__link-eight,
.o-page__nine .c-header__main-nav-item .c-header__link-nine,
.o-page__ten .c-header__main-nav-item .c-header__link-ten,
.o-page__eleven .c-header__main-nav-item .c-header__link-eleven,
.o-page__twelve .c-header__main-nav-item .c-header__link-twelve {
  color: #FFF;
  background-color: #D6001C;
  border-color: #D6001C;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 992px) {
  .o-page__one .c-header__main-nav-item .c-header__link-one,
  .o-page__two .c-header__main-nav-item .c-header__link-two,
  .o-page__three .c-header__main-nav-item .c-header__link-three,
  .o-page__four .c-header__main-nav-item .c-header__link-four,
  .o-page__five .c-header__main-nav-item .c-header__link-five,
  .o-page__six .c-header__main-nav-item .c-header__link-six,
  .o-page__seven .c-header__main-nav-item .c-header__link-seven,
  .o-page__eight .c-header__main-nav-item .c-header__link-eight,
  .o-page__nine .c-header__main-nav-item .c-header__link-nine,
  .o-page__ten .c-header__main-nav-item .c-header__link-ten,
  .o-page__eleven .c-header__main-nav-item .c-header__link-eleven,
  .o-page__twelve .c-header__main-nav-item .c-header__link-twelve {
    background-color: #9C0534;
    border-top-color: #9C0534;
    border-bottom-color: #9C0534;
  }
}
/**
 * .o-main styles.
 */
.o-main {
  min-height: 70vh;
  min-height: -webkit-calc(100vh - 366px);
  min-height: -moz-calc(100vh - 366px);
  min-height: calc(100vh - 366px);
  padding-top: 136px;
}

@media (min-width: 992px) {
  .o-main {
    padding-top: 74px;
  }
}
.o-main section:first-child {
  padding-top: 32px;
  margin-top: 0;
}

.o-main section:first-child .c-subnav__menu {
  padding-top: 26px;
  margin-top: 0;
}

.o-main section:first-child.c-hero {
  padding-top: 0;
}

.o-main section:first-child.c-hero h1 {
  padding-top: 0;
}

@media (min-width: 992px) {
  .o-main section:first-child {
    padding-top: 0;
  }
  .o-main section:first-child .c-subnav__menu {
    padding-top: 143px;
  }
  .o-main section:first-child.c-hero h1 {
    padding-top: 0;
  }
  .o-main section:first-child.c-title h1 {
    padding-top: 10px;
  }
  .o-main article header:first-child.c-title,
  .o-main section header:first-child.c-title {
    padding-top: 0;
  }
  .o-main section:first-child.c-title,
  .o-main section header:first-child.c-title,
  .o-main article header:first-child.c-title {
    margin-top: 143px;
  }
}
/*------------------------------------*\
  #PRINT-STYLES
\*------------------------------------*/
@media print {
  main.o-main {
    width: 100%;
    margin: 0;
    padding: 0;
    float: none;
  }
  /** Setting margins */
  @page {
    margin: 2cm;
  }
  /* The first page of a print */
  @page :first {
    margin: 1cm 2cm;
  }
  body,
  p {
    font-family: "proxima-nova", Arial, Helvetica, sans-serif;
    font-size: 13pt;
    line-height: 1.3;
    background: #FFF !important;
    color: #000;
  }
  h1 {
    font-size: 21pt;
    color: #000;
  }
  h2,
  h3,
  h4 {
    font-size: 16pt;
    color: #000;
  }
  /* Defining all page breaks */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    page-break-after: avoid;
    page-break-inside: avoid;
  }
  blockquote {
    page-break-inside: avoid;
  }
  img {
    page-break-inside: avoid;
    page-break-after: avoid;
  }
  table,
  pre {
    page-break-inside: avoid;
  }
  ul,
  ol,
  dl {
    page-break-before: avoid;
  }
  /* Displaying link color and link behaviour */
  a:link,
  a:visited,
  a {
    background: transparent;
    color: #D6001C;
    font-weight: bold;
    text-decoration: underline;
    text-align: left;
  }
  a {
    page-break-inside: avoid;
  }
  .c-btn,
  .c-hero a.c-hero__link,
  .c-blurb.c-blurb--full.c-blurb--primary-one a.c-blurb__link {
    font-family: "proxima-nova", Arial, Helvetica, sans-serif;
    font-size: 13pt;
    color: #000;
  }
  .c-article--primary-one .c-article__share-icon,
  .c-blurb--full.c-blurb--primary-one .c-blurb__icon,
  .c-blurb--stats.c-blurb--primary-one .c-blurb__icon,
  .c-chicklet--primary-one .u-line,
  .c-chicklet .c-chicklet__card--primary-one .u-line {
    color: #000;
  }
  /**
  * Making intergated videos disappear, and removing the iframes' whitespace to zero. 
  */
  .c-media .c-media__iframe,
  video,
  audio,
  iframe,
  ins {
    display: none;
    width: 0 !important;
    height: 0 !important;
    padding: 0;
    overflow: hidden !important;
    line-height: 0pt !important;
    white-space: nowrap;
  }
  /* Hiding unnecessary elements for the print */
  header,
  nav,
  aside,
  .c-hero__img-con,
  .c-prefooter,
  footer.c-footer,
  img {
    display: none;
    margin: 0;
    padding: 0;
  }
}
/*------------------------------------*\
  #UTILITIES
\*------------------------------------*/
/*------------------------------------*\
****************************************

  UTILITY-STYLES

  * use this css file to add utility css when
  * needed. do not use for any other purpose.

  use 'u-' namespace for utility classes.

  signify that this class is a utility class.
  it has a very specific role (often providing
  only one declaration) and should not be bound
  onto or changed. it can be reused and is not
  tied to any specific piece of ui.

  developed by the dev team, libraries 
  and cultural resources, university of
  calgary 2020.

****************************************
\*------------------------------------*/
/*------------------------------------*\
  #TEXT-ALIGNMENT-UTILITIES
\*------------------------------------*/
/**
 * use this to align a block's text horizontally.
 */
.u-text-align--center {
  text-align: center;
}

.u-text-align--left {
  text-align: left;
}

.u-text-align--right {
  text-align: right;
}

@media (min-width: 576px) {
  .u-text-align--sm-center {
    text-align: center;
  }
  .u-text-align--sm-left {
    text-align: left;
  }
  .u-text-align--sm-right {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .u-text-align--md-center {
    text-align: center;
  }
  .u-text-align--md-left {
    text-align: left;
  }
  .u-text-align--md-right {
    text-align: right;
  }
}
@media (min-width: 992px) {
  .u-text-align--lg-center {
    text-align: center;
  }
  .u-text-align--lg-left {
    text-align: left;
  }
  .u-text-align--lg-right {
    text-align: right;
  }
}
@media (min-width: 1200px) {
  .u-text-align--xl-center {
    text-align: center;
  }
  .u-text-align--xl-left {
    text-align: left;
  }
  .u-text-align--xl-right {
    text-align: right;
  }
}
/*------------------------------------*\
  #VERTICAL-ALIGNMENT-UTILITIES
\*------------------------------------*/
/**
 * use this to align a block's content vertically.
 */
.u-vertical-align--top {
  vertical-align: top;
}

.u-vertical-align--middle {
  vertical-align: middle;
}

.u-vertical-align--bottom {
  vertical-align: bottom;
}

@media (min-width: 576px) {
  .u-vertical-align--sm-top {
    vertical-align: top;
  }
  .u-vertical-align--sm-middle {
    vertical-align: middle;
  }
  .u-vertical-align--sm-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 768px) {
  .u-vertical-align--md-top {
    vertical-align: top;
  }
  .u-vertical-align--md-middle {
    vertical-align: middle;
  }
  .u-vertical-align--md-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 992px) {
  .u-vertical-align--lg-top {
    vertical-align: top;
  }
  .u-vertical-align--lg-middle {
    vertical-align: middle;
  }
  .u-vertical-align--lg-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 1200px) {
  .u-vertical-align--xl-top {
    vertical-align: top;
  }
  .u-vertical-align--xl-middle {
    vertical-align: middle;
  }
  .u-vertical-align--xl-bottom {
    vertical-align: bottom;
  }
}
/*------------------------------------*\
  #BUMP-UP-OR-DOWN-UTLITIES
\*------------------------------------*/
/**
 * use these to bump sections up or down to overlay
 * the section above it (usually used by ucalgary to
 * overlay hero images at the top of the page).
 */
.u-bump--up {
  position: relative;
  top: -20px;
  margin-bottom: -20px;
}

@media (min-width: 992px) {
  .u-bump--up {
    top: -50px;
    margin-bottom: -50px;
    z-index: 5;
  }
}
.u-bump--down {
  position: relative;
  bottom: -20px;
  margin-top: -20px;
}

@media (min-width: 992px) {
  .u-bump--down {
    bottom: -50px;
    margin-top: -50px;
    z-index: 5;
  }
}
/*------------------------------------*\
  #COLOR-UTILITIES
\*------------------------------------*/
/**
 * use these to add branding colors.
 */
.u-color--primary-one {
  color: #D6001C;
}

.u-color--primary-two {
  color: #FFCD00;
}

.u-color--secondary-one {
  color: #FFA300;
}

.u-color--secondary-two {
  color: #FF671F;
}

.u-color--secondary-three {
  color: #ED0A72;
}

.u-color--secondary-four {
  color: #9C0534;
}

.u-color--accent-one {
  color: #47A67C;
}

.u-color--accent-two {
  color: #FFE57B;
}

.u-color--accent-three {
  color: #6C3302;
}

.u-color--accent-four {
  color: #D3AC8B;
}

.u-color--neutral-one {
  color: #C7C8CA;
}

.u-color--neutral-two {
  color: #6D6E71;
}

.u-color--neutral-three {
  color: #000;
}

/**
 * color full palette of colours, use preset assigned
 * colours and avoid using these directly as much
 * as possible.
 */
.u-color--white {
  color: #FFF;
}

.u-color--off-white {
  color: #F4F4F4;
}

.u-color--lightest-grey {
  color: #F4F3F0;
}

.u-color--lightest-grey-alt {
  color: #EFEEEC;
}

.u-color--lighter-grey {
  color: #C0C0C0;
}

.u-color--lighter-grey-alt {
  color: #E6E4E0;
}

.u-color--paler-grey {
  color: #DCDCDC;
}

.u-color--paler-grey-alt {
  color: #DCDBD8;
}

.u-color--pale-grey {
  color: #D5D5D5;
}

.u-color--light-grey {
  color: #C7C8CA;
}

.u-color--light-grey-alt {
  color: #C4BFB6;
}

.u-color--ice-grey {
  color: #ADADAD;
}

.u-color--mid-grey {
  color: #999;
}

.u-color--mid-grey-alt {
  color: #9E988F;
}

.u-color--grey {
  color: #998F88;
}

.u-color--grey-alt {
  color: #989289;
}

.u-color--greyer {
  color: #8C857B;
}

.u-color--greyer-alt {
  color: #8D827A;
}

.u-color--brown-grey {
  color: #878071;
}

.u-color--dark-brown-grey {
  color: #7F786F;
}

.u-color--dark-brown-grey-transparent {
  color: rgba(108, 102, 94, 0.9);
}

.u-color--dark-grey {
  color: #6D6E71;
}

.u-color--darker-grey {
  color: #6F6258;
}

.u-color--darker-grey-alt {
  color: #6C665E;
}

.u-color--lighter-red {
  color: #E78391;
}

.u-color--lighter-red-alt {
  color: #D38C97;
}

.u-color--light-red {
  color: #FF4242;
}

.u-color--bright-red {
  color: #EE0E2C;
}

.u-color--red {
  color: #D6001C;
}

.u-color--red-old {
  color: #CF0722;
}

.u-color--yt-red {
  color: #BB0000;
}

.u-color--light-yellow-tint {
  color: rgba(255, 229, 123, 0.75);
}

.u-color--light-yellow {
  color: #FFE57B;
}

.u-color--gold-tint {
  color: rgba(255, 205, 0, 0.75);
}

.u-color--gold {
  color: #FFCD00;
}

.u-color--bright-orange {
  color: #FFB533;
}

.u-color--bright-orange-alt {
  color: #FFB400;
}

.u-color--light-orange-tint {
  color: rgba(255, 163, 0, 0.75);
}

.u-color--light-orange {
  color: #FFA300;
}

.u-color--orange {
  color: #FF7D3F;
}

.u-color--dark-orange-tint {
  color: rgba(255, 103, 31, 0.75);
}

.u-color--dark-orange {
  color: #FF671F;
}

.u-color--lighter-rubine {
  color: #FF82B8;
}

.u-color--light-rubine {
  color: #F73688;
}

.u-color--bright-rubine {
  color: #F40069;
}

.u-color--rubine-tint {
  color: rgba(237, 10, 114, 0.75);
}

.u-color--rubine {
  color: #ED0A72;
}

.u-color--rubine-old {
  color: #CE0058;
}

.u-color--light-berry {
  color: #EB3651;
}

.u-color--bright-berry {
  color: #C71E37;
}

.u-color--berry-old {
  color: #A6192E;
}

.u-color--berry-tint {
  color: rgba(156, 5, 52, 0.75);
}

.u-color--berry {
  color: #9C0534;
}

.u-color--teal {
  color: #47A67C;
}

.u-color--bright-teal {
  color: #53C492;
}

.u-color--light-taupe {
  color: #FFCB9F;
}

.u-color--taupe-tint {
  color: rgba(211, 172, 139, 0.75);
}

.u-color--taupe {
  color: #D3AC8B;
}

.u-color--brown-tint {
  color: rgba(108, 51, 2, 0.75);
}

.u-color--brown {
  color: #6C3302;
}

.u-color--twitter-blue {
  color: #55ACEE;
}

.u-color--linkedin-blue {
  color: #007BB5;
}

.u-color--fb-blue {
  color: #3B5998;
}

.u-color--insta-blue {
  color: #125688;
}

.u-color--darkest-blue {
  color: #3E5266;
}

.u-color--light-black {
  color: #3D3D3D;
}

.u-color--mid-black {
  color: #49251D;
}

.u-color--black {
  color: #000;
}

.u-color--transparent {
  color: transparent;
}

.u-color--inherit {
  color: inherit;
}

.u-color--current {
  color: currentColor;
}

/**
 * use these to add a specific external brand
 * color.
 */
.u-color--fb {
  color: #3B5998;
}

.u-color--linkedin {
  color: #007BB5;
}

.u-color--twitter {
  color: #55ACEE;
}

.u-color--insta {
  color: #125688;
}

.u-color--yt {
  color: #BB0000;
}

/**
 * use these to add branding colors to
 * backgrounds.
 */
.u-bg-color--primary-one {
  background-color: #D6001C;
}

.u-bg-color--primary-two {
  background-color: #FFCD00;
}

.u-bg-color--secondary-one {
  background-color: #FFA300;
}

.u-bg-color--secondary-two {
  background-color: #FF671F;
}

.u-bg-color--secondary-three {
  background-color: #ED0A72;
}

.u-bg-color--secondary-four {
  background-color: #9C0534;
}

.u-bg-color--accent-one {
  background-color: #47A67C;
}

.u-bg-color--accent-two {
  background-color: #FFE57B;
}

.u-bg-color--accent-three {
  background-color: #6C3302;
}

.u-bg-color--accent-four {
  background-color: #D3AC8B;
}

.u-bg-color--neutral-one {
  background-color: #C7C8CA;
}

.u-bg-color--neutral-two {
  background-color: #6D6E71;
}

.u-bg-color--neutral-three {
  background-color: #000;
}

/**
 * bg full palette of colours, use preset assigned
 * colours and avoid using these directly as much
 * as possible.
 */
.u-bg-color--white {
  background-color: #FFF;
}

.u-bg-color--off-white {
  background-color: #F4F4F4;
}

.u-bg-color--lightest-grey {
  background-color: #F4F3F0;
}

.u-bg-color--lightest-grey-alt {
  background-color: #EFEEEC;
}

.u-bg-color--lighter-grey {
  background-color: #C0C0C0;
}

.u-bg-color--lighter-grey-alt {
  background-color: #E6E4E0;
}

.u-bg-color--paler-grey {
  background-color: #DCDCDC;
}

.u-bg-color--paler-grey-alt {
  background-color: #DCDBD8;
}

.u-bg-color--pale-grey {
  background-color: #D5D5D5;
}

.u-bg-color--light-grey {
  background-color: #C7C8CA;
}

.u-bg-color--light-grey-alt {
  background-color: #C4BFB6;
}

.u-bg-color--ice-grey {
  background-color: #ADADAD;
}

.u-bg-color--mid-grey {
  background-color: #999;
}

.u-bg-color--mid-grey-alt {
  background-color: #9E988F;
}

.u-bg-color--grey {
  background-color: #998F88;
}

.u-bg-color--grey-alt {
  background-color: #989289;
}

.u-bg-color--greyer {
  background-color: #8C857B;
}

.u-bg-color--greyer-alt {
  background-color: #8D827A;
}

.u-bg-color--brown-grey {
  background-color: #878071;
}

.u-bg-color--dark-brown-grey {
  background-color: #7F786F;
}

.u-bg-color--dark-brown-grey-transparent {
  background-color: rgba(108, 102, 94, 0.9);
}

.u-bg-color--dark-grey {
  background-color: #6D6E71;
}

.u-bg-color--darker-grey {
  background-color: #6F6258;
}

.u-bg-color--darker-grey-alt {
  background-color: #6C665E;
}

.u-bg-color--lighter-red {
  background-color: #E78391;
}

.u-bg-color--lighter-red-alt {
  background-color: #D38C97;
}

.u-bg-color--light-red {
  background-color: #FF4242;
}

.u-bg-color--bright-red {
  background-color: #EE0E2C;
}

.u-bg-color--red {
  background-color: #D6001C;
}

.u-bg-color--red-old {
  background-color: #CF0722;
}

.u-bg-color--yt-red {
  background-color: #BB0000;
}

.u-bg-color--light-yellow-tint {
  background-color: rgba(255, 229, 123, 0.75);
}

.u-bg-color--light-yellow {
  background-color: #FFE57B;
}

.u-bg-color--gold-tint {
  background-color: rgba(255, 205, 0, 0.75);
}

.u-bg-color--gold {
  background-color: #FFCD00;
}

.u-bg-color--bright-orange {
  background-color: #FFB533;
}

.u-bg-color--bright-orange-alt {
  background-color: #FFB400;
}

.u-bg-color--light-orange-tint {
  background-color: rgba(255, 163, 0, 0.75);
}

.u-bg-color--light-orange {
  background-color: #FFA300;
}

.u-bg-color--orange {
  background-color: #FF7D3F;
}

.u-bg-color--dark-orange-tint {
  background-color: rgba(255, 103, 31, 0.75);
}

.u-bg-color--dark-orange {
  background-color: #FF671F;
}

.u-bg-color--lighter-rubine {
  background-color: #FF82B8;
}

.u-bg-color--light-rubine {
  background-color: #F73688;
}

.u-bg-color--bright-rubine {
  background-color: #F40069;
}

.u-bg-color--rubine-tint {
  background-color: rgba(237, 10, 114, 0.75);
}

.u-bg-color--rubine {
  background-color: #ED0A72;
}

.u-bg-color--rubine-old {
  background-color: #CE0058;
}

.u-bg-color--light-berry {
  background-color: #EB3651;
}

.u-bg-color--bright-berry {
  background-color: #C71E37;
}

.u-bg-color--berry-old {
  background-color: #A6192E;
}

.u-bg-color--berry-tint {
  background-color: rgba(156, 5, 52, 0.75);
}

.u-bg-color--berry {
  background-color: #9C0534;
}

.u-bg-color--teal {
  background-color: #47A67C;
}

.u-bg-color--bright-teal {
  background-color: #53C492;
}

.u-bg-color--light-taupe {
  background-color: #FFCB9F;
}

.u-bg-color--taupe-tint {
  background-color: rgba(211, 172, 139, 0.75);
}

.u-bg-color--taupe {
  background-color: #D3AC8B;
}

.u-bg-color--brown-tint {
  background-color: rgba(108, 51, 2, 0.75);
}

.u-bg-color--brown {
  background-color: #6C3302;
}

.u-bg-color--twitter-blue {
  background-color: #55ACEE;
}

.u-bg-color--linkedin-blue {
  background-color: #007BB5;
}

.u-bg-color--fb-blue {
  background-color: #3B5998;
}

.u-bg-color--insta-blue {
  background-color: #125688;
}

.u-bg-color--darkest-blue {
  background-color: #3E5266;
}

.u-bg-color--light-black {
  background-color: #3D3D3D;
}

.u-bg-color--mid-black {
  background-color: #49251D;
}

.u-bg-color--black {
  background-color: #000;
}

.u-bg-color--transparent {
  background-color: transparent;
}

.u-bg-color--inherit {
  background-color: inherit;
}

/**
 * use these to add a specific external brand
 * background color.
 */
.u-bg-color--fb {
  background-color: #3B5998;
}

.u-bg-color--linkedin {
  background-color: #007BB5;
}

.u-bg-color--twitter {
  background-color: #55ACEE;
}

.u-bg-color--insta {
  background-color: #125688;
}

.u-bg-color--yt {
  background-color: #BB0000;
}

/**
 * bg full palette of colours, use preset assigned
 * colours and avoid using these directly as much
 * as possible.
 */
.u-bg-color--gradient-primary {
  background-color: #9C0534;
  background-image: -webkit-gradient(linear, left top, right top, from(#9C0534), to(#D6001C));
  background-image: -o-linear-gradient(left, #9C0534, #D6001C);
  background-image: linear-gradient(to right, #9C0534, #D6001C);
}

.u-bg-color--gradient-secondary {
  background-color: #9C0534;
  background-image: -webkit-gradient(linear, left top, right top, from(#9C0534), to(#FF671F));
  background-image: -o-linear-gradient(left, #9C0534, #FF671F);
  background-image: linear-gradient(to right, #9C0534, #FF671F);
}

.u-bg-color--gradient-third {
  background-color: #ED0A72;
  background-image: -webkit-gradient(linear, left top, right top, from(#ED0A72), to(#FFA300));
  background-image: -o-linear-gradient(left, #ED0A72, #FFA300);
  background-image: linear-gradient(to right, #ED0A72, #FFA300);
}

/**
 * use these to add a specific external brand
 * to border colors.
 */
.u-border-color--primary-one {
  border-color: #D6001C;
}

.u-border-color--primary-two {
  border-color: #FFCD00;
}

.u-border-color--secondary-one {
  border-color: #FFA300;
}

.u-border-color--secondary-two {
  border-color: #FF671F;
}

.u-border-color--secondary-three {
  border-color: #ED0A72;
}

.u-border-color--secondary-four {
  border-color: #9C0534;
}

.u-border-color--accent-one {
  border-color: #47A67C;
}

.u-border-color--accent-two {
  border-color: #FFE57B;
}

.u-border-color--accent-three {
  border-color: #6C3302;
}

.u-border-color--accent-four {
  border-color: #D3AC8B;
}

.u-border-color--neutral-one {
  border-color: #C7C8CA;
}

.u-border-color--neutral-two {
  border-color: #6D6E71;
}

.u-border-color--neutral-three {
  border-color: #000;
}

.u-border-color--transparent {
  border-color: transparent;
}

.u-border-color--inherit {
  border-color: inherit;
}

.u-border-color--white {
  border-color: #FFF;
}

/*------------------------------------*\
  #LINE-UTILITIES
\*------------------------------------*/
/**
 * use these to add ucalgary lines. e.g. used
 * on ucalgary news stories.
 */
.u-line {
  width: 100%;
  margin: 0 0 10px;
  border-top-width: 2px;
  border-top-style: solid;
  color: #8C857B;
}

@media (min-width: 768px) {
  .u-line {
    margin: 20px 0 20px;
  }
}
.u-line--sm {
  width: 30px;
}

.u-line--md {
  width: 60px;
}

.u-line--lg {
  width: 100px;
}

/*------------------------------------*\
  #BORDER-UTILITIES
\*------------------------------------*/
/**
 * adds ucalgary border radius' to sections.
 */
.u-border-rad--top {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

@media (min-width: 1200px) {
  .u-border-rad--top {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
  }
}
.u-border-rad--bottom {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

@media (min-width: 992px) {
  .u-border-rad--bottom {
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
  }
}
.u-border-rad--circle {
  border-radius: 50%;
}

/**
 * adds style to borders and
 * can be used on hr elements.
 */
.u-border-style--solid {
  border-top-style: solid;
  border-top-width: 1px;
  border-color: #8C857B;
}

.u-border-style--dotted {
  border-top-style: dotted;
  border-top-width: 2px;
  border-color: #8C857B;
}

.u-border-style--dashed {
  border-top-style: dashed;
  border-top-width: 2px;
  border-color: #8C857B;
}

/**
 * basic border utilities.
 */
.u-border--1px {
  border: 1px solid #ADADAD;
}

/*------------------------------------*\
  #CODE-UTILITIES
\*------------------------------------*/
.u-code {
  font-family: monospace, Consolas, "courier new";
  font-size: 105%;
  font-weight: 500;
  color: crimson;
  background-color: #EFEEEC;
  padding: 2px;
  text-shadow: none;
}

/**
 * code - html (u-code--html) styles.
.u-code--html {
}
*/
/**
 * code - css (u-code--css) styles.
 */
.u-code--css {
  color: #47A67C;
}

/**
 * code - javascript (u-code--js) styles.
.u-code--js {
}
 */
/*------------------------------------*\
  #POSITION-UTILITIES
\*------------------------------------*/
.u-position--relative {
  position: relative;
}

.u-position--absolute {
  position: absolute;
}

.u-position--fixed {
  position: fixed;
}

@media (min-width: 576px) {
  .u-position--sm-relative {
    position: relative;
  }
  .u-position--sm-absolute {
    position: absolute;
  }
  .u-position--sm-fixed {
    position: fixed;
  }
}
@media (min-width: 768px) {
  .u-position--md-relative {
    position: relative;
  }
  .u-position--md-absolute {
    position: absolute;
  }
  .u-position--md-fixed {
    position: fixed;
  }
}
@media (min-width: 992px) {
  .u-position--lg-relative {
    position: relative;
  }
  .u-position--lg-absolute {
    position: absolute;
  }
  .u-position--lg-fixed {
    position: fixed;
  }
}
@media (min-width: 1200px) {
  .u-position--xl-relative {
    position: relative;
  }
  .u-position--xl-absolute {
    position: absolute;
  }
  .u-position--xl-fixed {
    position: fixed;
  }
}
/*------------------------------------*\
  #WIDTH-UTILITIES
\*------------------------------------*/
/**
 * width utilities.
 */
.u-width--full {
  width: 100%;
  max-width: 100%;
}

.u-width--auto {
  width: auto;
}

.u-width--50px {
  width: 50px;
}

.u-width--100px {
  width: 100px;
}

.u-width--200px {
  width: 200px;
}

.u-width--text-max {
  max-width: 700px;
}

@media (min-width: 576px) {
  .u-width--sm-full {
    width: 100%;
    max-width: 100%;
  }
  .u-width--sm-auto {
    width: auto;
  }
  .u-width--sm-50px {
    width: 50px;
  }
  .u-width--sm-100px {
    width: 100px;
  }
  .u-width--sm-200px {
    width: 200px;
  }
  .u-width--sm-text-max {
    max-width: 700px;
  }
}
@media (min-width: 768px) {
  .u-width--md-full {
    width: 100%;
    max-width: 100%;
  }
  .u-width--md-auto {
    width: auto;
  }
  .u-width--md-50px {
    width: 50px;
  }
  .u-width--md-100px {
    width: 100px;
  }
  .u-width--md-200px {
    width: 200px;
  }
  .u-width--md-text-max {
    max-width: 700px;
  }
}
@media (min-width: 992px) {
  .u-width--lg-full {
    width: 100%;
    max-width: 100%;
  }
  .u-width--lg-auto {
    width: auto;
  }
  .u-width--lg-50px {
    width: 50px;
  }
  .u-width--lg-100px {
    width: 100px;
  }
  .u-width--lg-200px {
    width: 200px;
  }
  .u-width--lg-text-max {
    max-width: 700px;
  }
}
@media (min-width: 1200px) {
  .u-width--xl-full {
    width: 100%;
    max-width: 100%;
  }
  .u-width--xl-auto {
    width: auto;
  }
  .u-width--xl-50px {
    width: 50px;
  }
  .u-width--xl-100px {
    width: 100px;
  }
  .u-width--xl-200px {
    width: 200px;
  }
  .u-width--xl-text-max {
    max-width: 700px;
  }
}
/*------------------------------------*\
  #HEIGHT-UTILITIES
\*------------------------------------*/
/**
 * height 100%.
 */
.u-height--full {
  height: 100%;
  max-height: 100%;
}

.u-height--auto {
  height: auto;
}

.u-height--50px {
  height: 50px;
}

.u-height--100px {
  height: 100px;
}

.u-height--200px {
  height: 200px;
}

@media (min-width: 576px) {
  .u-height--sm-full {
    height: 100%;
    max-height: 100%;
  }
  .u-height--sm-auto {
    height: auto;
  }
  .u-height--sm-50px {
    height: 50px;
  }
  .u-height--sm-100px {
    height: 100px;
  }
  .u-height--sm-200px {
    height: 200px;
  }
}
@media (min-width: 768px) {
  .u-height--md-full {
    height: 100%;
    max-height: 100%;
  }
  .u-height--md-auto {
    height: auto;
  }
  .u-height--md-50px {
    height: 50px;
  }
  .u-height--md-100px {
    height: 100px;
  }
  .u-height--md-200px {
    height: 200px;
  }
}
@media (min-width: 992px) {
  .u-height--lg-full {
    height: 100%;
    max-height: 100%;
  }
  .u-height--lg-auto {
    height: auto;
  }
  .u-height--lg-50px {
    height: 50px;
  }
  .u-height--lg-100px {
    height: 100px;
  }
  .u-height--lg-200px {
    height: 200px;
  }
}
@media (min-width: 1200px) {
  .u-height--xl-full {
    height: 100%;
    max-height: 100%;
  }
  .u-height--xl-auto {
    height: auto;
  }
  .u-height--xl-50px {
    height: 50px;
  }
  .u-height--xl-100px {
    height: 100px;
  }
  .u-height--xl-200px {
    height: 200px;
  }
}
/*------------------------------------*\
  #MARGIN-UTILITIES
\*------------------------------------*/
/**
 * margin 0 styles.
 */
.u-margin--0 {
  margin: 0;
}

.u-margin--0-auto {
  margin: 0 auto;
}

.u-margin--top-0 {
  margin-top: 0;
}

.u-margin--top-15px {
  margin-top: 15px;
}

.u-margin--top-3em {
  margin-top: 3em;
}

.u-margin--top-7em {
  margin-top: 7em;
}

.u-margin--right-0 {
  margin-right: 0 !important;
}

.u-margin--bottom-0 {
  margin-bottom: 0;
}

.u-margin--bottom-15px {
  margin-bottom: 15px;
}

.u-margin--bottom-7em {
  margin-bottom: 7em;
}

.u-margin--left-0 {
  margin-left: 0 !important;
}

.u-margin--bottom-minus-100 {
  margin-bottom: -100px;
}

@media (min-width: 576px) {
  .u-margin--sm-0 {
    margin: 0;
  }
  .u-margin--sm-0-auto {
    margin: 0 auto;
  }
  .u-margin--sm-top-0 {
    margin-top: 0;
  }
  .u-margin--sm-top-15px {
    margin-top: 15px;
  }
  .u-margin--sm-top-3em {
    margin-top: 3em;
  }
  .u-margin--sm-top-7em {
    margin-top: 7em;
  }
  .u-margin--sm-right-0 {
    margin-right: 0;
  }
  .u-margin--sm-bottom-0 {
    margin-bottom: 0;
  }
  .u-margin--sm-left-0 {
    margin-left: 0;
  }
  .u-margin--sm-bottom-minus-100 {
    margin-bottom: -100px;
  }
}
@media (min-width: 768px) {
  .u-margin--md-0 {
    margin: 0;
  }
  .u-margin--md-0-auto {
    margin: 0 auto;
  }
  .u-margin--md-top-0 {
    margin-top: 0;
  }
  .u-margin--md-top-15px {
    margin-top: 15px;
  }
  .u-margin--md-top-3em {
    margin-top: 3em;
  }
  .u-margin--md-top-7em {
    margin-top: 7em;
  }
  .u-margin--md-right-0 {
    margin-right: 0;
  }
  .u-margin--md-bottom-0 {
    margin-bottom: 0;
  }
  .u-margin--md-left-0 {
    margin-left: 0;
  }
  .u-margin--md-bottom-minus-100 {
    margin-bottom: -100px;
  }
}
@media (min-width: 992px) {
  .u-margin--lg-0 {
    margin: 0;
  }
  .u-margin--lg-0-auto {
    margin: 0 auto;
  }
  .u-margin--lg-top-0 {
    margin-top: 0;
  }
  .u-margin--lg-top-15px {
    margin-top: 15px;
  }
  .u-margin--lg-top-3em {
    margin-top: 3em;
  }
  .u-margin--lg-top-7em {
    margin-top: 7em;
  }
  .u-margin--lg-right-0 {
    margin-right: 0;
  }
  .u-margin--lg-bottom-0 {
    margin-bottom: 0;
  }
  .u-margin--lg-left-0 {
    margin-left: 0;
  }
  .u-margin--lg-bottom-minus-100 {
    margin-bottom: -100px;
  }
}
@media (min-width: 1200px) {
  .u-margin--xl-0 {
    margin: 0;
  }
  .u-margin--xl-0-auto {
    margin: 0 auto;
  }
  .u-margin--xl-top-0 {
    margin-top: 0;
  }
  .u-margin--xl-top-15px {
    margin-top: 15px;
  }
  .u-margin--xl-top-3em {
    margin-top: 3em;
  }
  .u-margin--xl-top-7em {
    margin-top: 7em;
  }
  .u-margin--xl-right-0 {
    margin-right: 0;
  }
  .u-margin--xl-bottom-0 {
    margin-bottom: 0;
  }
  .u-margin--xl-left-0 {
    margin-left: 0;
  }
  .u-margin--xl-bottom-minus-100 {
    margin-bottom: -100px;
  }
}
/*------------------------------------*\
  #PADDING-UTILITIES
\*------------------------------------*/
/**
 * padding 0 styles.
 */
.u-padding--0 {
  padding: 0;
}

.u-padding--top-0 {
  padding-top: 0 !important;
}

.u-padding--top-3em {
  padding-top: 3em;
}

.u-padding--top-7em {
  padding-top: 7em;
}

.u-padding--right-0 {
  padding-right: 0;
}

.u-padding--bottom-0 {
  padding-bottom: 0;
}

.u-padding--bottom-0-important {
  padding-bottom: 0 !important;
}

.u-padding--bottom-3em {
  padding-bottom: 3em;
}

.u-padding--bottom-7em {
  padding-bottom: 7em;
}

.u-padding--left-0 {
  padding-left: 0;
}

@media (min-width: 576px) {
  .u-padding--sm-0 {
    padding: 0;
  }
  .u-padding--sm-top-0 {
    padding-top: 0;
  }
  .u-padding--sm-top-3em {
    padding-top: 3em;
  }
  .u-padding--sm-top-7em {
    padding-top: 7em;
  }
  .u-padding--sm-right-0 {
    padding-right: 0;
  }
  .u-padding--sm-bottom-0 {
    padding-bottom: 0;
  }
  .u-padding--sm-bottom-3em {
    padding-bottom: 3em;
  }
  .u-padding--sm-bottom-7em {
    padding-bottom: 7em;
  }
  .u-padding--sm-left-0 {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .u-padding--md-0 {
    padding: 0;
  }
  .u-padding--md-top-0 {
    padding-top: 0;
  }
  .u-padding--md-top-3em {
    padding-top: 3em;
  }
  .u-padding--md-top-7em {
    padding-top: 7em;
  }
  .u-padding--md-right-0 {
    padding-right: 0;
  }
  .u-padding--md-bottom-0 {
    padding-bottom: 0;
  }
  .u-padding--md-bottom-3em {
    padding-bottom: 3em;
  }
  .u-padding--md-bottom-7em {
    padding-bottom: 7em;
  }
  .u-padding--md-left-0 {
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .u-padding--lg-0 {
    padding: 0;
  }
  .u-padding--lg-top-0 {
    padding-top: 0;
  }
  .u-padding--lg-top-3em {
    padding-top: 3em;
  }
  .u-padding--lg-top-7em {
    padding-top: 7em;
  }
  .u-padding--lg-right-0 {
    padding-right: 0;
  }
  .u-padding--lg-bottom-0 {
    padding-bottom: 0;
  }
  .u-padding--lg-bottom-3em {
    padding-bottom: 3em;
  }
  .u-padding--lg-bottom-7em {
    padding-bottom: 7em;
  }
  .u-padding--lg-left-0 {
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .u-padding--xl-0 {
    padding: 0;
  }
  .u-padding--xl-top-0 {
    padding-top: 0;
  }
  .u-padding--xl-top-3em {
    padding-top: 3em;
  }
  .u-padding--xl-top-7em {
    padding-top: 7em;
  }
  .u-padding--xl-right-0 {
    padding-right: 0;
  }
  .u-padding--xl-bottom-0 {
    padding-bottom: 0;
  }
  .u-padding--xl-bottom-3em {
    padding-bottom: 3em;
  }
  .u-padding--xl-bottom-7em {
    padding-bottom: 7em;
  }
  .u-padding--xl-left-0 {
    padding-left: 0;
  }
}
/*------------------------------------*\
  #ACCESSIBILTY-UTILITIES
\*------------------------------------*/
/**
 * visually hide elements on screen but
 * leave available for screen readers.
 */
.u-visual--hidden {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.u-visual--hidden:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
.skip-link[tabindex="-1"]:focus {
  outline: 0;
}

@media (min-width: 576px) {
  .u-visual--sm-hidden {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
  }
  .u-visual--sm-hidden:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
  }
}
@media (min-width: 768px) {
  .u-visual--md-hidden {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
  }
  .u-visual--md-hidden:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
  }
}
@media (min-width: 992px) {
  .u-visual--lg-hidden {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
  }
  .u-visual--lg-hidden:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
  }
}
@media (min-width: 1200px) {
  .u-visual--xl-hidden {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
  }
  .u-visual--xl-hidden:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
  }
}
/*------------------------------------*\
  #FONT-UTILITIES
\*------------------------------------*/
/**
 * font weight utilities.
 */
.u-font-weight--100 {
  font-weight: 100;
}

.u-font-weight--300 {
  font-weight: 300;
}

.u-font-weight--400 {
  font-weight: 400;
}

.u-font-weight--500 {
  font-weight: 500;
}

.u-font-weight--600 {
  font-weight: 600;
}

.u-font-weight--700 {
  font-weight: 700;
}

.u-font-weight--800 {
  font-weight: 800;
}

.u-font-weight--900 {
  font-weight: 900;
}

.u-font-weight--bold {
  font-weight: bold;
}

.u-font-weight--bolder {
  font-weight: bolder;
}

.u-font-weight--inherit {
  font-weight: inherit;
}

.u-font-weight--initial {
  font-weight: initial;
}

.u-font-weight--lighter {
  font-weight: lighter;
}

.u-font-weight--normal {
  font-weight: normal;
}

.u-font-weight--unset {
  font-weight: 400;
}

/**
 * font size utilities.
 */
.u-font-size--1em {
  font-size: 1em;
}

.u-font-size--2em {
  font-size: 2em;
}

/**
 * font smoothing utilities.
 */
.u-font-smoothing {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 576px) {
  .u-font-weight--sm-100 {
    font-weight: 100;
  }
  .u-font-weight--sm-300 {
    font-weight: 300;
  }
  .u-font-weight--sm-400 {
    font-weight: 400;
  }
  .u-font-weight--sm-500 {
    font-weight: 500;
  }
  .u-font-weight--sm-600 {
    font-weight: 600;
  }
  .u-font-weight--sm-700 {
    font-weight: 700;
  }
  .u-font-weight--sm-800 {
    font-weight: 800;
  }
  .u-font-weight--sm-900 {
    font-weight: 900;
  }
  .u-font-weight--sm-bold {
    font-weight: bold;
  }
  .u-font-weight--sm-bolder {
    font-weight: bolder;
  }
  .u-font-weight--sm-inherit {
    font-weight: inherit;
  }
  .u-font-weight--sm-initial {
    font-weight: initial;
  }
  .u-font-weight--sm-lighter {
    font-weight: lighter;
  }
  .u-font-weight--sm-normal {
    font-weight: normal;
  }
  .u-font-weight--sm-unset {
    font-weight: 400;
  }
  .u-font-size--sm-1em {
    font-size: 1em;
  }
  .u-font-size--sm-2em {
    font-size: 2em;
  }
  .u-font-smoothing--sm {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media (min-width: 768px) {
  .u-font-weight--md-100 {
    font-weight: 100;
  }
  .u-font-weight--md-300 {
    font-weight: 300;
  }
  .u-font-weight--md-400 {
    font-weight: 400;
  }
  .u-font-weight--md-500 {
    font-weight: 500;
  }
  .u-font-weight--md-600 {
    font-weight: 600;
  }
  .u-font-weight--md-700 {
    font-weight: 700;
  }
  .u-font-weight--md-800 {
    font-weight: 800;
  }
  .u-font-weight--md-900 {
    font-weight: 900;
  }
  .u-font-weight--md-bold {
    font-weight: bold;
  }
  .u-font-weight--md-bolder {
    font-weight: bolder;
  }
  .u-font-weight--md-inherit {
    font-weight: inherit;
  }
  .u-font-weight--md-initial {
    font-weight: initial;
  }
  .u-font-weight--md-lighter {
    font-weight: lighter;
  }
  .u-font-weight--md-normal {
    font-weight: normal;
  }
  .u-font-weight--md-unset {
    font-weight: 400;
  }
  .u-font-size--md-1em {
    font-size: 1em;
  }
  .u-font-size--md-2em {
    font-size: 2em;
  }
  .u-font-smoothing--md {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media (min-width: 992px) {
  .u-font-weight--lg-100 {
    font-weight: 100;
  }
  .u-font-weight--lg-300 {
    font-weight: 300;
  }
  .u-font-weight--lg-400 {
    font-weight: 400;
  }
  .u-font-weight--lg-500 {
    font-weight: 500;
  }
  .u-font-weight--lg-600 {
    font-weight: 600;
  }
  .u-font-weight--lg-700 {
    font-weight: 700;
  }
  .u-font-weight--lg-800 {
    font-weight: 800;
  }
  .u-font-weight--lg-900 {
    font-weight: 900;
  }
  .u-font-weight--lg-bold {
    font-weight: bold;
  }
  .u-font-weight--lg-bolder {
    font-weight: bolder;
  }
  .u-font-weight--lg-inherit {
    font-weight: inherit;
  }
  .u-font-weight--lg-initial {
    font-weight: initial;
  }
  .u-font-weight--lg-lighter {
    font-weight: lighter;
  }
  .u-font-weight--lg-normal {
    font-weight: normal;
  }
  .u-font-weight--lg-unset {
    font-weight: 400;
  }
  .u-font-size--lg-1em {
    font-size: 1em;
  }
  .u-font-size--lg-2em {
    font-size: 2em;
  }
  .u-font-smoothing--lg {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media (min-width: 1200px) {
  .u-font-weight--xl-100 {
    font-weight: 100;
  }
  .u-font-weight--xl-300 {
    font-weight: 300;
  }
  .u-font-weight--xl-400 {
    font-weight: 400;
  }
  .u-font-weight--xl-500 {
    font-weight: 500;
  }
  .u-font-weight--xl-600 {
    font-weight: 600;
  }
  .u-font-weight--xl-700 {
    font-weight: 700;
  }
  .u-font-weight--xl-800 {
    font-weight: 800;
  }
  .u-font-weight--xl-900 {
    font-weight: 900;
  }
  .u-font-weight--xl-bold {
    font-weight: bold;
  }
  .u-font-weight--xl-bolder {
    font-weight: bolder;
  }
  .u-font-weight--xl-inherit {
    font-weight: inherit;
  }
  .u-font-weight--xl-initial {
    font-weight: initial;
  }
  .u-font-weight--xl-lighter {
    font-weight: lighter;
  }
  .u-font-weight--xl-normal {
    font-weight: normal;
  }
  .u-font-weight--xl-unset {
    font-weight: 400;
  }
  .u-font-size--xl-1em {
    font-size: 1em;
  }
  .u-font-size--xl-2em {
    font-size: 2em;
  }
  .u-font-smoothing--xl {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
/*------------------------------------*\
  #TYPOGRAPHY-UTILITIES
\*------------------------------------*/
/**
 * white-space utilities.
 */
.u-white-space--nowrap {
  white-space: nowrap;
}

/**
 * line-height utilities.
 */
.u-line-height--heading {
  line-height: 1.3;
}

/*------------------------------------*\
  #COMPONENTS
\*------------------------------------*/
/*------------------------------------*\
****************************************

  COMPONENT-STYLES

  * use this css file to add component
  * css when needed. do not use for any
  * other purpose.

  use 'c-' namespace for component classes.

  signify that something is a component. this is
  a concrete, implementation-specific piece of ui.
  all of the changes you make to its styles should
  be detectable in the context you’re currently
  looking at. modifying these styles should be safe
  and have no side effects other than to the
  components they are used on.

  developed by the dev team, libraries and
  cultural resources, university of calgary 2020.

****************************************
\*------------------------------------*/
/*------------------------------------*\
  #HEADER-ROW-STYLES (c-header)
\*------------------------------------*/
/**
 * c-header styles.
 */
.c-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

/**
 * c-header__alert styles.
 */
.c-header__alert {
  height: 100%;
  color: #49251D;
  background-color: #FFCD00;
}

/**
 * c-header__alert-wrapper styles.
 */
.c-header__alert-wrapper {
  position: relative;
}

@media only screen and (min-width: 1200px) {
  .c-header__alert-wrapper {
    padding-right: 0;
    padding-left: 0;
  }
}
/**
 * c-header__alert-button styles.
 */
.c-header__alert-button {
  position: absolute;
  right: 15px;
  width: 30px;
  height: 46px;
  padding-top: 10px;
  color: #FFF;
  background-color: #FFCD00;
  font-weight: bold;
  font-size: 24px;
  border: 3px solid #FFCD00;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  z-index: 2;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c-header__alert-button::before {
  content: "!";
}

@media only screen and (min-width: 992px) {
  .c-header__alert-button {
    height: 53px;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
  }
  .c-header__alert-button::before {
    content: "!";
    position: relative;
    top: 2px;
  }
  .c-header__alert-button:hover {
    height: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .c-header__alert-button {
    right: 15px;
  }
}
.c-header__alert-button.js-alert__button--open::before {
  display: none;
}

.c-header__alert-button.js-alert__button--open::after {
  content: "\f00d"; /* x icon */
  position: absolute;
  top: 8px;
  right: -2.5px;
  height: 30px;
  width: 30px;
  padding: 4px 0 0 1px;
  color: #49251D;
  background-color: #FFCD00;
  font-family: "Font Awesome 6 Pro";
  font-size: 15px;
  border: 3px solid #49251D;
  border-radius: 50%;
  z-index: 1;
}

@media only screen and (min-width: 992px) {
  .c-header__alert-button.js-alert__button--open::after {
    top: 14px;
  }
}
.c-header__alert-button.js-alert__button--open:hover::after {
  color: #FFCD00;
  background-color: #49251D;
  border-color: #49251D;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}

/**
 * c-header__alert-con styles.
 */
.c-header__alert-con {
  position: relative;
  max-height: 0;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  opacity: 0;
  overflow: auto;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}

@media only screen and (min-width: 1200px) {
  .c-header__alert-con {
    padding-right: 15px;
    padding-left: 15px;
  }
}
/**
 * c-header__alert-icon styles.
 */
.c-header__alert-icon {
  display: none;
}

/**
 * c-header__alert-timestamp styles.
 */
.c-header__alert-timestamp {
  margin-top: 15px;
  margin-right: 8%;
  margin-bottom: 5px;
  font-size: 14px;
}

@media only screen and (min-width: 992px) {
  .c-header__alert-timestamp {
    margin: 2px 45px 0 0;
    white-space: nowrap;
  }
}
/**
 * c-header__alert-message styles.
 */
.c-header__alert-message {
  margin: 0;
  padding-top: 10px;
  padding-bottom: 15px;
  font-size: 16px;
}

@media only screen and (min-width: 992px) {
  .c-header__alert-message {
    width: 100%;
    margin: 21px 15px 19px 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
/**
 * c-header__alert-link styles.
 */
a.c-header__alert-link {
  color: inherit;
  white-space: nowrap;
  font-weight: 500;
}

/**
 * c-header__alert-time styles.
 */
.c-header__alert-time::before {
  content: "•";
  padding-right: 5px;
}

/**
 * c-header__toolbox styles.
 */
.c-header__toolbox {
  height: 100%;
  padding-right: 0;
  padding-left: 0;
  color: #FFF;
  background-color: #D6001C;
  border-top: 7px solid #D6001C;
}

@media only screen and (min-width: 992px) {
  .c-header__toolbox {
    background: -webkit-gradient(linear, left top, right top, color-stop(42.57%, #D6001C), color-stop(0, #F4F3F0));
    background: -o-linear-gradient(left, #D6001C 42.57%, #F4F3F0 0);
    background: linear-gradient(90deg, #D6001C 42.57%, #F4F3F0 0);
  }
}
/**
 * c-header__toolbox-wrapper styles.
 */
.c-header__toolbox-wrapper {
  position: relative;
  padding-right: 0;
  padding-left: 0;
}

/**
 * c-header__toolbox-button styles.
 */
.c-header__toolbox-button {
  position: absolute;
  top: -7px;
  right: 15px;
  width: 30px;
  height: 46px;
  padding-top: 10px;
  color: #FFF;
  background-color: #D6001C;
  font-weight: bold;
  font-size: 24px;
  border: 3px solid #D6001C;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  cursor: pointer;
  z-index: 2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c-header__toolbox-button::before {
  content: "\f002"; /* search icon */
  position: relative;
  top: -2px;
  font-family: "Font Awesome 6 Pro";
  font-size: 15px;
}

/**
 * if the alert box is added move over
 * toolbox button.
 */
.c-header__alert + .c-header__toolbox .c-header__toolbox-button {
  right: 60px;
}

@media only screen and (min-width: 992px) {
  .c-header__toolbox-button {
    height: 53px;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
  }
  .c-header__toolbox-button:hover {
    height: 60px;
  }
  .c-header__toolbox-button::before {
    content: "\f078"; /* chevron down icon */
    position: relative;
    top: 3px;
  }
}
.c-header__toolbox-button.js-toolbox__button--open::before {
  display: none;
}

.c-header__toolbox-button.js-toolbox__button--open::after {
  content: "\f00d"; /* x icon */
  position: absolute;
  top: 13px;
  right: -2.5px;
  height: 30px;
  width: 30px;
  padding: 3px 0 0 1px;
  color: #FFF;
  background-color: #D6001C;
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  border: 3px solid transparent;
  border-radius: 50%;
  z-index: 1;
}

@media only screen and (min-width: 992px) {
  .c-header__toolbox-button.js-toolbox__button--open {
    background-color: transparent;
    border-color: transparent;
  }
  .c-header__toolbox-button.js-toolbox__button--open::after {
    top: 20px;
    color: #D6001C;
    background-color: transparent;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
  }
  .c-header__toolbox-button.js-toolbox__button--open:hover::after {
    color: #FFF;
    background-color: #EE0E2C;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
/**
 * c-header__toolbox-form styles.
 */
.c-header__toolbox-form {
  position: absolute;
  top: 60px;
  width: 100%;
  z-index: 1;
}

@media (min-width: 768px) {
  .c-header__toolbox-form {
    top: 8px;
    width: calc(100% - 88px);
  }
}
@media (min-width: 992px) {
  .c-header__toolbox-form {
    top: 16px;
    right: 55px;
    width: 326px;
  }
  /**
   * if the alert box is added move over form search box.
   */
  .c-header__alert + .c-header__toolbox .c-header__toolbox-form {
    right: 100px;
  }
}
/**
 * c-header__toolbox-search-label styles.
 */
.c-header__toolbox-search-label {
  margin-bottom: 0;
}

/**
 * c-header__toolbox-searchbar styles.
 */
.c-header__toolbox-searchbar {
  height: 30px;
  width: auto;
  min-width: calc(100% - 63px);
  margin-left: 15px;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 1.5;
  border: 1px solid #D5D5D5;
  border-top-left-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 8px;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}

@media (min-width: 992px) {
  .c-header__toolbox-searchbar {
    min-width: calc(100% - 31px);
    margin-left: -5px;
    font-size: 12px;
  }
  /**
   * when toolbar is opened change border colour.
   */
  .c-header__toolbox-wrapper .c-header__toolbox-button.js-toolbox__button--open + .c-header__toolbox-search .c-header__toolbox-searchbar {
    border-top-color: #FFF;
    border-bottom-color: #FFF;
    border-left-color: #FFF;
  }
}
/**
 * c-header__toolbox-search-button styles.
 */
.c-header__toolbox-search-button {
  position: relative;
  top: -1.5px;
  height: 30px;
  width: 32px;
  margin-left: -5px;
  padding: unset;
  color: #3D3D3D;
  background-color: #FFF;
  font-size: 12px;
  font-weight: unset;
  border: 1px solid #D5D5D5;
  border-left-color: transparent;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  cursor: pointer;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial;
}

@media (min-width: 992px) {
  .c-header__toolbox-search-button {
    top: 0;
    margin-left: -5px;
  }
}
[type=submit].c-header__toolbox-search-button:hover {
  color: #FFF;
  background-color: #D6001C;
  border-color: #D6001C;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 992px) {
  .c-header__toolbox-wrapper .c-header__toolbox-button.js-toolbox__button--open + .c-header__toolbox-search .c-header__toolbox-search-button {
    color: #FFF;
    background-color: #D6001C;
    border-color: #D6001C;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .c-header__toolbox-wrapper .c-header__toolbox-button.js-toolbox__button--open + .c-header__toolbox-search .c-header__toolbox-search-button:hover {
    background-color: #EE0E2C;
    border-color: #EE0E2C;
  }
}
/**
 * c-header__toolbox-icon styles.
 */
.c-header__toolbox-icon {
  font-size: 12px;
}

/**
 * c-header__toolbox-con styles.
 */
.c-header__toolbox-con {
  position: relative;
  max-height: 0;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  opacity: 0;
  overflow: auto;
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}

@media only screen and (min-width: 1200px) {
  .c-header__toolbox-con {
    padding-right: 15px;
    padding-left: 15px;
    overflow: visible;
  }
}
/**
 * c-header__toolbox-links and
 * c-header__toolbox-topsites styles.
 */
.c-header__toolbox-links {
  padding: 90px 15px 15px;
  background-color: #D6001C;
}

@media (min-width: 768px) {
  .c-header__toolbox-links {
    padding-top: 39px;
    padding-bottom: 20px;
  }
}
.c-header__toolbox-topsites {
  background-color: #F4F3F0;
}

@media (min-width: 992px) {
  .c-header__toolbox-links {
    padding-top: 56px;
  }
  .c-header__toolbox-topsites {
    padding-top: 59px;
    padding-left: 30px;
  }
}
@media (min-width: 1200px) {
  .c-header__toolbox-links {
    padding-left: 0;
  }
}
/**
 * c-header__toolbox-links-list and
 * c-header__toolbox-topsites-list styles.
 */
.c-header__toolbox-links-list {
  margin-top: 2px;
}

.c-header__toolbox-links-list,
.c-header__toolbox-topsites-list {
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 13px;
  padding-bottom: 0;
  list-style-type: none;
}

/**
 * c-header__toolbox-links-item and
 * c-header__toolbox-topsites-item styles.
 */
.c-header__toolbox-links-item,
.c-header__toolbox-topsites-item {
  padding-right: 0;
  padding-left: 0;
}

.c-header__toolbox-links-item:not(:nth-last-child(-n+2)) {
  border-bottom: 1px solid #E78391;
}

.c-header__toolbox-topsites-item:not(:nth-last-child(-n+2)) {
  border-bottom: 1px solid #DCDBD8;
}

.c-header__toolbox-links-item:nth-child(odd),
.c-header__toolbox-topsites-item:nth-child(odd) {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 calc(50% - 15px);
  flex: 0 1 calc(50% - 15px);
  margin-right: 15px;
}

.c-header__toolbox-links-item:nth-child(even),
.c-header__toolbox-topsites-item:nth-child(even) {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 calc(50% - 15px);
  flex: 0 1 calc(50% - 15px);
  margin-left: 15px;
}

@media (min-width: 768px) {
  .c-header__toolbox-links-item:nth-child(3n+1),
  .c-header__toolbox-topsites-item:nth-child(3n+1) {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(33.333333% - 15px);
    flex: 0 1 calc(33.333333% - 15px);
    margin-right: 15px;
    margin-left: 0;
  }
  .c-header__toolbox-links-item:nth-child(3n+2),
  .c-header__toolbox-topsites-item:nth-child(3n+2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(33.333333% - 30px);
    flex: 0 1 calc(33.333333% - 30px);
    margin-right: 15px;
    margin-left: 15px;
  }
  .c-header__toolbox-links-item:nth-child(3n),
  .c-header__toolbox-topsites-item:nth-child(3n) {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(33.333333% - 15px);
    flex: 0 1 calc(33.333333% - 15px);
    margin-right: 0;
    margin-left: 15px;
  }
  .c-header__toolbox-links-item:not(:nth-last-child(-n+2)),
  .c-header__toolbox-topsites-item:not(:nth-last-child(-n+2)) {
    border: none;
  }
  .c-header__toolbox-links-item:not(:nth-last-child(-n+3)) {
    border-bottom: 1px solid #E78391;
  }
  .c-header__toolbox-topsites-item:not(:nth-last-child(-n+3)) {
    border-bottom: 1px solid #DCDBD8;
  }
}
@media (min-width: 992px) {
  .c-header__toolbox-links-item,
  .c-header__toolbox-links-item:not(:nth-last-child(-n+2)),
  .c-header__toolbox-topsites-item:not(:nth-last-child(-n+2)),
  .c-header__toolbox-links-item:not(:nth-last-child(-n+3)),
  .c-header__toolbox-topsites-item:not(:nth-last-child(-n+3)) {
    border: none;
  }
  .c-header__toolbox-links-item:nth-child(3n+1),
  .c-header__toolbox-topsites-item:nth-child(3n+1),
  .c-header__toolbox-links-item:nth-child(3n+2),
  .c-header__toolbox-topsites-item:nth-child(3n+2),
  .c-header__toolbox-links-item:nth-child(3n),
  .c-header__toolbox-topsites-item:nth-child(3n) {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33.333333%;
    flex: 0 1 33.333333%;
    margin-right: 0;
    margin-left: 0;
  }
}
/**
 * c-header__toolbox-links-link and
 * c-header__toolbox-topsites-link styles.
 */
.c-header__toolbox-links-link,
.c-header__toolbox-links-link:link,
.c-header__toolbox-topsites-link,
.c-header__toolbox-topsites-link:link {
  display: block;
  width: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  cursor: pointer;
}

.c-header__toolbox-links-link,
.c-header__toolbox-links-link:link {
  color: #FFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c-header__toolbox-links-link:visited {
  color: #FFF;
}

.c-header__toolbox-links-link:hover {
  color: #FFA300;
}

.c-header__toolbox-links-link:active {
  color: #FFA300;
}

.c-header__toolbox-topsites-link,
.c-header__toolbox-topsites-link:link {
  color: #3D3D3D;
}

.c-header__toolbox-topsites-link:visited {
  color: #3D3D3D;
}

.c-header__toolbox-topsites-link:hover {
  color: #D6001C;
}

.c-header__toolbox-topsites-link:active {
  color: #D6001C;
}

@media (min-width: 992px) {
  .c-header__toolbox-links-link,
  .c-header__toolbox-links-link:link,
  .c-header__toolbox-topsites-link,
  .c-header__toolbox-topsites-link:link {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
/**
 * adds in arrow to nav items with a subnav,
 * right pointing on mobile and down pointing
 * on larger devices.
 */
.c-header__toolbox-links-list li a:first-child:nth-last-child(2):after,
.c-header__toolbox-topsites-list li a:first-child:nth-last-child(2):after {
  content: "\f054"; /* right arrow icon. */
  font-family: "Font Awesome 6 Pro";
  font-size: 10px;
  position: absolute;
  margin-top: 1px;
  margin-left: 4px;
}

@media (min-width: 992px) {
  .c-header__toolbox-links-list li a:first-child:nth-last-child(2):after,
  .c-header__toolbox-topsites-list li a:first-child:nth-last-child(2):after {
    content: "\f078"; /* down arrow icon. */
  }
}
/**
 * c-header__row-logo styles.
 */
.c-header__row-logo {
  height: 50px;
  background-color: #FFF;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 992px) {
  .c-header__row-logo {
    height: 68px;
    background-color: #FFF;
    position: unset;
  }
}
/**
 * c-header__ucalgary-logo styles.
 */
.c-header__ucalgary-logo {
  width: 150px;
  margin-top: -5px;
}

/**
 * if the alert box is added add some
 * right margin to the ucalgary logo.
 */
.c-header__alert ~ .c-header__row-logo .c-header__ucalgary-logo {
  margin-right: 45px;
}

@media (min-width: 992px) {
  .c-header__ucalgary-logo {
    width: 215px;
    margin-top: 0px;
    position: relative;
    left: -20px;
  }
}
/**
 * c-header__row-nav.
 */
.c-header__row-nav {
  position: relative;
  background-color: #FFF;
  -webkit-box-shadow: 0 10px 15px 0 rgba(61, 61, 61, 0.1);
  box-shadow: 0 10px 15px 0 rgba(61, 61, 61, 0.1);
  z-index: 1;
}

@media (min-width: 992px) {
  .c-header__row-nav {
    background-color: #FFF;
  }
}
/**
 * c-header__sites.
 */
.c-header__sites {
  color: #5D5D5D;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  .c-header__sites {
    padding-top: 14px;
    padding-bottom: 6px;
  }
}
/**
 * c-header__top-site and c-header__site styles.
 */
.c-header__top-site {
  font-size: 12px;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 7px;
  margin-top: 0;
  margin-bottom: 0;
  color: #5D5D5D;
  border-bottom: 1px solid #D5D5D5;
}

@media (min-width: 992px) {
  .c-header__top-site {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: initial;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 5px;
    border-bottom: none;
  }
}
.c-header__top-site a,
.c-header__site a {
  text-decoration: none;
}

.c-header__top-site a {
  color: inherit;
}

.c-header__site a {
  color: #D6001C;
}

.c-header__site {
  position: relative;
  top: 18px;
  left: 40px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  z-index: 2;
}

@media (min-width: 992px) {
  .c-header__site {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    position: unset;
    top: unset;
    left: unset;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
  }
}
/**
 * c-header__button open and close styles.
 */
.c-header__button {
  position: relative;
  top: -11px;
  display: block;
  width: 30px;
  height: 30px;
  margin: 4px 9px 2px 0;
  color: #FFF;
  background-color: #D6001C;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  border: 2px solid #D6001C;
  border-radius: 50%;
  text-decoration: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

@media (min-width: 992px) {
  .c-header__button {
    display: none;
  }
}
.c-header__button:after,
.c-header__button:before,
.c-header__button-icon {
  background-color: #FFF;
  content: "";
  display: block;
  height: 4px;
  margin: 2px 5px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.js-main-menu__button--open.c-header__button::before {
  -webkit-transform: translateY(6px) rotate(135deg);
  -ms-transform: translateY(6px) rotate(135deg);
  transform: translateY(6px) rotate(135deg);
}

.js-main-menu__button--open.c-header__button::after {
  -webkit-transform: translateY(-6px) rotate(-135deg);
  -ms-transform: translateY(-6px) rotate(-135deg);
  transform: translateY(-6px) rotate(-135deg);
}

.js-main-menu__button--open .c-header__button-icon {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

/**
 * c-header__main-nav styles.
 */
.c-header__main-nav {
  position: relative;
  z-index: 1;
  padding-top: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

@media (min-width: 992px) {
  .c-header__main-nav {
    height: initial;
    width: 100%;
    position: initial;
    background-color: transparent;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
/**
 * c-header__main-nav-list styles.
 */
.c-header__main-nav-list {
  margin: -9px -15px 0 -15px;
  background-color: #FFF;
  line-height: 1.425em;
  list-style-type: none;
  -webkit-box-shadow: 0 10px 15px 0 rgba(61, 61, 61, 0.1);
  box-shadow: 0 10px 15px 0 rgba(61, 61, 61, 0.1);
}

.c-header__main-nav-list a {
  display: block;
  text-decoration: none;
  padding: 10px 30px 10px 15px;
  font-size: 14px;
  font-weight: 600;
  background-color: #FFF;
  color: #3D3D3D;
  border-top: 1px solid #DCDBD8;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  cursor: pointer;
}

@media (min-width: 992px) {
  .c-header__main-nav-list {
    margin: 0;
    background-color: transparent;
    border-top: 1px solid #D5D5D5;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .c-header__main-nav-item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 250px;
    text-align: center;
  }
  .c-header__main-nav-list a {
    white-space: nowrap;
    font-weight: 500;
  }
  .c-header__main-nav-list a,
  .c-header__main-nav-list a:link {
    position: relative;
    padding: 4px 10px 3px;
    margin-top: 0;
    font-size: 14px;
    background-color: transparent;
    color: #3D3D3D;
    border-top: 4px solid transparent;
    border-right: 0;
    border-bottom: 4px solid transparent;
    border-left: 0;
  }
  .c-header__main-nav-list a:visited {
    background-color: transparent;
    color: #3D3D3D;
  }
  .c-header__main-nav-list a:hover,
  .c-header__main-nav-list a:focus {
    background-color: #D6001C;
    color: #FFF;
  }
  .c-header__main-nav-list a:active {
    background-color: transparent;
    color: #FFF;
  }
}
/**
 * adds in arrow to main nav items with a subnav,
 * right pointing on mobile and down pointing
 * on larger devices.
 */
.c-header__main-nav-list li a:first-child:nth-last-child(2):after {
  content: "\f054"; /* right arrow chevron icon. */
  position: absolute;
  right: 22px;
  margin-top: 2px;
  color: #D6001C;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
}

@media (min-width: 992px) {
  .c-header__main-nav-list li a:first-child:nth-last-child(2) {
    text-align: left;
  }
  .c-header__main-nav-list li a:first-child:nth-last-child(2):after {
    content: "\f078"; /* down chevron sort icon. */
    font-weight: bold;
    right: 10px;
    margin-top: 0;
  }
  .c-header__main-nav-list li:hover a:first-child:nth-last-child(2):after {
    content: "\f077"; /* up chevron sort icon. */
    color: inherit;
  }
  .c-header__main-nav-list li:hover ul li a:first-child:nth-last-child(2):after {
    content: "\f054"; /* right chevron icon. */
    top: 11px;
  }
}
/**
 * c-header__main-nav-list-two styles.
 */
.c-header__main-nav-list-two {
  list-style-type: none;
  line-height: 1.25;
  margin-bottom: 0;
}

.c-header__main-nav-list-two {
  position: relative;
  overflow: hidden;
  -webkit-transition: max-height 0.5s ease-out;
  -o-transition: max-height 0.5s ease-out;
  transition: max-height 0.5s ease-out;
  -webkit-box-shadow: 0 10px 15px 0 rgba(61, 61, 61, 0.1);
  box-shadow: 0 10px 15px 0 rgba(61, 61, 61, 0.1);
}

@media (min-width: 992px) {
  .c-header__main-nav-list-two .c-header__main-nav-item-two:last-child,
  .c-header__main-nav-list-three .c-header__main-nav-item-three:last-child,
  .c-header__main-nav-list-four .c-header__main-nav-item-four:last-child {
    display: none;
  }
  .c-header__main-nav-item .c-header__main-nav-list-two {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
  .c-header__main-nav-item:hover .c-header__main-nav-list-two,
  .c-header__main-nav-item:focus-within .c-header__main-nav-list-two {
    position: absolute;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    visibility: visible;
    opacity: 1;
    width: 100%;
    margin-left: 0;
    padding-bottom: 25px;
    background-color: #FFF;
    border-top: 1px solid #D5D5D5;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-box-shadow: 0 10px 15px 0 rgba(61, 61, 61, 0.1);
    box-shadow: 0 10px 15px 0 rgba(61, 61, 61, 0.1);
  }
  .c-header__main-nav-item:hover .c-header__main-nav-link {
    color: #FFF;
    background-color: #D6001C;
    border-color: transparent;
  }
  .c-header__main-nav-item-two {
    margin-left: 20px;
  }
  .c-header__main-nav-item-two:first-child {
    margin-top: 0;
    position: absolute;
    top: 8px;
    margin-left: 20px;
  }
  .c-header__main-nav-item-two:nth-child(2),
  .c-header__main-nav-item-two:nth-child(3),
  .c-header__main-nav-item-two:nth-child(4),
  .c-header__main-nav-item-two:nth-child(5) {
    margin-top: 60px;
  }
  .c-header__main-nav-item-two:first-child,
  .c-header__main-nav-item-two:nth-child(5),
  .c-header__main-nav-item-two:nth-child(9),
  .c-header__main-nav-item-two:nth-child(13),
  .c-header__main-nav-item-two:nth-child(17) {
    margin-left: 20px;
  }
  .c-header__main-nav-item-two:not(:first-child) {
    min-width: 196px;
  }
  .c-header__main-nav-link-two::after {
    display: none;
  }
  .c-header__main-nav-item-two a,
  .c-header__main-nav-item-two a:link {
    display: block;
    position: relative;
    margin-bottom: 5px;
    padding: 0;
    color: #3D3D3D;
    font-weight: 600;
    text-align: left;
    line-height: 1;
  }
  .c-header__main-nav-item-two a:visited {
    color: #3D3D3D;
  }
  .c-header__main-nav-item-two a:hover {
    color: #EE0E2C;
    background-color: transparent;
    position: relative;
  }
  .c-header__main-nav-item-two a:active {
    color: #EE0E2C;
  }
  .c-header__main-nav-item-two:first-child a {
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
    margin-top: 10px;
    color: #D6001C;
    font-size: 14px;
    font-weight: 700 !important;
    text-transform: uppercase;
    line-height: 1.5;
    letter-spacing: 2px;
    white-space: nowrap;
  }
  .c-header__main-nav-item-two:first-child a:hover {
    color: #EE0E2C;
  }
  .c-header__main-nav-item-two:first-child a:visited {
    color: #D6001C;
  }
}
@media (min-width: 1200px) {
  .c-header__main-nav-item-two:nth-child(6) {
    margin-top: 60px;
  }
}
/**
 * c-header__main-nav-list-three and four styles.
 */
.c-header__main-nav-list-three {
  list-style-type: none;
  line-height: 1.25;
  margin-bottom: 0;
}

.c-header__main-nav-list-four {
  line-height: 1.25;
}

@media (min-width: 992px) {
  .c-header__main-nav-list-three,
  .c-header__main-nav-item-four {
    max-width: 189px;
  }
  .c-header__main-nav-item-three,
  .c-header__main-nav-item-four {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .c-header__main-nav-item-three:first-child,
  .c-header__main-nav-item-four:first-child {
    margin-top: 2px;
  }
  .c-header__main-nav-item-three::before,
  .c-header__main-nav-item-four::before {
    content: "•";
    color: #D6001C;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    margin-top: -2px;
    margin-left: -0.25em;
  }
  .c-header__main-nav-list-three .c-header__main-nav-link-three,
  .c-header__main-nav-list-four .c-header__main-nav-link-four {
    white-space: normal;
    line-height: 1;
    margin-bottom: 5px;
    margin-left: 10px;
  }
}
/** MOBILE MENU STYLES - THIS NEEDS WORK CURRENTLY **/
/**
 * important as this moves the back link to first in list on
 * mobile and removes the back link from desktops screens if
 * you've set up the menu correctly. back links are only
 * required for the mobile menu.
 */
.c-header__main-nav-list-two .c-header__main-nav-item-two:last-child,
.c-header__main-nav-list-three .c-header__main-nav-item-three:last-child,
.c-header__main-nav-list-four .c-header__main-nav-item-four:last-child {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.c-header__main-nav-list-two .c-header__main-nav-item-two:last-child a,
.c-header__main-nav-list-three .c-header__main-nav-item-three:last-child a,
.c-header__main-nav-list-four .c-header__main-nav-item-four:last-child a,
.c-header__main-nav-list-two .c-header__main-nav-item-two:last-child a:link,
.c-header__main-nav-list-three .c-header__main-nav-item-three:last-child a:link,
.c-header__main-nav-list-four .c-header__main-nav-item-four:last-child a:link {
  background-color: #F4F4F4;
  font-weight: 400;
  padding-left: 28px;
}

.c-header__main-nav-list ul li:last-child a:before {
  content: "\f053"; /* left caret arrow icon */
  position: absolute;
  left: 14px;
  top: 12px;
  color: #D6001C;
  font-family: "Font Awesome 6 Pro";
  font-size: 12px;
  font-weight: 700;
}

/**
 * c-header__main-nav-list-two--mega-menu
 * modifier styles.
 */
@media (min-width: 992px) {
  .c-header__main-nav-item:hover .c-header__main-nav-list-two--mega-menu {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    min-height: 250px;
  }
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-two {
    width: 98%;
  }
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-two:not(:first-child) {
    margin: 0;
  }
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-two:nth-child(2) {
    margin-top: 64px;
  }
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-two:not(:first-child) .c-header__main-nav-link-two,
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-two:not(:first-child) .c-header__main-nav-link-two:link {
    padding: 10px 30px 9px 22px;
    width: 222px;
    color: #3D3D3D;
    font-weight: 600;
    line-height: 1.1;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    border-width: 2px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    overflow: hidden;
    -webkit-font-smoothing: initial;
    -moz-osx-font-smoothing: initial;
  }
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-two:not(:first-child) .c-header__main-nav-link-two:hover {
    color: #FFF;
    background-color: #9C0534;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-two:not(:first-child) .c-header__main-nav-link-two:focus {
    color: #FFF;
    background-color: #EE0E2C;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-two:not(:first-child) .c-header__main-nav-link-two:active {
    color: #FFF;
    background-color: #9C0534;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-two:not(:first-child) .c-header__main-nav-link-two::after {
    display: inline-block;
    content: "\f054"; /* right arrow chevron icon. */
    position: absolute;
    right: 13px;
    margin-top: 0;
    font-family: "Font Awesome 6 Pro";
    font-size: 12px;
  }
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-three:not(:first-child) .c-header__main-nav-link-three::after {
    display: none;
  }
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-two .c-header__main-nav-list-three {
    display: none;
    visibility: hidden;
    opacity: 0;
    width: 75%;
    max-width: 100%;
  }
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-two:hover .c-header__main-nav-list-three,
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-two:focus-within .c-header__main-nav-list-three,
  .c-header__main-nav-item:hover .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-two:nth-child(2) .c-header__main-nav-list-three {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    position: absolute;
    top: 50px;
    left: calc(25% - 3px);
    visibility: visible;
    opacity: 1;
    height: calc(100% - 50px - 20px);
    padding: 45px 15px 20px;
    margin-top: 14px;
    margin-left: 2px;
    background-color: #FFF;
    border-left: 1px solid #D5D5D5;
  }
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-three {
    padding-left: 10px;
  }
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-three:first-child {
    position: absolute;
    top: 7px;
    margin-top: 0;
    padding-left: 0;
    width: 98%;
  }
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-three:first-child a {
    color: #D6001C;
  }
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-three:nth-child(2),
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-three:nth-child(6),
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-three:nth-child(10),
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-three:nth-child(14) {
    padding-left: 0;
  }
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-three:not(:first-child) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-three:first-child .c-header__main-nav-link-three,
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-three:first-child .c-header__main-nav-link-three:link {
    max-width: 100%;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1.5;
  }
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-three::before {
    content: none;
    margin: 0;
  }
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-three .c-header__main-nav-link-three,
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-three .c-header__main-nav-link-three:link {
    margin-left: 0;
  }
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-three {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media (min-width: 1200px) {
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-two:not(:first-child) .c-header__main-nav-link-two,
  .c-header__main-nav-list-two--mega-menu .c-header__main-nav-item-two:not(:first-child) .c-header__main-nav-link-two:link {
    width: 264px;
  }
}
/*------------------------------------*\
  #PREFOOTER-STYLES (c-prefooter)
\*------------------------------------*/
/**
 * c-prefooter styles.
 */
.c-prefooter {
  padding: 0;
  color: #3D3D3D;
  background-color: #F4F4F4;
  text-align: center;
  border-top: 6px solid #5D5D5D;
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

/**
 * c-prefooter__con styles.
 */
.c-prefooter__con {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1200px) {
  .c-prefooter__con {
    max-width: 1170px;
  }
}
/**
 * c-prefooter__row styles.
 */
.c-prefooter__row {
  padding-top: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #C0C0C0;
}

@media (min-width: 992px) {
  .c-prefooter__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
/**
 * c-prefooter__deets styles.
 */
@media (min-width: 992px) {
  .c-prefooter__deets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
/**
 * c-prefooter__icon styles.
 */
.c-prefooter__icon {
  margin-bottom: 20px;
}

.c-prefooter__icon path.background {
  fill: #F4F4F4;
  transition: fill 500ms ease, fill-opacity 500ms ease;
}

@media (min-width: 992px) {
  .c-prefooter__icon {
    margin-bottom: 0;
    margin-right: 15px;
  }
}
/**
 * c-prefooter__title styles.
 */
.c-prefooter__title {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 1.05em;
  font-weight: 600;
  line-height: 1em;
}

@media (min-width: 992px) {
  .c-prefooter__title {
    margin-bottom: 0;
    font-size: 16px;
  }
}
/**
 * c-prefooter__links styles.
 */
.c-prefooter__links {
  margin-bottom: 0;
  margin-left: 0;
  font-weight: 600;
  line-height: 1em;
  list-style-type: none;
}

@media (min-width: 992px) {
  .c-prefooter__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 15px;
  }
}
.c-prefooter__links li:not(:last-child) {
  margin-bottom: 5px;
}

@media (min-width: 992px) {
  .c-prefooter__links li:not(:last-child) {
    margin-bottom: 0;
  }
  .c-prefooter__links li {
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: currentColor;
    padding: 2px 15px;
  }
}
.c-prefooter__links a,
.c-prefooter__title a {
  display: block;
  color: #3D3D3D;
  cursor: pointer;
}

/**
 * c-prefooter__social-links styles.
 */
.c-prefooter__social-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 0;
  list-style-type: none;
  line-height: 1em;
}

@media (min-width: 992px) {
  .c-prefooter__social-links {
    margin-top: 0;
  }
}
.c-prefooter__social-links li:not(:last-child) {
  margin-right: 15px;
}

.c-prefooter__social-links a {
  display: block;
  cursor: pointer;
}

/**
 * c-prefooter__social-icon styles.
 */
.c-prefooter__social-icon {
  width: auto;
  height: 32px;
  cursor: pointer;
}

.c-prefooter__social-icon path.background {
  fill: #3D3D3D;
  transition: fill 500ms ease, fill-opacity 500ms ease;
}

.c-prefooter__social-icon path.icon {
  fill: #F4F4F4;
  transition: fill 500ms ease, fill-opacity 500ms ease;
}

.c-prefooter__social-icon:hover path.icon,
.c-prefooter__social-icon:active path.icon,
.c-prefooter__social-icon:focus path.icon {
  fill: #3D3D3D;
}

.c-prefooter__social-icon:hover path.background,
.c-prefooter__social-icon:active path.background,
.c-prefooter__social-icon:focus path.background {
  fill: #F4F4F4;
}

/*------------------------------------*\
  #FOOTER-STYLES (c-footer)
\*------------------------------------*/
/**
 * c-footer styles.
 */
.c-footer {
  padding-top: 24px;
  padding-bottom: 24px;
  color: #3D3D3D;
  background-color: #F4F4F4;
  border-top: 6px solid #5D5D5D;
}

.c-prefooter ~ .c-footer {
  border-top: 0;
}

prefooter-lcr ~ footer-lcr .c-footer {
  border-top: 0;
}

/**
 * c-footer__row styles.
 */
.c-footer__row,
.c-footer > div:first-of-type {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

@media (min-width: 992px) {
  .c-footer__row,
  .c-footer > div:first-of-type {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .c-footer__row,
  .c-footer > div:first-of-type {
    max-width: 1170px;
  }
}
/**
 * c-footer__one, c-footer__two, c-footer__three, c-footer__four
 * styles.
 */
.c-footer__one a {
  display: block;
  margin-top: 15px;
}

.c-footer__two {
  margin-top: 30px;
}

.c-footer__three {
  margin-top: 17px;
  text-align: center;
}

.c-footer__four {
  margin: 25px 0 0;
  padding-top: 25px;
  text-align: center;
  border-top: 1px solid #C0C0C0;
}

@media (min-width: 992px) {
  .c-footer__one {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .c-footer__two {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .c-footer__three {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    text-align: right;
  }
  .c-footer__four {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    text-align: left;
  }
  .c-footer__one,
  .c-footer__one a,
  .c-footer__two,
  .c-footer__three {
    margin-top: 0;
  }
}
/**
 * c-footer__img-ad styles.
 */
.c-footer__img-ad {
  max-width: 100%;
  width: 320px;
  height: auto;
}

/**
 * c-footer__legal styles.
 */
.c-footer__legal {
  margin-top: 15px;
  font-size: 12px;
}

@media (min-width: 992px) {
  .c-footer__legal {
    margin-top: 12px;
  }
}
/**
 * c-footer__social-list and c-footer__legal-list
 * styles.
 */
.c-footer__social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.c-footer__social-list,
.c-footer__legal-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.c-footer__legal-list {
  font-size: 12px;
  font-weight: 600;
}

.c-footer__legal-list a {
  text-decoration: none;
  color: #3D3D3D;
}

.c-footer__legal-list a:hover,
.c-footer__legal-list a:focus {
  color: #D6001C;
}

.c-footer__social-list a {
  display: block;
}

.c-footer__social-list li:not(:last-child) {
  margin-right: 20px;
}

/**
 * c-footer__social-img styles.
 */
.c-footer__social-img {
  width: auto;
  height: 32px;
}

.c-footer__social-img path.background {
  fill: #F4F4F4;
  transition: fill 500ms ease, fill-opacity 500ms ease;
}

.c-footer__social-img:hover path.icon,
.c-footer__social-img:active path.icon,
.c-footer__social-img:focus path.icon {
  fill: #F4F4F4;
}

.c-footer__social-img:hover path.background,
.c-footer__social-img:active path.background,
.c-footer__social-img:focus path.background {
  fill: #3D3D3D;
}

/**
 * c-footer__address styles.
 */
.c-footer__address {
  font-size: 12px;
}

/**
 * c-footer__copyright styles.
 */
.c-footer__copyright {
  font-size: 12px;
  margin-top: 15px;
  margin-bottom: 0;
}

/**
 * c-footer__land-acknowledgment styles.
 */
.c-footer__row--land-acknowledgment,
.c-footer > div:last-of-type {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 1200px) {
  .c-footer__row--land-acknowledgment,
  .c-footer > div:last-of-type {
    max-width: 1170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.c-footer__land-acknowledgment {
  font-size: 12px;
  line-height: 1.063rem;
}

.c-footer__four p:last-child {
  margin-bottom: 0;
}

/**
 * fix color and underline styles in footer.
 */
.c-prefooter__title-link:hover,
.c-prefooter__title-link:focus,
.c-prefooter__links a:hover,
.c-prefooter__links a:focus,
.c-footer__legal-list a:hover,
.c-footer__legal-list a:focus {
  color: #EE0E2C;
  box-shadow: inset 0 -2px 0 0 #EE0E2C;
}

.c-prefooter__social-link:hover,
.c-prefooter__social-link:focus,
.c-footer__social-button:hover,
.c-footer__social-button:focus,
.c-footer__one a:hover,
.c-footer__one a:focus {
  box-shadow: none;
}

/*------------------------------------*\
  #ALERT-STYLES
\*------------------------------------*/
/**
 * c-alert styles. 
 */
.c-alert {
  position: relative;
  width: 100%;
}

/**
 * c-alert__button styles. 
 */
.c-alert__button {
  position: absolute;
  right: 10px;
  height: 30px;
  width: 30px;
  padding: 10px;
  color: inherit;
  background-color: transparent;
  border: 3px solid transparent;
  border-radius: 50%;
}

.c-alert__button::after {
  content: "\f00d"; /* x icon */
  font-family: "Font Awesome 6 Pro";
  font-size: 20px;
}

.c-alert__button.js-c-alert__button {
  display: none;
}

.c-alert__button.js-c-alert__button--open {
  display: block;
}

@media (min-width: 768px) {
  .c-alert__button {
    right: 15px;
  }
}
/**
 * c-alert__content styles. 
 */
.c-alert__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1em;
  padding: 10px;
  color: inherit;
  background-color: #EFEEEC;
  border: 2px solid transparent;
  border-radius: 8px;
}

.c-alert__content.js-c-alert__content {
  display: none;
}

.c-alert__content.js-c-alert__content--open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* if button present add padding-right */
.c-alert__button ~ .c-alert__content {
  padding-right: 50px;
}

@media (min-width: 768px) {
  .c-alert__content {
    padding: 10px 20px;
  }
}
/**
 * c-alert__icon styles. 
 */
.c-alert__icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25px;
  flex: 0 0 25px;
  max-width: 25px;
  font-size: 20px;
  text-align: center;
}

.c-alert__icon::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: bold;
}

/**
 * c-alert__message styles. 
 */
.c-alert__message {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 25px);
  flex: 0 0 calc(100% - 25px);
  max-width: calc(100% - 25px);
  padding-left: 10px;
}

@media (min-width: 768px) {
  .c-alert__message {
    padding-left: 20px;
  }
}
/**
 * c-alert__heading styles. 
 */
.c-alert__heading {
  margin-top: 0;
  margin-bottom: 6px;
}

/**
 * c-alert__description styles. 
 */
.c-alert__description {
  margin: 0;
  padding: 0;
  font-weight: 600;
}

/**
 * c-alert__link styles. 
 */
.c-alert .c-alert__link,
.c-alert .c-alert__link a:link {
  color: #3D3D3D;
  font-weight: 700;
}

.c-alert--open .c-alert__link,
.c-alert--open .c-alert__link a:link,
.c-alert--closed .c-alert__link,
.c-alert--closed .c-alert__link a:link {
  color: #FFF;
}

/**
 * c-alert-- modifiers. 
 */
.c-alert--primary .c-alert__content,
.c-alert--primary .c-alert__button {
  color: #49251D;
  background-color: #FFA300;
}

.c-alert--secondary .c-alert__content,
.c-alert--secondary .c-alert__button {
  color: #49251D;
  background-color: #C7C8CA;
}

.c-alert--success .c-alert__content,
.c-alert--success .c-alert__button {
  color: #FFF;
  background-color: #47A67C;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c-alert--success .c-alert__icon::before {
  content: "\f00c"; /* check icon */
}

.c-alert--danger .c-alert__content,
.c-alert--danger .c-alert__button {
  color: #FFF;
  background-color: #D6001C;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c-alert--danger .c-alert__icon::before {
  content: "\f12a"; /* exclamation icon */
}

.c-alert--warning .c-alert__content,
.c-alert--warning .c-alert__button {
  color: #49251D;
  background-color: #FFCD00;
}

.c-alert--warning .c-alert__icon::before {
  content: "\f071"; /* exclamation-triangle icon */
}

.c-alert--info .c-alert__content,
.c-alert--info .c-alert__button {
  color: #49251D;
  background-color: #D3AC8B;
}

.c-alert--info .c-alert__icon::before {
  content: "\f129"; /* info icon */
}

.c-alert--light .c-alert__content,
.c-alert--light .c-alert__button {
  color: #49251D;
  background-color: #F4F3F0;
}

.c-alert--dark .c-alert__content,
.c-alert--dark .c-alert__button {
  color: #49251D;
  background-color: #ADADAD;
}

.c-alert--open .c-alert__content,
.c-alert--open .c-alert__button {
  color: #FFF;
  background-color: #47A67C;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c-alert--closed .c-alert__content,
.c-alert--closed .c-alert__button {
  color: #FFF;
  background-color: #D6001C;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*------------------------------------*\
  #LIST-STYLES (c-list c-list--extra-spacing
  c-list--steps)
\*------------------------------------*/
/**
 * c-list--inline
 */
ul.c-list-inline {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.c-list-inline li.c-list-inline--item {
  display: inline-block;
}

/**
 * c-list--extra-spacing styles.
 */
.c-list--extra-spacing li {
  margin-bottom: 15px;
}

.c-list--extra-spacing li:last-child {
  margin-bottom: 0;
}

/**
 * c-list--steps styles.
 */
.c-list--steps {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 0;
  list-style-type: none;
  counter-reset: steps-list;
}

@media (min-width: 768px) {
  .c-list--steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/**
 * c-list--steps__item styles.
 */
.c-list--steps__item {
  border-bottom: 2px solid #9C0534;
  padding-bottom: 25px;
  margin-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 768px) {
  .c-list--steps__item {
    margin-bottom: 30px;
    border-bottom: none;
  }
  .c-list--steps__item:nth-of-type(odd) {
    border-right: 2px solid #9C0534;
    padding-right: 15px;
  }
  .c-list--steps__item:nth-of-type(even) {
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .c-list--steps__item:nth-of-type(odd) {
    padding-right: unset;
    border-right: unset;
  }
  .c-list--steps__item:not(:first-child) {
    padding-left: 15px;
  }
  .c-list--steps__item:not(:last-child) {
    border-right: 2px solid #9C0534;
    padding-right: 15px;
  }
  .c-list--steps__item {
    margin-bottom: 30px;
    border-bottom: none;
  }
}
.c-list--steps__item::before {
  display: block;
  counter-increment: steps-list;
  content: counter(steps-list);
  font-size: 36pt;
  color: #9C0534;
  line-height: 1em;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 10px;
}

/**
 * c-list--steps__title styles.
 */
.c-list--steps__title {
  margin: 0 0 10px;
  font-weight: 600;
  font-size: 1.05em;
}

/**
 * c-list--steps__description styles.
 */
.c-list--steps__description {
  margin-bottom: 10px;
}

/**
 * c-list--steps__link styles.
 */
.c-list--steps__link {
  margin-bottom: 10px;
}

/*------------------------------------*\
  #BLURB-STYLES (c-blurb)
  #relates to the default blurb style
\*------------------------------------*/
/**
 * c-blurb with modifier styles.
 */
.c-blurb {
  padding-bottom: 50px;
}

/**
 * c-blurb--full to be used with
 * full width and colour modifiers only.
 * this will add some padding and margin
 * to buff out the section.
 */
.c-blurb--inherit .c-blurb__icon {
  color: currentColor;
  background-color: transparent;
}

.c-blurb--full {
  padding-top: 25px;
  padding-bottom: 0;
}

@media (min-width: 1200px) {
  .c-blurb--full {
    padding-top: 50px;
  }
}
.c-blurb--full .c-blurb__sec-head {
  margin-top: 0;
}

.c-blurb--full .c-blurb__block {
  margin-bottom: 25px;
}

@media (min-width: 1200px) {
  .c-blurb--full .c-blurb__block {
    margin-bottom: 50px;
  }
}
.c-blurb--full .c-blurb__icon {
  background-color: transparent;
}

.c-blurb--inherit-bg {
  color: inherit;
  background-color: inherit;
}

.c-blurb--inherit-bg .c-blurb__icon {
  color: inherit;
}

.c-blurb--inherit-bg .c-blurb__link {
  color: inherit;
}

.c-blurb--secondary-one-tint {
  background-color: #FFF6E7;
}

.c-blurb--secondary-one-tint .c-blurb__icon {
  color: #FFA300;
}

.c-blurb--secondary-two-tint {
  background-color: #FFF2E9;
}

.c-blurb--secondary-two-tint .c-blurb__icon {
  color: #FF671F;
}

.c-blurb--secondary-four-tint {
  background-color: #F6EBED;
}

.c-blurb--secondary-four-tint .c-blurb__icon {
  color: #9C0534;
}

.c-blurb--accent-one-tint {
  background-color: #F4FAF7;
}

.c-blurb--accent-one-tint .c-blurb__icon {
  color: #47A67C;
}

.c-blurb--accent-four-tint {
  background-color: #FBF8F5;
}

.c-blurb--accent-four-tint .c-blurb__icon {
  color: #D3AC8B;
}

.c-blurb--neutral-two-tint {
  background-color: #F5F5F5;
}

.c-blurb--neutral-two-tint .c-blurb__icon {
  color: #6D6E71;
}

.c-blurb--secondary-one-tint .c-blurb__link,
.c-blurb--secondary-two-tint .c-blurb__link,
.c-blurb--secondary-four-tint .c-blurb__link,
.c-blurb--accent-one-tint .c-blurb__link,
.c-blurb--accent-four-tint .c-blurb__link,
.c-blurb--neutral-two-tint .c-blurb__link {
  color: #3D3D3D;
}

/**
 * c-blurb__row styles.
 */
.c-blurb__row {
  margin-right: -15px;
  margin-left: -15px;
}

/**
 * c-blurb__block styles.
 */
.c-blurb__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 30px;
}

/**
 * c-blurb__img-con styles.
 */
.c-blurb__img-con {
  min-width: 50px;
  margin-right: 10px;
}

/**
 * c-blurb__icon styles.
 */
.c-blurb__icon {
  font-size: 35px;
  line-height: 1em;
}

/**
 * c-blurb__text styles.
 */
.c-blurb--bio .c-blurb__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

/**
 * c-blurb__title styles.
 */
.c-blurb__title {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 24px;
}

@media (min-width: 768px) {
  .c-blurb__title {
    font-size: 25px;
  }
}
/**
 * c-blurb__description styles.
 */
.c-blurb__description {
  margin-bottom: 10px;
}

/**
 * c-blurb__link styles.
 */
.c-blurb__link {
  margin-bottom: 10px;
}

.c-blurb__link::after {
  line-height: 0.5em;
}

/*------------------------------------*\
  #BLURB-BIO-STYLES (c-blurb--bio)
  #is a modifier to the blurb styles
\*------------------------------------*/
/**
 * c-blurb--bio c-blurb__block styles.
 */
.c-blurb--bio .c-blurb__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 30px;
  text-align: center;
}

/**
 * c-blurb__img-con styles.
 */
.c-blurb--bio .c-blurb__img-con {
  margin-right: 0;
}

/**
 * c-blurb__img styles.
 */
.c-blurb--bio .c-blurb__img {
  width: 200px;
  height: 200px;
  line-height: unset;
  border-radius: 50%;
}

/**
 * c-blurb--bio c-blurb__text styles.
 */
.c-blurb--bio .c-blurb__text {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 100%;
  margin-top: 20px;
}

/**
 * c-blurb--bio c-blurb__title styles.
 */
.c-blurb--bio .c-blurb__title {
  color: #D6001C;
  font-size: 18px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .c-blurb--bio .c-blurb__title {
    font-size: 19px;
  }
}
/**
 * c-blurb--bio c-blurb__description styles.
 */
@media (min-width: 768px) {
  .c-blurb--bio .c-blurb__description {
    margin-bottom: 20px;
  }
}
/**
 * c-blurb--bio c-blurb__link styles.
 */
.c-blurb--bio .c-blurb__link {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-top: auto;
}

/*------------------------------------*\
  #BLURB-STATS-STYLES (c-blurb--stats)
  #is a modifier to the blurb styles
\*------------------------------------*/
/**
 * c-blurb--stats styles.
 */
.c-blurb--stats {
  padding-top: 25px;
  padding-bottom: 0;
}

@media (min-width: 992px) {
  .c-blurb--stats {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .c-blurb--stats {
    padding-top: 50px;
  }
}
/**
 * c-blurb--stats .c-blurb__sec-head styles.
 */
.c-blurb--stats .c-blurb__sec-head {
  margin-bottom: 20px;
  margin-top: 0;
}

/**
 * c-blurb--stats modifier styles.
 */
.c-blurb--stats-white .c-blurb__sec-head,
.c-blurb--stats-white .c-blurb__icon {
  color: #D6001C;
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial;
}

/*------------------------------------*\
  #C-TABLE-STYLES (c-table)
\*------------------------------------*/
/**
 * c-table__con styles.
 */
.c-table__con {
  overflow-x: auto;
}

/**
 * c-table styles.
 */
.c-table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 2em;
}

/**
 * c-table__th--numeric and c-table__td--numeric
 * styles.
 */
.c-table__th--numeric,
.c-table__td--numeric {
  text-align: right;
}

/**
 * c-table--striped styles.
 */
.c-table--striped tr:nth-child(even) {
  background-color: #EFEEEC;
}

.c-table--striped td {
  border-color: #E6E4E0;
}

/**
 * c-table--bordered styles.
 */
.c-table--bordered th,
.c-table--bordered td {
  padding: 0.75em;
  border: 1px solid #E6E4E0;
}

.c-table--bordered th {
  border-bottom: 2px solid #ADADAD;
}

/**
 * c-table--hover and c-table--hours styles.
 */
.c-table--hours .c-table__th--day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.c-table--hover tr:hover,
.c-table--hours tr:hover {
  background-color: #EFEEEC;
}

.c-table--hover .c-table__head tr:hover,
.c-table--hours .c-table__head tr:hover {
  background-color: transparent;
}

.c-table--hours .c-table__tr--current {
  background-color: rgba(255, 229, 123, 0.75);
}

/**
 * c-table--align-top styles.
 */
.c-table--align-top th,
.c-table--align-top td {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

/**
 * c-table__td--heading-cell styles.
 */
.c-table__td--heading-cell {
  font-weight: 600;
}

.c-table--hours .c-table__td:not(:first-of-type) {
  white-space: nowrap;
  font-size: 14px;
}

/**
 * c-table__td--sub-cell styles.
 */
td.c-table__td--sub-cell {
  padding-left: 15px;
}

/**
 * c-table__img styles.
 */
.c-table__img {
  vertical-align: middle;
}

.c-posts__results .c-table__img {
  width: 128px;
}

/*------------------------------------*\
  #CREDITS-STYLES
\*------------------------------------*/
/**
 * c-credits styles.
 */
.c-credits {
  padding: 25px 15px 35px;
  background-color: #F4F4F4;
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.c-credits--light-on-dark {
  color: #FFF;
  background-color: #9C0534;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 992px) {
  .c-credits {
    padding: 50px 0 70px;
  }
}
/**
 * c-credits__con styles.
 */
.c-credits__con {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 992px) {
  .c-credits__con {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1200px) {
  .c-credits__con {
    max-width: 1170px;
  }
}
/**
 * c-credits__heading styles.
 */
.c-credits__heading {
  margin-top: 0;
}

/**
 * c-credits__list styles.
 */
.c-credits__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style-type: none;
  margin: 25px 0 0;
}

/**
 * c-credits__item styles.
 */
.c-credits__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  max-width: 450px;
  margin-top: 40px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

@media (min-width: 576px) {
  .c-credits__item {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .c-credits__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
/**
 * c-credits__name styles.
 */
.c-credits__name {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-top: 0;
}

/**
 * c-credits__logo styles.
 */
.c-credits__logo {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  height: auto;
  width: 100%;
  max-width: 330px;
  margin-bottom: 30px;
}

.c-credits--grayscale .c-credits__logo {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

/* use this sparingly as it turns logos completely white */
.c-credits__logo--white {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

/**
 * c-credits__description styles.
 */
.c-credits__description {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  width: 100%;
}

/**
 * c-credits__description styles.
 */
.c-credits__link {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.c-credits--light-on-dark .c-credits__link {
  color: #FFF;
}

/*------------------------------------*\
  #FEED-STYLES
\*------------------------------------*/
/**
 * c-feed styles. 
 */
.c-feed {
  margin-left: -15px;
  margin-right: -15px;
}

/**
 * c-feed__card styles. 
 */
.c-feed__card {
  position: relative;
  margin-bottom: 50px;
}

/**
 * c-feed__img-link styles. 
 */
.c-feed__img-link {
  display: block;
  margin-bottom: 46px;
}

/**
 * c-feed__img-con styles. 
 */
.c-feed__img-con {
  position: relative;
  height: auto;
  max-width: 600px;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.c-feed__img-con:hover {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}

/**
 * c-feed__topic styles. 
 */
.c-feed .c-weave {
  position: relative;
  top: -23px;
}

/**
 * c-feed__topic styles. 
 */
.c-feed__topic {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
}

@media (min-width: 768px) {
  .c-feed__topic {
    font-size: 1.563em;
  }
}
/**
 * c-feed__link styles. 
 */
.c-feed__link {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

/**
 * c-feed__title styles. 
 */
.c-feed__title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.55em;
}

/*------------------------------------*\
  #MODIFIER-STYLES-PRIMARY-ONE
  #all primary-one modifier styles
  #except buttons.
\*------------------------------------*/
/**
 * color = primary-one.
 */
.c-accordion--primary-one .c-accordion__button,
.c-accordion--minimal.c-accordion--primary-one .c-accordion__button.js-accordion__button--open,
.c-blockquote--primary-one::before,
.c-blockquote--primary-one::after,
.c-blurb--primary-one .c-blurb__icon,
.c-blurb--bio.c-blurb--primary-one .c-blurb__title,
.c-btn-group--primary-one .c-btn,
.c-calendar--primary-one .c-calendar__icon,
.c-card--primary-one .c-card__title,
.c-card__card--primary-one .c-card__title,
.c-chicklet__card--primary-one,
.c-chicklet--primary-one,
.c-highlight--primary-one .c-highlight__icon,
.c-highlight__block--primary-one .c-highlight__icon,
.c-list--primary-one .c-list--steps__item::before,
.c-posts--primary-one .c-calendar .c-calendar__icon,
.c-posts--primary-one .u-line,
.c-sec-head__con--primary-one .c-sec-head__icon,
.c-iconNav .c-iconNav--primary-one {
  color: #D6001C;
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial;
}

/**
 * background-color = primary-one.
 */
.c-accordion--primary-one .c-accordion__button::before,
.c-accordion--primary-one .c-accordion__button::after,
.c-accordion--primary-one .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--primary-one .c-accordion__button.js-accordion__button--open::after,
.c-article--primary-one .c-article__header,
.c-blurb--full.c-blurb--primary-one,
.c-blurb--stats.c-blurb--primary-one,
.c-btn--dropdown-alt.c-btn--primary-one::after,
.c-cta__block--primary-one,
.c-chicklet--primary-one,
.c-chicklet--primary-one .c-chicklet__text:hover,
.c-chicklet__card--primary-one,
.c-chicklet__card--primary-one .c-chicklet__text:hover,
.c-filter--primary-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--primary-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--primary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--primary-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--primary-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--primary-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--primary-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--primary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--primary-one .c-form__input--checkbox:checked + .c-form__label--checkbox:before,
.c-form__con--primary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--primary-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--primary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--primary-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-posts--primary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--primary-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-results--categories .c-results__category--primary-one,
.c-sidekick--primary-one .c-sidekick__card,
.c-sidekick__card--primary-one,
.c-timeline.c-timeline--primary-one > li > .c-timeline__badge {
  background-color: #D6001C;
}

/**
 * border-color = primary-one.
 */
.c-accordion--primary-one .c-accordion__button,
.c-blockquote--primary-one,
.c-blockquote--primary-one::before,
.c-blockquote--primary-one::after,
.c-blockquote--primary-one .c-blockquote--bio__author::before,
.c-btn--dropdown.c-btn--primary-one,
.c-btn--dropdown-alt.c-btn--primary-one,
.c-btn-group--primary-one .c-btn,
.c-calendar--primary-one,
.c-events--primary-one .c-events__sec-head,
.c-events--primary-one .u-line,
.c-form--primary-one .c-form__btn,
.c-form--primary-one .c-form__input,
.c-filter--primary-one,
.c-filter--primary-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--primary-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--primary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-filter--primary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--primary-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--primary-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--primary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form--primary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--primary-one .c-form__input,
.c-form__con--primary-one .c-form__btn,
.c-form__con--primary-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--primary-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__con--primary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__con--primary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--primary-one .c-form__input,
.c-form__fieldset--primary-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--primary-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--primary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__fieldset--primary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-list--primary-one .c-list--steps__item,
.c-posts--primary-one .c-btn,
.c-posts--primary-one .c-calendar,
.c-posts--primary-one .c-divider,
.c-posts--primary-one .c-filter,
.c-posts--primary-one .c-form__input:not(.c-form__input--reset, .c-form__input--submit),
.c-posts--primary-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-posts--primary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-posts--primary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--primary-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-posts--primary-one .c-sec-head,
.c-posts--primary-one .c-posts__sec-head,
.c-posts--primary-one .c-form__btn,
.c-posts--primary-one .c-posts__row,
.c-posts--primary-one .c-posts__article .c-posts__card,
.c-posts--primary-one .c-posts__divider,
.c-posts--primary-one .c-posts__article,
.c-posts--primary-one .c-posts__row .c-posts__article:nth-child(2),
.c-posts--primary-one .c-posts__row .c-posts__article:nth-child(3),
.c-posts--primary-one .c-posts__row .c-posts__article:nth-child(4),
.c-posts--primary-one .c-posts__row .c-posts__article:nth-child(5),
.c-posts--primary-one .c-posts__row .c-posts__article:nth-child(6),
.c-posts--primary-one .c-posts__article:nth-of-type(even) .c-posts__card,
.c-posts--primary-one .c-posts__results .c-card,
.c-posts--primary-one .c-posts__results .c-table__con,
.c-posts--primary-one .c-posts__results .c-table__con .c-table__th,
.c-posts--primary-one .c-profiles--dir,
.c-posts--primary-one .c-profiles__row,
.c-posts--primary-one .c-profiles__profile-con,
.c-prefooter--primary-one,
.c-profiles--primary-one,
.c-profiles--primary-one .c-profiles__row,
.c-profiles--primary-one .c-profiles__profile-con,
.c-results--primary-one .c-results__link,
.c-results--primary-one .c-results__key,
.c-results--primary-one .c-results__hr,
.c-results--primary-one .c-hr,
.c-sec-head__con--primary-one,
.c-sec-head--primary-one,
.c-table--primary-one .c-table__th,
.c-title--primary-one .c-title__sec-head {
  border-color: #D6001C;
}

/**
 * color = primary-one-highlight color to
 * highlight icons on primary-one bgs.
 */
.c-article--primary-one .c-article__share-icon,
.c-blurb--full.c-blurb--primary-one .c-blurb__icon,
.c-blurb--stats.c-blurb--primary-one .c-blurb__icon,
.c-chicklet--primary-one .u-line,
.c-chicklet .c-chicklet__card--primary-one .u-line {
  color: #FF4242;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c-article--primary-one .c-article__line,
.c-article--primary-one .c-article__context,
.c-article--primary-one .c-article__content,
.c-article--primary-one .c-article__share-list .c-article__share-item {
  border-color: #FF4242;
}

.c-article--primary-one .c-article__share-button.js-share__button--open::after {
  background-color: #FF4242;
}

/**
 * color = white for dark bgs with text.
 * as text is white, font-smooting is required.
 */
.c-accordion--primary-one .c-accordion__button.js-accordion__button--open,
.c-article--primary-one .c-article__header,
.c-article--primary-one .c-article__share-button.js-share__button--open::after,
.c-blurb--full.c-blurb--primary-one,
.c-blurb--full.c-blurb--primary-one .c-blurb__link,
.c-blurb--stats.c-blurb--primary-one,
.c-blurb--stats.c-blurb--primary-one .c-blurb__link,
.c-cta__block--primary-one,
.c-chicklet--primary-one,
.c-chicklet--primary-one .c-chicklet__text:hover,
.c-chicklet__card--primary-one,
.c-chicklet__card--primary-one .c-chicklet__text:hover,
.c-form--primary-one .c-form__btn--dropdown.js-dropdown__button--open::before,
.c-posts--primary-one .c-form__btn--dropdown.js-dropdown__button--open::before,
.c-results--categories .c-results__category--primary-one,
.c-sidekick__card--primary-one,
.c-sidekick--primary-one .c-sidekick__card {
  color: #FFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 992px) {
  .c-article--primary-one .c-article__share-icon {
    color: #FFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
/**
 * background-color = white for divs and spans
 * that require white bg on dark bgs.
 */
.c-accordion--primary-one .c-accordion__button.js-accordion__button--open::after,
.c-accordion--minimal.c-accordion--primary-one .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--primary-one .c-accordion__button.js-accordion__button--open::before {
  background-color: #FFF;
}

/*------------------------------------*\
  #MODIFIER-STYLES-PRIMARY-TWO
  #all primary-two modifier styles
  #except buttons.
\*------------------------------------*/
/**
 * color = primary-two.
 */
.c-blockquote--primary-two::before,
.c-blockquote--primary-two::after,
.c-blurb--primary-two .c-blurb__icon,
.c-chicklet__card--primary-two,
.c-chicklet--primary-two,
.c-highlight--primary-two .c-highlight__icon,
.c-highlight__block--primary-two .c-highlight__icon,
.c-list--primary-two .c-list--steps__item::before,
.c-posts--primary-two .u-line,
.c-sec-head__con--primary-two .c-sec-head__icon,
.c-iconNav.c-iconNav--primary-two .c-iconNav__row .c-iconNav__block a {
  color: #FFCD00;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
 * background-color = primary-two.
 */
.c-accordion--primary-two .c-accordion__button.js-accordion__button--open,
.c-article--primary-two .c-article__header,
.c-blurb--full.c-blurb--primary-two,
.c-blurb--stats.c-blurb--primary-two,
.c-btn--dropdown-alt.c-btn--primary-two::after,
.c-cta__block--primary-two,
.c-chicklet--primary-two,
.c-chicklet--primary-two .c-chicklet__text:hover,
.c-chicklet__card--primary-two,
.c-chicklet__card--primary-two .c-chicklet__text:hover,
.c-filter--primary-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--primary-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--primary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--primary-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--primary-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--primary-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--primary-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--primary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--primary-two .c-form__input--checkbox:checked + .c-form__label--checkbox:before,
.c-form__con--primary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--primary-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--primary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--primary-two .c-form__input--checkbox:checked + .c-form__label--checkbox:before,
.c-posts--primary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox:after,
.c-posts--primary-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-results--categories .c-results__category--primary-two,
.c-sidekick--primary-two .c-sidekick__card,
.c-sidekick__card--primary-two,
.c-timeline.c-timeline--primary-two > li > .c-timeline__badge {
  background-color: #FFCD00;
}

/**
 * border-color = primary-two.
 */
.c-accordion--primary-two .c-accordion__button,
.c-blockquote--primary-two,
.c-blockquote--primary-two::before,
.c-blockquote--primary-two::after,
.c-blockquote--primary-two .c-blockquote--bio__author::before,
.c-btn--dropdown.c-btn--primary-two,
.c-btn--dropdown-alt.c-btn--primary-two,
.c-btn-group--primary-two .c-btn,
.c-calendar--primary-two,
.c-events--primary-two .c-events__sec-head,
.c-events--primary-two .u-line,
.c-filter--primary-two,
.c-filter--primary-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--primary-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--primary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-filter--primary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--primary-two .c-form__btn,
.c-form--primary-two .c-form__btn,
.c-form--primary-two .c-form__input,
.c-form--primary-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--primary-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--primary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form--primary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--primary-two .c-form__input,
.c-form__con--primary-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--primary-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__con--primary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__con--primary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--primary-two .c-form__input,
.c-form__fieldset--primary-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--primary-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--primary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__fieldset--primary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-list--primary-two .c-list--steps__item,
.c-posts--primary-two .c-btn,
.c-posts--primary-two .c-calendar,
.c-posts--primary-two .c-divider,
.c-posts--primary-two .c-filter,
.c-posts--primary-two .c-form__input,
.c-posts--primary-two .c-form__input--checkbox:checked + .c-form__label--checkbox:before,
.c-posts--primary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox:before,
.c-posts--primary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox:after,
.c-posts--primary-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-posts--primary-two .c-form__btn,
.c-posts--primary-two .c-posts__row,
.c-posts--primary-two .c-posts__article .c-posts__card,
.c-posts--primary-two .c-posts__divider,
.c-posts--primary-two .c-sec-head,
.c-posts--primary-two .c-posts__sec-head,
.c-posts--primary-two .c-posts__article,
.c-posts--primary-two .c-posts__row .c-posts__article:nth-child(2),
.c-posts--primary-two .c-posts__row .c-posts__article:nth-child(3),
.c-posts--primary-two .c-posts__row .c-posts__article:nth-child(4),
.c-posts--primary-two .c-posts__row .c-posts__article:nth-child(5),
.c-posts--primary-two .c-posts__row .c-posts__article:nth-child(6),
.c-posts--primary-two .c-posts__article:nth-of-type(even) .c-posts__card,
.c-posts--primary-two .c-posts__results .c-card,
.c-posts--primary-two .c-posts__results .c-table__con,
.c-posts--primary-two .c-posts__results .c-table__con .c-table__th,
.c-posts--primary-two .c-profiles--dir,
.c-posts--primary-two .c-profiles__row,
.c-posts--primary-two .c-profiles__profile-con,
.c-prefooter--primary-two,
.c-profiles--primary-two,
.c-profiles--primary-two .c-profiles__row,
.c-profiles--primary-two .c-profiles__profile-con,
.c-results--primary-two .c-results__link,
.c-results--primary-two .c-results__key,
.c-results--primary-two .c-results__hr,
.c-results--primary-two .c-hr,
.c-sec-head__con--primary-two,
.c-sec-head--primary-two,
.c-table--primary-two .c-table__th,
.c-title--primary-two .c-title__sec-head {
  border-color: #FFCD00;
}

/**
 * color = primary-two-highlight color to
 * highlight icons on primary-two bgs.
 */
.c-blurb--full.c-blurb--primary-two .c-blurb__icon,
.c-blurb--stats.c-blurb--primary-two .c-blurb__icon,
.c-chicklet--primary-two .u-line,
.c-chicklet .c-chicklet__card--primary-two .u-line,
.c-iconNav .c-iconNav--primary-two:hover,
.c-iconNav.c-iconNav--primary-two .c-iconNav__row .c-iconNav__block a:hover {
  color: #FFE57B;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c-article--primary-two .c-article__line,
.c-article--primary-two .c-article__context,
.c-article--primary-two .c-article__content,
.c-article--primary-two .c-article__share-list .c-article__share-item {
  border-color: #FFE57B;
}

.c-article--primary-two .c-article__share-button.js-share__button--open::after {
  background-color: #FFE57B;
}

/**
 * color = dark for light bgs with text.
 * as text is dark, font-smooting is not required.
 */
.c-accordion--primary-two .c-accordion__button,
.c-accordion--primary-two .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--primary-two .c-accordion__button.js-accordion__button--open,
.c-article--primary-two .c-article__header,
.c-article--primary-two .c-article__share-button.js-share__button--open::after,
.c-article--primary-two .c-article__share-icon,
.c-blurb--bio.c-blurb--primary-two .c-blurb__title,
.c-blurb--full.c-blurb--primary-two,
.c-blurb--full.c-blurb--primary-two .c-blurb__link,
.c-blurb--stats.c-blurb--primary-two,
.c-blurb--stats.c-blurb--primary-two .c-blurb__link,
.c-btn-group--primary-two .c-btn,
.c-calendar--primary-two .c-calendar__icon,
.c-card--primary-two .c-card__title,
.c-card__card--primary-two .c-card__title,
.c-cta__block--primary-two,
.c-chicklet--primary-two,
.c-chicklet--primary-two .c-chicklet__text:hover,
.c-chicklet__card--primary-two,
.c-chicklet__card--primary-two .c-chicklet__text:hover,
.c-form--primary-two .c-form__btn--dropdown.js-dropdown__button--open::before,
.c-posts--primary-two .c-btn,
.c-posts--primary-two .c-calendar .c-calendar__icon,
.c-posts--primary-two .c-form__btn--dropdown.js-dropdown__button--open::before,
.c-results--categories .c-results__category--primary-two,
.c-sidekick__card--primary-two,
.c-sidekick--primary-two .c-sidekick__card {
  color: #49251D;
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial;
}

/**
 * background-color = dark colour for divs and spans
 * that require dark bg on mid bgs.
 */
.c-accordion--primary-two .c-accordion__button::before,
.c-accordion--primary-two .c-accordion__button::after,
.c-accordion--minimal.c-accordion--primary-two .c-accordion__button.js-accordion__button--open::after,
.c-accordion--primary-two .c-accordion__button.js-accordion__button--open::after,
.c-form--primary-two .c-form__input--radio:checked + .c-form__label--radio::after,
.c-posts--primary-two .c-form__input--radio:checked + .c-form__label--radio::after {
  background-color: #49251D;
}

/**
 * background-color = white colour for divs and spans
 * that require dark on light bgs.
 */
.c-accordion--minimal.c-accordion--primary-two .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--primary-two .c-accordion__button.js-accordion__button--open::before {
  background-color: #FFF;
}

/*------------------------------------*\
  #MODIFIER-STYLES-SECONDARY-ONE
  #all secondary-one modifier styles
  #except buttons.
\*------------------------------------*/
/**
 * color = secondary-one.
 */
.c-blockquote--secondary-one::before,
.c-blockquote--secondary-one::after,
.c-blurb--secondary-one .c-blurb__icon,
.c-chicklet__card--secondary-one,
.c-chicklet--secondary-one,
.c-highlight--secondary-one .c-highlight__icon,
.c-highlight__block--secondary-one .c-highlight__icon,
.c-list--secondary-one .c-list--steps__item::before,
.c-posts--secondary-one .u-line,
.c-sec-head__con--secondary-one .c-sec-head__icon,
.c-iconNav.c-iconNav--secondary-one .c-iconNav__row .c-iconNav__block a {
  color: #FFA300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
 * background-color = secondary-one.
 */
.c-accordion--secondary-one .c-accordion__button.js-accordion__button--open,
.c-article--secondary-one .c-article__header,
.c-blurb--full.c-blurb--secondary-one,
.c-blurb--stats.c-blurb--secondary-one,
.c-btn--dropdown-alt.c-btn--secondary-one::after,
.c-cta__block--secondary-one,
.c-chicklet--secondary-one,
.c-chicklet--secondary-one .c-chicklet__text:hover,
.c-chicklet__card--secondary-one,
.c-chicklet__card--secondary-one .c-chicklet__text:hover,
.c-filter--secondary-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--secondary-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--secondary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--secondary-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--secondary-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--secondary-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--secondary-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--secondary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--secondary-one .c-form__input--checkbox:checked + .c-form__label--checkbox:before,
.c-form__con--secondary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--secondary-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--secondary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--secondary-one .c-form__input--checkbox:checked + .c-form__label--checkbox:before,
.c-posts--secondary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox:after,
.c-posts--secondary-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-results--categories .c-results__category--secondary-one,
.c-sidekick--secondary-one .c-sidekick__card,
.c-sidekick__card--secondary-one,
.c-timeline.c-timeline--secondary-one > li > .c-timeline__badge {
  background-color: #FFA300;
}

/**
 * border-color = secondary-one.
 */
.c-accordion--secondary-one .c-accordion__button,
.c-blockquote--secondary-one,
.c-blockquote--secondary-one::before,
.c-blockquote--secondary-one::after,
.c-blockquote--secondary-one .c-blockquote--bio__author::before,
.c-btn--dropdown.c-btn--secondary-one,
.c-btn--dropdown-alt.c-btn--secondary-one,
.c-btn-group--secondary-one .c-btn,
.c-calendar--secondary-one,
.c-events--secondary-one .c-events__sec-head,
.c-events--secondary-one .u-line,
.c-filter--secondary-one,
.c-filter--secondary-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--secondary-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--secondary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-filter--secondary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--secondary-one .c-form__btn,
.c-form--secondary-one .c-form__input,
.c-form--secondary-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--secondary-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--secondary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form--secondary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--secondary-one .c-form__input,
.c-form__con--secondary-one .c-form__btn,
.c-form__con--secondary-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--secondary-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__con--secondary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__con--secondary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--secondary-one .c-form__input,
.c-form__fieldset--secondary-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--secondary-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--secondary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__fieldset--secondary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-list--secondary-one .c-list--steps__item,
.c-posts--secondary-one .c-btn,
.c-posts--secondary-one .c-calendar,
.c-posts--secondary-one .c-divider,
.c-posts--secondary-one .c-filter,
.c-posts--secondary-one .c-form__input,
.c-posts--secondary-one .c-form__input--checkbox:checked + .c-form__label--checkbox:before,
.c-posts--secondary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox:before,
.c-posts--secondary-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox:after,
.c-posts--secondary-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-posts--secondary-one .c-sec-head,
.c-posts--secondary-one .c-posts__sec-head,
.c-posts--secondary-one .c-form__btn,
.c-posts--secondary-one .c-posts__row,
.c-posts--secondary-one .c-posts__article .c-posts__card,
.c-posts--secondary-one .c-posts__divider,
.c-posts--secondary-one .c-posts__article,
.c-posts--secondary-one .c-posts__row .c-posts__article:nth-child(2),
.c-posts--secondary-one .c-posts__row .c-posts__article:nth-child(3),
.c-posts--secondary-one .c-posts__row .c-posts__article:nth-child(4),
.c-posts--secondary-one .c-posts__row .c-posts__article:nth-child(5),
.c-posts--secondary-one .c-posts__row .c-posts__article:nth-child(6),
.c-posts--secondary-one .c-posts__article:nth-of-type(even) .c-posts__card,
.c-posts--secondary-one .c-posts__results .c-card,
.c-posts--secondary-one .c-posts__results .c-table__con,
.c-posts--secondary-one .c-posts__results .c-table__con .c-table__th,
.c-posts--secondary-one .c-profiles--dir,
.c-posts--secondary-one .c-profiles__row,
.c-posts--secondary-one .c-profiles__profile-con,
.c-prefooter--secondary-one,
.c-profiles--secondary-one,
.c-profiles--secondary-one .c-profiles__row,
.c-profiles--secondary-one .c-profiles__profile-con,
.c-results--secondary-one .c-results__link,
.c-results--secondary-one .c-results__key,
.c-results--secondary-one .c-results__hr,
.c-results--secondary-one .c-hr,
.c-sec-head__con--secondary-one,
.c-sec-head--secondary-one,
.c-table--secondary-one .c-table__th,
.c-title--secondary-one .c-title__sec-head {
  border-color: #FFA300;
}

/**
 * color = secondary-one-highlight color to
 * highlight icons on secondary-one bgs.
 */
.c-blurb--full.c-blurb--secondary-one .c-blurb__icon,
.c-blurb--stats.c-blurb--secondary-one .c-blurb__icon,
.c-chicklet--secondary-one .u-line,
.c-chicklet .c-chicklet__card--secondary-one .u-line,
.c-iconNav.c-iconNav--secondary-one .c-iconNav__row .c-iconNav__block a:hover {
  color: #FFCD00;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c-article--secondary-one .c-article__line,
.c-article--secondary-one .c-article__context,
.c-article--secondary-one .c-article__content,
.c-article--secondary-one .c-article__share-list .c-article__share-item {
  border-color: #FFCD00;
}

.c-article--secondary-one .c-article__share-button.js-share__button--open::after,
.c-filter--secondary-one .c-form__input--checkbox:checked + .c-form__label--checkbox::after,
.c-form--secondary-one .c-form__input--checkbox:checked + .c-form__label--checkbox::after,
.c-form__con--secondary-one .c-form__input--checkbox:checked + .c-form__label--checkbox::after,
.c-form__fieldset--secondary-one .c-form__input--checkbox:checked + .c-form__label--checkbox::after,
.c-posts--secondary-one .c-form__input--checkbox:checked + .c-form__label--checkbox::after {
  background-color: #FFCD00;
}

/**
 * color = dark for light bgs with text.
 * as text is dark, font-smooting is not required.
 */
.c-accordion--secondary-one .c-accordion__button,
.c-accordion--secondary-one .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--secondary-one .c-accordion__button.js-accordion__button--open,
.c-article--secondary-one .c-article__share-icon,
.c-article--secondary-one .c-article__header,
.c-article--secondary-one .c-article__share-button.js-share__button--open::after,
.c-blurb--bio.c-blurb--secondary-one .c-blurb__title,
.c-blurb--full.c-blurb--secondary-one,
.c-blurb--full.c-blurb--secondary-one .c-blurb__link,
.c-blurb--stats.c-blurb--secondary-one,
.c-blurb--stats.c-blurb--secondary-one .c-blurb__link,
.c-btn-group--secondary-one .c-btn,
.c-calendar--secondary-one .c-calendar__icon,
.c-card--secondary-one .c-card__title,
.c-card__card--secondary-one .c-card__title,
.c-cta__block--secondary-one,
.c-chicklet--secondary-one,
.c-chicklet--secondary-one .c-chicklet__text:hover,
.c-chicklet__card--secondary-one,
.c-chicklet__card--secondary-one .c-chicklet__text:hover,
.c-posts--secondary-one .c-btn,
.c-posts--secondary-one .c-calendar .c-calendar__icon,
.c-results--categories .c-results__category--secondary-one,
.c-sidekick__card--secondary-one,
.c-sidekick--secondary-one .c-sidekick__card {
  color: #49251D;
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial;
}

/**
 * background-color = dark colour for divs and spans
 * that require dark bg on mid bgs.
 */
.c-accordion--secondary-one .c-accordion__button::before,
.c-accordion--secondary-one .c-accordion__button::after,
.c-accordion--minimal.c-accordion--secondary-one .c-accordion__button.js-accordion__button--open::after,
.c-accordion--secondary-one .c-accordion__button.js-accordion__button--open::after,
.c-form--secondary-one .c-form__input--radio:checked + .c-form__label--radio::after,
.c-posts--secondary-one .c-form__input--radio:checked + .c-form__label--radio::after {
  background-color: #49251D;
}

/**
 * background-color = white colour for divs and spans
 * that require dark on light bgs.
 */
.c-accordion--minimal.c-accordion--secondary-one .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--secondary-one .c-accordion__button.js-accordion__button--open::before {
  background-color: #FFF;
}

/*------------------------------------*\
  #MODIFIER-STYLES-SECONDARY-TWO
  #all secondary-two modifier styles
  #except buttons.
\*------------------------------------*/
/**
 * color = secondary-two.
 */
.c-accordion--secondary-two .c-accordion__button,
.c-accordion--minimal.c-accordion--secondary-two .c-accordion__button.js-accordion__button--open,
.c-blockquote--secondary-two::before,
.c-blockquote--secondary-two::after,
.c-blurb--secondary-two .c-blurb__icon,
.c-blurb--bio.c-blurb--secondary-two .c-blurb__title,
.c-btn-group--secondary-two .c-btn,
.c-calendar--secondary-two .c-calendar__icon,
.c-card--secondary-two .c-card__title,
.c-card__card--secondary-two .c-card__title,
.c-chicklet__card--secondary-two,
.c-chicklet--secondary-two,
.c-highlight--secondary-two .c-highlight__icon,
.c-highlight__block--secondary-two .c-highlight__icon,
.c-list--secondary-two .c-list--steps__item::before,
.c-posts--secondary-two .c-calendar .c-calendar__icon,
.c-posts--secondary-two .u-line,
.c-sec-head__con--secondary-two .c-sec-head__icon,
.c-iconNav.c-iconNav--secondary-two .c-iconNav__row .c-iconNav__block a {
  color: #FF671F;
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial;
}

/**
 * background-color = secondary-two.
 */
.c-accordion--secondary-two .c-accordion__button::before,
.c-accordion--secondary-two .c-accordion__button::after,
.c-accordion--secondary-two .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--secondary-two .c-accordion__button.js-accordion__button--open::after,
.c-article--secondary-two .c-article__header,
.c-blurb--full.c-blurb--secondary-two,
.c-blurb--stats.c-blurb--secondary-two,
.c-btn--dropdown-alt.c-btn--secondary-two::after,
.c-cta__block--secondary-two,
.c-chicklet--secondary-two,
.c-chicklet--secondary-two .c-chicklet__text:hover,
.c-chicklet__card--secondary-two,
.c-chicklet__card--secondary-two .c-chicklet__text:hover,
.c-filter--secondary-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--secondary-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--secondary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--secondary-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--secondary-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--secondary-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--secondary-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--secondary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--secondary-two .c-form__input--checkbox:checked + .c-form__label--checkbox:before,
.c-form__con--secondary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--secondary-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--secondary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--secondary-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-posts--secondary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--secondary-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-results--categories .c-results__category--secondary-two,
.c-sidekick--secondary-two .c-sidekick__card,
.c-sidekick__card--secondary-two,
.c-timeline.c-timeline--secondary-two > li > .c-timeline__badge {
  background-color: #FF671F;
}

/**
 * border-color = secondary-two.
 */
.c-accordion--secondary-two .c-accordion__button,
.c-blockquote--secondary-two,
.c-blockquote--secondary-two::before,
.c-blockquote--secondary-two::after,
.c-blockquote--secondary-two .c-blockquote--bio__author::before,
.c-btn--dropdown.c-btn--secondary-two,
.c-btn--dropdown-alt.c-btn--secondary-two,
.c-btn-group--secondary-two .c-btn,
.c-calendar--secondary-two,
.c-events--secondary-two .c-events__sec-head,
.c-events--secondary-two .u-line,
.c-filter--secondary-two,
.c-filter--secondary-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--secondary-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--secondary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-filter--secondary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--secondary-two .c-form__btn,
.c-form--secondary-two .c-form__input,
.c-form--secondary-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--secondary-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--secondary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form--secondary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--secondary-two .c-form__input,
.c-form__con--secondary-two .c-form__btn,
.c-form__con--secondary-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--secondary-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__con--secondary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__con--secondary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--secondary-two .c-form__input,
.c-form__fieldset--secondary-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--secondary-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--secondary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__fieldset--secondary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-list--secondary-two .c-list--steps__item,
.c-posts--secondary-two .c-btn,
.c-posts--secondary-two .c-calendar,
.c-posts--secondary-two .c-divider,
.c-posts--secondary-two .c-filter,
.c-posts--secondary-two .c-form__input,
.c-posts--secondary-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-posts--secondary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-posts--secondary-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--secondary-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-posts--secondary-two .c-sec-head,
.c-posts--secondary-two .c-posts__sec-head,
.c-posts--secondary-two .c-form__btn,
.c-posts--secondary-two .c-posts__row,
.c-posts--secondary-two .c-posts__article .c-posts__card,
.c-posts--secondary-two .c-posts__divider,
.c-posts--secondary-two .c-posts__article,
.c-posts--secondary-two .c-posts__row .c-posts__article:nth-child(2),
.c-posts--secondary-two .c-posts__row .c-posts__article:nth-child(3),
.c-posts--secondary-two .c-posts__row .c-posts__article:nth-child(4),
.c-posts--secondary-two .c-posts__row .c-posts__article:nth-child(5),
.c-posts--secondary-two .c-posts__row .c-posts__article:nth-child(6),
.c-posts--secondary-two .c-posts__article:nth-of-type(even) .c-posts__card,
.c-posts--secondary-two .c-posts__results .c-card,
.c-posts--secondary-two .c-posts__results .c-table__con,
.c-posts--secondary-two .c-posts__results .c-table__con .c-table__th,
.c-posts--secondary-two .c-profiles--dir,
.c-posts--secondary-two .c-profiles__row,
.c-posts--secondary-two .c-profiles__profile-con,
.c-prefooter--secondary-two,
.c-profiles--secondary-two,
.c-profiles--secondary-two .c-profiles__row,
.c-profiles--secondary-two .c-profiles__profile-con,
.c-results--secondary-two .c-results__link,
.c-results--secondary-two .c-results__key,
.c-results--secondary-two .c-results__hr,
.c-results--secondary-two .c-hr,
.c-sec-head__con--secondary-two,
.c-sec-head--secondary-two,
.c-table--secondary-two .c-table__th,
.c-title--secondary-two .c-title__sec-head {
  border-color: #FF671F;
}

/**
 * color = secondary-two-highlight color to
 * highlight icons on secondary-two bgs.
 */
.c-article--secondary-two .c-article__share-icon,
.c-blurb--full.c-blurb--secondary-two .c-blurb__icon,
.c-blurb--stats.c-blurb--secondary-two .c-blurb__icon,
.c-chicklet--secondary-two .u-line,
.c-chicklet .c-chicklet__card--secondary-two .u-line,
.c-iconNav.c-iconNav--secondary-two .c-iconNav__row .c-iconNav__block a:hover {
  color: #FFB400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c-article--secondary-two .c-article__line,
.c-article--secondary-two .c-article__context,
.c-article--secondary-two .c-article__content,
.c-article--secondary-two .c-article__share-list .c-article__share-item {
  border-color: #FFB400;
}

.c-article--primary-one .c-article__share-button.js-share__button--open::after {
  background-color: #FFB400;
}

/**
 * color = white for dark bgs with text.
 * as text is white, font-smooting is required.
 */
.c-accordion--secondary-two .c-accordion__button.js-accordion__button--open,
.c-article--secondary-two .c-article__header,
.c-article--secondary-two .c-article__share-button.js-share__button--open::after,
.c-blurb--full.c-blurb--secondary-two,
.c-blurb--full.c-blurb--secondary-two .c-blurb__link,
.c-blurb--stats.c-blurb--secondary-two,
.c-blurb--stats.c-blurb--secondary-two .c-blurb__link,
.c-cta__block--secondary-two,
.c-chicklet--secondary-two,
.c-chicklet--secondary-two .c-chicklet__text:hover,
.c-chicklet__card--secondary-two,
.c-chicklet__card--secondary-two .c-chicklet__text:hover,
.c-results--categories .c-results__category--secondary-two,
.c-sidekick__card--secondary-two,
.c-sidekick--secondary-two .c-sidekick__card {
  color: #FFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 992px) {
  .c-article--secondary-two .c-article__share-icon {
    color: #FFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
/**
 * background-color = white for divs and spans
 * that require white bg on dark bgs.
 */
.c-accordion--secondary-two .c-accordion__button.js-accordion__button--open::after,
.c-accordion--minimal.c-accordion--secondary-two .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--secondary-two .c-accordion__button.js-accordion__button--open::before {
  background-color: #FFF;
}

/*------------------------------------*\
  #MODIFIER-STYLES-SECONDARY-THREE
  #all secondary-three modifier styles
  #except buttons.
\*------------------------------------*/
/**
 * color = secondary-three.
 */
.c-accordion--secondary-three .c-accordion__button,
.c-accordion--minimal.c-accordion--secondary-three .c-accordion__button.js-accordion__button--open,
.c-blockquote--secondary-three::before,
.c-blockquote--secondary-three::after,
.c-blurb--secondary-three .c-blurb__icon,
.c-blurb--bio.c-blurb--secondary-three .c-blurb__title,
.c-btn-group--secondary-three .c-btn,
.c-calendar--secondary-three .c-calendar__icon,
.c-card--secondary-three .c-card__title,
.c-card__card--secondary-three .c-card__title,
.c-chicklet__card--secondary-three,
.c-chicklet--secondary-three,
.c-highlight--secondary-three .c-highlight__icon,
.c-highlight__block--secondary-three .c-highlight__icon,
.c-list--secondary-three .c-list--steps__item::before,
.c-posts--secondary-three .c-calendar .c-calendar__icon,
.c-posts--secondary-three .u-line,
.c-sec-head__con--secondary-three .c-sec-head__icon,
.c-iconNav.c-iconNav--secondary-three .c-iconNav__row .c-iconNav__block a {
  color: #ED0A72;
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial;
}

/**
 * background-color = secondary-three.
 */
.c-accordion--secondary-three .c-accordion__button::before,
.c-accordion--secondary-three .c-accordion__button::after,
.c-accordion--secondary-three .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--secondary-three .c-accordion__button.js-accordion__button--open::after,
.c-article--secondary-three .c-article__header,
.c-blurb--full.c-blurb--secondary-three,
.c-blurb--stats.c-blurb--secondary-three,
.c-btn--dropdown-alt.c-btn--secondary-three::after,
.c-cta__block--secondary-three,
.c-chicklet--secondary-three,
.c-chicklet--secondary-three .c-chicklet__text:hover,
.c-chicklet__card--secondary-three,
.c-chicklet__card--secondary-three .c-chicklet__text:hover,
.c-filter--secondary-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--secondary-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--secondary-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--secondary-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--secondary-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--secondary-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--secondary-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--secondary-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--secondary-three .c-form__input--checkbox:checked + .c-form__label--checkbox:before,
.c-form__con--secondary-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--secondary-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--secondary-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--secondary-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-posts--secondary-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--secondary-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-results--categories .c-results__category--secondary-three,
.c-sidekick--secondary-three .c-sidekick__card,
.c-sidekick__card--secondary-three,
.c-timeline.c-timeline--secondary-three > li > .c-timeline__badge {
  background-color: #ED0A72;
}

/**
 * border-color = secondary-three.
 */
.c-accordion--secondary-three .c-accordion__button,
.c-blockquote--secondary-three,
.c-blockquote--secondary-three::before,
.c-blockquote--secondary-three::after,
.c-blockquote--secondary-three .c-blockquote--bio__author::before,
.c-btn--dropdown.c-btn--secondary-three,
.c-btn--dropdown-alt.c-btn--secondary-three,
.c-btn-group--secondary-three .c-btn,
.c-calendar--secondary-three,
.c-events--secondary-three .c-events__sec-head,
.c-events--secondary-three .u-line,
.c-filter--secondary-three,
.c-filter--secondary-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--secondary-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--secondary-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-filter--secondary-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--secondary-three .c-form__btn,
.c-form--secondary-three .c-form__input,
.c-form--secondary-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--secondary-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--secondary-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form--secondary-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--secondary-three .c-form__input,
.c-form__con--secondary-three .c-form__btn,
.c-form__con--secondary-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--secondary-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__con--secondary-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__con--secondary-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--secondary-three .c-form__input,
.c-form__fieldset--secondary-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--secondary-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--secondary-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__fieldset--secondary-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-list--secondary-three .c-list--steps__item,
.c-posts--secondary-three .c-btn,
.c-posts--secondary-three .c-calendar,
.c-posts--secondary-three .c-divider,
.c-posts--secondary-three .c-filter,
.c-posts--secondary-three .c-form__input,
.c-posts--secondary-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-posts--secondary-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-posts--secondary-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--secondary-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-posts--secondary-three .c-sec-head,
.c-posts--secondary-three .c-posts__sec-head,
.c-posts--secondary-three .c-form__btn,
.c-posts--secondary-three .c-posts__row,
.c-posts--secondary-three .c-posts__article .c-posts__card,
.c-posts--secondary-three .c-posts__divider,
.c-posts--secondary-three .c-posts__article,
.c-posts--secondary-three .c-posts__row .c-posts__article:nth-child(2),
.c-posts--secondary-three .c-posts__row .c-posts__article:nth-child(3),
.c-posts--secondary-three .c-posts__row .c-posts__article:nth-child(4),
.c-posts--secondary-three .c-posts__row .c-posts__article:nth-child(5),
.c-posts--secondary-three .c-posts__row .c-posts__article:nth-child(6),
.c-posts--secondary-three .c-posts__article:nth-of-type(even) .c-posts__card,
.c-posts--secondary-three .c-posts__results .c-card,
.c-posts--secondary-three .c-posts__results .c-table__con,
.c-posts--secondary-three .c-posts__results .c-table__con .c-table__th,
.c-posts--secondary-three .c-profiles--dir,
.c-posts--secondary-three .c-profiles__row,
.c-posts--secondary-three .c-profiles__profile-con,
.c-prefooter--secondary-three,
.c-profiles--secondary-three,
.c-profiles--secondary-three .c-profiles__row,
.c-profiles--secondary-three .c-profiles__profile-con,
.c-results--secondary-three .c-results__link,
.c-results--secondary-three .c-results__key,
.c-results--secondary-three .c-results__hr,
.c-results--secondary-three .c-hr,
.c-sec-head__con--secondary-three,
.c-sec-head--secondary-three,
.c-table--secondary-three .c-table__th,
.c-title--secondary-three .c-title__sec-head {
  border-color: #ED0A72;
}

/**
 * color = secondary-three-highlight color to
 * highlight icons on secondary-three bgs.
 */
.c-article--secondary-three .c-article__share-icon,
.c-blurb--full.c-blurb--secondary-three .c-blurb__icon,
.c-blurb--stats.c-blurb--secondary-three .c-blurb__icon,
.c-chicklet--secondary-three .u-line,
.c-chicklet .c-chicklet__card--secondary-three .u-line,
.c-iconNav.c-iconNav--secondary-three .c-iconNav__row .c-iconNav__block a:hover {
  color: #FF82B8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c-article--secondary-three .c-article__line,
.c-article--secondary-three .c-article__context,
.c-article--secondary-three .c-article__content,
.c-article--secondary-three .c-article__share-list .c-article__share-item {
  border-color: #FF82B8;
}

.c-article--secondary-three .c-article__share-button.js-share__button--open::after {
  background-color: #FF82B8;
}

/**
 * color = white for dark bgs with text.
 * as text is white, font-smooting is required.
 */
.c-accordion--secondary-three .c-accordion__button.js-accordion__button--open,
.c-article--secondary-three .c-article__header,
.c-article--secondary-three .c-article__share-button.js-share__button--open::after,
.c-blurb--full.c-blurb--secondary-three,
.c-blurb--full.c-blurb--secondary-three .c-blurb__link,
.c-blurb--stats.c-blurb--secondary-three,
.c-blurb--stats.c-blurb--secondary-three .c-blurb__link,
.c-cta__block--secondary-three,
.c-chicklet--secondary-three,
.c-chicklet--secondary-three .c-chicklet__text:hover,
.c-chicklet__card--secondary-three,
.c-chicklet__card--secondary-three .c-chicklet__text:hover,
.c-results--categories .c-results__category--secondary-three,
.c-sidekick__card--secondary-three,
.c-sidekick--secondary-three .c-sidekick__card {
  color: #FFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 992px) {
  .c-article--secondary-three .c-article__share-icon {
    color: #FFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
/**
 * background-color = white for divs and spans
 * that require white bg on dark bgs.
 */
.c-accordion--secondary-three .c-accordion__button.js-accordion__button--open::after,
.c-accordion--minimal.c-accordion--secondary-three .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--secondary-three .c-accordion__button.js-accordion__button--open::before {
  background-color: #FFF;
}

/*------------------------------------*\
  #MODIFIER-STYLES-secondary-four
  #all secondary-four modifier styles
  #except buttons.
\*------------------------------------*/
/**
 * color = secondary-four.
 */
.c-accordion--secondary-four .c-accordion__button,
.c-accordion--minimal.c-accordion--secondary-four .c-accordion__button.js-accordion__button--open,
.c-blockquote--secondary-four::before,
.c-blockquote--secondary-four::after,
.c-blurb--secondary-four .c-blurb__icon,
.c-blurb--bio.c-blurb--secondary-four .c-blurb__title,
.c-btn-group--secondary-four .c-btn,
.c-calendar--secondary-four .c-calendar__icon,
.c-card--secondary-four .c-card__title,
.c-card__card--secondary-four .c-card__title,
.c-chicklet__card--secondary-four,
.c-chicklet--secondary-four,
.c-highlight--secondary-four .c-highlight__icon,
.c-highlight__block--secondary-four .c-highlight__icon,
.c-list--secondary-four .c-list--steps__item::before,
.c-posts--secondary-four .c-calendar .c-calendar__icon,
.c-posts--secondary-four .u-line,
.c-sec-head__con--secondary-four .c-sec-head__icon,
.c-iconNav.c-iconNav--secondary-four .c-iconNav__row .c-iconNav__block a {
  color: #9C0534;
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial;
}

/**
 * background-color = secondary-four.
 */
.c-accordion--secondary-four .c-accordion__button::before,
.c-accordion--secondary-four .c-accordion__button::after,
.c-accordion--secondary-four .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--secondary-four .c-accordion__button.js-accordion__button--open::after,
.c-article--secondary-four .c-article__header,
.c-blurb--full.c-blurb--secondary-four,
.c-blurb--stats.c-blurb--secondary-four,
.c-btn--dropdown-alt.c-btn--secondary-four::after,
.c-cta__block--secondary-four,
.c-chicklet--secondary-four,
.c-chicklet--secondary-four .c-chicklet__text:hover,
.c-chicklet__card--secondary-four,
.c-chicklet__card--secondary-four .c-chicklet__text:hover,
.c-filter--secondary-four .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--secondary-four .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--secondary-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--secondary-four .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--secondary-four .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--secondary-four .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--secondary-four .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--secondary-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--secondary-four .c-form__input--checkbox:checked + .c-form__label--checkbox:before,
.c-form__con--secondary-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--secondary-four .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--secondary-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--secondary-four .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-posts--secondary-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--secondary-four .c-form__input--radio:checked + .c-form__label--radio::before,
.c-results--categories .c-results__category--secondary-four,
.c-sidekick--secondary-four .c-sidekick__card,
.c-sidekick__card--secondary-four,
.c-timeline.c-timeline--secondary-four > li > .c-timeline__badge {
  background-color: #9C0534;
}

/**
 * border-color = secondary-four.
 */
.c-accordion--secondary-four .c-accordion__button,
.c-blockquote--secondary-four,
.c-blockquote--secondary-four::before,
.c-blockquote--secondary-four::after,
.c-blockquote--secondary-four .c-blockquote--bio__author::before,
.c-btn--dropdown.c-btn--secondary-four,
.c-btn--dropdown-alt.c-btn--secondary-four,
.c-btn-group--secondary-four .c-btn,
.c-calendar--secondary-four,
.c-events--secondary-four .c-events__sec-head,
.c-events--secondary-four .u-line,
.c-filter--secondary-four,
.c-filter--secondary-four .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--secondary-four .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--secondary-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-filter--secondary-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--secondary-four .c-form__btn,
.c-form--secondary-four .c-form__input,
.c-form--secondary-four .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--secondary-four .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--secondary-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form--secondary-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--secondary-four .c-form__input,
.c-form__con--secondary-four .c-form__btn,
.c-form__con--secondary-four .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--secondary-four .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__con--secondary-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__con--secondary-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--secondary-four .c-form__input,
.c-form__fieldset--secondary-four .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--secondary-four .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--secondary-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__fieldset--secondary-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-list--secondary-four .c-list--steps__item,
.c-posts--secondary-four .c-btn,
.c-posts--secondary-four .c-calendar,
.c-posts--secondary-four .c-divider,
.c-posts--secondary-four .c-filter,
.c-posts--secondary-four .c-form__input,
.c-posts--secondary-four .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-posts--secondary-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-posts--secondary-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--secondary-four .c-form__input--radio:checked + .c-form__label--radio::before,
.c-posts--secondary-four .c-sec-head,
.c-posts--secondary-four .c-posts__sec-head,
.c-posts--secondary-four .c-form__btn,
.c-posts--secondary-four .c-posts__row,
.c-posts--secondary-four .c-posts__article .c-posts__card,
.c-posts--secondary-four .c-posts__divider,
.c-posts--secondary-four .c-posts__article,
.c-posts--secondary-four .c-posts__row .c-posts__article:nth-child(2),
.c-posts--secondary-four .c-posts__row .c-posts__article:nth-child(3),
.c-posts--secondary-four .c-posts__row .c-posts__article:nth-child(4),
.c-posts--secondary-four .c-posts__row .c-posts__article:nth-child(5),
.c-posts--secondary-four .c-posts__row .c-posts__article:nth-child(6),
.c-posts--secondary-four .c-posts__article:nth-of-type(even) .c-posts__card,
.c-posts--secondary-four .c-posts__results .c-card,
.c-posts--secondary-four .c-posts__results .c-table__con,
.c-posts--secondary-four .c-posts__results .c-table__con .c-table__th,
.c-posts--secondary-four .c-profiles--dir,
.c-posts--secondary-four .c-profiles__row,
.c-posts--secondary-four .c-profiles__profile-con,
.c-prefooter--secondary-four,
.c-profiles--secondary-four,
.c-profiles--secondary-four .c-profiles__row,
.c-profiles--secondary-four .c-profiles__profile-con,
.c-results--secondary-four .c-results__link,
.c-results--secondary-four .c-results__key,
.c-results--secondary-four .c-results__hr,
.c-results--secondary-four .c-hr,
.c-sec-head__con--secondary-four,
.c-sec-head--secondary-four,
.c-table--secondary-four .c-table__th,
.c-title--secondary-four .c-title__sec-head {
  border-color: #9C0534;
}

/**
 * color = secondary-four-highlight color to
 * highlight icons on secondary-four bgs.
 */
.c-article--secondary-four .c-article__share-icon,
.c-blurb--full.c-blurb--secondary-four .c-blurb__icon,
.c-blurb--stats.c-blurb--secondary-four .c-blurb__icon,
.c-chicklet--secondary-four .u-line,
.c-chicklet .c-chicklet__card--secondary-four .u-line,
.c-iconNav.c-iconNav--secondary-four .c-iconNav__row .c-iconNav__block a:hover {
  color: #EB3651;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c-article--secondary-four .c-article__line,
.c-article--secondary-four .c-article__context,
.c-article--secondary-four .c-article__content,
.c-article--secondary-four .c-article__share-list .c-article__share-item {
  border-color: #EB3651;
}

.c-article--secondary-four .c-article__share-button.js-share__button--open::after {
  background-color: #EB3651;
}

/**
 * color = white for dark bgs with text.
 * as text is white, font-smooting is required.
 */
.c-accordion--secondary-four .c-accordion__button.js-accordion__button--open,
.c-article--secondary-four .c-article__header,
.c-article--secondary-four .c-article__share-button.js-share__button--open::after,
.c-blurb--full.c-blurb--secondary-four,
.c-blurb--full.c-blurb--secondary-four .c-blurb__link,
.c-blurb--stats.c-blurb--secondary-four,
.c-blurb--stats.c-blurb--secondary-four .c-blurb__link,
.c-cta__block--secondary-four,
.c-chicklet--secondary-four,
.c-chicklet--secondary-four .c-chicklet__text:hover,
.c-chicklet__card--secondary-four,
.c-chicklet__card--secondary-four .c-chicklet__text:hover,
.c-results--categories .c-results__category--secondary-four,
.c-sidekick__card--secondary-four,
.c-sidekick--secondary-four .c-sidekick__card {
  color: #FFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 992px) {
  .c-article--secondary-four .c-article__share-icon {
    color: #FFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
/**
 * background-color = white for divs and spans
 * that require white bg on dark bgs.
 */
.c-accordion--secondary-four .c-accordion__button.js-accordion__button--open::after,
.c-accordion--minimal.c-accordion--secondary-four .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--secondary-four .c-accordion__button.js-accordion__button--open::before {
  background-color: #FFF;
}

/*------------------------------------*\
  #MODIFIER-STYLES-ACCENT-ONE
  #all accent-one modifier styles
  #except buttons.
\*------------------------------------*/
/**
 * color = accent-one.
 */
.c-accordion--accent-one .c-accordion__button,
.c-accordion--minimal.c-accordion--accent-one .c-accordion__button.js-accordion__button--open,
.c-blockquote--accent-one::before,
.c-blockquote--accent-one::after,
.c-blurb--accent-one .c-blurb__icon,
.c-blurb--bio.c-blurb--accent-one .c-blurb__title,
.c-btn-group--accent-one .c-btn,
.c-calendar--accent-one .c-calendar__icon,
.c-card--accent-one .c-card__title,
.c-card__card--accent-one .c-card__title,
.c-chicklet__card--accent-one,
.c-chicklet--accent-one,
.c-highlight--accent-one .c-highlight__icon,
.c-highlight__block--accent-one .c-highlight__icon,
.c-list--accent-one .c-list--steps__item::before,
.c-posts--accent-one .c-calendar .c-calendar__icon,
.c-posts--accent-one .u-line,
.c-sec-head__con--accent-one .c-sec-head__icon,
.c-iconNav.c-iconNav--accent-one .c-iconNav__row .c-iconNav__block a {
  color: #47A67C;
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial;
}

/**
 * background-color = accent-one.
 */
.c-accordion--accent-one .c-accordion__button::before,
.c-accordion--accent-one .c-accordion__button::after,
.c-accordion--accent-one .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--accent-one .c-accordion__button.js-accordion__button--open::after,
.c-article--accent-one .c-article__header,
.c-blurb--full.c-blurb--accent-one,
.c-blurb--stats.c-blurb--accent-one,
.c-btn--dropdown-alt.c-btn--accent-one::after,
.c-cta__block--accent-one,
.c-chicklet--accent-one,
.c-chicklet--accent-one .c-chicklet__text:hover,
.c-chicklet__card--accent-one,
.c-chicklet__card--accent-one .c-chicklet__text:hover,
.c-filter--accent-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--accent-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--accent-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--accent-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--accent-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--accent-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--accent-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--accent-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--accent-one .c-form__input--checkbox:checked + .c-form__label--checkbox:before,
.c-form__con--accent-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--accent-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--accent-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--accent-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-posts--accent-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--accent-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-results--categories .c-results__category--accent-one,
.c-sidekick--accent-one .c-sidekick__card,
.c-sidekick__card--accent-one,
.c-timeline.c-timeline--accent-one > li > .c-timeline__badge {
  background-color: #47A67C;
}

/**
 * border-color = accent-one.
 */
.c-accordion--accent-one .c-accordion__button,
.c-blockquote--accent-one,
.c-blockquote--accent-one::before,
.c-blockquote--accent-one::after,
.c-blockquote--accent-one .c-blockquote--bio__author::before,
.c-btn--dropdown.c-btn--accent-one,
.c-btn--dropdown-alt.c-btn--accent-one,
.c-btn-group--accent-one .c-btn,
.c-calendar--accent-one,
.c-events--accent-one .c-events__sec-head,
.c-events--accent-one .u-line,
.c-filter--accent-one,
.c-filter--accent-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--accent-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--accent-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-filter--accent-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--accent-one .c-form__btn,
.c-form--accent-one .c-form__input,
.c-form--accent-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--accent-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--accent-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form--accent-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--accent-one .c-form__input,
.c-form__con--accent-one .c-form__btn,
.c-form__con--accent-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--accent-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__con--accent-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__con--accent-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--accent-one .c-form__input,
.c-form__fieldset--accent-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--accent-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--accent-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__fieldset--accent-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-list--accent-one .c-list--steps__item,
.c-posts--accent-one .c-btn,
.c-posts--accent-one .c-calendar,
.c-posts--accent-one .c-divider,
.c-posts--accent-one .c-filter,
.c-posts--accent-one .c-form__input,
.c-posts--accent-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-posts--accent-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-posts--accent-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--accent-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-posts--accent-one .c-sec-head,
.c-posts--accent-one .c-posts__sec-head,
.c-posts--accent-one .c-form__btn,
.c-posts--accent-one .c-posts__row,
.c-posts--accent-one .c-posts__article .c-posts__card,
.c-posts--accent-one .c-posts__divider,
.c-posts--accent-one .c-posts__article,
.c-posts--accent-one .c-posts__row .c-posts__article:nth-child(2),
.c-posts--accent-one .c-posts__row .c-posts__article:nth-child(3),
.c-posts--accent-one .c-posts__row .c-posts__article:nth-child(4),
.c-posts--accent-one .c-posts__row .c-posts__article:nth-child(5),
.c-posts--accent-one .c-posts__row .c-posts__article:nth-child(6),
.c-posts--accent-one .c-posts__article:nth-of-type(even) .c-posts__card,
.c-posts--accent-one .c-posts__results .c-card,
.c-posts--accent-one .c-posts__results .c-table__con,
.c-posts--accent-one .c-posts__results .c-table__con .c-table__th,
.c-posts--accent-one .c-profiles--dir,
.c-posts--accent-one .c-profiles__row,
.c-posts--accent-one .c-profiles__profile-con,
.c-prefooter--accent-one,
.c-profiles--accent-one,
.c-profiles--accent-one .c-profiles__row,
.c-profiles--accent-one .c-profiles__profile-con,
.c-results--accent-one .c-results__link,
.c-results--accent-one .c-results__key,
.c-results--accent-one .c-results__hr,
.c-results--accent-one .c-hr,
.c-sec-head__con--accent-one,
.c-sec-head--accent-one,
.c-table--accent-one .c-table__th,
.c-title--accent-one .c-title__sec-head {
  border-color: #47A67C;
}

/**
 * color = accent-one-highlight color to
 * highlight icons on accent-one bgs.
 */
.c-article--accent-one .c-article__share-icon,
.c-blurb--full.c-blurb--accent-one .c-blurb__icon,
.c-blurb--stats.c-blurb--accent-one .c-blurb__icon,
.c-chicklet--accent-one .u-line,
.c-chicklet .c-chicklet__card--accent-one .u-line,
.c-iconNav.c-iconNav--accent-one .c-iconNav__row .c-iconNav__block a:hover {
  color: #53C492;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c-article--accent-one .c-article__line,
.c-article--accent-one .c-article__context,
.c-article--accent-one .c-article__content,
.c-article--accent-one .c-article__share-list .c-article__share-item {
  border-color: #53C492;
}

.c-article--accent-one .c-article__share-button.js-share__button--open::after {
  background-color: #53C492;
}

/**
 * color = white for dark bgs with text.
 * as text is white, font-smooting is required.
 */
.c-accordion--accent-one .c-accordion__button.js-accordion__button--open,
.c-article--accent-one .c-article__header,
.c-article--accent-one .c-article__share-button.js-share__button--open::after,
.c-blurb--full.c-blurb--accent-one,
.c-blurb--full.c-blurb--accent-one .c-blurb__link,
.c-blurb--stats.c-blurb--accent-one,
.c-blurb--stats.c-blurb--accent-one .c-blurb__link,
.c-cta__block--accent-one,
.c-chicklet--accent-one,
.c-chicklet--accent-one .c-chicklet__text:hover,
.c-chicklet__card--accent-one,
.c-chicklet__card--accent-one .c-chicklet__text:hover,
.c-results--categories .c-results__category--accent-one,
.c-sidekick__card--accent-one,
.c-sidekick--accent-one .c-sidekick__card {
  color: #FFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 992px) {
  .c-article--accent-one .c-article__share-icon {
    color: #FFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
/**
 * background-color = white for divs and spans
 * that require white bg on dark bgs.
 */
.c-accordion--accent-one .c-accordion__button.js-accordion__button--open::after,
.c-accordion--minimal.c-accordion--accent-one .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--accent-one .c-accordion__button.js-accordion__button--open::before {
  background-color: #FFF;
}

/*------------------------------------*\
  #MODIFIER-STYLES-ACCENT-TWO
  #all accent-two modifier styles
  #except buttons.
\*------------------------------------*/
/**
 * color = accent-two.
 */
.c-blockquote--accent-two::before,
.c-blockquote--accent-two::after,
.c-blurb--accent-two .c-blurb__icon,
.c-chicklet__card--accent-two,
.c-chicklet--accent-two,
.c-highlight--accent-two .c-highlight__icon,
.c-highlight__block--accent-two .c-highlight__icon,
.c-list--accent-two .c-list--steps__item::before,
.c-posts--accent-two .u-line,
.c-sec-head__con--accent-two .c-sec-head__icon,
.c-iconNav.c-iconNav--accent-two .c-iconNav__row .c-iconNav__block a {
  color: #FFE57B;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
 * background-color = accent-two.
 */
.c-accordion--accent-two .c-accordion__button.js-accordion__button--open,
.c-article--accent-two .c-article__header,
.c-blurb--full.c-blurb--accent-two,
.c-blurb--stats.c-blurb--accent-two,
.c-btn--dropdown-alt.c-btn--accent-two::after,
.c-cta__block--accent-two,
.c-chicklet--accent-two,
.c-chicklet--accent-two .c-chicklet__text:hover,
.c-chicklet__card--accent-two,
.c-chicklet__card--accent-two .c-chicklet__text:hover,
.c-filter--accent-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--accent-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--accent-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--accent-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--accent-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--accent-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--accent-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--accent-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--accent-two .c-form__input--checkbox:checked + .c-form__label--checkbox:before,
.c-form__con--accent-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--accent-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--accent-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--accent-two .c-form__input--checkbox:checked + .c-form__label--checkbox:before,
.c-posts--accent-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox:after,
.c-posts--accent-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-results--categories .c-results__category--accent-two,
.c-sidekick--accent-two .c-sidekick__card,
.c-sidekick__card--accent-two,
.c-timeline.c-timeline--accent-two > li > .c-timeline__badge {
  background-color: #FFE57B;
}

/**
 * border-color = accent-two.
 */
.c-accordion--accent-two .c-accordion__button,
.c-blockquote--accent-two,
.c-blockquote--accent-two::before,
.c-blockquote--accent-two::after,
.c-blockquote--accent-two .c-blockquote--bio__author::before,
.c-btn--dropdown.c-btn--accent-two,
.c-btn--dropdown-alt.c-btn--accent-two,
.c-btn-group--accent-two .c-btn,
.c-calendar--accent-two,
.c-events--accent-two .c-events__sec-head,
.c-events--accent-two .u-line,
.c-filter--accent-two,
.c-filter--accent-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--accent-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--accent-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-filter--accent-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--accent-two .c-form__btn,
.c-form--accent-two .c-form__input,
.c-form--accent-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--accent-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--accent-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form--accent-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--accent-two .c-form__input,
.c-form__con--accent-two .c-form__btn,
.c-form__con--accent-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--accent-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__con--accent-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__con--accent-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--accent-two .c-form__input,
.c-form__fieldset--accent-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--accent-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--accent-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__fieldset--accent-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-list--accent-two .c-list--steps__item,
.c-posts--accent-two .c-btn,
.c-posts--accent-two .c-calendar,
.c-posts--accent-two .c-divider,
.c-posts--accent-two .c-filter,
.c-posts--accent-two .c-form__input,
.c-posts--accent-two .c-form__input--checkbox:checked + .c-form__label--checkbox:before,
.c-posts--accent-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox:before,
.c-posts--accent-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox:after,
.c-posts--accent-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-posts--accent-two .c-sec-head,
.c-posts--accent-two .c-posts__sec-head,
.c-posts--accent-two .c-form__btn,
.c-posts--accent-two .c-posts__row,
.c-posts--accent-two .c-posts__article .c-posts__card,
.c-posts--accent-two .c-posts__divider,
.c-posts--accent-two .c-posts__article,
.c-posts--accent-two .c-posts__row .c-posts__article:nth-child(2),
.c-posts--accent-two .c-posts__row .c-posts__article:nth-child(3),
.c-posts--accent-two .c-posts__row .c-posts__article:nth-child(4),
.c-posts--accent-two .c-posts__row .c-posts__article:nth-child(5),
.c-posts--accent-two .c-posts__row .c-posts__article:nth-child(6),
.c-posts--accent-two .c-posts__article:nth-of-type(even) .c-posts__card,
.c-posts--accent-two .c-posts__results .c-card,
.c-posts--accent-two .c-posts__results .c-table__con,
.c-posts--accent-two .c-posts__results .c-table__con .c-table__th,
.c-posts--accent-two .c-profiles--dir,
.c-posts--accent-two .c-profiles__row,
.c-posts--accent-two .c-profiles__profile-con,
.c-prefooter--accent-two,
.c-profiles--accent-two,
.c-profiles--accent-two .c-profiles__row,
.c-profiles--accent-two .c-profiles__profile-con,
.c-results--accent-two .c-results__link,
.c-results--accent-two .c-results__key,
.c-results--accent-two .c-results__hr,
.c-results--accent-two .c-hr,
.c-sec-head__con--accent-two,
.c-sec-head--accent-two,
.c-table--accent-two .c-table__th,
.c-title--accent-two .c-title__sec-head {
  border-color: #FFE57B;
}

/**
 * color = accent-two-highlight color to
 * highlight icons on accent-two bgs.
 */
.c-blurb--full.c-blurb--accent-two .c-blurb__icon,
.c-blurb--stats.c-blurb--accent-two .c-blurb__icon,
.c-chicklet--accent-two .u-line,
.c-chicklet .c-chicklet__card--accent-two .u-line,
.c-iconNav.c-iconNav--accent-two .c-iconNav__row .c-iconNav__block a:hover {
  color: #FFCD00;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c-article--accent-two .c-article__line,
.c-article--accent-two .c-article__context,
.c-article--accent-two .c-article__content,
.c-article--accent-two .c-article__share-list .c-article__share-item {
  border-color: #FFCD00;
}

.c-article--accent-two .c-article__share-button.js-share__button--open::after {
  background-color: #FFCD00;
}

/**
 * color = dark for light bgs with text.
 * as text is dark, font-smooting is not required.
 */
.c-accordion--accent-two .c-accordion__button,
.c-accordion--accent-two .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--accent-two .c-accordion__button.js-accordion__button--open,
.c-article--accent-two .c-article__share-icon,
.c-article--accent-two .c-article__header,
.c-article--accent-two .c-article__share-button.js-share__button--open::after,
.c-blurb--bio.c-blurb--accent-two .c-blurb__title,
.c-blurb--full.c-blurb--accent-two,
.c-blurb--full.c-blurb--accent-two .c-blurb__link,
.c-blurb--stats.c-blurb--accent-two,
.c-blurb--stats.c-blurb--accent-two .c-blurb__link,
.c-btn-group--accent-two .c-btn,
.c-calendar--accent-two .c-calendar__icon,
.c-card--accent-two .c-card__title,
.c-card__card--accent-two .c-card__title,
.c-cta__block--accent-two,
.c-chicklet--accent-two,
.c-chicklet--accent-two .c-chicklet__text:hover,
.c-chicklet__card--accent-two,
.c-chicklet__card--accent-two .c-chicklet__text:hover,
.c-posts--accent-two .c-btn,
.c-posts--accent-two .c-calendar .c-calendar__icon,
.c-results--categories .c-results__category--accent-two,
.c-sidekick__card--accent-two,
.c-sidekick--accent-two .c-sidekick__card {
  color: #49251D;
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial;
}

/**
 * background-color = dark colour for divs and spans
 * that require dark bg on mid bgs.
 */
.c-accordion--accent-two .c-accordion__button::before,
.c-accordion--accent-two .c-accordion__button::after,
.c-accordion--minimal.c-accordion--accent-two .c-accordion__button.js-accordion__button--open::after,
.c-accordion--accent-two .c-accordion__button.js-accordion__button--open::after,
.c-form--accent-two .c-form__input--radio:checked + .c-form__label--radio::after,
.c-posts--accent-two .c-form__input--radio:checked + .c-form__label--radio::after {
  background-color: #49251D;
}

/**
 * background-color = white colour for divs and spans
 * that require dark on light bgs.
 */
.c-accordion--minimal.c-accordion--accent-two .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--accent-two .c-accordion__button.js-accordion__button--open::before {
  background-color: #FFF;
}

/*------------------------------------*\
  #MODIFIER-STYLES-ACCENT-THREE
  #all accent-three modifier styles
  #except buttons.
\*------------------------------------*/
/**
 * color = accent-three.
 */
.c-accordion--accent-three .c-accordion__button,
.c-accordion--minimal.c-accordion--accent-three .c-accordion__button.js-accordion__button--open,
.c-blockquote--accent-three::before,
.c-blockquote--accent-three::after,
.c-blurb--accent-three .c-blurb__icon,
.c-blurb--bio.c-blurb--accent-three .c-blurb__title,
.c-btn-group--accent-three .c-btn,
.c-calendar--accent-three .c-calendar__icon,
.c-card--accent-three .c-card__title,
.c-card__card--accent-three .c-card__title,
.c-chicklet__card--accent-three,
.c-chicklet--accent-three,
.c-highlight--accent-three .c-highlight__icon,
.c-highlight__block--accent-three .c-highlight__icon,
.c-list--accent-three .c-list--steps__item::before,
.c-posts--accent-three .c-calendar .c-calendar__icon,
.c-posts--accent-three .u-line,
.c-sec-head__con--accent-three .c-sec-head__icon,
.c-iconNav.c-iconNav--accent-three .c-iconNav__row .c-iconNav__block a {
  color: #6C3302;
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial;
}

/**
 * background-color = accent-three.
 */
.c-accordion--accent-three .c-accordion__button::before,
.c-accordion--accent-three .c-accordion__button::after,
.c-accordion--accent-three .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--accent-three .c-accordion__button.js-accordion__button--open::after,
.c-article--accent-three .c-article__header,
.c-blurb--full.c-blurb--accent-three,
.c-blurb--stats.c-blurb--accent-three,
.c-btn--dropdown-alt.c-btn--accent-three::after,
.c-cta__block--accent-three,
.c-chicklet--accent-three,
.c-chicklet--accent-three .c-chicklet__text:hover,
.c-chicklet__card--accent-three,
.c-chicklet__card--accent-three .c-chicklet__text:hover,
.c-filter--accent-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--accent-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--accent-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--accent-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--accent-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--accent-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--accent-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--accent-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--accent-three .c-form__input--checkbox:checked + .c-form__label--checkbox:before,
.c-form__con--accent-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--accent-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--accent-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--accent-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-posts--accent-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--accent-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-results--categories .c-results__category--accent-three,
.c-sidekick--accent-three .c-sidekick__card,
.c-sidekick__card--accent-three,
.c-timeline.c-timeline--accent-three > li > .c-timeline__badge {
  background-color: #6C3302;
}

/**
 * border-color = accent-three.
 */
.c-accordion--accent-three .c-accordion__button,
.c-blockquote--accent-three,
.c-blockquote--accent-three::before,
.c-blockquote--accent-three::after,
.c-blockquote--accent-three .c-blockquote--bio__author::before,
.c-btn--dropdown.c-btn--accent-three,
.c-btn--dropdown-alt.c-btn--accent-three,
.c-btn-group--accent-three .c-btn,
.c-calendar--accent-three,
.c-events--accent-three .c-events__sec-head,
.c-events--accent-three .u-line,
.c-filter--accent-three,
.c-filter--accent-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--accent-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--accent-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-filter--accent-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--accent-three .c-form__btn,
.c-form--accent-three .c-form__input,
.c-form--accent-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--accent-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--accent-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form--accent-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--accent-three .c-form__input,
.c-form__con--accent-three .c-form__btn,
.c-form__con--accent-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--accent-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__con--accent-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__con--accent-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--accent-three .c-form__input,
.c-form__fieldset--accent-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--accent-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--accent-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__fieldset--accent-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-list--accent-three .c-list--steps__item,
.c-posts--accent-three .c-btn,
.c-posts--accent-three .c-calendar,
.c-posts--accent-three .c-divider,
.c-posts--accent-three .c-filter,
.c-posts--accent-three .c-form__input,
.c-posts--accent-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-posts--accent-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-posts--accent-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--accent-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-posts--accent-three .c-sec-head,
.c-posts--accent-three .c-posts__sec-head,
.c-posts--accent-three .c-form__btn,
.c-posts--accent-three .c-posts__row,
.c-posts--accent-three .c-posts__article .c-posts__card,
.c-posts--accent-three .c-posts__divider,
.c-posts--accent-three .c-posts__article,
.c-posts--accent-three .c-posts__row .c-posts__article:nth-child(2),
.c-posts--accent-three .c-posts__row .c-posts__article:nth-child(3),
.c-posts--accent-three .c-posts__row .c-posts__article:nth-child(4),
.c-posts--accent-three .c-posts__row .c-posts__article:nth-child(5),
.c-posts--accent-three .c-posts__row .c-posts__article:nth-child(6),
.c-posts--accent-three .c-posts__article:nth-of-type(even) .c-posts__card,
.c-posts--accent-three .c-posts__results .c-card,
.c-posts--accent-three .c-posts__results .c-table__con,
.c-posts--accent-three .c-posts__results .c-table__con .c-table__th,
.c-posts--accent-three .c-profiles--dir,
.c-posts--accent-three .c-profiles__row,
.c-posts--accent-three .c-profiles__profile-con,
.c-prefooter--accent-three,
.c-profiles--accent-three,
.c-profiles--accent-three .c-profiles__row,
.c-profiles--accent-three .c-profiles__profile-con,
.c-results--accent-three .c-results__link,
.c-results--accent-three .c-results__key,
.c-results--accent-three .c-results__hr,
.c-results--accent-three .c-hr,
.c-sec-head__con--accent-three,
.c-sec-head--accent-three,
.c-table--accent-three .c-table__th,
.c-title--accent-three .c-title__sec-head {
  border-color: #6C3302;
}

/**
 * color = accent-three-highlight color to
 * highlight icons on accent-three bgs.
 */
.c-article--accent-three .c-article__share-icon,
.c-blurb--full.c-blurb--accent-three .c-blurb__icon,
.c-blurb--stats.c-blurb--accent-three .c-blurb__icon,
.c-chicklet--accent-three .u-line,
.c-chicklet .c-chicklet__card--accent-three .u-line,
.c-iconNav.c-iconNav--accent-three .c-iconNav__row .c-iconNav__block a:hover {
  color: #D3AC8B;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c-article--accent-three .c-article__line,
.c-article--accent-three .c-article__context,
.c-article--accent-three .c-article__content,
.c-article--accent-three .c-article__share-list .c-article__share-item {
  border-color: #D3AC8B;
}

.c-article--accent-three .c-article__share-button.js-share__button--open::after {
  background-color: #D3AC8B;
}

/**
 * color = white for dark bgs with text.
 * as text is white, font-smooting is required.
 */
.c-accordion--accent-three .c-accordion__button.js-accordion__button--open,
.c-article--accent-three .c-article__header,
.c-article--accent-three .c-article__share-button.js-share__button--open::after,
.c-blurb--full.c-blurb--accent-three,
.c-blurb--full.c-blurb--accent-three .c-blurb__link,
.c-blurb--stats.c-blurb--accent-three,
.c-blurb--stats.c-blurb--accent-three .c-blurb__link,
.c-cta__block--accent-three,
.c-chicklet--accent-three,
.c-chicklet--accent-three .c-chicklet__text:hover,
.c-chicklet__card--accent-three,
.c-chicklet__card--accent-three .c-chicklet__text:hover,
.c-results--categories .c-results__category--accent-three,
.c-sidekick__card--accent-three,
.c-sidekick--accent-three .c-sidekick__card {
  color: #FFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 992px) {
  .c-article--accent-three .c-article__share-icon {
    color: #FFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
/**
 * background-color = white for divs and spans
 * that require white bg on dark bgs.
 */
.c-accordion--accent-three .c-accordion__button.js-accordion__button--open::after,
.c-accordion--minimal.c-accordion--accent-three .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--accent-three .c-accordion__button.js-accordion__button--open::before {
  background-color: #FFF;
}

/*------------------------------------*\
  #MODIFIER-STYLES-ACCENT-FOUR
  #all accent-four modifier styles
  #except buttons.
\*------------------------------------*/
/**
 * color = accent-four.
 */
.c-blockquote--accent-four::before,
.c-blockquote--accent-four::after,
.c-blurb--accent-four .c-blurb__icon,
.c-chicklet__card--accent-four,
.c-chicklet--accent-four,
.c-highlight--accent-four .c-highlight__icon,
.c-highlight__block--accent-four .c-highlight__icon,
.c-list--accent-four .c-list--steps__item::before,
.c-posts--accent-four .u-line,
.c-sec-head__con--accent-four .c-sec-head__icon,
.c-iconNav.c-iconNav--accent-four .c-iconNav__row .c-iconNav__block a {
  color: #D3AC8B;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
 * background-color = accent-four.
 */
.c-accordion--accent-four .c-accordion__button.js-accordion__button--open,
.c-article--accent-four .c-article__header,
.c-blurb--full.c-blurb--accent-four,
.c-blurb--stats.c-blurb--accent-four,
.c-btn--dropdown-alt.c-btn--accent-four::after,
.c-cta__block--accent-four,
.c-chicklet--accent-four,
.c-chicklet--accent-four .c-chicklet__text:hover,
.c-chicklet__card--accent-four,
.c-chicklet__card--accent-four .c-chicklet__text:hover,
.c-filter--accent-four .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--accent-four .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--accent-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--accent-four .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--accent-four .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--accent-four .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--accent-four .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--accent-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--accent-four .c-form__input--checkbox:checked + .c-form__label--checkbox:before,
.c-form__con--accent-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--accent-four .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--accent-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--accent-four .c-form__input--checkbox:checked + .c-form__label--checkbox:before,
.c-posts--accent-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox:after,
.c-posts--accent-four .c-form__input--radio:checked + .c-form__label--radio::before,
.c-results--categories .c-results__category--accent-four,
.c-sidekick--accent-four .c-sidekick__card,
.c-sidekick__card--accent-four,
.c-timeline.c-timeline--accent-four > li > .c-timeline__badge {
  background-color: #D3AC8B;
}

/**
 * border-color = accent-four.
 */
.c-accordion--accent-four .c-accordion__button,
.c-blockquote--accent-four,
.c-blockquote--accent-four::before,
.c-blockquote--accent-four::after,
.c-blockquote--accent-four .c-blockquote--bio__author::before,
.c-btn--dropdown.c-btn--accent-four,
.c-btn--dropdown-alt.c-btn--accent-four,
.c-btn-group--accent-four .c-btn,
.c-calendar--accent-four,
.c-events--accent-four .c-events__sec-head,
.c-events--accent-four .u-line,
.c-filter--accent-four,
.c-filter--accent-four .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--accent-four .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--accent-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-filter--accent-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--accent-four .c-form__input,
.c-form--accent-four .c-form__btn,
.c-form--accent-four .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--accent-four .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--accent-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form--accent-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--accent-four .c-form__input,
.c-form__con--accent-four .c-form__btn,
.c-form__con--accent-four .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--accent-four .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__con--accent-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__con--accent-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--accent-four .c-form__input,
.c-form__fieldset--accent-four .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--accent-four .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--accent-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__fieldset--accent-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-list--accent-four .c-list--steps__item,
.c-posts--accent-four .c-btn,
.c-posts--accent-four .c-calendar,
.c-posts--accent-four .c-divider,
.c-posts--accent-four .c-filter,
.c-posts--accent-four .c-form__input,
.c-posts--accent-four .c-form__input--checkbox:checked + .c-form__label--checkbox:before,
.c-posts--accent-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox:before,
.c-posts--accent-four .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox:after,
.c-posts--accent-four .c-form__input--radio:checked + .c-form__label--radio::before,
.c-posts--accent-four .c-sec-head,
.c-posts--accent-four .c-posts__sec-head,
.c-posts--accent-four .c-form__btn,
.c-posts--accent-four .c-posts__row,
.c-posts--accent-four .c-posts__article .c-posts__card,
.c-posts--accent-four .c-posts__divider,
.c-posts--accent-four .c-posts__article,
.c-posts--accent-four .c-posts__row .c-posts__article:nth-child(2),
.c-posts--accent-four .c-posts__row .c-posts__article:nth-child(3),
.c-posts--accent-four .c-posts__row .c-posts__article:nth-child(4),
.c-posts--accent-four .c-posts__row .c-posts__article:nth-child(5),
.c-posts--accent-four .c-posts__row .c-posts__article:nth-child(6),
.c-posts--accent-four .c-posts__article:nth-of-type(even) .c-posts__card,
.c-posts--accent-four .c-posts__results .c-card,
.c-posts--accent-four .c-posts__results .c-table__con,
.c-posts--accent-four .c-posts__results .c-table__con .c-table__th,
.c-posts--accent-four .c-profiles--dir,
.c-posts--accent-four .c-profiles__row,
.c-posts--accent-four .c-profiles__profile-con,
.c-prefooter--accent-four,
.c-profiles--accent-four,
.c-profiles--accent-four .c-profiles__row,
.c-profiles--accent-four .c-profiles__profile-con,
.c-results--accent-four .c-results__link,
.c-results--accent-four .c-results__key,
.c-results--accent-four .c-results__hr,
.c-results--accent-four .c-hr,
.c-sec-head__con--accent-four,
.c-sec-head--accent-four,
.c-table--accent-four .c-table__th,
.c-title--accent-four .c-title__sec-head {
  border-color: #D3AC8B;
}

/**
 * color = accent-four-highlight color to
 * highlight icons on accent-four bgs.
 */
.c-blurb--full.c-blurb--accent-four .c-blurb__icon,
.c-blurb--stats.c-blurb--accent-four .c-blurb__icon,
.c-chicklet--accent-four .u-line,
.c-chicklet .c-chicklet__card--accent-four .u-line,
.c-iconNav.c-iconNav--accent-four .c-iconNav__row .c-iconNav__block a:hover {
  color: #FFCB9F;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c-article--accent-four .c-article__line,
.c-article--accent-four .c-article__context,
.c-article--accent-four .c-article__content,
.c-article--accent-four .c-article__share-list .c-article__share-item {
  border-color: #FFCB9F;
}

.c-article--accent-four .c-article__share-button.js-share__button--open::after {
  background-color: #FFCB9F;
}

/**
 * color = dark for light bgs with text.
 * as text is dark, font-smooting is not required.
 */
.c-accordion--accent-four .c-accordion__button,
.c-accordion--accent-four .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--accent-four .c-accordion__button.js-accordion__button--open,
.c-article--accent-four .c-article__share-icon,
.c-article--accent-four .c-article__header,
.c-article--accent-four .c-article__share-button.js-share__button--open::after,
.c-blurb--bio.c-blurb--accent-four .c-blurb__title,
.c-blurb--full.c-blurb--accent-four,
.c-blurb--full.c-blurb--accent-four .c-blurb__link,
.c-blurb--stats.c-blurb--accent-four,
.c-blurb--stats.c-blurb--accent-four .c-blurb__link,
.c-btn-group--accent-four .c-btn,
.c-calendar--accent-four .c-calendar__icon,
.c-card--accent-four .c-card__title,
.c-card__card--accent-four .c-card__title,
.c-cta__block--accent-four,
.c-chicklet--accent-four,
.c-chicklet--accent-four .c-chicklet__text:hover,
.c-chicklet__card--accent-four,
.c-chicklet__card--accent-four .c-chicklet__text:hover,
.c-posts--accent-four .c-btn,
.c-posts--accent-four .c-calendar .c-calendar__icon,
.c-results--categories .c-results__category--accent-four,
.c-sidekick__card--accent-four,
.c-sidekick--accent-four .c-sidekick__card {
  color: #49251D;
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial;
}

/**
 * background-color = dark colour for divs and spans
 * that require dark bg on mid bgs.
 */
.c-accordion--accent-four .c-accordion__button::before,
.c-accordion--accent-four .c-accordion__button::after,
.c-accordion--minimal.c-accordion--accent-four .c-accordion__button.js-accordion__button--open::after,
.c-accordion--accent-four .c-accordion__button.js-accordion__button--open::after,
.c-form--accent-four .c-form__input--radio:checked + .c-form__label--radio::after,
.c-posts--accent-four .c-form__input--radio:checked + .c-form__label--radio::after {
  background-color: #49251D;
}

/**
 * background-color = white colour for divs and spans
 * that require dark on light bgs.
 */
.c-accordion--minimal.c-accordion--accent-four .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--accent-four .c-accordion__button.js-accordion__button--open::before {
  background-color: #FFF;
}

/*------------------------------------*\
  #MODIFIER-STYLES-NEUTRAL-ONE
  #all neutral-one modifier styles
  #except buttons.
\*------------------------------------*/
/**
 * color = neutral-one.
 */
.c-blockquote--neutral-one::before,
.c-blockquote--neutral-one::after,
.c-blurb--neutral-one .c-blurb__icon,
.c-chicklet__card--neutral-one,
.c-chicklet--neutral-one,
.c-highlight--neutral-one .c-highlight__icon,
.c-highlight__block--neutral-one .c-highlight__icon,
.c-list--neutral-one .c-list--steps__item::before,
.c-posts--neutral-one .u-line,
.c-sec-head__con--neutral-one .c-sec-head__icon,
.c-iconNav.c-iconNav--neutral-one .c-iconNav__row .c-iconNav__block a {
  color: #C7C8CA;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
 * background-color = neutral-one.
 */
.c-accordion--neutral-one .c-accordion__button.js-accordion__button--open,
.c-article--neutral-one .c-article__header,
.c-blurb--full.c-blurb--neutral-one,
.c-blurb--stats.c-blurb--neutral-one,
.c-btn--dropdown-alt.c-btn--neutral-one::after,
.c-cta__block--neutral-one,
.c-chicklet--neutral-one,
.c-chicklet--neutral-one .c-chicklet__text:hover,
.c-chicklet__card--neutral-one,
.c-chicklet__card--neutral-one .c-chicklet__text:hover,
.c-filter--neutral-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--neutral-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--neutral-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--neutral-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--neutral-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--neutral-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--neutral-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--neutral-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--neutral-one .c-form__input--checkbox:checked + .c-form__label--checkbox:before,
.c-form__con--neutral-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--neutral-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--neutral-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--neutral-one .c-form__input--checkbox:checked + .c-form__label--checkbox:before,
.c-posts--neutral-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox:after,
.c-posts--neutral-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-results--categories .c-results__category--neutral-one,
.c-sidekick--neutral-one .c-sidekick__card,
.c-sidekick__card--neutral-one,
.c-timeline.c-timeline--neutral-one > li > .c-timeline__badge {
  background-color: #C7C8CA;
}

/**
 * border-color = neutral-one.
 */
.c-accordion--neutral-one .c-accordion__button,
.c-blockquote--neutral-one,
.c-blockquote--neutral-one::before,
.c-blockquote--neutral-one::after,
.c-blockquote--neutral-one .c-blockquote--bio__author::before,
.c-btn--dropdown.c-btn--neutral-one,
.c-btn--dropdown-alt.c-btn--neutral-one,
.c-btn-group--neutral-one .c-btn,
.c-calendar--neutral-one,
.c-events--neutral-one .c-events__sec-head,
.c-events--neutral-one .u-line,
.c-filter--neutral-one,
.c-filter--neutral-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--neutral-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--neutral-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-filter--neutral-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--neutral-one .c-form__input,
.c-form--neutral-one .c-form__btn,
.c-form--neutral-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--neutral-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--neutral-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form--neutral-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--neutral-one .c-form__input,
.c-form__con--neutral-one .c-form__btn,
.c-form__con--neutral-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--neutral-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__con--neutral-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__con--neutral-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--neutral-one .c-form__input,
.c-form__fieldset--neutral-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--neutral-one .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--neutral-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__fieldset--neutral-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-list--neutral-one .c-list--steps__item,
.c-posts--neutral-one .c-btn,
.c-posts--neutral-one .c-calendar,
.c-posts--neutral-one .c-divider,
.c-posts--neutral-one .c-filter,
.c-posts--neutral-one .c-form__input--checkbox:checked + .c-form__label--checkbox:before,
.c-posts--neutral-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox:before,
.c-posts--neutral-one .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox:after,
.c-posts--neutral-one .c-form__input--radio:checked + .c-form__label--radio::before,
.c-posts--neutral-one .c-sec-head,
.c-posts--neutral-one .c-posts__sec-head,
.c-posts--neutral-one .c-form__btn,
.c-posts--neutral-one .c-posts__row,
.c-posts--neutral-one .c-posts__article .c-posts__card,
.c-posts--neutral-one .c-posts__divider,
.c-posts--neutral-one .c-posts__article,
.c-posts--neutral-one .c-posts__row .c-posts__article:nth-child(2),
.c-posts--neutral-one .c-posts__row .c-posts__article:nth-child(3),
.c-posts--neutral-one .c-posts__row .c-posts__article:nth-child(4),
.c-posts--neutral-one .c-posts__row .c-posts__article:nth-child(5),
.c-posts--neutral-one .c-posts__row .c-posts__article:nth-child(6),
.c-posts--neutral-one .c-posts__article:nth-of-type(even) .c-posts__card,
.c-posts--neutral-one .c-posts__results .c-card,
.c-posts--neutral-one .c-posts__results .c-table__con,
.c-posts--neutral-one .c-posts__results .c-table__con .c-table__th,
.c-posts--neutral-one .c-profiles--dir,
.c-posts--neutral-one .c-profiles__row,
.c-posts--neutral-one .c-profiles__profile-con,
.c-prefooter--neutral-one,
.c-profiles--neutral-one,
.c-profiles--neutral-one .c-profiles__row,
.c-profiles--neutral-one .c-profiles__profile-con,
.c-results--neutral-one .c-results__link,
.c-results--neutral-one .c-results__key,
.c-results--neutral-one .c-results__hr,
.c-results--neutral-one .c-hr,
.c-sec-head__con--neutral-one,
.c-sec-head--neutral-one,
.c-table--neutral-one .c-table__th,
.c-title--neutral-one .c-title__sec-head {
  border-color: #C7C8CA;
}

/**
 * color = neutral-one-highlight color to
 * highlight icons on neutral-one bgs.
 */
.c-blurb--full.c-blurb--neutral-one .c-blurb__icon,
.c-blurb--stats.c-blurb--neutral-one .c-blurb__icon,
.c-chicklet--neutral-one .u-line,
.c-chicklet .c-chicklet__card--neutral-one .u-line,
.c-iconNav.c-iconNav--neutral-one .c-iconNav__row .c-iconNav__block a:hover {
  color: #E6E4E0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
 * color = dark for light bgs with text.
 * as text is dark, font-smooting is not required.
 */
.c-accordion--neutral-one .c-accordion__button,
.c-accordion--neutral-one .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--neutral-one .c-accordion__button.js-accordion__button--open,
.c-article--neutral-one .c-article__share-icon,
.c-article--neutral-one .c-article__header,
.c-article--neutral-one .c-article__share-button.js-share__button--open::after,
.c-blurb--bio.c-blurb--neutral-one .c-blurb__title,
.c-blurb--full.c-blurb--neutral-one,
.c-blurb--full.c-blurb--neutral-one .c-blurb__link,
.c-blurb--stats.c-blurb--neutral-one,
.c-blurb--stats.c-blurb--neutral-one .c-blurb__link,
.c-btn-group--neutral-one .c-btn,
.c-calendar--neutral-one .c-calendar__icon,
.c-card--neutral-one .c-card__title,
.c-card__card--neutral-one .c-card__title,
.c-cta__block--neutral-one,
.c-chicklet--neutral-one,
.c-chicklet--neutral-one .c-chicklet__text:hover,
.c-chicklet__card--neutral-one,
.c-chicklet__card--neutral-one .c-chicklet__text:hover,
.c-posts--neutral-one .c-btn,
.c-posts--neutral-one .c-calendar .c-calendar__icon,
.c-results--categories .c-results__category--neutral-one,
.c-sidekick__card--neutral-one,
.c-sidekick--neutral-one .c-sidekick__card {
  color: #49251D;
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial;
}

.c-article--neutral-one .c-article__line,
.c-article--neutral-one .c-article__context,
.c-article--neutral-one .c-article__content,
.c-article--neutral-one .c-article__share-list .c-article__share-item {
  border-color: #E6E4E0;
}

.c-article--neutral-one .c-article__share-button.js-share__button--open::after {
  background-color: #E6E4E0;
}

/**
 * background-color = dark colour for divs and spans
 * that require dark bg on mid bgs.
 */
.c-accordion--neutral-one .c-accordion__button::before,
.c-accordion--neutral-one .c-accordion__button::after,
.c-accordion--minimal.c-accordion--neutral-one .c-accordion__button.js-accordion__button--open::after,
.c-accordion--neutral-one .c-accordion__button.js-accordion__button--open::after,
.c-form--neutral-one .c-form__input--radio:checked + .c-form__label--radio::after,
.c-posts--neutral-one .c-form__input--radio:checked + .c-form__label--radio::after {
  background-color: #49251D;
}

/**
 * background-color = white colour for divs and spans
 * that require dark on light bgs.
 */
.c-accordion--minimal.c-accordion--neutral-one .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--neutral-one .c-accordion__button.js-accordion__button--open::before {
  background-color: #FFF;
}

/*------------------------------------*\
  #MODIFIER-STYLES-NEUTRAL-TWO
  #all neutral-two modifier styles
  #except buttons.
\*------------------------------------*/
/**
 * color = neutral-two.
 */
.c-accordion--neutral-two .c-accordion__button,
.c-accordion--minimal.c-accordion--neutral-two .c-accordion__button.js-accordion__button--open,
.c-blockquote--neutral-two::before,
.c-blockquote--neutral-two::after,
.c-blurb--neutral-two .c-blurb__icon,
.c-blurb--bio.c-blurb--neutral-two .c-blurb__title,
.c-btn-group--neutral-two .c-btn,
.c-calendar--neutral-two .c-calendar__icon,
.c-card--neutral-two .c-card__title,
.c-card__card--neutral-two .c-card__title,
.c-chicklet__card--neutral-two,
.c-chicklet--neutral-two,
.c-highlight--neutral-two .c-highlight__icon,
.c-highlight__block--neutral-two .c-highlight__icon,
.c-list--neutral-two .c-list--steps__item::before,
.c-posts--neutral-two .c-calendar .c-calendar__icon,
.c-posts--neutral-two .u-line,
.c-sec-head__con--neutral-two .c-sec-head__icon,
.c-iconNav.c-iconNav--neutral-two .c-iconNav__row .c-iconNav__block a {
  color: #6D6E71;
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial;
}

/**
 * background-color = neutral-two.
 */
.c-accordion--neutral-two .c-accordion__button::before,
.c-accordion--neutral-two .c-accordion__button::after,
.c-accordion--neutral-two .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--neutral-two .c-accordion__button.js-accordion__button--open::after,
.c-article--neutral-two .c-article__header,
.c-blurb--full.c-blurb--neutral-two,
.c-blurb--stats.c-blurb--neutral-two,
.c-btn--dropdown-alt.c-btn--neutral-two::after,
.c-cta__block--neutral-two,
.c-chicklet--neutral-two,
.c-chicklet--neutral-two .c-chicklet__text:hover,
.c-chicklet__card--neutral-two,
.c-chicklet__card--neutral-two .c-chicklet__text:hover,
.c-filter--neutral-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--neutral-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--neutral-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--neutral-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--neutral-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--neutral-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--neutral-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--neutral-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--neutral-two .c-form__input--checkbox:checked + .c-form__label--checkbox:before,
.c-form__con--neutral-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--neutral-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--neutral-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--neutral-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-posts--neutral-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--neutral-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-results--categories .c-results__category--neutral-two,
.c-sidekick--neutral-two .c-sidekick__card,
.c-sidekick__card--neutral-two,
.c-timeline.c-timeline--neutral-two > li > .c-timeline__badge {
  background-color: #6D6E71;
}

/**
 * border-color = neutral-two.
 */
.c-accordion--neutral-two .c-accordion__button,
.c-blockquote--neutral-two,
.c-blockquote--neutral-two::before,
.c-blockquote--neutral-two::after,
.c-blockquote--neutral-two .c-blockquote--bio__author::before,
.c-btn--dropdown.c-btn--neutral-two,
.c-btn--dropdown-alt.c-btn--neutral-two,
.c-btn-group--neutral-two .c-btn,
.c-calendar--neutral-two,
.c-events--neutral-two .c-events__sec-head,
.c-events--neutral-two .u-line,
.c-filter--neutral-two,
.c-filter--neutral-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--neutral-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--neutral-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-filter--neutral-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--neutral-two .c-form__input,
.c-form--neutral-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--neutral-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--neutral-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form--neutral-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--neutral-two .c-form__btn,
.c-form__con--neutral-two .c-form__input,
.c-form__con--neutral-two .c-form__btn,
.c-form__con--neutral-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--neutral-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__con--neutral-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__con--neutral-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--neutral-two .c-form__input,
.c-form__fieldset--neutral-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--neutral-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--neutral-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__fieldset--neutral-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-list--neutral-two .c-list--steps__item,
.c-posts--neutral-two .c-btn,
.c-posts--neutral-two .c-calendar,
.c-posts--neutral-two .c-divider,
.c-posts--neutral-two .c-filter,
.c-posts--neutral-two .c-form__input,
.c-posts--neutral-two .c-form__btn,
.c-posts--neutral-two .c-posts__row,
.c-posts--neutral-two .c-posts__article .c-posts__card,
.c-posts--neutral-two .c-posts__divider,
.c-posts--neutral-two .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-posts--neutral-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-posts--neutral-two .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--neutral-two .c-form__input--radio:checked + .c-form__label--radio::before,
.c-posts--neutral-two .c-sec-head,
.c-posts--neutral-two .c-posts__sec-head,
.c-posts--neutral-two .c-posts__article,
.c-posts--neutral-two .c-posts__row .c-posts__article:nth-child(2),
.c-posts--neutral-two .c-posts__row .c-posts__article:nth-child(3),
.c-posts--neutral-two .c-posts__row .c-posts__article:nth-child(4),
.c-posts--neutral-two .c-posts__row .c-posts__article:nth-child(5),
.c-posts--neutral-two .c-posts__row .c-posts__article:nth-child(6),
.c-posts--neutral-two .c-posts__article:nth-of-type(even) .c-posts__card,
.c-posts--neutral-two .c-posts__results .c-card,
.c-posts--neutral-two .c-posts__results .c-table__con,
.c-posts--neutral-two .c-posts__results .c-table__con .c-table__th,
.c-posts--neutral-two .c-profiles--dir,
.c-posts--neutral-two .c-profiles__row,
.c-posts--neutral-two .c-profiles__profile-con,
.c-prefooter--neutral-two,
.c-profiles--neutral-two,
.c-profiles--neutral-two .c-profiles__row,
.c-profiles--neutral-two .c-profiles__profile-con,
.c-results--neutral-two .c-results__link,
.c-results--neutral-two .c-results__key,
.c-results--neutral-two .c-results__hr,
.c-results--neutral-two .c-hr,
.c-sec-head__con--neutral-two,
.c-sec-head--neutral-two,
.c-table--neutral-two .c-table__th,
.c-title--neutral-two .c-title__sec-head {
  border-color: #6D6E71;
}

/**
 * color = neutral-two-highlight color to
 * highlight icons on neutral-two bgs.
 */
.c-article--neutral-two .c-article__share-icon,
.c-blurb--full.c-blurb--neutral-two .c-blurb__icon,
.c-blurb--stats.c-blurb--neutral-two .c-blurb__icon,
.c-chicklet--neutral-two .u-line,
.c-chicklet .c-chicklet__card--neutral-two .u-line,
.c-iconNav.c-iconNav--neutral-two .c-iconNav__row .c-iconNav__block a:hover {
  color: #ADADAD;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c-article--neutral-two .c-article__line,
.c-article--neutral-two .c-article__context,
.c-article--neutral-two .c-article__content,
.c-article--neutral-two .c-article__share-list .c-article__share-item {
  border-color: #ADADAD;
}

.c-article--neutral-two .c-article__share-button.js-share__button--open::after {
  background-color: #ADADAD;
}

/**
 * color = white for dark bgs with text.
 * as text is white, font-smooting is required.
 */
.c-accordion--neutral-two .c-accordion__button.js-accordion__button--open,
.c-article--neutral-two .c-article__header,
.c-article--neutral-two .c-article__share-button.js-share__button--open::after,
.c-blurb--full.c-blurb--neutral-two,
.c-blurb--full.c-blurb--neutral-two .c-blurb__link,
.c-blurb--stats.c-blurb--neutral-two,
.c-blurb--stats.c-blurb--neutral-two .c-blurb__link,
.c-cta__block--neutral-two,
.c-chicklet--neutral-two,
.c-chicklet--neutral-two .c-chicklet__text:hover,
.c-chicklet__card--neutral-two,
.c-chicklet__card--neutral-two .c-chicklet__text:hover,
.c-results--categories .c-results__category--neutral-two,
.c-sidekick__card--neutral-two,
.c-sidekick--neutral-two .c-sidekick__card {
  color: #FFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 992px) {
  .c-article--neutral-two .c-article__share-icon {
    color: #FFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
/**
 * background-color = white for divs and spans
 * that require white bg on dark bgs.
 */
.c-accordion--neutral-two .c-accordion__button.js-accordion__button--open::after,
.c-accordion--minimal.c-accordion--neutral-two .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--neutral-two .c-accordion__button.js-accordion__button--open::before {
  background-color: #FFF;
}

/*------------------------------------*\
  #MODIFIER-STYLES-NEUTRAL-THREE
  #all neutral-three modifier styles
  #except buttons.
\*------------------------------------*/
/**
 * color = neutral-three.
 */
.c-accordion--neutral-three .c-accordion__button,
.c-accordion--minimal.c-accordion--neutral-three .c-accordion__button.js-accordion__button--open,
.c-blockquote--neutral-three::before,
.c-blockquote--neutral-three::after,
.c-blurb--neutral-three .c-blurb__icon,
.c-blurb--bio.c-blurb--neutral-three .c-blurb__title,
.c-btn-group--neutral-three .c-btn,
.c-calendar--neutral-three .c-calendar__icon,
.c-card--neutral-three .c-card__title,
.c-card__card--neutral-three .c-card__title,
.c-chicklet__card--neutral-three,
.c-chicklet--neutral-three,
.c-highlight--neutral-three .c-highlight__icon,
.c-highlight__block--neutral-three .c-highlight__icon,
.c-list--neutral-three .c-list--steps__item::before,
.c-posts--neutral-three .c-calendar .c-calendar__icon,
.c-posts--neutral-three .u-line,
.c-sec-head__con--neutral-three .c-sec-head__icon,
.c-iconNav.c-iconNav--neutral-three .c-iconNav__row .c-iconNav__block a {
  color: #000;
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial;
}

/**
 * background-color = neutral-three.
 */
.c-accordion--neutral-three .c-accordion__button::before,
.c-accordion--neutral-three .c-accordion__button::after,
.c-accordion--neutral-three .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--neutral-three .c-accordion__button.js-accordion__button--open::after,
.c-article--neutral-three .c-article__header,
.c-blurb--full.c-blurb--neutral-three,
.c-blurb--stats.c-blurb--neutral-three,
.c-btn--dropdown-alt.c-btn--neutral-three::after,
.c-cta__block--neutral-three,
.c-chicklet--neutral-three,
.c-chicklet--neutral-three .c-chicklet__text:hover,
.c-chicklet__card--neutral-three,
.c-chicklet__card--neutral-three .c-chicklet__text:hover,
.c-filter--neutral-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--neutral-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--neutral-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--neutral-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--neutral-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--neutral-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--neutral-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--neutral-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--neutral-three .c-form__input--checkbox:checked + .c-form__label--checkbox:before,
.c-form__con--neutral-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--neutral-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--neutral-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--neutral-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-posts--neutral-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--neutral-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-results--categories .c-results__category--neutral-three,
.c-sidekick--neutral-three .c-sidekick__card,
.c-sidekick__card--neutral-three,
.c-timeline.c-timeline--neutral-three > li > .c-timeline__badge {
  background-color: #000;
}

/**
 * border-color = neutral-three.
 */
.c-accordion--neutral-three .c-accordion__button,
.c-blockquote--neutral-three,
.c-blockquote--neutral-three::before,
.c-blockquote--neutral-three::after,
.c-blockquote--neutral-three .c-blockquote--bio__author::before,
.c-btn--dropdown.c-btn--neutral-three,
.c-btn--dropdown-alt.c-btn--neutral-three,
.c-btn-group--neutral-three .c-btn,
.c-calendar--neutral-three,
.c-events--neutral-three .c-events__sec-head,
.c-events--neutral-three .u-line,
.c-filter--neutral-three,
.c-filter--neutral-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-filter--neutral-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-filter--neutral-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-filter--neutral-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form--neutral-three .c-form__input,
.c-form--neutral-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form--neutral-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form--neutral-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form--neutral-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__con--neutral-three .c-form__input,
.c-form__con--neutral-three .c-form__btn,
.c-form--neutral-three .c-form__btn,
.c-form__con--neutral-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__con--neutral-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__con--neutral-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__con--neutral-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-form__fieldset--neutral-three .c-form__input,
.c-form__fieldset--neutral-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-form__fieldset--neutral-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-form__fieldset--neutral-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-form__fieldset--neutral-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-list--neutral-three .c-list--steps__item,
.c-posts--neutral-three .c-btn,
.c-posts--neutral-three .c-calendar,
.c-posts--neutral-three .c-divider,
.c-posts--neutral-three .c-filter,
.c-posts--neutral-three .c-form__input,
.c-posts--neutral-three .c-form__btn,
.c-posts--neutral-three .c-posts__row,
.c-posts--neutral-three .c-posts__article .c-posts__card,
.c-posts--neutral-three .c-posts__divider,
.c-posts--neutral-three .c-form__input--checkbox:checked + .c-form__label--checkbox::before,
.c-posts--neutral-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::before,
.c-posts--neutral-three .c-form__input--checkbox:not(:checked) + .c-form__label--checkbox::after,
.c-posts--neutral-three .c-form__input--radio:checked + .c-form__label--radio::before,
.c-posts--neutral-three .c-sec-head,
.c-posts--neutral-three .c-posts__sec-head,
.c-posts--neutral-three .c-posts__article,
.c-posts--neutral-three .c-posts__row .c-posts__article:nth-child(2),
.c-posts--neutral-three .c-posts__row .c-posts__article:nth-child(3),
.c-posts--neutral-three .c-posts__row .c-posts__article:nth-child(4),
.c-posts--neutral-three .c-posts__row .c-posts__article:nth-child(5),
.c-posts--neutral-three .c-posts__row .c-posts__article:nth-child(6),
.c-posts--neutral-three .c-posts__article:nth-of-type(even) .c-posts__card,
.c-posts--neutral-three .c-posts__results .c-card,
.c-posts--neutral-three .c-posts__results .c-table__con,
.c-posts--neutral-three .c-posts__results .c-table__con .c-table__th,
.c-posts--neutral-three .c-profiles--dir,
.c-posts--neutral-three .c-profiles__row,
.c-posts--neutral-three .c-profiles__profile-con,
.c-prefooter--neutral-three,
.c-profiles--neutral-three,
.c-profiles--neutral-three .c-profiles__row,
.c-profiles--neutral-three .c-profiles__profile-con,
.c-results--neutral-three .c-results__link,
.c-results--neutral-three .c-results__key,
.c-results--neutral-three .c-results__hr,
.c-results--neutral-three .c-hr,
.c-sec-head__con--neutral-three,
.c-sec-head--neutral-three,
.c-table--neutral-three .c-table__th,
.c-title--neutral-three .c-title__sec-head {
  border-color: #000;
}

/**
 * color = neutral-three-highlight color to
 * highlight icons on neutral-three bgs.
 */
.c-article--neutral-three .c-article__share-icon,
.c-blurb--full.c-blurb--neutral-three .c-blurb__icon,
.c-blurb--stats.c-blurb--neutral-three .c-blurb__icon,
.c-chicklet--neutral-three .u-line,
.c-chicklet .c-chicklet__card--neutral-three .u-line,
.c-iconNav.c-iconNav--neutral-three .c-iconNav__row .c-iconNav__block a:hover {
  color: #6C665E;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c-article--neutral-three .c-article__line,
.c-article--neutral-three .c-article__context,
.c-article--neutral-three .c-article__content,
.c-article--neutral-three .c-article__share-list .c-article__share-item {
  border-color: #6C665E;
}

.c-article--neutral-three .c-article__share-button.js-share__button--open::after {
  background-color: #6C665E;
}

/**
 * color = white for dark bgs with text.
 * as text is white, font-smooting is required.
 */
.c-accordion--neutral-three .c-accordion__button.js-accordion__button--open,
.c-article--neutral-three .c-article__header,
.c-article--neutral-three .c-article__share-button.js-share__button--open::after,
.c-blurb--full.c-blurb--neutral-three,
.c-blurb--full.c-blurb--neutral-three .c-blurb__link,
.c-blurb--stats.c-blurb--neutral-three,
.c-blurb--stats.c-blurb--neutral-three .c-blurb__link,
.c-cta__block--neutral-three,
.c-chicklet--neutral-three,
.c-chicklet--neutral-three .c-chicklet__text:hover,
.c-chicklet__card--neutral-three,
.c-chicklet__card--neutral-three .c-chicklet__text:hover,
.c-results--categories .c-results__category--neutral-three,
.c-sidekick__card--neutral-three,
.c-sidekick--neutral-three .c-sidekick__card {
  color: #FFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 992px) {
  .c-article--neutral-three .c-article__share-icon {
    color: #FFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
/**
 * background-color = white for divs and spans
 * that require white bg on dark bgs.
 */
.c-accordion--neutral-three .c-accordion__button.js-accordion__button--open::after,
.c-accordion--minimal.c-accordion--neutral-three .c-accordion__button.js-accordion__button--open,
.c-accordion--minimal.c-accordion--neutral-three .c-accordion__button.js-accordion__button--open::before {
  background-color: #FFF;
}

/*------------------------------------*\
  #MODIFIER-STYLES-WHITE
  #all white modifier styles
  #except buttons.
\*------------------------------------*/
/**
 * color = inherit.
 */
.c-sidekick--white .c-sidekick__card,
.c-sidekick__card--white {
  color: inherit;
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial;
}

/**
 * color = primary-one.

.c-sidekick--white .c-sidekick__card .c-sidekick__title,
.c-sidekick__card--white .c-sidekick__title {
  color: $color--primary-one;
  -webkit-font-smoothing: initial;
    -moz-osx-font-smoothing: initial;
}

*/
/**
 * background-color = white.
 */
.c-sidekick--white .c-sidekick__card,
.c-sidekick__card--white {
  background-color: #FFF;
}

/*------------------------------------*\
  #MODIFIER-STYLES-ALL
  #applicable to all modifier styles
  #except buttons.
\*------------------------------------*/
/**
 * color inherit and text-dec.
 */
.c-chicklet--primary-one .c-chicklet__link,
.c-chicklet__card--primary-one .c-chicklet__link,
.c-chicklet--primary-two .c-chicklet__link,
.c-chicklet__card--primary-two .c-chicklet__link,
.c-chicklet--secondary-one .c-chicklet__link,
.c-chicklet__card--secondary-one .c-chicklet__link,
.c-chicklet--secondary-two .c-chicklet__link,
.c-chicklet__card--secondary-two .c-chicklet__link,
.c-chicklet--secondary-three .c-chicklet__link,
.c-chicklet__card--secondary-three .c-chicklet__link,
.c-chicklet--secondary-four .c-chicklet__link,
.c-chicklet__card--secondary-four .c-chicklet__link,
.c-chicklet--accent-one .c-chicklet__link,
.c-chicklet__card--accent-one .c-chicklet__link,
.c-chicklet--accent-two .c-chicklet__link,
.c-chicklet__card--accent-two .c-chicklet__link,
.c-chicklet--accent-three .c-chicklet__link,
.c-chicklet__card--accent-three .c-chicklet__link,
.c-chicklet--accent-four .c-chicklet__link,
.c-chicklet__card--accent-four .c-chicklet__link,
.c-chicklet--neutral-one .c-chicklet__link,
.c-chicklet__card--neutral-one .c-chicklet__link,
.c-chicklet--neutral-two .c-chicklet__link,
.c-chicklet__card--neutral-two .c-chicklet__link,
.c-chicklet--neutral-three .c-chicklet__link,
.c-chicklet__card--neutral-three .c-chicklet__link {
  color: inherit;
  text-decoration: underline;
}

/*------------------------------------*\
  #GENERIC
\*------------------------------------*/
/*------------------------------------*\
****************************************

  IS-HAS-STYLES

  * use this css file to add is- and has-
  * css when needed. do not use for any
  * other purpose.

  use 'is-' or 'has-' namespace for is
  or has classes.

  Signify that the piece of UI in question is
  currently styled a certain way because of a
  state or condition. it tells us that the dom
  currently has a temporary, optional, or
  short-lived style applied to it due to a certain
  state being invoked.

  developed by the dev team, libraries 
  and cultural resources, university of
  calgary 2020.

****************************************
\*------------------------------------*/
/*------------------------------------*\
  #FIND-A-PLACE-FOR-THESE-JS-SPECIFIC-STYLES
\*------------------------------------*/
/**
 * js-alert__content--open styles.
 */
.js-alert__content--open,
.js-toolbox__content--open {
  max-height: 1000px;
  opacity: 1;
}

/**
 * remove and display content styles.
 */
.js-share__content,
.js-main-menu__content,
.js-dropdown__content {
  display: none;
}

.js-share__content--open,
.js-main-menu__content--open,
.js-dropdown__content--open {
  display: block;
  -webkit-animation: fade 0.25s ease-in-out;
  animation: fade 0.25s ease-in-out;
}

.js-main-menu__content--open {
  position: relative;
  top: 7px;
  padding-top: 0.225px;
}

@media only screen and (min-width: 992px) {
  .js-main-menu__content--open {
    position: relative;
    top: unset;
    padding-top: unset;
  }
}
@media only screen and (min-width: 992px) {
  .js-main-menu__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
/**
 * is added to c-header__main-nav-list-two with js
 * on click of a list with a dropdown menu.
 */
/*
.js-nav-dropdown--open {
  max-height: 1000px;
}

.js-nav-dropdown--close {
  max-height: 0;
}
*/
/**
 * is added to c-header__row-nav with js on scroll.
 */
.js-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  height: 80px;
}

@media only screen and (min-width: 992px) {
  .js-sticky {
    height: unset;
  }
}
/*------------------------------------*\
  #IS-STYLES
\*------------------------------------*/
/**
 * is style.
 */
/*------------------------------------*\
  #HAS-STYLES
\*------------------------------------*/
/**
 * has styles for submenu content in main nav.
 */
.has-menu {
  z-index: 1;
}

.has-submenu ul {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
  width: 100%;
  margin-left: 0;
  background-color: #FFF;
  overflow-x: hidden;
  z-index: 2;
  /*
  -webkit-animation: flyaway .2s ease-in-out;
    animation: flyaway .2s ease-in-out;
  -webkit-box-shadow: 0 15px 15px rgba(0,0,0,0.175);
    box-shadow: 0 15px 15px rgba(0,0,0,0.175);
  */
}

.has-submenu--active > ul:first-of-type {
  visibility: visible;
  /*
  -webkit-animation: flyin .2s ease-in-out;
    animation: flyin .2s ease-in-out;
  z-index: 3;
  */
}

/*
.has-submenu ul {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
    -ms-flex-direction: column;
      flex-direction: column;
  min-height: 100%;
  width: 100%;
  margin-left: 0;
  background-color: #FFF;
  overflow-x: hidden;

  -webkit-box-shadow: 0 15px 15px rgba(0,0,0,0.175);
    box-shadow: 0 15px 15px rgba(0,0,0,0.175);

    -webkit-transform: perspective(350px) rotateX(-90deg);
  transform: perspective(350px) rotateX(-90deg);
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;

    animation: flipperUp 0.7s;
    animation-fill-mode: forwards;
    -webkit-animation: flipperUp 0.7s;
    -webkit-animation-fill-mode: forwards;
}

.has-submenu--active > ul:first-of-type {
  visibility: visible;
  background-color: #FFF;


 animation: flipper 0.7s;
    animation-fill-mode: forwards;
    -webkit-animation: flipper 0.7s;
    -webkit-animation-fill-mode: forwards;

}
*/
@media (min-width: 992px) {
  .has-submenu ul {
    position: relative;
    top: unset;
    left: unset;
    visibility: visible;
    min-height: auto;
    margin-left: 15px;
    overflow-x: unset;
  }
}
.is-not-animated {
  -webkit-animation: none;
  animation: none;
}

/**
 * has-submenu styles for c-header__toolbox submenu
 * dropdown content.
 */
.c-header__toolbox .has-submenu ul {
  display: none;
  position: fixed;
  padding: 15px;
}

.c-header__toolbox .has-submenu--active > ul:first-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #A6192E;
  -webkit-transition: left 0.3s;
  -o-transition: left 0.3s;
  transition: left 0.3s;
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-animation: flyout 0.2s ease-out;
  animation: flyout 0.2s ease-out;
}

@media only screen and (min-width: 992px) {
  .c-header__toolbox .has-submenu--active > ul:first-of-type {
    position: absolute;
    right: -15px;
    left: auto;
    min-width: 290px;
    margin-top: 5px;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-animation: fade 0.25s ease-in-out;
    animation: fade 0.25s ease-in-out;
  }
}
.c-header__toolbox .has-submenu--active > ul li {
  list-style-type: none;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
}

.c-header__toolbox .has-submenu--active > ul li:not(:first-child):not(:last-child) {
  border-bottom: 1px solid #D38C97;
}

.c-header__toolbox .has-submenu--active > ul li:first-child {
  position: relative;
  padding-top: 12px;
}

.c-header__toolbox .has-submenu--active > ul li:first-child::after {
  content: "\f053"; /* right arrow icon. */
  position: absolute;
  right: 3px;
  top: 0;
  font-family: "Font Awesome 6 Pro";
  font-size: 12px;
  font-weight: bold;
}

.c-header__toolbox .has-submenu--active > ul li a,
.c-header__toolbox .has-submenu--active > ul li a:link {
  display: block;
  width: 100%;
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width: 992px) {
  .c-header__toolbox .has-submenu--active > ul li:first-child {
    display: none;
  }
  .c-header__toolbox .has-submenu--active > ul li a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .c-header__toolbox .has-submenu--active > ul li:nth-child(2) a {
    padding-top: 0;
  }
  .c-header__toolbox .has-submenu--active > ul li:last-child a {
    padding-bottom: 0;
  }
}
/*------------------------------------*\
****************************************

  QA-STYLES

  * use this css file to add qa css when
  * needed. do not use for any other purpose.

  use 'qa-' namespace for qa classes.

  signify that a qa or test engineering team is
  running an automated ui test which needs to
  find or bind onto these parts of the dom. like
  the javascript namespace, this basically just
  reserves hooks in the dom for non-css purposes.

  developed by the dev team, libraries 
  and cultural resources, university of
  calgary 2020.

****************************************
\*------------------------------------*/
/*------------------------------------*\
  #ADD-SECTION-HEADER-HERE
\*------------------------------------*/
/**
 * use this comment to add specific css
 * comments to a block of css.
 */
.img-magnifier-container {
  position: relative;
}

.img-magnifier-glass {
  position: absolute;
  border: 3px solid #000;
  border-radius: 50%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 100px;
  height: 100px;
}

/*------------------------------------*\
  #TEMPLATES
\*------------------------------------*/
/*------------------------------------*\
****************************************

  PAGES-STYLES
  * use this css file to add theme css when
  * needed. do not use for any other purpose.
  this is for custom pages that require special
  styles that will only apply to particular pages.
  developed by the dev team, libraries 
  and cultural resources, university of
  calgary 2020.
****************************************
\*------------------------------------*/

/*# sourceMappingURL=styles.css.map */
