.UsableNetAssistive-wrapper a:focus {
outline:1px solid #fff;
     outline-offset: 3px;
}
    
.card > img {
    padding-top:30px;
}
.card.support-tips img {
    width:65px;
}
.ff-din-2014 {
font-family: din-2014,sans-serif;
}
@media (min-width: 768px) {
    .border-right-md {
        border-right: 1px solid #dee2e6;
    }
}
@media (max-width: 767px) {
    .border-bottom-sm {
        border-bottom: 1px solid #dee2e6;
    }
}
@media screen and (max-width: 768px) {
    .bannerWrapper .home-slider .slide-inner h1 {
        font-size: 52px;
         max-width: max-content;
    }
}
@media screen and (max-width: 992px) {
.subpage-banner.image-banner .inner p {
    margin-left: auto;
    margin-right: auto ;
}
}
/*share icon red showing*/
section.share a {
    background:none;
    width: auto;
    height:auto;
}
.services-table td {
     background:none;
}
.slick-dots {
    text-align:center;
}
.disclosure p,
.disclosure li {
    font-size:16px;
}
/*shrink header banners*/
.subpage-banner h1 {
    font-size:4rem;
}
.subpage-banner .inner {
    padding: 2.5rem 0;
}
.subpage-banner:not([style*="background-image"]) .inner {
    padding:1.5rem 0 0 0;
}
/*alert bar adjustments */
.advisory p {
    font-weight:normal;
    font-size:18px;
    padding-right: 15px;
}
.advisory .close-advisory {
    font-size:20px;
    padding:8px 12px;
}
.advisory .text-wrapper {
    padding-right:10px;
}
.advisory img {
 float:left;
    width:19px;
    margin-left:0;
    margin-top: 3px;
}
@media screen and (max-width: 992px) {
  .advisory p { 
   max-width:initial;
   font-size: 16px;
  }
  .advisory img {
      margin-top:0;
  }
}

/*end alert bar*/

ul.list-unstyled {
    padding-left: 0;
    list-style: none;
}
ul.list-unstyled li {
   font-family: 'din-2014';
   font-size:16px;
   padding:0;
}
ul.list-unstyled li:before,
ul.list-unstyled li a:after {
    content:none !important;
}
.text-decoration-none {
    text-decoration: none !important;
}
.bg-repeat-0 {
    background-repeat: no-repeat !important;
}
.bg-position-center {
    background-position: center !important;
}
.bg-size-cover {
    background-size: cover !important;
}
.h4 {
    font-size: calc(1.275rem + 0.3vw);
    line-height: 1.4;
    font-weight: 800;
}
.h4:after {
     content:none;
}
#cludo-search-form {
    background: #039fd7;
}
@media (min-width: 992px) {
.border-end-lg {
border-right: 1px solid #ccc;
}
section.share a {
    background: none;
    padding:0;
    height:auto;
}
.number {
    font-size:64px;
}

.h1 {
    font-size:3.5rem;
}
h2 {
    margin-bottom: 1.25rem;
}
ins {
    text-decoration:none;
}

.card {
    height:auto;
}
}
@media screen and (min-width: 1201px) {
.bannerWrapper .home-slider .slide-inner h1 {
    font-size: 94px;

        max-width: 900px;
}
}
.bannerWrapper .home-slider .slide-inner p {
    max-width: 570px;
}
@media screen and (max-width: 991px) {
.h1 {
    font-size: 3rem;
}
}
.h2 {
    font-family: din-2014,sans-serif;
    font-weight: 800;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    line-height: 100%;
    margin: 0 auto;
    max-width: 750px;
    letter-spacing: 0px;
     color:#444;
}
.h-underline:after {
    margin: 10px auto 12px auto;
    content: "";
    border-bottom: solid 13px #EE3831;
    width: 100px;
    display: block;
}
/*hide Osano CMP cookie widget icon*/
.osano-cm-widget { display: none; }
/*reset merit button css - dropdown boostrap*/
.btn-primary.dropdown-toggle {
    padding:8px 18px;
}
.btn-primary.dropdown-toggle:after {
    content: "";
    padding-left: initial;
    position: initial;
    top: initial;
}
.faq a {
    text-decoration:underline;
}
.toggle-container #accordion.faq .card-body p {
        font-size: 20px;
}
.faq .card ul li a:after {
    content:"";
    padding-left:0;
}
.faq ol li {
    color:#fff;
}
.btn-primary.dropdown-toggle:hover:after {
    content: "";
    padding-left: initial;
    position: initial;
    top: initial;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    background-color: #EE3831;
    border-color: #EE3831;
}
@media screen and (max-width: 768px) {
.text-xs-center {
    text-align:center;
}
}
@media screen and (max-width: 991px) {
h2 {
    font-size: 2rem;
}
h3 {
    font-size: 1.75rem;
}
}

