/**********************************************
 Kindred CSS
**********************************************/

/* RESETS ************************************/

body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

html { scroll-behavior: smooth; }

p {
  hyphens: none;
}

a:focus {
  outline-offset: 2px!important;
}

.component-c1-simple-info-card a:hover,
.component-collapsible-content a:hover,
.find-branch-atm a:hover,
.recaptcha-message a:hover,
.search-results a:hover {
  color: inherit!important;
}

/* take out a bit of bottom margin on icon info card */
.component-icon-info-card .icon-info-card-content {
  margin-bottom: 0;
}

/* cta buttons */
.component-call-to-action.dark-text.button-on-right .cta-text-content .component-button>a:hover {
  background-color: #1E6A73!important;
}

.component-call-to-action.dark-text.button-on-right .cta-text-content .component-button>a.primary:after {
  color: #050505!important;
}

/* fix to the accessibility page expandable content */
div#body_1655453881184 {
  background: transparent!important;
}

/* hero extra styles */
.component-hero .hero-text-area {
  margin: 0!important;

}

/*some empty components have a negative margin that pushes the layout up*/
#iw_comp1650081162464,
#iw_comp1650081162611,
#iw_comp1650081162618,
#iw_comp1650081162486,
#iw_comp1650081162342,
#iw_comp1650774500915 {
  margin-top: 0!important;
}

/*arrow overlaps with hero*/
#iw_comp1650081162611 .component-picture /*living our purpose*/,
#iw_comp1650081162618 .component-picture /*about*/,
#iw_comp1650081162486 .component-picture /*investing*/,
#iw_comp1650081162464 .component-picture /*mortgages*/,
#iw_comp1650081162342 .component-picture /*home*/,
#iw_comp1650774500915 .component-picture /*loans*/ {
  margin-top: -20px;
}



/* HELPERS ************************************/

.xl-text { font-size: 60px!important; }
.lg-text { font-size: 40px!important; }
.md-text { font-size: 32px!important; }
.sm-text { font-size: 28px!important; }
.xs-text { font-size: 24px!important; }
.xxs-text { font-size: 20px!important; }

@media (max-width: 1025px) {
  .xl-text { font-size: 55px!important; }
  .lg-text { font-size: 37.5px!important; }
  .md-text { font-size: 30px!important; }
  .sm-text { font-size: 26.25px!important; }
  .xs-text { font-size: 22.5px!important; }
  .xxs-text { font-size: 18.75px!important; }
}

@media (max-width: 641px) {
  .xl-text { font-size: 50px!important; }
  .lg-text { font-size: 35px!important; }
  .md-text { font-size: 26px!important; }
  .sm-text { font-size: 24.5px!important; }
  .xs-text { font-size: 21px!important; }
  .xxs-text { font-size: 17.75px!important; }
}

@media (min-width: 1025px) {
  .mw-breadcrumb-banner {
    max-width: 700px;
  }
}

