:root{
    --brand-primary: #6B9B42;
    --brand-primary-light: #E9F0E3;
    --brand-text-primary: #6B9B42;
    --brand-secondary: #496432;
    --brand-text-secondary: #496432;
    --brand-tertiary: #AE3B8B;
    --brand-text-tertiary: #AE3B8B;
    --sans-serif-bold: 700;
    --brand-text-body:#1d1d1d;
    --gray-base: #1d1d1d;
    --font-family-sans-serif: "Inter";
}

/***** Homepage Hero Image Styles *****/

.homepageHero-wrapper{
  
    .container-fluid{
      display:-ms-flexbox;
      display:flex;
    }
  }
  
  .online-banking-login.login-desktop {
    /* NEW */
    min-width: 300px;

    margin-right: 30px;
    padding:0;
    text-align: center;
    box-shadow: 1px 2px 4px 0 rgba(29, 29, 29, 0.25);
    border-radius:6px;
  
    .online-banking-top{
      border-radius:8px 8px 0 0;
      padding:20px 20px 30px 20px;
      background-color:#FFF;
      position: relative;

      #loginToggle-close{
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
        background-color: transparent;
        border: none;

        svg{
          height: 12px;
          width: 10px;
          margin-right: 7px;
        }
      }
  
      .h4 {
        font-size: 24px;
        letter-spacing: .48px;
        color:var(--brand-text-primary);
        text-transform: none;
        font-weight:800;
      }
  
      svg{
        height:18px;
        width:16px;
        margin-right:10px;
      }
  
      .btn-primary{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-align: center;
            align-items: center;
        width:auto;
      }
    }
  
    .online-banking-bottom{
      border-radius:0 0 8px 8px;
      padding:20px;
      background-color:var(--brand-primary-light);
  
      p{
        text-align: left;
  
        a{
          color:var(--brand-text-body);
          border-bottom:2px solid --gray-base;
  
          &:hover{
            text-decoration: none;
          }
  
          &:focus,
          &:active{
            border:1px solid var(--gray-base);
          }
        }
      }
  
      .loginDropdown{
        height:24px;
        padding:0;
        background-color:transparent;
        border-radius:0;
        border:none;
        border-bottom:2px solid var(--gray-base);
        box-shadow: none;
        -moz-appearance: none;
             appearance: none;
        background-image: url("/images/icons/double-chevron-down.svg");
        background-repeat: no-repeat;
        background-position: right 0 top -5px;
  
        &:hover{
          cursor:pointer;
        }
  
        &:focus,
        &:active{
          border:1px solid var(--gray-base);
        }
      }
    }
  
    @media (min-width: 768px) and (max-width: 991px) {
      .form-group.magic-label.focus-or-filled {
        label {
          display: none;
        }
      }
    }
  
    .login-links {
      margin: 10px 0 0 0;
      font-size: 11px;
      letter-spacing: 0.025em;
      text-transform: uppercase;
  
      a {
        color: var(--brand-primary);
      }
    }
  
    .form-group {
      margin: 0 0 6px 0;
  
      label {
        top: 8px;
        left: 20px;
  
        font-weight: 400;
        font-size: 16px;
        letter-spacing: 0.025em;
        text-transform: none;
      }
  
      &.focus-or-filled {
        label {
          width: calc(100% - 20px);
        }
      }
    }
  
    .form-control {
      height: 40px;
      margin: 0;
      padding: 5px 20px;
      font-size: 16px;
      font-family: var(--font-family-sans-serif);
      letter-spacing: 0.025em;
      border:1px solid var(--brand-primary);
      color:var(--brand-text-body);
  
      &::-moz-placeholder{
        color:var(--brand-text-body);
      }
  
      &:-ms-input-placeholder{
        color:var(--brand-text-body);
      }
  
      &::placeholder{
        color:var(--brand-text-body);
      }
    }
  
    .btn {
      display: block;
      width: 100%;
      margin-top: 14px;
    }

}

/* NEW */

div.homepage-carousel{
  display:block;
}








/***** Icon Link Item Styling *****/
  
