/* @import url('http://example.com/example_style.css'); */

@import "";
@import "";
  @import "";
/* Kindred Fonts */

/** Font-weight: 400/Regular **/
@font-face {
	font-display: swap;
	font-family: 'Avenir';
	font-style: normal;
	font-weight: 400;
	src: local('AvenirLTStd-Roman'),
	url('https://www.kindredcu.com/assets/resources/fonts/AvenirLTStd-Roman.woff') format('woff'),
	url('https://www.kindredcu.com/assets/resources/fonts/AvenirLTStd-Roman.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-display: swap;
    font-family: 'Santelia Script';
    font-style: normal;
    font-weight: 400;
    src: local('SanteliaScript-Bold'),
        url('https://www.kindredcu.com/assets/resources/fonts/santeliascriptbolddemo-webfont.woff') format('woff'),
        url('https://www.kindredcu.com/assets/resources/fonts/santeliascriptbolddemo-webfont.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}
  
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/
/*****************************************/
/* Start your style declarations here    */
/*****************************************/


/*****************************************
 GLOBAL    
*****************************************/
  
  @font-face {
  font-family: 'Avenir LT Std';
  src: url("https://www.kindredcu.com/assets/resources/fonts/AvenirLTStd-Roman.woff2") format("woff2"), url("https://www.kindredcu.com/assets/resources/fonts/AvenirLTStd-Roman.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

.post-content ul 
{'Avenir LT Std', sans-serif;
}

@font-face {
  font-family: 'Avenir LT Std';
  src: url("fonts/AvenirLTStd-Roman.woff2") format("woff2"), url("https://www.kindredcu.com/assets/resources/fonts/AvenirLTStd-Roman.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Santelia Script';
    src: url('https://www.kindredcu.com/assets/resources/fonts/santeliascriptbolddemo-webfont.woff2') format('woff2'),
        url('https://www.kindredcu.com/assets/resources/fonts/santeliascriptbolddemo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
  margin: 0;
  padding: 0;
  font-family: Avenir, san-serif;
  line-height: 1.7;
  color: #3b3a3e;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale; 
}

#main-content,
.hs-content-id-1 #main-content.body-container-wrapper {
  background: #FFFFFF;
}

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

/* text colours */
.turquoise-darker { color: #20747e; } 
.turquoise-dark { color: #24828d; }
.turquoise { color: #32b9c8; }
.turquoise-light { color: #d3f1f3; }
.persimmon { color: #D44427; }
.persimmon-light { color: #f58d75; }
.navy { color: #00416B; }
.driftwood { color: #d3cbbb; }
.driftwood-light { color: #f4f2ee; }
.putty { color: #6b696e; }
.slate { color: #3b3a3e; }
.black { color: #050505; }
.white { color: #FFFFFF; }
.driftwood-dark { color: #7f7762; }

/* background colours */
.bg-turquoise { background: #24828d; }
.bg-turquoise-light { background: #E9F8F9; }
.bg-turquoise-lightest { background: #f4fbfc; }
.bg-persimmon { background: #D44427; }
.bg-navy { background: #00416B; }
.bg-driftwood { background: #7f7762; }
.bg-driftwood-light { background: #f4f2ee; }
.bg-putty { background: #79757a; }
.bg-slate { background: #3b3a3e; }
.bg-turquoise-D3F1F3 { background: #d3f1f3; }
.bg-driftwood-D3CBBB { background: #d3cbbb; }

/* fonts */
.font-regular { font-family: Avenir,sans-serif; font-weight: 400; }
.font-bold { font-family: Avenir,sans-serif; font-weight: 700; }
.font-script { font-family: Santelia Script,sans-serif; }
.font-kindred { font-family: TrueNorth , sans-serif; }

/* font sizes */
.xl-text { font-size: 50px!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: 767px) {
  .xl-text { font-size: 38px!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; }
}

/* top page margin - just for hubspot */
.top-margin { margin-top: 60px; }

@media (max-width: 767px) {
  .top-margin { margin-top: 30px; }
}
  

/*****************************************
 HEADER WITH NAVIGATION - FOCUS TEMPLATE   
*****************************************/

/* shortens the header to match our website */
.mwh_layout1.focus_module_website_h {
  padding: 10px 0;
}

/* menu */
.focus_header_menu .menu__link {
  font-weight: 700;
}

.focus_header_menu .menu__link:hover {
  text-decoration: underline;
}

/* logo width */
@media (min-width: 768px) {
  .mwh_el_logo img {
     min-width: 167px;
  }
}

/* move the logo over a bit */
.hs_cos_wrapper_type_logo img {
  margin-left: -12px;
}


/*****************************************
 HEADER WITHOUT NAVIGATION - FOCUS TEMPLATE   
*****************************************/

/* shortens the header to match our website */
.header--no-navigation .header__logo {
  padding: 10px 0;
}

/* logo width */
.header--no-navigation .header__logo img {
  min-width: 167px;
  max-width: 167px;
  display: block;
  margin-left: 0;
}

.header--no-navigation .header__logo span {
  display: flex;
  justify-content: center;
}

.header-nav
a:hover
{
text-decoration: none;
border-bottom: 2px solid #D44427;
}


/*****************************************
 FOOTER 
*****************************************/

.mwf_el_menu .menu__link {
  font-weight: 700;
}

.mwf_el_menu .menu__link:hover {
  text-decoration: underline;
}

/* social */
.kb--social {
  display: flex;
  justify-content: center;
  margin-top: .5em;
}

.kb--social a {
  height: 40px;
  width: 40px;
  text-indent: 100px;
  padding-top: 40px;
  margin: 10px 5px 0 5px;
  overflow: hidden;
  display: block;
}

.kb--social-facebook {
  background: url(https://20329755.fs1.hubspotusercontent-na1.net/hubfs/20329755/ICONfacebook.svg);
	background-size: cover;
}

.kb--social-twitter {
  background: url(https://20329755.fs1.hubspotusercontent-na1.net/hubfs/20329755/ICONtwitter.svg);
	background-size: cover;
}

.kb--social-linkedin {
  background: url(https://20329755.fs1.hubspotusercontent-na1.net/hubfs/20329755/ICONlinkedin.svg);
	background-size: cover;
}

.kb--social-youtube {
  background: url(https://20329755.fs1.hubspotusercontent-na1.net/hubfs/20329755/ICONyoutube.svg);
	background-size: cover;
}

/*copyright area*/
.kb--footerbot {
	padding: 2rem 5%;
}
.kb-footer-copyright {
	font-size: .9rem;
	line-height: 1.3!important;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
  margin-bottom: 0;
}
.kb-footer-copyright-text span {
	font-family: TrueNorth, sans-serif;
}
@media screen and (max-width: 1024px) {
	.kb-footer-copyright {
		flex-direction: column;
	}
	.kb-footer-copyright-text {
		order: 1;
	}
	.kb-footer-copyright img {
		order: 2;
	}
}

/*****************************************
 BUTTONS - FOCUS TEMPLATE    
*****************************************/
.button.primary, 
.button.primary:active, 
.comment-reply-to.hs-button.primary, 
.comment-reply-to.hs-button.primary:active, 
.hs-button.primary, 
.hs-button.primary:active, 
button.primary, 
button.primary:active, 
form .hs-button.primary, 
form .hs-button.primary:active, 
form input[type=submit].primary, 
form input[type=submit].primary:active {
  font-family: Avenir, san-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 14px 28px;
  box-shadow: none;
}

.button.primary:focus, 
.button.primary:hover, 
.comment-reply-to.hs-button.primary:focus, 
.comment-reply-to.hs-button.primary:hover, 
.hs-button.primary:focus, 
.hs-button.primary:hover, 
button.primary:focus, 
button.primary:hover, 
form .hs-button.primary:focus, 
form .hs-button.primary:hover, 
form input[type=submit].primary:focus, 
form input[type=submit].primary:hover {
  padding: 14px 28px;
  background: #185F8C;
}

/* go to top button */
#goTop {
  box-shadow: none;
  border: 0;
  background: #32b9c8;
}

#goTop:hover {
  box-shadow: none;
  border: 0;
  background: #ffffff;
}


/*****************************************
 FORMS - FOCUS TEMPLATE   
*****************************************/

form input[type=email], 
form input[type=file], 
form input[type=number], 
form input[type=password], 
form input[type=tel], 
form input[type=text], 
form select, 
form textarea {
  padding: 8px 11px;
}

form label {
  font-family: Avenir, san-serif;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
}

@media (max-width: 641px) {
  form {
    padding: 20px;
  }
}


/* errors */
.hs-input.invalid.error {
  border-color: #f44336;
}

.hs-error-msg {
  margin-top: 0;
}


/* legal consent */
.legal-consent-container .hs-form-booleancheckbox-display input {
  margin-top: 1px;
}

.legal-consent-container .hs-form-booleancheckbox-display>span, 
.legal-consent-container .hs-form-booleancheckbox-display>span p {
  font-size: inherit;
  line-height: 1.3;
  margin-bottom: 0;
}

.legal-consent-container .hs-error-msgs label {
  color: #3b3a3e!important;
  border-bottom: 3px solid #f44336;
}


/*****************************************
 TYPOGRAPHY    
*****************************************/

h1, h2, h3, h4, h5, h6, p {
  font-family: 'Avenir', san-serif;
}

@media (max-width: 767px) {
  p { font-size: 14px; }
}

@media (max-width: 767px) {
  h1 { font-size: 38px!important; }
  h2 { font-size: 35px!important; }
  h3 { font-size: 26px!important; }
  h4 { font-size: 24.5px!important; }
  h5 { font-size: 21px!important; }
  h6 { font-size: 17.75px!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;
}
  


/*****************************************
 PAGES   
*****************************************/

/*****************************************
 SUBSCRIPTION PREFERENCES - FOCUS TEMPLATE  
*****************************************/

.widget-type-email_subscriptions .cell-wrapper {
  max-width: 760px;
  margin: 80px auto;
}

@media (max-width: 767px) {
  .widget-type-email_subscriptions .page-header {
    font-size: 14px;
  }
}

.widget-type-email_subscriptions .page-header h2 {
  margin-bottom: -.5em;
}

.widget-type-email_subscriptions .fakelabel {
  font-weight: 700;
}

.widget-type-email_subscriptions .subscribe-options label {
  font-weight: 700;
  font-size: 16px;
}

iframe {
  width: 100% !important;
}
/*****************************************
 SUBSCRIPTION UPDATE CONFIRMATION - FOCUS TEMPLATE  
*****************************************/

.widget-type-email_subscriptions_confirmation .success {
  font-weight: 700;
  color: #00416b;
  line-height: 1.3;
  border-radius: 0;
  font-size: 32px;
}

@media (max-width: 767px) {
  .widget-type-email_subscriptions_confirmation .success {
    font-size: 26px;
  }
}

.widget-type-email_subscriptions_confirmation .page-header {
  margin-bottom: 2em;
  margin-top: -1.5em;
}

@media (max-width: 767px) {
  .widget-type-email_subscriptions_confirmation .page-header {
    font-size: 14px;
  }
}

.widget-type-email_subscriptions_confirmation .page-header h2 {
  margin-bottom: -.5em;   
}


/*****************************************
 EMAIL UNSUBSCRIBE - FOCUS TEMPLATE  
*****************************************/

 @media (max-width: 767px) {
  .backup-unsubscribe form h3 {
    font-size: 26px;
  } 
}

/*****************************************
 JOIN EMAIL LIST - FOCUS TEMPLATE  
*****************************************/

.hs-content-id-82917057036 .body-container-wrapper {
  max-width: 800px;
  margin: 0 auto;
}


/*****************************************
 SUBSCRIPTION CONFIRMATION - FOCUS TEMPLATE  
*****************************************/

.hs-content-id-85059908505 .body-container-wrapper {
  background: #ffffff;
}

.hs-content-id-85059908505 .dnd-section {
  padding-bottom: 0;
}


/*****************************************
 ERROR 404 - FOCUS TEMPLATE  
*****************************************/

.hs-content-id-1 #main-content {
  background: #ffffff;
}

@media (max-width: 767px) {
  .error-page {
    padding-right: 5%;
    padding-left: 5%;
  }
}

.error-page svg {
  fill: #32b9c8;
}

.error-page h4 {
  color: #3b3a3e;
}
 table.i-share-hero-table { background: url("https://20329755.fs1.hubspotusercontent-na1.net/hubfs/20329755/hero-investment-shares.jpg"); } 

 table.i-share-growth-table { background: url("https://pages.kindredcu.com/hubfs/ISO-growth-graph-background.jpg"); }