.bg-turquoise { background: #24828d; }
.bg-navy { background: #00416b; }
.bg-turquoise-light { background: #E9F8F9; }
.bg-turquoise-lightest { background: #f4fbfc; }
.bg-driftwood { background: #7f7762; }
.bg-driftwood-light { background: #f4f2ee; }
.bg-putty { background: #79757a; }
.bg-slate { background: #3b3a3e; }

.plain-link-style a {
  border-bottom: none!important;
  padding-bottom: 0!important;
}

.plain-link-style a:hover {
  text-decoration: underline!important;
}

.font-regular {
  font-weight: 400!important;
}

/* BOOTSTRAP *********************************/
/* there's a style sheet for bootstrap classes - put them there */



/**********************************************
 SECONDARY BUTTON STYLE
**********************************************/
div.component-button a.secondary,
div.component-call-to-action.dark-text.button-on-right .cta-text-content .component-button>a {
  background: #24828d;
  color: #fff;
  font-size: 16px;
  padding: 1.1em 3em .9em 1.25em;
  line-height: 1;
  position: relative;
  letter-spacing: 1px;
  border: none;
  font-weight: bold;
  border-radius: 0;
  min-width: 0;
}

div.component-button a.secondary:hover {
  filter: none;
  border: none;
  color: #ffffff;
}

div.component-button a.secondary:after,
div.component-call-to-action.dark-text.button-on-right .cta-text-content .component-button>a.primary:after {
  content: ""!important;
  background: url(/assets/img/icons/ICON-kindred-arrow-black.svg);
  background-size: cover;
  position: absolute;
  top: 50%;
  margin: -1em 0 0 0;
  right: .5em;
  width: 2em!important;
  height: 2em!important;
  display: inline-block;
  font-size: 1em!important;
}


/**********************************************
 COOKIE MESSAGE
**********************************************/
#hs-eu-cookie-confirmation p,
div#hs-eu-cookie-confirmation {
  font-family: Avenir, sans-serif!important;
}

div#hs-eu-cookie-confirmation {
  box-shadow: 0 -1px 20px rgba(0,0,0,.4)!important;
  border-top: 3px solid #32b9c8!important;
  font-size: 16px!important;
  line-height: 1.7!important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
  padding: 3em 10%!important;
  max-width: 1280px!important;
}

@media (max-width: 480px) {
  body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
    padding: 2em 5%!important;
  }
}

/* paragraph */
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
  margin-right: 0!important;
  margin-left: 0!important;
  color: #3b3a3e!important;
}

@media (max-width: 480px) {
  body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
    line-height: 1.5!important;
    font-size: 14px!important;
  }
}

/* link in paragraph */
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p a {
  border-bottom: 2px solid #32b9c8!important;
  font-weight: 700!important;
  color: #3b3a3e!important;
}

@media (max-width: 480px) {
  body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p a {
    font-size: 14px!important;
  }
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p a:hover {
  border-bottom: 2px solid #f26647!important;
  text-decoration: none!important;
  font-weight: 700!important;
  color: #3b3a3e!important;
}

/* buttons */
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {
  margin-right: 0!important;
}

/* accept button */
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area a#hs-eu-confirmation-button {
  border-radius: 0!important;
  font-family: Avenir, sans-serif!important;
  font-weight: bold!important;
  letter-spacing: 1.4px!important;
  font-size: 14px!important;
  padding: 14px 28px!important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area a#hs-eu-confirmation-button:hover {
  background: #185F8C!important;
}

/* decline button */
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area a#hs-eu-decline-button {
  border-radius: 0!important;
  font-family: Avenir, sans-serif!important;
  font-weight: bold!important;
  letter-spacing: 1.4px!important;
  font-size: 14px!important;
  padding: 14px 28px!important;
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area a#hs-eu-decline-button:hover {
  background: #185F8C!important;
  color: #ffffff!important;
}

/**********************************************
 HEADER
**********************************************/

/* MOBILE MENU *******************************/
.megahamburger-menu-item-child-heading:hover,
.megahamburger-wrapper[data-current-level="3"] .child-quick-links .megahamburger-quick-link a:hover,
.megahamburger-wrapper[data-current-level="2"] .child-quick-links .megahamburger-quick-link a:hover {
  color: inherit!important;
}

.megahamburger-menu-item:nth-child(3) .megahamburger-menu-section-list .megahamburger-menu-list .megahamburger-menu-subsection-content .megahamburger-quick-links-wrapper .megahamburger-quick-links .megahamburger-quick-link:first-child a {
  font-weight: normal!important;
}

.megahamburger-menu-section-content-item {
  padding: 0!important;
}

.megahamburger-menu-section-content-item a,
.megahamburger-menu-list .megahamburger-menu-item-heading {
  padding: .6875rem 2.25rem .6875rem 1.1875rem!important;
  display: block;
  font-size: 14.4px!important;
  height: 46px;
}

.megahamburger-menu-item-child-heading,
.megahamburger-quick-link a, {
  padding: .6875rem 2.25rem .6875rem 1.1875rem!important;
  font-size: 14.4px!important;
  height: 46px;
}

.megahamburger-quick-links.child-quick-links,
.megahamburger-menu-list.hamburger-level-two,
.megahamburger-menu-subsection-content,
.megahamburger-menu-list {
  margin-top: 0!important;
}

.megahamburger-section-item-back {
  height: 46px!important;
}

.megahamburger-wrapper .megahamburger-navigation-wrapper .megahamburger-section-item-back::before {
  width: 25px!important;
  height:25px!important;
  padding-top: 10.5px;
  display: block;
  font-size: 24px!important;
}

.megahamburger-menu-header .header-navigation-action-icon.header-search-button {
  padding: 0;
  padding-right: 13px;
}

.megahamburger-menu-header .header-navigation-action-icon.header-search-button .fa {
  display: block;
  margin-top: -2px;
}

.megahamburger-menu-header .header-navigation-action-icon.header-search-button .fa:before {
  width: 25px;
  height: 25px;
}

.header-search-input.hamburger-search-input-wrapper {
  font-size: 14.4px;
}

.megahamburger-navigation-wrapper .search-input-wrapper {
  width: auto!important;
}

/* DESKTOP MENU *******************************/
.header-row-navigation-wrapper {
  margin-bottom: 0!important;
}

.header-row-navigation-top-row {
  height: 60px;
  min-height: 60px!important;
  background: #FFFFFF;
  position: relative;
  z-index: 100;
}

.header-row-centre-navigation-primary-nav {
  flex-grow: 1;
  margin-left: 5%!important;
  padding-top: 0!important;
}

.megamenu-wrapper .megamenu-tab {
  padding-right: 5px;
  padding-left: 5px;
  margin-right: 8%!important;

  height: 60px;
  display: flex;
  align-items: center;
  padding-bottom: 0!important;
  padding-top: 6px;
  font-size: 14px!important;
}

.megamenu-tab.generic-outline-on-light:focus {
  outline: none;
}

.megamenu-tab.generic-outline-on-light[aria-expanded="false"]:focus {
  outline: none;
  border-bottom: 3px solid #d44427;
}

/* DESKTOP OPEN MENU ***************************/
.megamenu-tab[data-selected="true"] .megamenu {
  left: 0!important;
  top: 60px;
  transform: none!important;
  margin-top: 0!important;
}

.megamenu {
  margin-top: 0!important;
}

/* LOGO **************************************/
@media (min-width: 1025px) {
  .header-navigation-logo {
    margin-left: .5rem!important;
  }
}

/* SEARCH/FIND BRANCH/LOGIN *******************/
.header-row-centre-navigation-login {
  margin-left: 25px!important;
  margin-top: 0!important;
}

.header-navigation-login-btn.general-cta-btn.secondary-btn.btn-outline-wcag {
  line-height: 1.6;
  font-size: 16px!important;
  height: 60px;
  max-height: 60px;
  display: flex;
  align-items: center;
  padding-top: 3px!important;
  padding-bottom: 0!important;
  padding-right: 1.5em!important;
  padding-left: 1.5em!important;
}

@media (min-width: 1025px) {
  .quick-actions-wrapper .picture-image img {
    min-width: 24px!important;
    min-height: 24px!important;
    width: 24px;
    height: 24px;
  }

  .quick-actions-wrapper.quick-actions-no-button {
    margin-top: .5rem!important;
  }

  .quick-actions-wrapper .header-find-branch-atm {
    margin-left: 25px;
    top: -2px!important;
  }
}

@media(min-width: 1025px) and (max-width: 1060px) {
  div.header-row-centre-actions-wrapper {
    right: 0!important;
    top: 0!important;
    position: absolute!important;
  }
}

.header-row-centre-actions-wrapper {
  margin-bottom: 0!important;
}

.header-navigation-login {
  padding: 0!important;
}


/**********************************************
 HERO
**********************************************/

.component-hero .hero-text-area {
  width: 100%!important;
}


/**********************************************
 ICON INFO CARD
**********************************************/

.component-icon-info-card.icon-top-centered.icon-size-md.text-align-center .icon-info-card-container .icon-info-card-text-content a {
  border-bottom: unset;
  color: #3b3a3e;
}

.component-icon-info-card.icon-top-centered.icon-size-md.text-align-center .icon-info-card-container .icon-info-card-text-content a:hover {
  color: #3b3a3e;
}

.component-icon-info-card.icon-top-centered.icon-size-md.text-align-center .icon-info-card-container .icon-info-card-text-content a:visited {
  opacity: .6;
  text-decoration: none;
}

.component-icon-info-card.icon-top-centered.icon-size-md.text-align-center .icon-info-card-container .icon-info-card-text-content a:focus {
  outline-offset: 2px;
  text-decoration: none;
}

.component-icon-info-card.icon-top-centered.icon-size-md.text-align-center .icon-info-card-container .icon-info-card-icon {
  margin-top: 14px;
}

/*icon menu on desktop*/
@media (min-width:1025px) {
  #iw_comp1643792758162 .layout-grid-item:nth-last-child(2) /*home*/,
  #iw_comp1643792772646 .layout-grid-item:nth-last-child(2) /*everyday banking*/,
  #iw_comp1652000155342 .layout-grid-item:nth-last-child(2) /*investing*/,
  #iw_comp1643792785059 .layout-grid-item:nth-last-child(2) /*about - who we are*/,
  #iw_comp1652000155274 .layout-grid-item:nth-last-child(2) /*about*/,
  #iw_comp1643792786705 .layout-grid-item:nth-last-child(2) /*living our purpose - engaging community */ {
    border-bottom: none;
  }
}

/*icon menu on mobile*/
@media (max-width:1024px) {
  #iw_comp1650774500917 .layout-grid-item:nth-child(odd) /*loans*/,
  #iw_comp1653450899972 .layout-grid-item:nth-child(odd) /*home - personal banking*/ {
    border-right: 1px dashed rgba(0,0,0,.15);
  }

  #iw_comp1650774500917 .layout-grid-item /*loans*/,
  #iw_comp1653450899972 .layout-grid-item /*home - personal banking*/ {
    border-bottom: 1px dashed rgba(0,0,0,.15);
  }

  #iw_comp1650774500917 .layout-grid-item:last-child /*loans*/,
  #iw_comp1641909081835 .layout-grid-item:last-child /*investing*/,
  #iw_comp1641909077560 .layout-grid-item:last-child /*mortgages*/,
  #iw_comp1638463619583 .layout-grid-item:last-child /*home*/,
  #iw_comp1653450899972 .layout-grid-item:last-child /*home - personal banking*/,
  #iw_comp1641909079495 .layout-grid-item:last-child /*everyday banking*/,
  #iw_comp1641909073185 .layout-grid-item:last-child /*living our purpose*/,
  #iw_comp1641909041257 .layout-grid-item:last-child /*about*/ {
    border-bottom: none;
  }

  #iw_comp1650774500917 .layout-grid-item:nth-last-child(2) /*loans*/,
  #iw_comp1641909077560 .layout-grid-item:nth-last-child(2) /*mortgages*/,
  #iw_comp1641909073185 .layout-grid-item:nth-last-child(2) /*living our purpose*/ {
    border-bottom: none;
  }
}