.iconNavigation-card{
  width:140px;
  margin-bottom:30px;
  text-align: center;

  img, svg{
    display:block;
    margin:0 auto 10px;
  }

  a{
    color:var(--brand-text-primary);
    font-weight:var(--sans-serif-bold);
    border-bottom:2px solid var(--brand-primary);

    &:hover{
      text-decoration: none;
      color:var(--brand-text-tertiary);
      border-bottom-color:var(--brand-tertiary);
    }

    &:focus,
    &:active{
      border:2px solid #d1d1d1;
    }
  }
}




/***** Product Card Items Styling *****/
  
.productCard-item{
  padding:0px;
  margin-bottom:15px;
  border:1px solid #6B9B42;
  border-radius:6px;
  box-shadow: 1px 2px 4px 0 rgba(29, 29, 29, 0.25);
}

.productCard-top{
  padding:15px;
  border-radius:6px 6px 0 0;
  background-color:#6B9B42;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align: center;
      align-items: center;
}

.productCard-header{
  color:#FFF;
  margin-left:15px;
  font-size:20px;
}

.productCard-bottom{
  padding:15px;
  border-radius:0 0 8px 8px;
  background-color:#FFF;
}


/***** Image Card Items Styling *****/

.imageCard-item{
  padding:0px;
  border-radius:6px;
  box-shadow: 1px 2px 4px 0 rgba(29, 29, 29, 0.25);
}

.imageCard-top{
  border-radius:6px 6px 0 0;
  height:320px;
  background-repeat: no-repeat;
  background-size:cover;
  background-position: center;
}

.imageCard-bottom{
  border:1px solid var(--brand-primary);
  border-top:0px;
  padding:30px;
  border-radius:0 0 8px 8px;
  background-color:#FFF;
}

.imageCard-header{
  font-size:32px;
  font-weight:800;
  color:var(--brand-text-primary);
  margin-bottom:15px;
}

.imageCard-description{
  margin-bottom:30px;
}


