/**
 * styles.scss
 *
 * Main file where the other SCSS files are imported
 *
 */
/**
 * modules/variables
 * ---
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * modules/mixins
 * ---
 */
@media print {
  /**
   * partials/reset
   * ---
   * Reset file
   * NOTE: also `normalize.css` is used
   */
  *,
  *:after,
  *:before {
    box-sizing: border-box; }

  html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

  body {
    font-family: "Noto Serif", Verdana, Georgia, "Times New Roman", "Palatino Linotype", serif;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #444;
    background-color: #fff; }

  img {
    max-width: 100%;
    vertical-align: middle; }

  a {
    color: #444;
    text-decoration: none; }
    a:focus, a:hover {
      text-decoration: underline; }

  input[type="text"],
  input[type="search"] {
    font-size: inherit;
    line-height: inherit; }

  ::selection {
    background-color: #04A4CC;
    color: #fff;
    text-shadow: none; }

  /**
   * partials/print
   * ---
   * Print version
   * (from https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css)
   */ }
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }
@media print {
  /**
   * partials/utils
   * ---
   * Utils classes
   */
  .clear:before, .clear:after {
    content: " ";
    display: table; }
  .clear:after {
    clear: both; }

  /**
   * partials/wordpress
   * ---
   * Wordpess core classes
   */
  /**
   * Alignment
   */
  .alignnone {
    margin: 5px 15px 15px 0; }

  .aligncenter {
    display: block;
    margin: 5px auto; }

  .alignright {
    float: right;
    margin: 5px 0 15px 15px; }

  .alignleft {
    float: left;
    margin: 5px 15px 15px 0; }

  /**
   * Gallery & images
   */
  .wp-caption {
    background: #fff;
    border: thin solid #F0F0F0;
    max-width: 95%;
    padding: 5px 5px;
    text-align: center; }
    .wp-caption img {
      width: auto;
      max-width: 98.5%;
      height: auto;
      border: 0 none;
      padding: 0;
      margin: 0; }

  .wp-caption .wp-caption-text,
  .gallery-caption {
    margin: 0;
    padding: 0 5px 5px;
    font-size: 1.6rem;
    line-height: 1.5; }

  body {
    background-color: whitesmoke; } }
/******************************************************************

Grid Stylesheet - borrowed from Bones

******************************************************************/
/***   if css grid & flexbox not support, then it's an old browswer   ***/
.no-cssgrid.no-flexbox {
  /*
  Mobile Grid Styles
  */
  /* Portrait tablet to landscape */
  /* Landscape to small desktop */ }
  .no-cssgrid.no-flexbox .last-col {
    float: right;
    margin-right: 0 !important; }
  @media (max-width: 767px) {
    .no-cssgrid.no-flexbox .m-all {
      float: left;
      margin-right: 0.75em;
      width: 100%;
      padding-right: 0; }
    .no-cssgrid.no-flexbox .m-1of2 {
      float: left;
      margin-right: 0.75em;
      width: 50%; }
    .no-cssgrid.no-flexbox .m-1of3 {
      float: left;
      margin-right: 0.75em;
      width: 33.33%; }
    .no-cssgrid.no-flexbox .m-2of3 {
      float: left;
      margin-right: 0.75em;
      width: 65%; }
    .no-cssgrid.no-flexbox .m-1of4 {
      float: left;
      margin-right: 0.75em;
      width: 25%; }
    .no-cssgrid.no-flexbox .m-3of4 {
      float: left;
      margin-right: 0.75em;
      width: 75%; } }
  @media (min-width: 768px) and (max-width: 1029px) {
    .no-cssgrid.no-flexbox .t-all, .no-cssgrid.no-flexbox .t-1of1 {
      float: left;
      margin-right: 0.75em;
      width: 100%;
      padding-right: 0; }
    .no-cssgrid.no-flexbox .t-1of2 {
      float: left;
      margin-right: 0.75em;
      width: 50%; }
    .no-cssgrid.no-flexbox .t-1of3 {
      float: left;
      margin-right: 0.75em;
      width: 33.33%; }
    .no-cssgrid.no-flexbox .t-2of3 {
      float: left;
      margin-right: 0.75em;
      width: 65%; }
    .no-cssgrid.no-flexbox .t-1of4 {
      float: left;
      margin-right: 0.75em;
      width: 25%; }
    .no-cssgrid.no-flexbox .t-3of4 {
      float: left;
      margin-right: 0.75em;
      width: 75%; }
    .no-cssgrid.no-flexbox .t-1of5 {
      float: left;
      margin-right: 0.75em;
      width: 20%; }
    .no-cssgrid.no-flexbox .t-2of5 {
      float: left;
      margin-right: 0.75em;
      width: 40%; }
    .no-cssgrid.no-flexbox .t-3of5 {
      float: left;
      margin-right: 0.75em;
      width: 60%; }
    .no-cssgrid.no-flexbox .t-4of5 {
      float: left;
      margin-right: 0.75em;
      width: 80%; } }
  @media (min-width: 1030px) {
    .no-cssgrid.no-flexbox .d-all, .no-cssgrid.no-flexbox .d-1of1 {
      float: left;
      margin-right: 0.75em;
      width: 100%;
      padding-right: 0; }
    .no-cssgrid.no-flexbox .d-1of2 {
      float: left;
      margin-right: 0.75em;
      width: 50%; }
    .no-cssgrid.no-flexbox .d-1of3 {
      float: left;
      margin-right: 0.75em;
      width: 33.33%; }
    .no-cssgrid.no-flexbox .d-2of3 {
      float: left;
      margin-right: 0.75em;
      width: 65%; }
    .no-cssgrid.no-flexbox .d-1of4 {
      float: left;
      margin-right: 0.75em;
      width: 25%; }
    .no-cssgrid.no-flexbox .d-3of4 {
      float: left;
      margin-right: 0.75em;
      width: 75%; }
    .no-cssgrid.no-flexbox .d-1of5 {
      float: left;
      margin-right: 0.75em;
      width: 20%; }
    .no-cssgrid.no-flexbox .d-2of5 {
      float: left;
      margin-right: 0.75em;
      width: 40%; }
    .no-cssgrid.no-flexbox .d-3of5 {
      float: left;
      margin-right: 0.75em;
      width: 60%; }
    .no-cssgrid.no-flexbox .d-4of5 {
      float: left;
      margin-right: 0.75em;
      width: 80%; }
    .no-cssgrid.no-flexbox .d-1of6 {
      float: left;
      margin-right: 0.75em;
      width: 16.6666666667%; }
    .no-cssgrid.no-flexbox .d-1of7 {
      float: left;
      margin-right: 0.75em;
      width: 14.2857142857%; }
    .no-cssgrid.no-flexbox .d-2of7 {
      float: left;
      margin-right: 0.75em;
      width: 28.5714286%; }
    .no-cssgrid.no-flexbox .d-3of7 {
      float: left;
      margin-right: 0.75em;
      width: 42.8571429%; }
    .no-cssgrid.no-flexbox .d-4of7 {
      float: left;
      margin-right: 0.75em;
      width: 57.1428572%; }
    .no-cssgrid.no-flexbox .d-5of7 {
      float: left;
      margin-right: 0.75em;
      width: 71.4285715%; }
    .no-cssgrid.no-flexbox .d-6of7 {
      float: left;
      margin-right: 0.75em;
      width: 85.7142857%; }
    .no-cssgrid.no-flexbox .d-1of8 {
      float: left;
      margin-right: 0.75em;
      width: 12.5%; }
    .no-cssgrid.no-flexbox .d-1of9 {
      float: left;
      margin-right: 0.75em;
      width: 11.1111111111%; }
    .no-cssgrid.no-flexbox .d-1of10 {
      float: left;
      margin-right: 0.75em;
      width: 10%; }
    .no-cssgrid.no-flexbox .d-1of11 {
      float: left;
      margin-right: 0.75em;
      width: 9.09090909091%; }
    .no-cssgrid.no-flexbox .d-1of12 {
      float: left;
      margin-right: 0.75em;
      width: 8.33%; } }