@media (min-width:769px) and (max-width:1024px) {
  #iw_comp1641909081835 .layout-grid-item:nth-last-child(2) /*investing*/,
  #iw_comp1641909079495 .layout-grid-item:nth-last-child(2) /*everyday banking*/,
  #iw_comp1638463619583 .layout-grid-item:nth-last-child(2) /*home*/,
  #iw_comp1653450899972 .layout-grid-item:nth-last-child(2) /*home - personal banking*/,
  #iw_comp1641909041257 .layout-grid-item:nth-last-child(2) /*about*/ {
    border-bottom: none;
  }
}

@media (max-width:768px) {
  .layout-grid-item {
    border-right: none!important;
  }
}

.icon-info-card-text-content:not(.plain) a {
  color: inherit!important;
}

.hero-mobile-icons {

}


/**********************************************
 VIDEO WITH TEXT
**********************************************/

@media (max-width: 1025px) {
  #iw_comp1654227870551 .layout-grid-container,
  #iw_comp1655160657525 .layout-grid-container /*first-time home buyers*/,
  #iw_comp1655453846814 .layout-grid-container /*living our purpose*/,
  #iw_comp1655453879936 .layout-grid-container /*membership*/ {
    flex-direction: column-reverse;
    width: 100%;
  }

  #iw_comp1654227870551 .layout-grid-item,
  #iw_comp1655160657525 .layout-grid-item /*first-time home buyers*/,
  #iw_comp1655453846814 .layout-grid-item /*living our purpose*/,
  #iw_comp1655453879936 .layout-grid-item /*membership*/  {
    width: 100%;
  }
}