@media (min-width: 1200px) {
.h4 {
    font-size: 1.5rem;
}
}

.dropdown .btn-primary + .dropdown-menu .dropdown-item {
    font-size:17px;
}
.dropdown .btn-primary + .dropdown-item:hover {
    background-color:#eee;
}
.card.support-tips:after {
height: 92px;
}
/*set missed primary button to brand red*/
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        background-color: #BF0000;
        border-color: #BF0000;
}
.dropdown-item.active, .dropdown-item:active {
background-color: #f8f9fa;
}
body.theme-font-serif p {
    line-height:1.35em;
 
}
body.theme-font-serif p + ol,
body.theme-font-serif p + ul {
   /* margin-top: -1rem;*/
    margin-bottom: 2rem;
}
.font-din-2014 p,
.font-din-2014 ul li {

     font-weight: 400;
     line-height: 1.5;
     font-size:17px;
}
.text-din-2014 {
    font-family: din-2014,sans-serif;
}
/*.subpage-banner.image-banner .inner p,
.subpage-banner.video-banner p,
.card p {
    font-family: din-2014,sans-serif;
    font-weight: 400;
     line-height: 1.5;
}*/
.card p {
    margin-bottom:1rem;
    line-height: 1.5;
}
.card ul li {
    line-height:1.5;
}
.h2-left {
    text-align:left;
    margin: 0 0 .5rem 0;
}
.h2-left:after {
    margin: 10px 0 14px 0;
}
/*utilities*/
.my-2rem {
    margin-top:2rem !important;
    margin-bottom:2rem !important;
}
.m-2rem {
    margin:2rem !important;
}
.mb-2rem {
    margin-bottom:2rem !important;
}
.mt-2rem {
    margin-top:2rem !important;
}
.mx-2rem {
    margin-left:2rem !important;
    margin-right:2rem !important;
}
.py-2rem {
    padding-top:2rem !important;
    padding-bottom:2rem !important;
}
.p-2rem {
    padding:2rem !important;
}
.pb-2rem {
    padding-bottom:2rem !important;
}
.pt-2rem {
    padding-top:2rem !important;
}
.px-2rem {
    padding-left:2rem !important;
    padding-right:2rem !important;
}
.max-w-100 {
    max-width:100%;
}
.lh-1 {
    line-height: 1!important;
}
.lh-sm {
    line-height: 1.25!important;
}
.lh-base {
    line-height: 1.5!important;
}
.lh-lg {
    line-height: 2!important;
}
.h3 {
    font-family: din-2014,sans-serif;
    font-size: 1.75rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom:.5rem;
}

