/* colors */
/* fonts */
/* responsive sizes */
/* transitions */
/* Widely-used vertical alignment mixin */
/* max width used on everything */
/* display flex container */
/* font family for soleil */
h1 {
  font-family: "soleil", sans-serif;
  font-size: 60px;
  line-height: 62px;
  letter-spacing: 4px;
  font-weight: 300;
  text-transform: uppercase;
  margin: 0;
  position: relative; }

h2 {
  font-family: "soleil", sans-serif;
  font-weight: 700;
  margin: 0;
  font-size: 2.62em;
  line-height: 1.17647058823529em;
  padding-bottom: 0.29411764705882em;
  position: relative; }
  @media screen and (min-width: 768px) {
    h2 {
      font-size: 3em;
      line-height: 1.12em;
      padding-bottom: .3em; } }
  @media screen and (min-width: 925px) {
    h2 {
      font-size: 4em;
      line-height: 1.12em;
      padding-bottom: .2em; } }
  @media screen and (min-width: 1220px) {
    h2 {
      font-size: 4.5em;
      line-height: 1.12em;
      padding-bottom: .2em; } }
  @media screen and (max-width: 325px) {
    h2 {
      font-size: 2.3em; } }
  h2.articleTitle {
    color: #fff; }
    @media screen and (max-width: 767px) {
      h2.articleTitle {
        max-width: 80%; } }

h3 {
  font-family: "soleil", sans-serif;
  font-size: 40px;
  line-height: 44px;
  font-weight: 600;
  margin: 0;
  position: relative; }

h4 {
  font-family: "soleil", sans-serif;
  font-size: 30px;
  line-height: 32px;
  font-weight: 700;
  margin: 0;
  position: relative; }

h5 {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  margin: 0;
  position: relative; }

h6 {
  font-family: "soleil", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  margin: 0;
  position: relative; }

p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  position: relative;
  margin: 0; }
  p.italic {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    font-style: italic; }
  p.boldLarge {
    font-family: "soleil", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin: 0; }
  p.extraBold {
    letter-spacing: 1px;
    line-height: 16px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0; }
  p.bold {
    font-family: "soleil", sans-serif;
    font-weight: 700; }
    p.bold.subhead {
      font-size: 1.6em;
      line-height: 1.5em;
      color: #fff;
      margin-top: .75em;
      padding-top: .75em; }
      @media screen and (max-width: 374px) {
        p.bold.subhead {
          font-size: 1.4em; } }
      p.bold.subhead:before {
        position: absolute;
        content: '';
        z-index: 1;
        width: 50%;
        height: 1px;
        background-color: white;
        top: 0;
        left: 0; }
  p.guideboxCaption {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600; }
  p.caption {
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    font-style: italic; }
  p.subCaption {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase; }