/*only for living our purpose*/
#iw_comp1655453846814 .layout-grid-item:first-of-type {
  display: flex;
  align-items: center;
}


/*Careers page*/
#iw_comp1667218705825 .layout-grid-item:first-of-type {
  display: flex;
  align-items: center;
}

/**********************************************
 PICTURE CARD
**********************************************/

/* Header on Secondary pages *****************/
@media (max-width: 1024px) {
  .angle-right-primary-1-logo .component-picture .picture-image:after,
  .angle-right-secondary-2-logo .component-picture .picture-image:after,
  .angle-right-secondary-1-logo .component-picture .picture-image:after {
    top: 1px; /*this fixes the little bit of line that shows when you resize the window*/
    background-position: bottom left!important;
  }
}

/*alternating banner with angle*/
@media (min-width: 641px) {
  .angle-right-tertiary-3 .component-call-to-action {
    padding-top: 2em!important;
  }
}

@media (min-width: 1025px) {
  .angle-right-tertiary-3 .component-call-to-action {
    max-width: 640px;
    height: 600px;
    display: flex;
    align-items: center;
    margin-right: 0!important;
  }

  .angle-right-tertiary-3 .component-call-to-action p:last-child,
  .angle-left-white .component-call-to-action p:last-child {
    margin-bottom: 0;
  }

  .angle-left-white .component-call-to-action {
    max-width: 640px;
    height: 600px;
    display: flex;
    align-items: center;
    float: right;
  }
}