.clear {
  clear: both; }

/***   mobile stylesheet   ***/
*,
*:after,
*:before {
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  background-color: #fff;
  color: #444;
  font-family: "Noto Serif", Verdana, Georgia, "Times New Roman", "Palatino Linotype", serif;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0; }

h1, h2, h3, h4, h5 {
  text-rendering: optimizelegibility;
  font-weight: 500;
  margin: 0.5em 0 1em; }
  h1 a, h2 a, h3 a, h4 a, h5 a {
    color: #00539f;
    text-decoration: none; }

h1 {
  font-size: 2.5em;
  line-height: 1.333em; }

h2 {
  font-size: 1.75em;
  line-height: 1.4em;
  margin-bottom: 0.375em; }

h3 {
  font-size: 1.125em; }

h4 {
  font-size: 1em; }

h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px; }

img {
  max-width: 100%;
  vertical-align: middle; }

a {
  color: #00539f; }
  a:focus, a:hover {
    text-decoration: underline; }

input[type="text"],
input[type="search"] {
  font-size: inherit;
  line-height: inherit; }

::selection {
  background-color: #04A4CC;
  color: #fff;
  text-shadow: none; }

/***   navigation   ***/
.nav {
  border-bottom: 0;
  height: 5em;
  margin: 0;
  /* end .menu li */
  /* highlight current page */
  /* end current highlighters */ }
  .nav li {
    list-style: none; }
    .nav li a {
      display: block;
      color: #fff;
      text-decoration: none;
      padding: 1.455em; }
    .nav li ul.sub-menu li a,
    .nav li ul.children li a {
      padding-left: 30px; }

/* end .nav */
/***   WordPress   ***/
/**
 * Alignment
 */
.alignnone {
  margin: 5px 15px 15px 0; }

.aligncenter {
  display: block;
  margin: 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 15px 15px; }

.alignleft {
  float: left;
  margin: 5px 15px 15px 0; }

/**
 * Gallery & images
 */
.wp-caption {
  background: #fff;
  border: thin solid #F0F0F0;
  max-width: 95%;
  padding: 5px 5px;
  text-align: center; }
  .wp-caption img {
    width: auto;
    max-width: 98.5%;
    height: auto;
    border: 0 none;
    padding: 0;
    margin: 0; }

.wp-caption .wp-caption-text,
.gallery-caption {
  margin: 0;
  padding: 0 5px 5px;
  font-size: 1.6rem;
  line-height: 1.5; }

.clear:before, .clear:after {
  content: " ";
  display: table; }
.clear:after {
  clear: both; }

.reset-box {
  padding: 0;
  margin: 0; }

.wrapper {
  margin: 0 auto;
  max-width: 1170px; }

.one-twelfth,
.one-sixth,
.one-quarter,
.one-third,
.five-twelfths,
.one-half,
.seven-twelfths,
.two-thirds,
.three-quarters,
.five-sixths,
.eleven-twelfths,
.fullwidth,
.wrapper {
  grid-column: span 12; }

.wrapper {
  padding: 0 10px; }

/***   header   ***/
.header {
  position: relative;
  /***   sidr mobile menu   ***/ }
  .header .wrapper {
    position: relative; }
  .header #header-search-info {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 2em; }
    .header #header-search-info #open-search {
      border-radius: 4px;
      left: 0.125em;
      padding: 0 0.25em;
      position: relative;
      top: -0.1875em; }
      .header #header-search-info #open-search:hover {
        background-color: #000;
        cursor: pointer; }
        .header #header-search-info #open-search:hover svg .magnify {
          fill: #fff; }
      .header #header-search-info #open-search svg {
        height: 1em;
        position: relative;
        top: 0.125em;
        width: 1em; }
        .header #header-search-info #open-search svg .magnify {
          fill: #00539f; }
    .header #header-search-info .separator {
      display: none; }
    .header #header-search-info #header-search-form {
      display: none;
      left: 0.3125em;
      position: relative;
      top: -0.3125em; }
    .header #header-search-info .search {
      margin: 0; }
      .header #header-search-info .search button svg {
        position: relative;
        top: 2px; }
    .header #header-search-info .header-info {
      color: #00539f;
      line-height: 1; }
      .header #header-search-info .header-info span {
        font-size: 0.875em; }
        .header #header-search-info .header-info span.separator {
          color: #db3133; }
        .header #header-search-info .header-info span:nth-of-type(2) {
          margin-right: 1em; }
      .header #header-search-info .header-info a {
        color: #00539f;
        display: inline-block;
        margin-left: 0.1429em;
        transition: all 0.25s ease-in-out; }
        .header #header-search-info .header-info a:hover {
          color: #000;
          transform: scale(1.1); }
  .header #header-buttons {
    display: flex;
    flex-wrap: wrap;
    font-family: Oswald, "Helvetica Neue", Helvetica, Arial, "Open Sans", sans-serif;
    font-size: 1.25em;
    justify-content: space-around; }
    .header #header-buttons .desktop {
      display: none; }
    .header #header-buttons .button {
      height: 66px;
      margin: 0 0 0.5em 0;
      padding: 0;
      width: 190px; }
      .header #header-buttons .button:last-of-type {
        margin-bottom: 1em; }
      .header #header-buttons .button.loan {
        align-items: center;
        display: flex;
        justify-content: center; }
        .header #header-buttons .button.loan a {
          display: block;
          height: 100%;
          padding-top: 0.25em;
          width: 100%; }
          .header #header-buttons .button.loan a:after {
            content: url("../img/icons/gear-dollar-sign.svg");
            display: inline-block;
            height: 1.8em;
            position: relative;
            left: 0.3em;
            top: 0.55em;
            width: 1.8em; }
      .header #header-buttons .button.im247 {
        background-color: #00539f; }
        .header #header-buttons .button.im247:hover {
          background-color: #000; }
        .header #header-buttons .button.im247.desktop {
          padding: 0.55em 1.1em; }
        .header #header-buttons .button.im247 a {
          padding: 0.55em 1.1em; }
      .header #header-buttons .button.billpay {
        align-items: center;
        background-color: #727373;
        display: flex;
        justify-content: center; }
        .header #header-buttons .button.billpay:hover {
          background-color: #000; }
        .header #header-buttons .button.billpay a {
          display: block;
          height: 100%;
          padding-top: 0.65em;
          width: 100%; }
          .header #header-buttons .button.billpay a:after {
            content: url("../img/icons/money.svg");
            display: inline-block;
            height: 28px;
            position: relative;
            left: 0.2em;
            top: 0.25em;
            width: 46px; }
  .header .logo {
    margin: 0 auto 1.875em;
    max-width: 100%;
    padding: 4em 0 0;
    width: 520px; }
    .header .logo h1 {
      margin: 0 0 0.9em; }
    .header .logo a {
      display: block; }
  .header .nav {
    display: none; }
  .header #sidr-menu {
    background: url("../img/mobile-menu.svg") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 36px;
    width: 38px; }
  .header #sidr-wrap {
    height: 36px;
    left: -1px;
    padding: 5px;
    position: absolute;
    top: 6px;
    width: 48px;
    z-index: 5; }
  .header #sidr-main #sidr-id-menu-primary-navigation > li:first-of-type {
    border-top: none; }

