.underline-grow-blue-600 {
  display: inline;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration-line: none;
  padding-bottom: 0.5rem;
  padding: 1rem 0;
  background: linear-gradient(90deg, #002b49 0, #002b49) no-repeat;
  background-size: 0 0.25rem;
  background-position: left 98%;
}

.underline-grow-blue-600:hover {
  background-size: 100% 0.25rem;
}
.brand-link:hover .underline-grow-blue-600{
  background-size: 100% 0.25rem;
  font-family: "HCo Decimal Semibold";
}

.underline-grow-blue-hold {
  font-weight: bold;
  background-size: 100% 0.25rem;
}

.transition-sm {
  /* @apply transition-all ease-in-out duration-150; */
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.hs {
  display: grid;
  grid-template-columns:
    0px repeat(7, 300px)
    0px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
}
.hs-blog {
  grid-template-columns:
    0px repeat(2, 256px)
    0px;
}
.hs-3 {
  grid-template-columns:
    0px repeat(3, 300px)
    0px;
}
@media (min-width: 768px) { 
  .hs-blog {
      grid-template-columns:
        0px repeat(2, 500px)
        0px;
    }
 }

.hs:before,
.hs:after {
  content: '';
}
.hs > li,
.item {
  scroll-snap-align: center;
  padding: calc(10px / 2 * 1.5);
}

/*
	Copyright (C) Hoefler & Co.
	This software is the property of Hoefler & Co. (H&Co).
	Your right to access and use this software is subject to the
	applicable License Agreement, or Terms of Service, that exists
	between you and H&Co. If no such agreement exists, you may not
	access or use this software for any purpose.
	This software may only be hosted at the locations specified in
	the applicable License Agreement or Terms of Service, and only
	for the purposes expressly set forth therein. You may not copy,
	modify, convert, create derivative works from or distribute this
	software in any way, or make it accessible to any third party,
	without first obtaining the written permission of H&Co.
	For more information, please visit us at http://typography.com.
*/

@font-face {
  font-family: 'HCo Decimal Light';
  src: url('../fonts/Decimal-Light-Pro_Web.woff2') format('woff2'),
    url('../fonts/Decimal-Light-Pro_Web.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'HCo Decimal Light Italic';
  src: url('../fonts/Decimal-LightItalic-Pro_Web.woff2') format('woff2'),
    url('../fonts/Decimal-LightItalic-Pro_Web.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'HCo Decimal Regular';
  src: url('../fonts/Decimal-Book-Pro_Web.woff2') format('woff2'),
    url('../fonts/Decimal-Book-Pro_Web.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'HCo Decimal Regular Italic';
  src: url('../fonts/Decimal-BookItalic-Pro_Web.woff2') format('woff2'),
    url('../fonts/Decimal-BookItalic-Pro_Web.woff') format('woff');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'HCo Decimal Medium';
  src: url('../fonts/Decimal-Medium-Pro_Web.woff2') format('woff2'),
    url('../fonts/Decimal-Medium-Pro_Web.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'HCo Decimal Medium Italic';
  src: url('../fonts/Decimal-MediumItalic-Pro_Web.woff2') format('woff2'),
    url('../fonts/Decimal-MediumItalic-Pro_Web.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'HCo Decimal Semibold';
  src: url('../fonts/Decimal-Semibold-Pro_Web.woff2') format('woff2'),
    url('../fonts/Decimal-Semibold-Pro_Web.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'HCo Decimal Semibold Italic';
  src: url('../fonts/Decimal-SemiboldItalic-Pro_Web.woff2') format('woff2'),
    url('../fonts/Decimal-SemiboldItalic-Pro_Web.woff') format('woff');
  font-weight: 600;
  font-style: italic;
}

[x-cloak] {
  display: none !important;
}

.goog-te-menu2-item,
.goog-te-menu2-item-selected > .goog-te-combo,
.goog-te-banner *,
.goog-te-ftab *,
.goog-te-menu *,
.goog-te-menu2 *,
.goog-te-balloon * {
  font-family: 'HCo Decimal Regular' !important;
  color: #002b49 !important;
  text-transform: uppercase;
}

.goog-te-menu2-item > .text {
  font-family: 'HCo Decimal Regular' !important;
  color: #002b49 !important;
}

.goog-te-menu-frame {
  height: 448px !important;
  max-width: 1240px !important;
  margin-top: 228px !important;
  margin-left: auto;
  margin-right: auto;
  overflow: scroll !important;
  top: 0 !important;
}
.goog-te-menu-frame body {
  overflow: scroll !important;
}

.goog-te-menu2 {
  height: 100% !important;
  border: none !important;
  padding: 16px;
}

.goog-te-balloon {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border: none !important;
}

.goog-te-combo,
.goog-te-banner *,
.goog-te-ftab *,
.goog-te-menu *,
.goog-te-menu2 *,
.goog-te-balloon * {
  font-family: 'HCo Decimal Regular' !important;
  color: #002b49 !important;
}

.goog-te-menu2-item div,
.goog-te-menu2-item-selected div {
  padding: 6px;
}

.goog-te-menu2-item {
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-decoration-line: none !important;
  padding-bottom: 0.5rem !important;
  margin: 1.5rem 0 !important;
  background: linear-gradient(90deg, #002b49 0, #002b49) no-repeat !important;
  background-size: 0 0.25rem !important;
  background-position: left 98% !important;
}
.goog-te-menu2-item div {
  margin: 8px auto !important;
}
.goog-te-menu2-item-selected div {
  margin: 8px auto !important;
}

.goog-te-menu2-item-selected .indicator {
  display: none !important;
}

.goog-te-menu2-item:hover div {
  background-size: 100% 0.25rem !important;
}

.visually-hidden{
  display: none !important;
}

.goog-te-gadget-simple {
  background-color: #EFEFEF !important;
  display: flex !important; 
  padding: 10px !important; 
  border-radius: 8px !important; 
  border-color: #002B49 !important;
}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed{
  color: #002B49 !important;
  display: flex !important; 
}
.media-controls-container, .media-controls-container *{
  display: none !important;
}

@media (max-width: 480px) {
  #boston-globe-img {
    width: 70%;
    padding-top: 1.5em;
    justify-self: center;
  }
}

@media (max-width: 480px) {
  #bloomberg-img {
    width: 50%;
    padding-top: 1.5em;
    justify-self: center;
  }
}

@media(max-width: 480px) {
  #forbes-quote-wrapper {
    display: grid;
  }

  #forbes-quote-wrapper p {
    text-align: center;
  }

  #forbes-quote-wrapper svg {
    justify-self: center;
    align-self: center;
    margin-top: 1.5rem;
  }
}

.bg-gray {
  background-color: #EFEFEF;
}

.brand-border {
  border-right: 1px solid #EFEFEF;
}

.brand-link:hover span {
  font-family: 'HCo Decimal Semibold';
}

.hero {
  color: #002B49;
  font-family: IvyPresto Disp Reg, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 72px;
  font-style: normal;
  font-weight: 300;
  line-height: 96px; /* 133.333% */
}

.title {
  color: #002B49;
  font-family: IvyPresto Disp Reg, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 64px;
  font-style: normal;
  font-weight: 300;
  line-height: 84px; /* 131.25% */
  text-transform: capitalize;
}

.header {
  color: #002B49;
  font-family: IvyPresto Disp Reg, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 48px;
  font-style: normal;
  font-weight: 300;
  line-height: 64px; /* 133.333% */
  text-transform: capitalize;
}

.lead {
  color: #002B49;
  font-family: IvyPresto Disp Reg, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: 48px; /* 150% */
  text-transform: capitalize;
}

.paragraph-1 {
  color: #FFF;
  font-family: IvyPresto Disp Reg, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.subheader-1 {
  color: #002B49;
  font-family: HCo Decimal Light, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 16px;
  font-style: normal;
  font-weight: 325;
  line-height: 24px; /* 150% */
  text-transform: uppercase;
}

.subheader-2 {
  color: #002B49;
  font-family: DecHCo Decimal Light, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emojiimal;
  font-size: 12px;
  font-style: normal;
  font-weight: 350;
  line-height: 16px; /* 133.333% */
  text-transform: uppercase;
}

.paragraph-2 {
  color: #002B49;
  font-family: HCo Decimal Light, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px; /* 142.857% */
}

.caption-1 {
  color: #002B49;
  font-family: HCo Decimal Light, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 14px;
  font-style: normal;
  font-weight: 325;
  line-height: 20px; /* 142.857% */
  text-transform: uppercase;
}

.caption-2 {
  color: #002B49;
  font-family: HCo Decimal Light, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 12px;
  font-style: normal;
  font-weight: 325;
  line-height: 16px; /* 133.333% */
  text-transform: uppercase;
}

.button {
  color: #002B49;
  font-family: HCo Decimal Light, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 12px;
  font-style: normal;
  font-weight: 325;
  line-height: 16px; /* 133.333% */
  text-transform: uppercase;
}

.breadcrumbs-1 {
  color: #002B49;
  font-family: HCo Decimal Light, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 12px;
  font-style: normal;
  font-weight: 325;
  line-height: 14px; /* 116.667% */
  text-transform: uppercase;
}

.breadcrumbs-2 {
  color: #002B49;
  font-family: HCo Decimal Light, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 140% */
  text-transform: uppercase;
}

@supports (zoom: 3%) {
  .product-lines-button:after {
    content: url('/images/thin-down.svg');
    float: right;
    zoom: 3%;
  }
}

@supports not (zoom: 3%) {
  .product-lines-button:after {
    content: url('/images/thin-down.svg');
    float: right;
    transform: scale(.04);
    -moz-transform: scale(.04);
    margin: -480px;
  }
}

.product-lines-button:after {
  content: url('/images/thin-down.svg');
  float: right;
}

@supports (zoom: 3%) {
  .product-lines-button-active:after {
    content: url('/images/thin-up.svg');
    float: right;
    zoom: 3%;
  }
}

@supports not (zoom: 3%) {
  .product-lines-button-active:after {
    content: url('/images/thin-up.svg');
    float: right;
    transform: scale(.04);
    -moz-transform: scale(.04);
    margin: -480px;
  }
}

.product-lines-button-active:after {
  content: url('/images/thin-up.svg');
  float: right;
}