/**********************************************
 PICTURE INFO CARD
**********************************************/

/*button had some left padding, just need to take that away*/
.component-c1-simple-info-card.component-article .left-aligned-text .read-more-link {
  padding-left: 0;
}

.component-c1-simple-info-card.component-article .read-more-link>a.link {
  text-transform: none;
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 2px solid #32b9c8;
}

.component-c1-simple-info-card.component-article .read-more-link>a.link:hover {
  border-bottom: 2px solid #f26647;
}


/**********************************************
 RATES
**********************************************/

/*rates table*/
.component-live-rates-group-table th:last-child {
  padding-right: 0;
}

.rates-group-table-foreign-exchange th.rate.buy {
  padding-right: 0;
}

/*live rates promo*/
.rates-promo-container {
  padding-right: 5px;
  padding-left: 5px;
}

/*******************************
IFRAME FORM
********************************/

.iframe-container {
  overflow: hidden;
  /* 16:9 aspect ratio */
  padding-top: 56.25%;
  position: relative;
}
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

/**********************************************
 TABBED CONTENT
**********************************************/

.layout-c1-tabbed .tabbed-controls {
  padding-left: 0!important;
  padding-right: 0!important;
}

/*tabbed content isn't centered*/
.layout-c1-tabbed.auto-page-width {
  margin-right: auto!important;
  margin-left: auto!important;
}

/*tabbed controls don't move to top and set width*/
.tabbed-controls.tabbed-controls-vertical {
  flex: 0 0 30%!important;
  max-width: 30%!important;
  padding-right: 5%!important;
}

.tabbed-panes.tabbed-panes-vertical {
  flex: 0 0 70%!important;
  max-width: 70%!important;
}

@media (min-width: 641px) {
  .tabbed-controls.tabbed-controls-vertical {
    flex: 0 0 25%!important;
    max-width: 25%!important;
  }

  .tabbed-panes.tabbed-panes-vertical {
    flex: 0 0 75%!important;
    max-width: 75%!important;
  }
}

.tabbed-tabs.tabs-vertical {
  flex-direction: column!important;
}

/*take out box border*/
.tabbed-tab.tab-vertical {
  border-bottom: unset!important;
}

/*current tab state and focus*/
.tabbed-tab.tab-vertical[aria-selected="true"] span {
  border-bottom: 2px solid #32b9c8!important;
}