a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1px;
  font-weight: 800;
  margin: 0;
  text-decoration: none;
  color: #132c6e;
  cursor: pointer;
  position: relative; }
  a.inline {
    text-decoration: underline;
    font-weight: 600;
    text-transform: inherit; }
  a.guidebox {
    font-family: "soleil", sans-serif;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 0px;
    color: #212121;
    text-transform: capitalize; }
  a.slider {
    font-family: "soleil", sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #212121;
    text-transform: capitalize;
    font-weight: 700; }
  a.caption {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0;
    font-weight: 700;
    font-style: italic;
    text-transform: capitalize; }
  a.sublinkCaption {
    font-size: 12px;
    line-height: 14px;
    font-weight: 700; }
  a.breadcrumb {
    font-family: "soleil", sans-serif;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0;
    color: #212121;
    font-weight: 700;
    text-transform: capitalize; }
  a.guideboxCaption {
    font-weight: 600;
    color: #212121; }

a:hover {
  color: #212121; }

ol {
  counter-reset: ol-counter; }
  ol > li:before {
    /*content: counter(ol-counter);
    counter-increment: ol-counter;*/
    position: absolute;
    left: -15px;
    top: 0;
    color: #9C9C9C;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    font-weight: 800; }

ul li:before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 100%;
  /*background-color: #9C9C9C;*/
  top: 10px;
  left: -15px; }
  ul li.page-item:before {
    background-color: transparent; }
  ul li.paginate_button:before {
    background-color: transparent; }
ul, ol {
  margin: 2em 0; }
  ul li, ol li {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    line-height: 22px;
    /*list-style: none;*/
    position: relative; }
  .quick-print ul li,.quick-print ol li {  
    list-style: none; }

.sectionBlockTitle {
  font-family: "soleil", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.4em;
  line-height: 1.42857142857143em;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative;
  color: #212121; }
  .sectionBlockTitle.horizontal {
    position: relative;
    z-index: 1; }
    .sectionBlockTitle.horizontal span {
      background-color: #fff;
      padding-right: 10px;
      z-index: 1; }
      .sectionBlockTitle.horizontal span.grey {
        background-color: #f4f4f4; }
    .sectionBlockTitle.horizontal:before {
      border-top: 1px solid #9c9c9c;
      content: "";
      margin: 0 auto;
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      z-index: -1; }
    .sectionBlockTitle.horizontal.col-md-8 {
      padding-left: 0; }
  .sectionBlockTitle.aboveTitle {
    padding: 0;
    margin-left: 1.5rem;
    margin-bottom: 1em; }
    .sectionBlockTitle.aboveTitle:before {
      width: calc(100% - 3rem); }
      @media screen and (min-width: 768px) {
        .sectionBlockTitle.aboveTitle:before {
          width: calc(100% - 6rem); } }
    @media screen and (min-width: 1200px) {
      .sectionBlockTitle.aboveTitle.col-xl-8_8 {
        width: 44.8%; } }

.sectionTitleBlock h1 {
  padding-bottom: 0.16666666666667em;
  border-bottom: 4px solid; }
.sectionTitleBlock.transactionRed h1 {
  border-bottom-color: #ee484a; }
.sectionTitleBlock.transactionRed h3 {
  color: #ee484a; }
.sectionTitleBlock.learnGreen h1 {
  border-bottom-color: #3ac9bb; }
.sectionTitleBlock.learnGreen h3 {
  color: #3ac9bb; }
.sectionTitleBlock.industryYellow h1 {
  border-bottom-color: #ffa605; }
.sectionTitleBlock.industryYellow h3 {
  color: #ffa605; }
.sectionTitleBlock.carBlue h1 {
  border-bottom-color: #6d9beb; }
.sectionTitleBlock.carBlue h3 {
  color: #6d9beb; }
.sectionTitleBlock .subhead {
  position: relative;
  margin: 2em 0; }
  .sectionTitleBlock .subhead .adUnit {
    float: right;
    text-align: right;
    position: relative; }
    .sectionTitleBlock .subhead .adUnit .adTitle {
      font-weight: 700;
      font-size: 1.2em;
      color: #212121;
      text-transform: uppercase;
      position: relative; }
      @media screen and (max-width: 768px) {
        .sectionTitleBlock .subhead .adUnit .adTitle {
          font-size: .9em;
          margin-bottom: 3px; } }
  @media screen and (min-width: 768px) {
    .sectionTitleBlock .subhead h3 .break {
      display: block; }
    .sectionTitleBlock .subhead h3 {
      border-right: 1px solid #9c9c9c;
      padding-right: .75em; }
    .sectionTitleBlock .subhead p {
      max-width: 26em;
      margin-left: 1.4em; } }
  @media screen and (min-width: 768px) and (max-width: 1000px) {
    .sectionTitleBlock .subhead p.slim {
      max-width: 23em; }
    .sectionTitleBlock .subhead p.extraSlim {
      max-width: 19em; } }
  @media screen and (min-width: 768px) {
    .sectionTitleBlock .subhead .adUnit .ad {
      width: 10em; }
      .sectionTitleBlock .subhead .adUnit .ad img {
        width: 100%;
        max-width: 80px; } }

/*# sourceMappingURL=typography.css.map */