/***   allows touch outside mobile menu to close it   ***/
.sidr-open #sidr-closr {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 40px;
  left: 0;
  z-index: 999; }

/***   mobile dropdowns   ***/
.sidr li ul {
  display: none; }
  .sidr li ul.active {
    display: block; }

.sidr li.sidr-class-menu-item-has-children > a:after {
  content: '>';
  float: right;
  padding-right: 10px; }

.sidr li.sidr-class-menu-item-has-children > a.active:after {
  padding-top: 10px;
  transform: rotate(90deg); }

/***   mobile dropdowns   ***/
/***   end mobile menu   ***/
/***   home page   ***/
#featured-banners {
  margin: 0 auto;
  max-width: 2000px;
  position: relative; }
  #featured-banners .slide {
    max-width: 100%; }
    #featured-banners .slide p {
      margin: 0; }
    #featured-banners .slide img {
      margin: 0; }
  #featured-banners .pager-wrap {
    bottom: -20px;
    font-size: 60px;
    position: absolute;
    right: 20px;
    z-index: 101; }
    #featured-banners .pager-wrap span {
      color: lightgrey; }
      #featured-banners .pager-wrap span.cycle-pager-active {
        color: black; }
  #featured-banners .cycle-prev {
    display: none; }
  #featured-banners .cycle-next {
    display: none; }