.tabbed-tab.tab-vertical[aria-selected="true"],
.tabbed-tab.tab-vertical[aria-selected="true"]:active,
.tabbed-tab.tab-vertical[aria-selected="true"]:focus,
.tabbed-tab.tab-vertical:active {
  outline: none!important;
}


/**********************************************
 COLLAPSIBLE CONTENT
**********************************************/
.component-collapsible-content a {
  color: inherit;
  padding-bottom: 2px;
  border-bottom: 2px solid #32b9c8;;
}

.component-collapsible-content a:hover {
  border-bottom: 2px solid #f26647;
  text-decoration: none;
}

.component-collapsible-content a.plain-link-style {
  padding-bottom: 0!important;
  border-bottom: none!important;
  font-weight: bold;
}

.component-collapsible-content a.plain-link-style:hover {
  text-decoration: underline!important;
  padding-bottom: 0!important;
  border-bottom: none!important;
}

.component-collapsible-content a.plain {
  padding-bottom: 0!important;
  border-bottom: none!important;
}

.component-collapsible-content a.plain:hover {
  padding-bottom: 0!important;
  text-decoration: none!important;
  border-bottom: none!important;
}


/**********************************************
 CALCULATOR
**********************************************/

.component-c1-calculator-injector {
  max-width: 732px;
  margin: 0 auto;
}

/**********************************************
 CONTACT FORM
**********************************************/

#iw_comp1655453846523 /*find your account manager*/ {
  background: #e9f8f9;
}


/**********************************************
 SEARCH RESULTS
**********************************************/

.site-search-component {
  max-width: 1281px;
  margin-right: auto;
  margin-left: auto;
}

.search-result:nth-child(2n) {
  background-color: #e9f8f9!important;
}

.search-result:hover {
  background-color: #F4FBFC!important;
}

.search-results .result-page-name {
  margin-bottom: .5rem!important;
  font-size: 1.2rem;
  line-height: 1.4;
}

.search-results .result-excerpt {
  line-height: 1.5;
}

/**********************************************
 SHARE NEWSLETTER TEMPLATE
**********************************************/
ol.share-highlights {
  font-size: 1.2rem;
  border-top: 4px solid #32b9c8;
  border-bottom: 4px solid #32b9c8;
  margin: 0;
  padding: .15em 0 .15em 2em;
}

ol.share-highlights li {
  padding: 1.6em 0 0 0;
  margin: 0;
}

ol.share-highlights li:after {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 1.5em;
  border-bottom: 1px dashed #32b9c8;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  left: -1.8em;
  padding-right: 1.7em;
}

ol.share-highlights li:last-of-type:after {
  border-bottom: none;
}

ol.share-highlights li a {
  border-bottom: none!important;
}

ol.share-highlights li a:hover {
  border-bottom: 2px solid #3b3a3e!important;
}

/**********************************************
 PAGE SPECIFIC
**********************************************/

/* /buying-a-home ****************************/
@media (max-width: 640px) {
  .iw_component#iw_comp1627400054299 .component .layout-c1-grid .layout-grid-container {
    width: 200px!important;
  }
}


/* /find-a-branch ****************************/
/*#iw_comp1636449062512 .find-branch-padding {
  padding: 0;
}

#iw_comp1636449062512 .find-branch-atm-container {
  padding: 0 5% 5em 5%;
}

#iw_comp1636449062512 .find-branch-atm .mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  padding-right: 0;
  padding-left: 0;
}

@media (min-width: 640px) {
  #iw_comp1636449062512 .address-auto-complete {
    position: relative;
  }
}

@media (max-width: 641px) {
  #iw_comp1636449062512 .find-branch-atm .mat-form-field .mat-form-field-wrapper {
    padding: 0 5% 5em 5%;
  }
}*/

.find-branch-atm-container[_ngcontent-cek-c38] {
  padding: 0!important;
}

/*search icon*/
#iw_comp1636449062512 .address-auto-complete:after {
  color: #00416b;
}

#iw_comp1636449062512 .location-name h3,
#iw_comp1636449062512 .location-infoWindow h3 {
  color: #3b3a3e;
}


