/* Quikly Child Theme Custom CSS */
/* This file contains all custom CSS overrides for the Quikly child theme */
:root {
  --Brand-Colors-Forest-Green: #004852;
  --Brand-Colors-Ice-Blue: #e7f6fc;
  --Brand-Colors-Cobalt-Blue: #3e4def;
  --hsElevate--heading__tablet-modifier: 0.6;
}
blockquote p:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .hs-elevate-footer .hs-elevate-menu {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
  }
}

/* Blog Styles */
.hs-elevate-blog-content-header {
  position: relative;
}

body.hs-blog-post .hs-elevate-site-header,
body.hs-blog-post .hs-elevate-site-header__header-container,
body.hs-blog-post .hs-elevate-site-header__main-nav-menu {
  --hsElevate--siteHeader__menuBackgroundColor: var(--Brand-Colors-Ice-Blue, #e7f6fc);
  background-color: var(--Brand-Colors-Ice-Blue, #e7f6fc);
}

body.hs-blog-post .hs-elevate-site-header__main-nav-menu .hs-elevate-menu__submenu {
  --hsElevate--siteHeader__menuBackgroundColor: #ffffff;
  background-color: #ffffff;
}

.hs-elevate-blog-content-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  background-color: var(--Brand-Colors-Ice-Blue, #e7f6fc);
  z-index: -1;
}

.hs-elevate-blog-content-header::before {
  top: calc(-1 * var(--hsElevate--spacing--40, 40px));
  bottom: calc(-1 * (50vw / 2.2)); /* Half the height of the 2.2 aspect ratio image */
  left: -50vw;
  right: -50vw;
  content: '';
  position: absolute;
  background-color: var(--Brand-Colors-Ice-Blue, #e7f6fc);
  z-index: -1;
}
@media (max-width: 767px) {
  .hs-elevate-blog-content-container.hs-elevate-blog-content-header {
    --hsElevate--section--horizontalPadding: 0;
  }
}

.hs-elevate-blog-title {
  text-align: center;
  color: var(--Brand-Colors-Forest-Green, #004852);
}

.hs-elevate-blog-content h2 {
  color: var(--Brand-Colors-Cobalt-Blue, #3e4def);
  /* Headline/H3 */
  font-family: Manrope;
  font-size: var(--hsElevate--h3__fontSize);
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 48px */
}
.hs-elevate-blog-content h3 {
  color: var(--Brand-Colors-Forest-Green, #004852);

  /* Headline/H4 */
  font-family: Manrope;
  font-size: var(--hsElevate--h4__fontSize);
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 33.6px */
}

.hs-elevate-blog-content table {
  /* add light gray borders for the rows/columns */
  border: 1px solid var(--hsElevate--form__borderColor);
  border-collapse: collapse;
  width: 100%;
  margin-bottom: var(--hsElevate--spacing--12);
}

.hs-elevate-blog-content table th, .hs-elevate-blog-content table td {
  border: 1px solid var(--hsElevate--form__borderColor);border: 1px solid #e0e0e0;
  padding: 8px;
  text-align: left;
}

.hs-elevate-blog-author {
  padding: 16px;
  border-color: var(--hsElevate--form__borderColor);
  border-radius: var(--hsElevate--form__borderRadius);
  border-style: solid;
  border-width: var(--hsElevate--form__borderThickness);
  background: var(--hsElevate--form__backgroundColor);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--hsElevate--spacing--16);
  margin-block-end: var(--hsElevate--spacing--40);
}

.hs-elevate-blog-author__image-container {
  flex-shrink: 0;
}

.hs-elevate-blog-author__image-container img {
  border-radius: var(--hsElevate--card--variant1__iconBorderRadius);
  width: 155px;
  height: 155px;
  object-fit: cover;
}

.hs-elevate-blog-author__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--hsElevate--spacing--4);
}

.hs-elevate-blog-author__name {
  color: var(--Brand-Colors-Forest-Green, #004852);
  /* Headline/H4 */
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 33.6px */
}
.hs-elevate-blog-meta__bio {
  margin-bottom: 0;
  color: var(--Neutral-Neutral-6, #42456b);

  /* Headline/Body/16px/Regular */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
  letter-spacing: -0.4px;
}

/* Tags */
.hs-elevate-tag {
  letter-spacing: -0.2px;
}

/* Menu */
li[data-hs-elevate-menuitem-depth='3'] {
  padding-left: var(--hsElevate--spacing--12, 12px);
}