#featured-rates {
  padding: 2.25em 0; }

.rate-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }
  .rate-wrapper .mini-feature {
    color: #00539f;
    display: inline-block;
    font-family: Oswald, "Helvetica Neue", Helvetica, Arial, "Open Sans", sans-serif;
    margin-bottom: 2.5em;
    max-width: 11.875em;
    /* min-height: 19.75em; */
    position: relative;
    text-align: center;
    width: 11.875em;
    padding-bottom: 2em; }
    .rate-wrapper .mini-feature:last-of-type {
      border-right: 0; }
    .rate-wrapper .mini-feature .mini-feature-content {
      margin: 0 auto 2em;
      width: 144px; }
    .rate-wrapper .mini-feature.icon-car .mini-feature-content:before {
      background-color: #db3133;
      border-radius: 50%;
      content: url("../img/icons/auto.svg");
      display: block;
      height: 9em;
      /* 144px */
      margin-bottom: 1.875em;
      width: 9em; }
    .rate-wrapper .mini-feature.icon-recreation .mini-feature-content:before {
      background-color: #db3133;
      border-radius: 50%;
      content: url("../img/icons/recreation-loan.svg");
      display: block;
      height: 9em;
      /* 144px */
      margin-bottom: 1.875em;
      width: 9em; }
    .rate-wrapper .mini-feature.icon-credit_card .mini-feature-content:before {
      background-color: #db3133;
      border-radius: 50%;
      content: url("../img/icons/credit-card.svg");
      display: block;
      height: 9em;
      /* 144px */
      margin-bottom: 1.875em;
      width: 9em; }
    .rate-wrapper .mini-feature.icon-money .mini-feature-content:before {
      background-color: #db3133;
      border-radius: 50%;
      content: url("../img/icons/personal-loan.svg");
      display: block;
      height: 9em;
      /* 144px */
      margin-bottom: 1.875em;
      width: 9em; }
    .rate-wrapper .mini-feature.icon-tool .mini-feature-content:before {
      background-color: #db3133;
      border-radius: 50%;
      content: url("../img/icons/home-equity.svg");
      display: block;
      height: 9em;
      /* 144px */
      margin-bottom: 1.875em;
      width: 9em; }
    .rate-wrapper .mini-feature.icon-house .mini-feature-content:before {
      background-color: #db3133;
      border-radius: 50%;
      content: url("../img/icons/mortgage.svg");
      display: block;
      height: 9em;
      /* 144px */
      margin-bottom: 1.875em;
      width: 9em; }
    .rate-wrapper .mini-feature .rate_name {
      font-size: 1.125em;
      font-weight: 700;
      line-height: 1;
      margin-bottom: 0.5em; }
    .rate-wrapper .mini-feature .rate-as-low {
      font-weight: 700;
      line-height: 1;
      margin-bottom: 0.75em;
      text-align: center; }
    .rate-wrapper .mini-feature .rate {
      font-size: 1.5em;
      font-weight: 700;
      line-height: 1;
      margin-bottom: 0.5833em;
      text-align: center; }
    .rate-wrapper .mini-feature .rate-link {
      background-color: #727373;
      border-radius: 4px;
      bottom: 0;
      color: #fff;
      display: block;
      font-family: "Noto Serif", Verdana, Georgia, "Times New Roman", "Palatino Linotype", serif;
      padding: 5px 25px;
      position: absolute;
      text-decoration: none; }
      .rate-wrapper .mini-feature .rate-link:hover {
        background-color: #000; }

#featured-coop-tag-post {
  background-color: #00539f;
  border-bottom: 10px solid #db3133;
  border-top: 10px solid #db3133;
  color: #fff;
  padding: 3.3125em 0; }
  #featured-coop-tag-post .widget {
    margin: 0;
    max-height: 332px;
    padding: 0; }
    #featured-coop-tag-post .widget:nth-of-type(2) {
      margin: 2em 0; }
  #featured-coop-tag-post .coop-tag-post-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; }
  #featured-coop-tag-post .coop-link {
    background-color: #db3133;
    border-radius: 4px;
    font-size: 1.125em;
    font-style: italic;
    display: block;
    line-height: 1;
    margin-top: 0.9444em;
    padding: 6px 25px;
    text-align: center; }
    #featured-coop-tag-post .coop-link:hover {
      background-color: #000; }
  #featured-coop-tag-post .home-coop-link:first-of-type {
    margin-bottom: 2.125em; }
  #featured-coop-tag-post .home-coop-link img {
    display: block;
    margin: 0 auto; }
  #featured-coop-tag-post .coop-tag-post {
    display: inline-block;
    font-size: 0.875em;
    height: 332px;
    max-width: 268px;
    position: relative; }
  #featured-coop-tag-post .post-title {
    font-size: 1.25em;
    line-height: 1.25;
    margin: 0 0 0.25em; }
  #featured-coop-tag-post .featured-post-link {
    bottom: 0;
    font-size: 1.125em;
    font-style: italic;
    left: calc(50% - 100px);
    margin: 1em 0 0;
    position: absolute;
    width: 200px; }
  #featured-coop-tag-post a {
    color: #fff;
    text-decoration: none; }