/* /find-a-branch details ****************************/
#iw_comp1636449062512 h3.hours-title,
#iw_comp1636449062512 .details-services h3 {
  font-size: 24px;
  color: #79757a;
}

@media (max-width: 1024px) {
  #iw_comp1636449062512 h3.hours-title,
  #iw_comp1636449062512 .details-services h3 {
    margin-top: 1em;
  }

  #iw_comp1636449062512 .details-info-container .details-services {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

#iw_comp1636449062512 .details-address a,
#iw_comp1636449062512 .contact-phone-list a {
  font-weight: bold;
}

@media (min-width: 1025px) {
  #iw_comp1636449062512 .details-phone-numbers .contact-phone-list .phone-label {
    width: 60%;
  }
}

#iw_comp1636449062512 .details-phone-numbers {
  padding-right: 1em;
}

#iw_comp1636449062512 .details-info-container .details-contact-information .details-phone-numbers .contact-phone-list li:last-child a.phone-number:before {
  content: "\f1ac";
}

#iw_comp1636449062512 .details-info-container .details-contact-information .details-phone-numbers .contact-phone-list li:first-child a.phone-number:before {
  content: "\F095";
}


/* /help-and-support ****************************/
.help-support-links ul {
  list-style: none;
  margin-right: 0;
  margin-left: 0;
  padding: 0;
}


/* /go-paperless ****************************/
@media (min-width: 769px) {
  .go-paperless-badge .component-picture span {
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .go-paperless-badge .row {
    display: flex;
    flex-direction: column-reverse;
  }
}

/* /investment-shares ****************************/
.why-investment-shares .icon-info-card-text-content {
  display: flex;
  align-items: center;
}

.why-investment-shares .icon-info-card-icon {
  display: flex;
  justify-content: center;
}

.why-investment-shares .icon-info-card-icon img {
  max-width: 350px;
}

/* /affordable-housing-gics ****************************/
@media (min-width: 769px) {
  .AHGIC-partnership .row {
    display: flex;
    justify-content: center;
    align-items: center
  }
}

.AHGIC-partnership span {
  max-width: 277px;
  display: block;
}


/* /whats-new ***********************************/
@media (min-width: 769px) {
  .share-newsletter .row {
    display: flex;
    align-items: center;
  }
}
/* / Rotating banner style *********/ 
 #mybanner{position:relative;}
  #mybanner0, #mybanner1, mybanner2 {position:absolute;top:0;left:0;display:none;}
  #mybanner0 {display:block;}

	/* style for colapse FAQ content  */
.faq-qs

summary {
   list-style-image: url(https://www.kindredcu.com/assets/img/images/help-page/Turquoise-chevron-right.png)!important;
}
details[open] > summary {
  list-style-image: url(https://www.kindredcu.com/assets/img/images/help-page/persimmon-chevron-down.png)!important;
}
summary::-webkit-details-marker {
  background: url(https://www.kindredcu.com/assets/img/images/help-page/Turquoise-chevron-right.png;)!important;
  color: transparent;
}
details[open] > summary::-webkit-details-marker {
  background: url(https://www.kindredcu.com/assets/img/images/help-page/persimmon-chevron-down.png)!important;
		}


		details {
     border: 1px solid rgba(128, 128, 128, 0.5);
     border-radius: 10px;
     padding: 10px 15px;
     margin-bottom: 10px;
}
 
details>div {
     border-top: 1px solid #888;
     padding-top: 10px;
     margin: 10px 0px 0px 0px;
}
 
details:hover:not([open]) {
     background-color: rgba(128, 128, 128, 0.125);
}

summary 
		{
			display: inline-flex
     cursor: pointer;
     font-weight: bold;
     user-select: none;
     -webkit-user-select: none;
			}
/* end FAQ collapsible style  */

/* Image hover style */

  .hover-image-container:hover img {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1);
        }

   .hover-image-container {
            overflow: hidden;
         
        }

        .hover-image-container img {
           
            transition: transform 0.3s ease-in-out;
        }

        .hover-image-container:hover img {
            transform: scale(1.1); /* Zoom in effect */
        }
  

 /* End Image Hover Style */