@media screen and (max-width: 1200px) {
.h3 {
    font-size: 1.75rem;
}
}
@media screen and (max-width: 992px) {
.h3 {
    font-size: 1.5rem;
}
body.theme-font-serif p {
    margin-bottom:1rem;
    }
.toggle-container #accordion .card-header {
    padding:10px 0px;
}
.toggle-container #accordion {
    padding:0;
}
#resources .cover-bkg-img {
    display: none;
}
}
h5:after {
margin: inherit;
}
.h3:after {
     content:none;
}
.h3-u-gray:after {
content: "";
    border-bottom: solid 9px #E5E5E5;
    width: 70px;
    display: block;
    margin: 7px 0px 1rem 0;
}
.u-center-gray:before {
    content: "";
    position: absolute;
    width: 50%;
    bottom: 0;
    left: 25%;
    border-bottom: solid 7px #E5E5E5;
}
/*faq*/
.toggle-container #accordion .card-header {
    padding:12px 0;
}
/* blog */
article.post h1 {
    font-size: calc(1.25rem + 1.25vw);
}
article.post section.post-content .excerpt p {
font-size: calc(.75rem + .75vw);
}
body.theme-color-earth article.post  a {
     color: #2077D5;
}
@media screen and (min-width: 1200px) {
article.post h1  {
    font-size: 42px;
}
article.post section.post-content .excerpt p {
    font-size:20px;
}
}
.post-meta time {
    letter-spacing:1px;
}
article.post ul li ul,
article.post ol li ol,
article.post ol li ul,
article.post ul li ol {
    margin-top:-.5rem;
}
article.post ul li ul li,
article.post ol li ol li,
article.post ol li ul li,
article.post ul li ol li {
    padding-bottom:.15rem;
    
}
article.post li {
    padding-top:0;
    margin-bottom:1rem;
    padding-bottom:0;
    font-weight:400;
}
/* lead in */
.lead-in {
    max-width: 800px;
}
article.post h5 {
    line-height: 1.1;
}
article.post h5:after {
    content:none;
}
/*card features*/
.card-feature {
  box-shadow: 0 0 29px 0 rgb(68 88 144 / 12%);
  height:auto;
}
.card-feature .card-body a {
  color:#333;
  display:block;
}
.card-feature .card-body img {
  width:64px;
  transition: all 0.15s ease-in-out;
}
.card-feature .card-body .card-title {
    font-size: 1.25rem;
}
.card-feature .card-body .card-title:after {
    content: none;
}
.card-feature .card-body .card-text {
    font-size:16px;
}
.card-border-bottom-red {
    border-bottom: #ee3831 16px solid;
}
/*red wipe on hover*/
.bg-wipe-dark a {
    transition: all 0.10s ease-in-out;
}
.bg-wipe-dark {
  position: relative;
  overflow: hidden;
   z-index: 1;
}
.bg-wipe-dark:hover a,
.bg-wipe-dark:hover h5, 
.bg-wipe-dark:hover p {
  color:#fff;
  text-decoration:none;
}
.bg-wipe-dark:hover img {
 filter: brightness(800%) contrast(800%);
}
.bg-wipe-dark img {
  
}
.bg-wipe-dark:before {
  background: #ee3831;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleY(0);
  transform-origin: 50% 100%;
      transition: all 0.2s;
  transition-property: transform;
  transition-timing-function: ease-out;
  z-index: -1;
}
.bg-wipe-dark:hover:before {
  transform: scale(1);
}
.text-decoration-underline {
    text-decoration:underline;
}
.bg-wipe-dark:hover a.text-decoration-underline {
    text-decoration:underline;
}
/*h2 red bar tighten fix*/
h2:after {
  margin: 10px auto 12px auto;
}
/*Dark Hero
.subpage-banner .pre-header, 
.subpage-banner h1,
.subpage-banner p {
    color:#212529;
}
.subpage-banner .pre-header {
    border-left-color: #212529;
    border-right-color: #212529;
}
.subpage-banner h1:after {
    border-bottom-color:  rgba(0,0,0,0.35);
}
.subpage-banner .btn-primary.white {
    border-color:#212529;
    color:#212529;
}
.subpage-banner .btn-primary.white:after {
    content: url(/media/lyzb4r0i/btnarrowdark.svg);
}
.subpage-banner .btn-primary.dark-hover:hover, .subpage-banner .btn-primary.dark-hover:not(:disabled):not(.disabled):active, .subpage-banner .btn-primary.dark-hover:active, .subpage-banner .btn-primary.dark-hover:focus {
    background-color:#fff;
    color:#212529;
    border-color:#212529;
}*/

.custom-checkbox.checklist .custom-control-label::before, 
.custom-checkbox.checklist .custom-control-label::after {
top: 5px;
width: 1.25rem;
height: 1.25rem;
}
.custom-checkbox.checklist .custom-control-label {
    font-family: questa,serif;
    font-weight: initial;
    text-transform: initial;
    font-size: 20px;
    padding-left:5px;
}
.custom-checkbox.checklist .custom-control-label:hover {
 cursor:pointer;
}
.custom-checkbox.checklist .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #ee3831;
}
.custom-checkbox.checklist .custom-control-label::before {
    border-radius: 0;
    border-color: #212529;
}
.custom-checkbox.checklist .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow:none;
}
.custom-checkbox.checklist .custom-control-input:checked ~ .custom-control-label::before {
    border-color:inherit;
    background-color:inherit;
}
.custom-checkbox.checklist .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color:inherit;
}
.custom-checkbox.checklist .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    background-color: #ee3831;
    border-color: #ee3831;
}
.custom-checkbox.checklist .custom-control-input:checked + label {
  text-decoration: line-through;
}
/*extending bs spacing*/
.pb-6, .py-6 {
    padding-bottom: 6rem !important;
}
.pt-6, .py-6 {
    padding-top: 6rem !important;
}
.mb-6, .my-6 {
    margin-bottom: 6rem !important;
}
.mt-6, .my-6 {
    margin-top: 6rem !important;
}
/*end extending bs spacing*/
 