#featured-app-partners {
  padding: 3.75em 0; }

.app-partner-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }
  .app-partner-wrapper .widget {
    margin: 0;
    padding: 0; }
    .app-partner-wrapper .widget:nth-of-type(2) {
      margin-top: 2em; }
      .app-partner-wrapper .widget:nth-of-type(2) img {
        display: block;
        margin: 0 auto; }
  .app-partner-wrapper .widget-title {
    color: #00539f;
    font-family: Oswald, "Helvetica Neue", Helvetica, Arial, "Open Sans", sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1;
    margin-top: 0;
    text-align: center; }
  .app-partner-wrapper .app-link {
    display: block;
    margin: 0 auto 1em;
    transition: all 0.2s ease-in-out; }
    .app-partner-wrapper .app-link:hover {
      transform: scale(1.1); }
  .app-partner-wrapper .partner-link {
    display: inline-block;
    transition: all 0.2s ease-in-out; }
    .app-partner-wrapper .partner-link:hover {
      transform: scale(1.1); }

/***   end home page   ***/
#content .wrapper {
  display: grid;
  grid-template-columns: repeat(12, 1fr); }

.home #content .wrapper {
  display: block; }

/***   pagination   ***/
.pagination {
  margin: 2em 0; }
  .pagination .page-numbers {
    background-color: #db3133;
    color: #fff;
    margin-right: 2px;
    padding: 0 6px; }
    .pagination .page-numbers.current {
      background-color: #000; }
    .pagination .page-numbers:last-of-type {
      margin-right: 0; }
  .pagination a {
    text-decoration: none; }
    .pagination a:hover {
      background-color: #000; }

/***   end pagination   ***/
/***   sidebar   ***/
.sidebar {
  background-color: #e6e6e5;
  margin-bottom: 2em;
  padding: 0.9375em; }
  .sidebar .widget:last-of-type {
    margin-bottom: 0; }
  .sidebar .widget-title {
    border-bottom: 1px solid #000;
    font-weight: 700;
    line-height: 1;
    margin-top: 0;
    padding-bottom: 0.25em; }
  .sidebar ul {
    list-style: none;
    margin: 0.9375em 0;
    padding-left: 0; }
  .sidebar li {
    line-height: 1; }
    .sidebar li:last-of-type {
      margin-bottom: 0; }
  .sidebar a {
    text-decoration: none; }
    .sidebar a:after {
      content: '\00BB';
      display: inline-block;
      margin-left: 0.25em;
      position: relative;
      top: -0.125em; }
    .sidebar a:hover {
      text-decoration: underline; }

/***   end sidebar   ***/
/***   miscellaneous   ***/
.assistive {
  /* from https://webaim.org/techniques/css/invisiblecontent/ */
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px; }

.button, button, .wp-block-button__link {
  background-color: #db3133;
  border: 0;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 1em;
  padding: 6px 25px;
  text-align: center; }
  .button:hover, button:hover, .wp-block-button__link:hover {
    background-color: #000;
    text-decoration: none; }
  .button a, button a, .wp-block-button__link a {
    color: #fff;
    display: block;
    text-decoration: none; }

.archive .post, .archive .page, .search .post, .search .page, .category .post, .category .page {
  border-bottom: 1px solid #e6e6e5;
  padding-bottom: 1em; }
  .archive .post:last-of-type, .archive .page:last-of-type, .search .post:last-of-type, .search .page:last-of-type, .category .post:last-of-type, .category .page:last-of-type {
    border-bottom: 0; }

.search {
  margin: 1em 0; }
  .search .search-input {
    border: 1px solid #e6e6e5;
    border-right: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    font-size: 0.875em; }
  .search .search-submit {
    left: -4px;
    padding: 3px 4px;
    position: relative;
    top: 2px; }
    .search .search-submit:hover {
      cursor: pointer; }
    .search .search-submit svg {
      height: 16px;
      width: 16px; }
      .search .search-submit svg .magnify {
        fill: #fff; }

.widget.notitle .widget-title {
  display: none; }

.wp-block-table {
  margin: 1.875em 0; }
  .wp-block-table.noborder th, .wp-block-table.noborder td {
    border: 0;
    padding: 0.3125em 0; }
  .wp-block-table table {
    border-collapse: collapse; }
  .wp-block-table thead tr {
    background-color: #00539f;
    color: #fff; }
  .wp-block-table th, .wp-block-table td {
    border: 1px solid #727373;
    padding: 0.3125em; }

.page.eligibility {
  /* eligibility page formatting */ }
  .page.eligibility #content .wp-block-kadence-accordion {
    margin: 0; }
    .page.eligibility #content .wp-block-kadence-accordion p {
      background: transparent;
      font-size: 0.875em;
      line-height: 1.8;
      margin: 0 0 0.625em;
      padding: 0; }
  .page.eligibility #content .kt-accordion-panel-inner {
    padding: 1.25em 1.25em 0.625em; }
  .page.eligibility #content button {
    background: #e6e6e5;
    border: 0;
    font-family: "Noto Serif", Verdana, Georgia, "Times New Roman", "Palatino Linotype", serif;
    font-size: 1em; }
  .page.eligibility #content .wp-block-columns p {
    background: #e6e6e5;
    margin: 0.625em 0 0;
    padding: 1em; }

