/*----------------------------------------------*\
    GLOBAL
	======

	@package odyssey

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package odyssey

\*----------------------------------------------*/
/* 
 *
 * / Variables
------------------------------------------------*/
/* Colors */
/* Breakpoints */
/* 400px */
/* 500px */
/* 600px */
/* 672px */
/* 848px */
/* 900px */
/* 1100px */
/* 1400px */
/* Fonts */
/* Max widths */
/* 
 *
 * / Mixins
------------------------------------------------*/
/* 
 *
 * 1./  
------------------------------------------------*/
/* line 17, ../src/global.scss */
body {
  font-family: canada-type-gibson, sans-serif; }

/* line 20, ../src/global.scss */
.typography {
  font-size: 1rem; }
  @media screen and (min-width: 42em) {
    /* line 20, ../src/global.scss */
    .typography {
      font-size: 1.25rem; } }
  @media screen and (min-width: 53em) {
    /* line 20, ../src/global.scss */
    .typography {
      font-size: 1.3rem; } }
  @media screen and (min-width: 68.75em) {
    /* line 20, ../src/global.scss */
    .typography {
      font-size: 1.25rem; } }
  /* line 32, ../src/global.scss */
  .typography p {
    margin-bottom: 1em;
    line-height: 1.4; }
    /* line 36, ../src/global.scss */
    .typography p a {
      text-decoration: none;
      border-bottom: 2px solid #2B7EDC;
      color: #031F66;
      transition: border-color 0.3s ease, border-size 0.3s ease, background-color 0.3s ease; }
      /* line 42, ../src/global.scss */
      .typography p a:hover, .typography p a:focus {
        border-bottom: 3px solid #2B7EDC;
        background-color: #E6EDF4; }
  /* line 49, ../src/global.scss */
  .typography ul {
    margin-bottom: 1em;
    line-height: 1.4;
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 1em;
    margin-top: 0.25em; }
    /* line 57, ../src/global.scss */
    .typography ul li {
      margin-bottom: 0.5em; }
  /* line 62, ../src/global.scss */
  .typography .heading,
  .typography h2 {
    color: #2B7EDC;
    font-weight: 600;
    margin-bottom: 1rem;
    font-size: 1.35em; }
    @media screen and (min-width: 42em) {
      /* line 62, ../src/global.scss */
      .typography .heading,
      .typography h2 {
        font-size: 1.5em; } }
    @media screen and (min-width: 53em) {
      /* line 62, ../src/global.scss */
      .typography .heading,
      .typography h2 {
        font-size: 1.75em; } }
    @media screen and (min-width: 68.75em) {
      /* line 62, ../src/global.scss */
      .typography .heading,
      .typography h2 {
        font-size: 2em; } }
    /* line 79, ../src/global.scss */
    .typography .heading a,
    .typography h2 a {
      text-decoration: none;
      color: #2B7EDC;
      transition: color 0.3s ease; }
      /* line 84, ../src/global.scss */
      .typography .heading a:hover, .typography .heading a:focus,
      .typography h2 a:hover,
      .typography h2 a:focus {
        color: #031F66; }
  /* line 90, ../src/global.scss */
  .typography .heading--blog {
    margin-top: 2rem; }
  /* line 93, ../src/global.scss */
  .typography h3 {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.5em; }
    /* line 98, ../src/global.scss */
    .typography h3 a {
      text-decoration: none;
      color: #2B7EDC;
      transition: color 0.3s ease; }
      /* line 103, ../src/global.scss */
      .typography h3 a:hover, .typography h3 a:focus {
        color: #031F66; }

/* 
 *
 * Wrapper Widths
------------------------------------------------*/
/* line 115, ../src/global.scss */
.wrapper {
  margin: 0 auto; }
  /* line 118, ../src/global.scss */
  .wrapper--full {
    width: 100%;
    /* temp */ }
  /* line 123, ../src/global.scss */
  .wrapper--content {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    /* temp */ }
    @media screen and (min-width: 25em) {
      /* line 123, ../src/global.scss */
      .wrapper--content {
        padding-left: 2rem;
        padding-right: 2rem; } }
    @media screen and (min-width: 87.5em) {
      /* line 123, ../src/global.scss */
      .wrapper--content {
        padding-left: 3rem;
        padding-right: 3rem;
        max-width: 90rem; } }
  /* line 140, ../src/global.scss */
  .wrapper--text {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    /* temp */ }
    @media screen and (min-width: 25em) {
      /* line 140, ../src/global.scss */
      .wrapper--text {
        padding-left: 2rem;
        padding-right: 2rem; } }
    @media screen and (min-width: 53em) {
      /* line 140, ../src/global.scss */
      .wrapper--text {
        max-width: 50rem; } }
  /* line 155, ../src/global.scss */
  .wrapper--featured {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    /* temp */ }
    @media screen and (min-width: 25em) {
      /* line 155, ../src/global.scss */
      .wrapper--featured {
        padding-left: 2rem;
        padding-right: 2rem; } }
    @media screen and (min-width: 42em) {
      /* line 155, ../src/global.scss */
      .wrapper--featured {
        max-width: 61rem; } }