/*
Blog Listing
Blog Post
Form
Related Resources
*/

/**
 * Blog listing
 */
.sr-only {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.container.center {
  display: flex;
  justify-content: center;
}

.page-header {
  margin-top: 110px;
  padding-top: 50px;
}

.page-header h1 {
  text-align: center;
}

.blog-main {
  padding: 80px 0;
	background: linear-gradient(180deg, #41114A 0%, #A46CAF 138.67%), #FFF;
}

.blog-filters .filter {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  gap: 40px;
}

.blog-filters .filter select {
  border-radius: 4px;
  width: 214px;
}

.blog-list {
  display: flex;
row-gap:48px;
	column-gap:40px;
  flex-wrap: wrap;
}

.blog-list .blog-item {
  align-self: stretch;
  background-color: white;
  border-radius: 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  max-width: 400px;
  overflow: hidden;
  width: 100%;
	text-decoration:none;
	color:inherit;
}

.blog-item:hover {
	cursor:pointer;
}
.blog-item article {
  pointer-events: none; /* ensures children do not break the click */
}
.blog-item * {
  pointer-events: none;
}

/* Hovering the entire blog card underlines ONLY the title */
.blog-item:hover .title {
  text-decoration: underline!important;
}

/* Smooth movement of the button + arrow */
.blog-item .button-tertiary {
  transition: all 0.3s ease-out;
}

/* Smooth arrow slide */
.blog-item .button-tertiary:after {
  transition: all 0.3s ease-out;
}

/* Hovering the entire card triggers the button hover state */
.blog-item:hover .button-tertiary:after {
  margin-left: 18px;
}



.blog-item .tag-list {
  margin-bottom: 10px;
}

.blog-item .tag {
  color: var(--Primary-Blue, #005293);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 26.4px */
}

.blog-item .img-container {
  height: 300px;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.blog-list .blog-item .featured-img {
  display: block;
  min-height: 100%;
  object-fit: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);	 transition: transform 0.6s ease-out;
}

.blog-list .blog-item .details {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 32px;
}

.blog-list .blog-item .publish-date {
	color: var(--Accent-1, #A46CAF);
margin-bottom:8px;
/* Eyebrow */
font-family: Coda;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 19.2px */
letter-spacing: 3.2px;
text-transform: uppercase;
}

.blog-list .blog-item .details .title {
	margin-bottom:8px;
	 transition: all 0.3s ease-out;
color: var(--Black, #142239);
text-decoration:none;
/* Heading 4 */
font-family: Geist;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 28.8px */
}

.blog-list .blog-item .details p {
color: var(--Text, #142239);

/* Paragraph */
font-family: "Work Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
  margin-bottom: 30px;
}




.content blockquote {
  margin: 80px 0;
  padding: 40px 20px 40px 100px;
  position: relative;
}

.content blockquote p,
.content blockquote div,
.content blockquote span {
  color: var(--Black, #000);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 0px;
}

.content blockquote:before {
  content: url("data:image/svg+xml,%3Csvg class='quotation' xmlns='http://www.w3.org/2000/svg' width='59' height='43' viewBox='0 0 59 43' fill='none'%3E%3Cpath d='M14.0662 43C10.9404 43 8.29213 42.2616 6.12141 40.7848C4.03753 39.3081 2.47461 37.3535 1.43267 34.9212C0.477557 32.4889 0 29.8828 0 27.103C0 23.1071 0.824871 19.3283 2.47461 15.7667C4.21118 12.205 6.42531 9.07777 9.117 6.38485C11.8955 3.60505 14.8911 1.47677 18.1038 0L27.0905 6.64546C24.7461 7.68788 22.532 8.94748 20.4481 10.4242C18.3642 11.8141 16.5408 13.3778 14.9779 15.1151C13.5018 16.8525 12.3731 18.6333 11.5916 20.4576L12.2428 20.8485C12.7638 20.501 13.3282 20.2404 13.936 20.0667C14.6306 19.8929 15.5423 19.8061 16.6711 19.8061C18.234 19.8061 19.7969 20.197 21.3598 20.9788C23.0096 21.7606 24.3554 22.9333 25.3974 24.497C26.5261 26.0606 27.0905 28.0586 27.0905 30.4909C27.0905 33.1838 26.4827 35.4859 25.2671 37.397C24.0515 39.2212 22.4452 40.6111 20.4481 41.5667C18.4511 42.5222 16.3238 43 14.0662 43ZM45.9757 43C42.8499 43 40.2016 42.2616 38.0309 40.7848C35.947 39.3081 34.3841 37.3535 33.3422 34.9212C32.387 32.4889 31.9095 29.8828 31.9095 27.103C31.9095 23.1071 32.7344 19.3283 34.3841 15.7667C36.1207 12.205 38.3348 9.07777 41.0265 6.38485C43.805 3.60505 46.8006 1.47677 50.0132 0L59 6.64546C56.6556 7.68788 54.4415 8.94748 52.3576 10.4242C50.2737 11.8141 48.4503 13.3778 46.8874 15.1151C45.4113 16.8525 44.2826 18.6333 43.5011 20.4576L44.1523 20.8485C44.6733 20.501 45.2377 20.2404 45.8455 20.0667C46.5401 19.8929 47.4518 19.8061 48.5806 19.8061C50.1435 19.8061 51.7064 20.197 53.2693 20.9788C54.9191 21.7606 56.2649 22.9333 57.3068 24.497C58.4356 26.0606 59 28.0586 59 30.4909C59 33.1838 58.3922 35.4859 57.1766 37.397C55.961 39.2212 54.3547 40.6111 52.3576 41.5667C50.3606 42.5222 48.2333 43 45.9757 43Z' fill='#061D34'%3E%3C/path%3E%3C/svg%3E");
  left: 0;
  margin-top: 10px;
  position: absolute;
}

@media screen and (max-width: 991px) {
  .blog-list {
    margin: 0px;
  }

  .blog-main {
    margin: 0;
  }

  .post-content blockquote {
    margin: 40px 0;
    padding: 20px 0 20px 70px;
  }

  .post-content blockquote p {
    font-size: 20px;
  }
}


/**
 * Blog Post
 */

.post-content .rich h1, .post-content .rich h2, .post-content .rich h3, .post-content .rich  h4, .post-content .rich  h5, .post-content .rich h6 {
	color:#41114A;
}

.post-content .rich h3 {
	font-weight:600;
}
.article-hero {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 40px;
  position: relative;
}



.parallax-bg {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.article-hero .container {
  position: relative;
  z-index: 10;
}

.breadcrumb {
  align-items: flex-start;
 color: var(--Accent-1, #A46CAF);
text-align: center;

/* Button */
font-family: Coda;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 19.2px */
letter-spacing: 1.6px;
text-transform: uppercase;
  display: flex;
  justify-content: flex-start;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  gap: 8px;
  height: 48px;
margin-bottom:40px;
  /* 19.2px */
  text-align: center;
  text-decoration: none;
  max-width: 300px;
  z-index: 10;
}

.breadcrumb:before {
content: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.28125 6.375L6.34375 0.28125C6.65625 0 7.125 0 7.40625 0.28125L8.125 1C8.40625 1.28125 8.40625 1.75 8.125 2.0625L3.3125 6.875L8.125 11.7188C8.40625 12.0312 8.40625 12.5 8.125 12.7812L7.40625 13.5C7.125 13.7812 6.65625 13.7812 6.34375 13.5L0.28125 7.40625C0 7.125 0 6.65625 0.28125 6.375Z' fill='%23A46CAF'/%3E%3C/svg%3E%0A");
  margin-top: 1px;
}

.flex-row {
  align-items: center;
  display: flex;
  justify-content: center;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.post-content .sticky {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.featured-image {
    max-width: 856px;
    padding-bottom: 40px;
    width: 100%;
    height: 100%;
    max-height: 500px;
    object-fit: cover;
}


.publish-date {
	margin-bottom:20px;
	color: var(--Black, #142239);

/* Eyebrow */
font-family: Coda;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 19.2px */
letter-spacing: 3.2px;
text-transform: uppercase;
}
.post-title {
max-width:856px;
  justify-content: space-between;
  position: relative;
  z-index: 10;
}

.post-title h1 {
	
  overflow: hidden;
margin-top:0;
	margin-bottom:40px;
	color: var(--Black, #142239);

/* Heading 2 */
font-family: Geist;
font-size: 44px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 52.8px */
}

.post-title h1 span {
	color: var(--Black, #142239);

/* Heading 2 */
font-family: Geist;
font-size: 44px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 52.8px */
  display: inline-block;
  line-height: inherit;
}

.breadcrumb,
.post-title h1 span,
.post-title .featured-image {
  visibility: hidden;
}

@media screen and (max-width: 991px) {
  .post-title {
    gap: 30px;
  }

  .featured-image {
    max-width: 100%;
  }
}

.post-content {
  display: flex;
  gap: 80px;
  padding: 40px 0 100px 0;
}

.post-content .content {
  max-width: 856px;
  width: 100%;
	height:100%;
}

.post-content .card {
  background-color: white;
  
  box-sizing: border-box;
  max-width: 100%;
}

.social-title {
color: var(--Black, #142239);

/* Paragraph */
font-family: "Work Sans";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
	margin-bottom:10px;
}

.socials-container {
  display: flex;
  gap: 20px;
}

.content p,
.content div {
color: var(--Text, #142239);

/* Paragraph */
font-family: "Work Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

.blog-listing .eyebrow {
  border-bottom: 2px solid #005293;
  font-size: 14px;
  line-height: 16.8px;
}

.content .excerpt {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 36px */
  margin-bottom: 80px;
}

.content .excerpt div,
.content .excerpt p {
  color: var(--Text, #1F1F1F);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 36px */
}

.content ol,
.content ul {
  padding-left: 20px;
}

.post-content .tag-list .divider {
  border-top: 1px solid black;
  margin: 40px 0;
  width: 100%;
}

.post-content .tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.post-content .tag-list .tag {
  border-radius: 4px;
  border: 1px solid var(--primary-blue);
  background: var(--primary-blue);
  color: var(--White, #FFF);
  display: flex;
  padding: 8px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  /* 19.2px */
  text-decoration: none;
  transition: background-color 0.2s ease-out;
}

.post-content .tag-list .tag:hover {
  background-color: black;
}

h3 {
  color: var(--primary-blue);
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  /* 33.6px */
}

h4 {
  color: var(--primary-blue);
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 26.4px */
}

@media screen and (min-width: 992px) {
  .article-hero {
    margin-top: 110px;
  }


  .post-content .sticky {
    position: sticky;
    top: 120px;
  }
}

@media screen and (max-width: 991px) {

  .post-content .sticky,
  .post-content {
    gap: 20px;
  }
	.post-content  {
		padding:0px 30px;
	}
  .post-content .card {
    width: 100%;
  }
}

/**
 * Form
 */
.form-title {
  color: var(--primary-blue);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 26.4px */
  margin-bottom: 48px;
}

select {
  box-sizing: border-box;
  height: 40px;
  font-weight: 500;
  padding: 0 0 0 14px;
  background: #F0F2F4;
  border: 1px solid #F0F2F4;
  color: var(--main-text-color);
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('https://44227242.fs1.hubspotusercontent-na1.net/hubfs/44227242/Icons/Icon-2.svg');
  background-position: center right 10px;
  background-repeat: no-repeat;
  font-size: 18px;
}

@media screen and (max-width: 905px) {
  .blog-list .blog-item {
    margin: 0 auto;
  }
}


/**
 * Related Resources
 */
.related-resources {
  background-color: var(--light-color);
}

.recent-posts {
  padding: 80px 30px;
  position: relative;
}

.recent-posts h2 {
  margin: 0px;
  text-align: center;
}

.info-row {
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 60px;
}

.info-row .subtext {
  margin: 20px auto 30px auto;
  max-width: 100%;
  text-align: center;
  width: 890px;
}

.recent-posts .btn-container {
  display: flex;
  justify-content: center;
  margin-top: 80px;
}

.recent-posts .posts-list {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
}

.recent-posts .blog-item {
  flex-basis: 30%;
  max-width: 100%;
  overflow: hidden;
  width: 390px;
}

.recent-posts .posts-list .details {
  padding: 30px;
}

.recent-posts .blog-item .tag {
  color: var(--primary-blue);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  margin-bottom: 5px;
  text-decoration: none;
  text-transform: uppercase;
}

.recent-posts .img-container {
  height: 300px;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1;
}

.recent-posts .img-container:after {
  background: var(--accent-color:);
  bottom: 0;
  content: '';
  height: 10px;
  left: 0;
  position: absolute;
  opacity: 0;
  width: 100%;
  transition: opacity 0.4s ease-in-out;
  z-index: 2;
}

.recent-posts .blog-item {
  background-color: white;
  border-radius: 20px;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05);
}

.recent-posts .blog-item:hover .img-container:after {
  opacity: 1;
}

.recent-posts .img-container .featured-img {
  height: 100%;
  object-fit: cover;
  position: relative;
  width: 100%;
  transition: all 0.4s ease-in-out;

}

/* Zoom image on hover (20% bigger) */
.blog-item:hover .img-container .featured-img {
  transform: translate(-50%, -50%) scale(1.2);
}

.recent-posts .blog-item .title {
  color: var(--primary-blue);
  text-decoration: none;
}

.recent-posts .blog-item .title .inner {
  color: var(--primary-blue);
  display: inline;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 33.6px */
  margin: 0px;
  background:
    linear-gradient(to right, transparent, transparent),
    linear-gradient(to right, var(--accent-color:), var(--accent-color:));
  background-size: 100% 0.1em, 0 0.1em;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 200ms ease-out;
}

.recent-posts .blog-item:hover .title .inner {
  background-size: 0 0.1em, 100% 0.1em;
  color: var(--accent-color:);
}

.posts-list .excerpt {
  margin-top: 24px;
  margin-bottom: 24px;
}

@media screen and (max-width: 991px) {
  main {
    padding-top: 0px;
  }

  .recent-posts .blog-item {
    flex-basis: 100%;
  }

  .recent-posts {
    padding: 60px 0px;
  }

  .recent-posts h2 {
    font-size: 44px;
    margin-bottom: 30px;
    text-align: center;
  }

  .recent-posts .subtext {
    margin-top: 30px;
  }

  .recent-posts .posts-list {
    gap: 25px;
  }

  .recent-posts .excerpt {
    margin-bottom: 40px;
  }

  .recent-posts .blog-item {
    width: 45%;
  }

  .row.posts-list {
    align-items: center;
    justify-content: center;
  }

  .recent-posts .blog-item {
    width: 100%;
  }

  .recent-posts .blog-item .tag {
    display: block;
    padding: 15px 0;
  }
}

.socials-container a svg path {
  transition: fill 0.2s ease-out;
}

.socials-container a:hover svg path {
  fill: {
      {
      theme.global_colors.accent_color.color
    }
  }

  ;
}

@media (max-width:767px) {
	.post-content {
		flex-wrap:wrap;
	}
}