table {
  border-collapse: collapse;
  width: 100%; }
  table tr:nth-of-type(even) {
    background-color: #e6e6e5; }
  table tr:hover {
    background-color: #00539f; }
    table tr:hover th, table tr:hover td {
      color: #fff; }
  table th, table td {
    border: 1px solid #727373;
    padding: 5px; }
  table th {
    background-color: #00539f;
    color: #fff; }
  table.datatable {
    /* sitecontrol tables */ }
    table.datatable .apy {
      text-align: center; }
    table.datatable tr:hover th, table.datatable tr:hover td {
      color: #fff; }
    table.datatable th[scope="row"] {
      background-color: transparent;
      color: #444;
      font-weight: 400;
      text-align: left; }
    table.datatable caption {
      font-size: 0.875em;
      font-style: italic;
      margin-bottom: 0.3571em;
      text-align: left; }

iframe {
  background-color: transparent;
  border: 0;
  max-width: 100%; }

img {
  height: auto;
  max-width: 100%; }

hr.is-style-wide {
  clear: both; }

#content .hideit {
  display: none; }
#content ul {
  padding-left: 2em; }
  #content ul ul li {
    list-style: none inside none;
    position: relative; }
    #content ul ul li:before {
      content: '\002B';
      display: inline-block;
      height: 1em;
      left: -1em;
      margin-right: 0.5em;
      position: absolute;
      width: 1em; }
  #content ul.sitemap {
    padding: 0; }
    #content ul.sitemap li:before {
      content: ''; }
#content ul li {
  list-style: none inside none;
  position: relative; }
  #content ul li:before {
    content: '\2713';
    display: inline-block;
    height: 1em;
    left: -1em;
    margin-right: 0.5em;
    position: absolute;
    width: 1em; }
#content ol li {
  margin-bottom: 0.625em; }
#content aside ul {
  padding-left: 1em; }

/***   make video embeds responsive   ***/
.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
  padding-bottom: 56.25%;
  /* for 16:9 format */ }

.wp-embed-aspect-4-3 .wp-block-embed__wrapper {
  padding-bottom: 75%;
  /* for 4:3 format */ }

.is-type-video {
  margin: 30px 0; }

.is-type-video iframe,
.is-type-video object,
.is-type-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/***   end video embeds   ***/
/***   cua calculators   ***/
.wedge {
  margin-bottom: 2em; }
  .wedge .frmMain {
    clear: left;
    margin-bottom: 0.75em; }
    .wedge .frmMain label {
      float: left;
      width: 25%; }
    .wedge .frmMain div {
      margin-bottom: 0.75em; }
    .wedge .frmMain select {
      font-size: 1em; }
  .wedge #amortization_table {
    font-size: 0.875em;
    font-weight: 700; }
  .wedge .fineprint {
    display: none;
    font-size: 0.75em; }
  .wedge h3, .wedge h4 {
    font-weight: bold; }
  .wedge ul {
    font-size: 0.875em; }
  .wedge input[type="text"] {
    width: 40%; }
  .wedge input[type="submit"] {
    width: 25%; }

.calc-fineprint {
  margin-bottom: 2em; }

/***   end calculators   ***/
/***   end miscellaneous   ***/
/***   footer   ***/
.footer {
  background-color: #e6e6e5;
  color: #000;
  padding: 2.1875em 0 4.375em; }
  .footer .widget {
    margin: 0; }
    .footer .widget:first-of-type {
      text-align: center; }
    .footer .widget:nth-of-type(2), .footer .widget:last-of-type {
      color: #00539f;
      font-family: Oswald, "Helvetica Neue", Helvetica, Arial, "Open Sans", sans-serif;
      text-align: center; }
    .footer .widget:last-of-type {
      margin-top: 2em; }
  .footer .footer-name {
    color: #db3133;
    font-weight: bold;
    font-size: 1.125em;
    line-height: 1;
    margin: 0 0 0.5em; }
  .footer .footer-compliance img:first-of-type {
    margin-right: 0.9375em; }
  .footer .footer-routing, .footer .footer-nmls {
    font-size: 0.875em;
    /* customer request */ }
  .footer .footer-closed, .footer .footer-no-shared {
    font-size: 0.7143em;
    font-style: italic;
    position: relative;
    top: -5px; }
  .footer .accessibility-wrapper {
    font-style: italic;
    margin: 0 auto;
    max-width: 90%;
    opacity: 0.85; }
  .footer h4 {
    line-height: 1;
    margin: 0 0 0.5em; }
    .footer h4.drive-up {
      margin-top: 1.5em; }
  .footer p {
    font-size: 0.75em;
    margin: 0 0 0.5em;
    transition: all 0.2s ease-in-out; }
    .footer p.footer-hours .hour-details {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-around; }
      .footer p.footer-hours .hour-details span {
        display: block; }
    .footer p:last-of-type {
      margin-bottom: 0; }
  .footer a {
    color: #db3133;
    display: inline-block;
    text-decoration: underline; }
    .footer a:hover {
      transform: scale(1.1); }
  .footer hr {
    margin: 1em 0;
    width: 100%; }

