@font-face {
	font-family: 'Open Sans';
	src: url('../../../../etc/designs/comerica/fonts/OpenSans/OpenSans-VariableFont-wdth-wght.woff2') format('woff2-variations'), url('../../../../etc/designs/comerica/fonts/OpenSans/OpenSans-VariableFont-wdth-wght.ttf') format('truetype');
	font-display: swap;

}
@font-face {
	font-family: 'Open Sans';
	src: url('../../../../etc/designs/comerica/fonts/OpenSans/OpenSans-VariableFont-wdth-wght.woff2') format('woff2-variations'),url('../../../../etc/designs/comerica/fonts/OpenSans/OpenSans-Italic-VariableFont-wdth-wght.ttf') format('truetype');
    font-style: italic;
	font-display: swap;
}
/* imports for all less variable files */
/* colors */
/* ------------------------------------------------------------------------- */
/* Colors */
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
/* TYPOGRAPHY */
/* ------------------------------------------------------------------------- */
html,
body,
#wrapper {
  font-family: 'Open Sans', sans-serif;
  font-weight: 340;
  font-stretch: 94%;
  font-size: 1rem;
  /* 16px */
  line-height: 1.5;
}
.text {
  font-size: 1rem;
}
h1,
h2,
h3,
.ratesfeesnontabbed h3,
.ratesfeesnontabbed .title,
.promo-tile-content h3,
.promo-tile-content .promo-tile-title,
.text h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 775;
  font-stretch: 88%;
}
h1 {
  font-size: 2.75rem;
  line-height: 1;
}
h2,
.learn-container h2,
.taggedarticlelist .learn-container h2 {
  font-size: 2rem;
  line-height: 1;
}
/* All the h3 Tags */
h3,
.text h3,
.ratesfeesnontabbed h3,
.ratesfeesnontabbed .title,
.promo-tile-content h3,
.promo-tile-content .promo-tile-title {
  font-size: 1.5rem;
  line-height: 1.25;
}
h4,
.h4,
.sub-title {
  font-size: 1.25rem;
  line-height: 1.25;
  font-family: 'Open Sans', sans-serif;
  font-weight: 640;
  font-stretch: 90%;
}
.page-title h4,
.page-title .h4 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 340;
  font-stretch: 94%;
}
h5,
.h5 {
  font-size: 1rem;
  line-height: 1.5;
  font-family: 'Open Sans', sans-serif;
  font-weight: 640;
  font-stretch: 90%;
}
h6,
.h6 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-stretch: 75%;
  font-size: .75rem;
  line-height: 1.25;
}
.promo-tile-content p {
  font-family: 'Open Sans', sans-serif;
  font-weight: 340;
  font-stretch: 94%;
  font-size: 1rem;
  line-height: 1.5;
}
.blockquote {
  font-family: 'Open Sans', sans-serif;
  font-weight: 640;
  font-stretch: 90%;
  font-size: 1.25rem;
  line-height: 1.25;
  font-style: italic;
}
strong {
  font-family: 'Open Sans', sans-serif;
  font-weight: 640;
  font-stretch: 90%;
}
li {
  font-family: 'Open Sans', sans-serif;
  font-weight: 340;
  font-stretch: 94%;
  line-height: 1.5;
}
.disclaimer {
  font-family: 'Open Sans', sans-serif;
  font-weight: 340;
  font-stretch: 94%;
  font-size: .75rem;
  line-height: 1rem;
}
.learn-article a .authdate,
.learn-article a .authname {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-stretch: 94%;
}
/* ------------------------------------------------------------------------- */
/* All the buttons */
/* ------------------------------------------------------------------------- */
.btn-info,
.fullwidthpage .btn-info {
  font-family: 'Open Sans', sans-serif;
  font-weight: 775;
  font-stretch: 88%;
  font-size: 1.125rem;
}
button#dropdownMenuButton.btn-lg.btn-secondary.dropdown-toggle.animated.fadeInUpShort.go,
.btn-group-lg > button#dropdownMenuButton.btn-secondary.dropdown-toggle.animated.fadeInUpShort.go.btn,
.btn-secondary {
  font-family: 'Open Sans', sans-serif;
  font-weight: 640;
  font-stretch: 90%;
  font-size: 1.25rem;
}
.tab-title,
.tab-heading {
  font-family: 'Open Sans', sans-serif;
  font-weight: 640;
  font-stretch: 90%;
  font-size: 1.25rem;
}
/* ------------------------------------------------------------------------- */
/* Main Nav */
/* ------------------------------------------------------------------------- */
.nav-segments {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-stretch: 75%;
}
.dropdown-menu {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-stretch: 75%;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.main-navigation .top-child-nav .top-child-nav-item .nav-item > .nav-link,
.main-navigation .top-child-nav .top-child-nav-item .nav-item > span {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-stretch: 75%;
  font-size: 1rem;
}
.login-button > span {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-stretch: 75%;
}
.main-navigation .dropdown-menu .compare-btn {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-stretch: 75%;
}
.zipcodebar .go-button {
  font-family: 'Open Sans', sans-serif;
  font-weight: 775;
  font-stretch: 88%;
}
.secondarynavigation .nav-category-title {
  font-family: 'Open Sans', sans-serif;
  font-weight: 640;
  font-stretch: 90%;
}
@media screen and (max-width: 991.8px) {
  .nav-menu .nav-section-title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 640;
    font-stretch: 90%;
  }
}
/* ------------------------------------------------------------------------- */
/* Footer */
/* ------------------------------------------------------------------------- */
.footer-container {
  font-size: 0.75rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 340;
  font-stretch: 94%;
  line-height: 2;
}
.footer-copyright {
  font-size: 0.75rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-stretch: 94%;
  line-height: 2;
}
/* ------------------------------------------------------------------------- */
/* Forms */
/* ------------------------------------------------------------------------- */
form label,
form input,
form textarea,
.helper-text {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-stretch: 94%;
}
form .form_field_text,
form .form_field_textarea {
  font-family: 'Open Sans', sans-serif;
  font-weight: 340;
  font-stretch: 94%;
}
/* ------------------------------------------------------------------------- */
/* Tablet sizes */
/* ------------------------------------------------------------------------- */
@media screen and (max-width: 991.8px) {
  h1 {
    font-size: 2.5rem;
  }
  h2,
  .learn-container h2,
  .taggedarticlelist .learn-container h2 {
    font-size: 1.75rem;
  }
  h3,
  .text h3,
  .ratesfeesnontabbed h3,
  .ratesfeesnontabbed .title,
  .promo-tile-content h3,
  .promo-tile-content .promo-tile-title {
    font-size: 1.5rem;
  }
  h4,
  .h4 {
    font-size: 1.25rem;
  }
  li {
    font-size: 1rem;
  }
}
/* ------------------------------------------------------------------------- */
/* Mobile sizes */
/* ------------------------------------------------------------------------- */
@media screen and (max-width: 767.8px) {
  h1 {
    font-size: 2.25rem;
  }
  h2,
  .learn-container h2,
  .taggedarticlelist .learn-container h2 {
    font-size: 1.625rem;
  }
  h3,
  .text h3,
  .ratesfeesnontabbed h3,
  .ratesfeesnontabbed .title,
  .promo-tile-content h3,
  .promo-tile-content .promo-tile-title {
    font-size: 1.25rem;
  }
  h4,
  .h4 {
    font-size: 1.125rem;
  }
  .learn-article-title {
    font-size: 1.125rem;
    line-height: 1.2;
  }
  .text,
  li {
    font-size: 1rem;
  }
  .blockquote {
    font-size: 1.125rem;
  }
  /* All the buttons */
  .btn-info,
  .fullwidthpage .btn-info,
  .btn-secondary {
    font-size: 1.125rem;
  }
  button#dropdownMenuButton.btn-lg.btn-secondary.dropdown-toggle.animated.fadeInUpShort.go,
  .btn-group-lg > button#dropdownMenuButton.btn-secondary.dropdown-toggle.animated.fadeInUpShort.go.btn,
  .btn-secondary {
    font-size: 1.125rem;
  }
  .article-learn-more {
    font-size: 1rem;
  }
  .tab-title,
  .tab-heading {
    font-size: 1.125rem;
  }
}
/* ------------------------------------------------------------------------- */
/* other componets */
/* ------------------------------------------------------------------------- */
.authorlist .contributor-title {
  font-family: 'Open Sans', sans-serif;
  font-weight: 640;
  font-stretch: 90%;
}
.zip-inputWrapper .zip-error-messaging {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-stretch: 94%;
}
.nav-promo-cta.btn {
  font-family: 'Open Sans', sans-serif;
  font-weight: 775;
  font-stretch: 88%;
}
.tabcontainer-inner .tab-btn {
  font-family: 'Open Sans', sans-serif;
  font-weight: 640;
  font-stretch: 90%;
}
table.compare tr.category td {
  font-family: 'Open Sans', sans-serif;
  font-weight: 640;
  font-stretch: 90%;
}
.sitemap .sitemap-wrap .level-1 > .link {
  font-family: 'Open Sans', sans-serif;
  font-weight: 775;
  font-stretch: 88%;
}
.sitemap .sitemap-wrap .level-2 > .link {
  font-family: 'Open Sans', sans-serif;
  font-weight: 640;
  font-stretch: 90%;
}
.sitemap .sitemap-wrap .level-3 > .link {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-stretch: 94%;
}
.sitemap .sitemap-wrap .level-4 > .link,
.sitemap .sitemap-wrap .level-5 > .link,
.sitemap .sitemap-wrap .level-6 > .link {
  font-family: 'Open Sans', sans-serif;
  font-weight: 340;
  font-stretch: 94%;
}
/* ------------------------------------------------------------------------- */
/*  BELOW HERE IS UNVERIFIED FROM MIGRATION            */
/*  RULES HAVE BEEN ADJUSTED FOR 1:1 FONT UPDATE ONLY  */
/*  - HERE BE DRAGONS -   Rarrrr!                      */
/* ------------------------------------------------------------------------- */
.tooltip,
.popover {
  font-family: 'Open Sans', sans-serif;
  font-weight: 340;
  font-stretch: 94%;
  line-height: 1.5;
}
.large-nav .col {
  font-family: 'Open Sans', sans-serif;
  font-weight: 340;
  font-stretch: 94%;
  font-size: 1rem;
}
.breadcrumb {
  font-size: 0.688rem;
}
.sectioncta .btn-info {
  font-family: 'Open Sans', sans-serif;
  font-weight: 640;
  font-stretch: 90%;
  font-size: 1.875rem;
}
.cma-btn {
  font-family: 'Open Sans', sans-serif;
  font-weight: 340;
  font-stretch: 94%;
  font-size: 1rem;
}
.catcontainer h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-stretch: 75%;
}
.catcomp .content h3 {
  font-size: 1.25rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-stretch: 75%;
}
.authorinfo .profiletext h4,
.authorinfo .profiletext .h4 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-stretch: 75%;
}
.authorinfo .profiletext h6,
.authorinfo .profiletext .h6 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-stretch: 75%;
}
.blogtemplate .sidebar-module-inset h2 {
  line-height: 1;
  font-size: 1.75rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 340;
  font-stretch: 94%;
}
.blogtemplate .sidebar-module-inset h3.cta-phone {
  font-family: 'Open Sans', sans-serif;
  font-weight: 340;
  font-stretch: 94%;
}
.blogtemplate .sidebar-module-inset.alt h2,
.sidebar-module-inset.alt h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 340;
  font-stretch: 94%;
  font-size: 1.75rem;
}
.blogtemplate .titlecol1,
.blogtemplate .titlecol2,
.blogtemplate .titlecol3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-stretch: 75%;
  font-size: 1.5rem;
}
.get-app-link {
  font-size: 3rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 340;
  font-stretch: 94%;
}
.authorinfo .profiletext h4,
.authorinfo .profiletext .h4 {
  font-weight: bold;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 600;
  font-stretch: 75%;
}
.authorinfo .profiletext h6,
.authorinfo .profiletext .h6 {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 600;
  font-stretch: 75%;
}
.phonenumber {
  font-size: 2.25rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-stretch: 75%;
}
.pagetitle-nobar {
  font-family: 'Open Sans', sans-serif;
  font-weight: 340;
  font-stretch: 94%;
  font-size: 1.5rem;
}
.sb-one-up h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-stretch: 75%;
}
.profile p {
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-stretch: 75%;
}
.profile-name {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 600;
  font-stretch: 75%;
  font-size: 2.5rem !important;
  line-height: 1.2;
}
.profile-title {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-stretch: 75%;
  font-size: 1.25rem !important;
  line-height: 1.2;
}
.profile-phone {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-stretch: 75%;
  font-size: 0.875rem !important;
  line-height: 1.2;
}
.profile-email {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 600;
  font-stretch: 75%;
  font-size: 0.875rem !important;
  line-height: 1.2;
}
.profile-homepage {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 600;
  font-stretch: 75%;
  font-size: 0.875rem !important;
  line-height: 1.2;
}