.productCards-wrapper .productCard-item, .imageCards-wrapper .imageCard-item{
  &.col-sm-1{
    width:calc(8.33% - 20px);
  }
  &.col-sm-2{
    width:calc(16.66% - 20px);
  }
  &.col-sm-3{
    width:calc(25% - 20px);
  }
  &.col-sm-4{
    width:calc(33% - 20px);
  }
  &.col-sm-5{
    width:calc(41.66% - 20px);
  }
  &.col-sm-6{
    width:calc(50% - 20px);
  }
  &.col-sm-7{
    width:calc(58.33% - 20px);
  }
  &.col-sm-8{
    width:calc(66.66% - 20px);
  }
  &.col-sm-9{
    width:calc(75% - 20px);
  }
  &.col-sm-10{
    width:calc(83.33% - 20px);
  }
  &.col-sm-11{
    width:calc(91.66% - 20px);
  }
  &.col-sm-12{
    width:calc(100% - 20px);
  }
}





  .site-footer {
    background: var(--gray-base);
  
    .container-fluid{
      display:-ms-flexbox;
      display:flex;
    }
  
    .site-footer-image{
      margin-right:70px;
      display:none;
      background-image:url("/images/siteFooter-values.svg");
      background-repeat: no-repeat;
      background-size:cover;
      width:230px;
  
  
      @media (min-width:992px){
        display:block;
      }
    }
  
    .site-footer-content{
      width:100%;
    }
  
    a {
      color: white;
      transition:.2s;
  
      &:hover{
        text-decoration: none;
        color:var(--brand-text-primary);
      }
    }
  
    @media (min-width: 768px) {
      padding-top: 0;
    }
  }
  
  .site-footer-upper {
    margin-bottom: 40px;
    padding-top:30px;
    display:-ms-flexbox;
    display:flex;
  
    .footerLeft-container{
      -ms-flex:2;
          flex:2;
  
      .h6{
        color:#FFF;
      }
  
      .footer-nav{
        display:-ms-flexbox;
        display:flex;
        gap:60px;
        padding-bottom:30px;
        
        ul{
          list-style:none;
          padding-left:0px;
          font-size:14px;
          margin-bottom:0;
  
          li{
            line-height:30px;
          }
        }
      }
  
      .site-footer-icons{
        display:-ms-flexbox;
        display:flex;
        gap:15px;
        -ms-flex-align: center;
            align-items: center;
      }
  
      .footer-socials{
        display:-ms-flexbox;
        display:flex;
        gap:15px;
        padding:3px 15px 3px 0;
        border-right:2px solid var(--brand-primary);
  
        a{
          height:30px;
        }
      }
  
      .footer-apps{
        display:-ms-flexbox;
        display:flex;
        gap:15px;
        -ms-flex-align: center;
            align-items: center;
  
        a{
          height:25px;
        }
  
        svg{
          height:25px;
          width:100%;
        }
      }
  
      @media (max-width:768px){
        text-align:center;
  
        .footer-nav, .site-footer-icons{
          display:block;
        }
  
        .footer-socials{
          -ms-flex-pack: center;
              justify-content: center;
          padding:0;
          border-right:none;
        }
  
        .footer-apps{
          -ms-flex-pack: center;
              justify-content: center;
          padding-left:0;
          margin-top:15px;
          border:none;
        }
      }
    }
  
    .footerRight-container{
      -ms-flex:1;
          flex:1;
      margin-top:auto;
  
      @media (max-width:768px){
  
        .footer-logos{
          -ms-flex-pack: center;
              justify-content: center;
          margin-top:30px;
        }
  
        .footer-boilerplate{
          text-align: center;
        }
      }
    }
  
    .navbar-nav {
      float:none;
  
      > li {
  
        > a {
  
          &:hover,
          &:focus {
            background-color: var(--brand-tertiary);
          }
        }
      }
  
      @media (min-width: 768px) {
        width: 100%;  
        min-height: 0;
        text-align: center;
  
        > li {
          float: none;
          display: inline-block;
        }
      }
  
    }
  
    @media (max-width:768px){
      display:block;
    }
  }
  
  .footer-utility-links {
    border-top: 1px solid var(--brand-secondary);
    margin:0;
    padding-top:20px;
    padding-bottom:20px;
  
    display:-ms-flexbox;
  
    display:flex;
  
    > li:first-child{
      margin-left:0;
      padding-left:0;
    }
  
    > li {
      margin: 0;
      max-width: none;
      margin-left:auto;
      padding-left:15px;
      
      > a {
        padding:0;
        font-size: 14px;
        letter-spacing: .025em;
        text-align: center;
  
        &:hover,
        &:active,
        &:focus {
          background-color: var(--brand-tertiary);
        }
      }
    }
  
    @media (min-width: 768px) {
      width: 100%;  
      min-height: 0;
      text-align: left;
  
      > li {
        float: none;
        display: inline-block;
  
        > a {
          &:hover,
          &:active,
          &:focus {
            background-color: transparent;
            text-decoration: none;
          }
        }
      }
    }
  
    @media (max-width:768px){
      -ms-flex-wrap:wrap;
          flex-wrap:wrap;
      gap:12px;
  
      > li:first-child, li{
        margin:0 auto;
      }
    }
  }
  
  
  .footer-logos {
    width:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align: center;
        align-items: center;
  
    svg{
      height:50px;
      width:auto;

      &.logo-member-fdic{
        margin-right:20px;
      }
    }
  }
  
  .logo-member-fdic,
  .logo-equal-housing,
  .logo-ncua-insured {
    display: inline-block;
    width: 110px;
    height: auto;
  }
  
  .logo-member-fdic {
  }
  
  .logo-equal-housing {
  }
  
  .logo-ncua-insured {
    
  }
  
  body.investments .logo-member-fdic {
    visibility: hidden;
    display: none;
  }
  
  .footer-boilerplate {
    clear: both;
    margin-top: 30px;
    margin-bottom: 0;
    font-family: var(--font-family-sans-serif);
  
    small {
      display: block;
      font-size: 12px;
      line-height: 20px;
      color: white;
  
      a:not(.btn) {
        font-size: inherit;
        font-variant: normal;
        text-transform: none;
        text-decoration: underline;
  
        &:hover,
        &:active,
        &:focus {
          color: var(--brand-text-primary);
        }
      }
    }
  }
/*# sourceMappingURL=alex.css.map */