/***   end footer   ***/
/***   for our very favorite browser IE {holding your nose emoji}   ***/
.no-cssgrid .header #header-search-info {
  height: 16px; }
  .no-cssgrid .header #header-search-info #open-search {
    top: 0.0625em; }
.no-cssgrid .search .search-input {
  padding: 5px 0; }
.no-cssgrid .search .search-submit {
  top: -0.125em; }

/***   end unnecessary css for that wonderful IE   ***/
@media only screen and (min-width: 481px) {
  /******************************************************************
  
  Mobile Stylsheet - larger devices
  
  ******************************************************************/ }
@media only screen and (min-width: 768px) {
  /******************************************************************
  
  Tablet Stylesheet - smaller tablets
  
  ******************************************************************/
  /*********************
  NAVIGATION STYLES
  *********************/
  .nav {
    background: #00539f;
    border: 0;
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */ }
    .nav ul {
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      margin-top: 0;
      padding: 0; }
    .nav li {
      height: 5em;
      position: relative;
      /* showing sub-menus */ }
      .nav li a {
        color: #fff;
        font-family: Oswald, "Helvetica Neue", Helvetica, Arial, "Open Sans", sans-serif;
        font-size: 1.125em;
        height: 100%;
        letter-spacing: 1px; }
        .nav li a:hover, .nav li a:focus {
          color: #fff; }
          .nav li a:hover:before, .nav li a:focus:before {
            content: '\25B8';
            display: inline-block;
            height: 0.6667em;
            left: 0.3333em;
            position: absolute;
            top: 1.4444em;
            width: 0.6667em; }
      .nav li ul.sub-menu,
      .nav li ul.children {
        border-top: 1px solid #e6e6e5;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 0;
        padding: 0;
        position: absolute;
        visibility: hidden;
        z-index: 8999;
        /* highlight sub-menu current page */ }
        .nav li ul.sub-menu li,
        .nav li ul.children li {
          height: auto; }
          .nav li ul.sub-menu li a,
          .nav li ul.children li a {
            background-color: #00539f;
            border-bottom: 1px solid #ccc;
            color: #fff;
            font-size: 0.875em;
            padding: 0.5em 0.25em 0.5em 1.5em;
            border-right: 0;
            display: block;
            width: 210px; }
            .nav li ul.sub-menu li a:hover, .nav li ul.sub-menu li a:focus,
            .nav li ul.children li a:hover,
            .nav li ul.children li a:focus {
              color: #fff;
              background-color: #db3133; }
              .nav li ul.sub-menu li a:hover:before, .nav li ul.sub-menu li a:focus:before,
              .nav li ul.children li a:hover:before,
              .nav li ul.children li a:focus:before {
                content: '\25B8';
                display: inline-block;
                height: 0.6667em;
                left: 0.3333em;
                position: absolute;
                top: 0.4286em;
                width: 0.6667em; }
          .nav li ul.sub-menu li ul,
          .nav li ul.children li ul {
            border-left: 1px solid #e6e6e5;
            border-top: 0; }
          .nav li ul.sub-menu li:last-child a,
          .nav li ul.children li:last-child a {
            border-bottom: 0; }
          .nav li ul.sub-menu li ul,
          .nav li ul.children li ul {
            top: 0;
            left: 100%; }
        .nav li ul.sub-menu li.current-menu-item > a,
        .nav li ul.sub-menu li.current_page_item > a,
        .nav li ul.sub-menu li.current_page_ancestor > a,
        .nav li ul.children li.current-menu-item > a,
        .nav li ul.children li.current_page_item > a,
        .nav li ul.children li.current_page_ancestor > a {
          color: #fff; }
          .nav li ul.sub-menu li.current-menu-item > a:before,
          .nav li ul.sub-menu li.current_page_item > a:before,
          .nav li ul.sub-menu li.current_page_ancestor > a:before,
          .nav li ul.children li.current-menu-item > a:before,
          .nav li ul.children li.current_page_item > a:before,
          .nav li ul.children li.current_page_ancestor > a:before {
            content: '\25B8';
            display: inline-block;
            height: 0.6667em;
            left: 0.3333em;
            position: absolute;
            top: 0.4286em;
            width: 0.6667em; }
      .nav li:hover > ul {
        top: auto;
        visibility: visible; }
    .nav li.current-menu-item > a,
    .nav li.current_page_item > a,
    .nav li.current-menu-parent > a {
      color: #fff; }
      .nav li.current-menu-item > a:before,
      .nav li.current_page_item > a:before,
      .nav li.current-menu-parent > a:before {
        content: '\25B8';
        display: inline-block;
        height: 0.6667em;
        left: 0.3333em;
        position: absolute;
        top: 1.4444em;
        width: 0.6667em; }

  /* end .nav */
  /*********************
  SIDEBARS & ASIDES
  *********************/
  .sidebar {
    margin-top: 2.2em; }

  .widgettitle {
    border-bottom: 2px solid #444;
    margin-bottom: 0.75em; }

  .widget {
    padding: 0 0.9375em;
    margin: 0.9375em 0; }
    .widget ul li {
      margin-bottom: 0.75em;
      /* deep nesting */ }
      .widget ul li ul {
        margin-top: 0.75em;
        padding-left: 1em; }

  .header {
    padding: 1.5em 0 0; }
    .header #sidr-wrap {
      top: -5px; }
    .header .logo {
      padding: 0; }

  #featured-coop-tag-post .widget:first-of-type {
    width: 100%; }
    #featured-coop-tag-post .widget:first-of-type div.textwidget {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-around; }
  #featured-coop-tag-post .coop-tag-post {
    max-width: 100%;
    height: 200px; }

  .footer .wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; }
    .footer .wrapper .widget {
      max-width: 40%; }
      .footer .wrapper .widget:last-of-type {
        margin-top: 0; }
    .footer .wrapper .footer-hours {
      margin-left: auto;
      margin-right: auto;
      max-width: 80%; }
  .footer .accessibility-wrapper {
    max-width: 31.25em; } }