.table-m1st {
  border-bottom: solid 10px #EE3831 !important;
}
.table-rates-wrapper .table-bordered td {
    border: 1px solid #dee2e6;
}
.table-rates-wrapper th,
.table-rates-wrapper td {
    padding:12px;
  
}
.table-rates-wrapper .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f8f9fa;
}
@media screen and (max-width: 992px) {
.table-rates-wrapper th,
.table-rates-wrapper td {
    padding:10px;
    font-size:16px;
}
}

/*mobile changes - logo size, open account added */
 @media screen and (max-width: 992px) {
    body .header .nav-bar .nav-link:last-of-type {
        display:none;
    }
        .mobile-header-cta {
            float:left;
            margin: 4px 24px 0 0;
            
        }
        .mobile-header-cta .btn-primary {
            border:1px solid #333;
        }
        .mobile-header-cta .btn-primary:hover {
            border:1px solid #ee3831;
        }
        .mobile-header-cta .btn-sm {
            padding: .25rem .5rem .22rem .5rem !important;
            font-size: 0.875rem !important;
        }
        .mobile-header-cta .btn-primary:after {
            content:none;
        }
        body .header .logo {
            padding:10px 24px;
        }
        body .header .logo-image {
            height:100%;
        }
        body .header {
            border-bottom: 1px solid hsla(228,9%,89%,.5);
            padding-top: 37px;
        }
        .breadcrumb-wrapper {
            margin-top: 0px;
        }
        .breadcrumb-wrapper .breadcrumb {
            padding: 8px 0px 8px 0px;
        }
        body .header {
            padding-top:28px;
            padding-bottom:0;
        }
}
@media screen and (max-width: 417px) {
    .mobile-header-cta .btn-sm {
        font-size: 0.625rem !important;
    }
}
@media screen and (max-width: 350px) {
    .mobile-header-cta .btn-sm {
        font-size: 0.5rem !important;
    }
}

.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: 1;
  content: '';
  display: block;
  border: 5px solid #020c19;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #213d70;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-align: center;
  z-index:3;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -20px;
  top: 28px;
  transform: rotate(-45deg);
}

/* top right */
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -20px;
  top: 28px;
  transform: rotate(45deg);
}

/*osano right side bar*/
.osano-cm-window  p {
    font-size:14px;
    margin-bottom:0;
}
.osano-cm-window .osano-cm-header,
body.theme-font-serif .osano-cm-window  p {
    margin-bottom:0;
}
.osano-cm-window .osano-cm-drawer-toggle .osano-cm-label,
.osano-cm-window .osano-cm-header {
    font-size:16px;
    font-weight:700;
    text-transform:none;
}
.osano-cm-window .osano-cm-disclosure__toggle, 
.osano-cm-window .osano-cm-expansion-panel__toggle {
    color:#007bff;
    font-size:14px;
}
.osano-cm-window .osano-cm-description:last-of-type {
    border-bottom: 1px solid #0000001a;
    margin: 0 -1.5em 1em;
    padding: 1.5em 1.5em 0;
}
.osano-cm-window .osano-cm-button {
    background-color: #ee3831;
    border-radius:0;
    border:none;
    padding:.75em 1em;
    color:#fff;
    text-transform:uppercase;
}
/*osano dialog bottom of page*/
.osano-cm-window__dialog .osano-cm-message {
    font-size:14px;
}
.osano-cm-window__dialog .osano-cm-link {
    color:#007bff;
     font-size:14px;
}
/* SOCIAL SHARING */


/* Clean Headings */
.h1-unstyled,
.h2-unstyled,
.h3-unstyled {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
.h1-unstyled {
    font-size: calc(1.375rem + 1.5vw);

}
.h2-unstyled {
    font-size: calc(1.325rem + .9vw);
    text-transform:inherit;
    text-align:inherit;
    max-width:none;
    letter-spacing:inherit;
    margin-left:0;
    margin-right:0;
}
.h1-unstyled:after,
.h2-unstyled:after {
    content:none !important;
}


.h2-unstyled  {
    font-size: 2rem;
}

.h3-unstyled {
    font-size: calc(1.3rem + .6vw);
}

/*Fixes for heading nav after financial wellness was added */
    @media only screen and (max-width: 1599px) {
        body .header .nav-bar .nav-link {
            font-size:18px;
        }
        body .header .nav-bar .nav-link {
            padding: 8px 40px 8px 0px
        }
         body .header .logo-image {
                height:auto;
            }
    }
   @media only screen and (max-width: 1399px) {
          body .header .nav-bar .nav-link {
            font-size:15px;
        }
       .nav-link--home {
               margin-right: 5px;
       }
           body .header .nav-link .umb-grid {
            right: -60px;
    }
    }
    
    
@media (min-width: 500px) {
.text-sm-start {
    text-align: left !important;
}
}