@media only screen and (min-width: 1024px) {
  /******************************************************************
  
  Desktop Stylsheet - smaller
  
  ******************************************************************/
  /***   for pages with sidebar   ***/
  #content main {
    grid-column: span 8; }
  #content .sidebar {
    grid-column: 10 / span 3; }

  .header {
    padding: 2.25em 0 0; }
    .header #sidr-wrap {
      display: none; }
    .header #header-buttons .login-content {
      background-color: #fff;
      border: 1px solid #727373;
      top: calc(100% + 1px);
      display: none;
      left: 0;
      padding-top: 21px;
      position: absolute;
      width: 225px;
      z-index: 105; }
      .header #header-buttons .login-content iframe {
        left: 4px;
        position: relative; }
    .header #header-buttons .desktop {
      display: block;
      position: relative; }
      .header #header-buttons .desktop:hover {
        cursor: pointer; }
    .header #header-buttons .mobile {
      display: none; }
    .header .nav {
      display: block; }

  #featured-banners .cycle-prev {
    display: inline-block;
    height: 49px;
    left: 30px;
    opacity: 0.5;
    position: absolute;
    top: 45%;
    width: 49px;
    z-index: 101;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
    #featured-banners .cycle-prev:hover {
      cursor: pointer;
      opacity: 1; }
    #featured-banners .cycle-prev svg {
      fill: #fff; }
  #featured-banners .cycle-next {
    display: inline-block;
    height: 49px;
    opacity: 0.5;
    position: absolute;
    right: 30px;
    top: 45%;
    width: 49px;
    z-index: 101; }
    #featured-banners .cycle-next:hover {
      cursor: pointer;
      opacity: 1; }
    #featured-banners .cycle-next svg {
      fill: #fff; }

  .rate-wrapper {
    justify-content: space-between; }
    .rate-wrapper .mini-feature {
      max-width: 255px;
      width: 255px; }

  .coop-tag-post-wrapper, .app-partner-wrapper {
    justify-content: space-around; }

  .app-partner-wrapper .widget:nth-of-type(2) {
    margin-top: 0; }
    .app-partner-wrapper .widget:nth-of-type(2) img {
      display: inline-block;
      margin-right: 1em; }
    .app-partner-wrapper .widget:nth-of-type(2) .partner-link img {
      margin-right: 0; }
  .app-partner-wrapper .app-link {
    display: inline-block;
    margin: 0; }
    .app-partner-wrapper .app-link:first-of-type {
      margin-right: 1em; }

  /***   our favorite browser, ie :/   ***/
  .no-cssgrid .two-thirds {
    float: left;
    padding-right: 2.5em;
    width: 67%; }

  .no-cssgrid .one-third {
    float: left;
    padding-left: 2.5em;
    width: 33%; } }
@media only screen and (min-width: 1240px) {
  /******************************************************************
  
  Desktop Stylesheet - large
  
  ******************************************************************/
  .wrapper {
    padding: 0; }

  .header .logo {
    margin: 0 0 2.25em; }
  .header #header-search-info {
    align-items: unset;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: absolute;
    right: 0;
    top: 0; }
    .header #header-search-info .separator {
      display: inline-block; }
  .header #header-buttons {
    flex-wrap: nowrap;
    justify-content: space-between;
    position: absolute;
    right: 0;
    top: 1.5em; }
    .header #header-buttons .button {
      margin-right: 0.75em; }
      .header #header-buttons .button:last-of-type {
        margin-bottom: 0;
        margin-right: 0; }

  .rate-wrapper .mini-feature {
    border-right: 1px solid #db3133;
    margin-bottom: 0;
    max-width: 190px;
    width: 190px; }
    .rate-wrapper .mini-feature .mini-feature-content {
      margin: 0 auto; }

  #featured-coop-tag-post {
    overflow: hidden; }
    #featured-coop-tag-post .wrapper {
      position: relative; }
      #featured-coop-tag-post .wrapper:after {
        content: url("../img/icons/work-helmet.svg");
        display: block;
        height: 235px;
        opacity: 0.1;
        position: absolute;
        right: -323px;
        top: 60px;
        width: 260px; }
      #featured-coop-tag-post .wrapper:before {
        content: url("../img/icons/lightning-bolt.svg");
        display: block;
        height: 296px;
        opacity: 0.1;
        position: absolute;
        left: -340px;
        top: 60px;
        width: 277px; }
      #featured-coop-tag-post .wrapper .widget:first-of-type {
        width: auto; }
        #featured-coop-tag-post .wrapper .widget:first-of-type div.textwidget {
          display: block; }
      #featured-coop-tag-post .wrapper .widget:nth-of-type(2) {
        margin: 0; }
      #featured-coop-tag-post .wrapper .coop-tag-post {
        height: 332px;
        max-width: 268px; }

  .sidebar {
    padding: 0; } }

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