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

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

html {
	scroll-padding-top: 126px;
}

.button, .button--primary, .hs-blog-post-listing__post-button, button {
  letter-spacing: .09rem;
}

#hs_cos_wrapper_header_default .main-nav--desktop .main-nav>.menu__item {
  letter-spacing: .085rem;
}

img.logo {
	min-width: 0;
}

.main-nav--desktop .main-nav .menu__submenu {
	min-width: 275px;
}


.timeline-text {  
  line-height: 1.5rem !important;
}

.timeline-section img {
  padding: 0 80px !important;
}

.top-nav .menu__item--depth-1 {
  padding-left: 10px;
}

.accordion-item__title {
  font-size: 1.25rem;
  font-weight: normal;
  letter-spacing: .075rem;
}

/* Add border separator in applications dropdown */
/* .main-nav > li.menu__item:nth-child(3) > .menu__submenu > .menu__item:nth-child(5) {
	border-bottom: 1px solid #E2001A;
} */

/* Fix the theme table styles overriding the tooltip in the map module */
.svgMap-tooltip .svgMap-tooltip-content table {
	background-color: revert;
}

.hsfc-CheckboxInput {
	width: auto !important;
}

/* Case Studies */
#case-study .blog-post__body-wrapper {
	display: grid;
	grid-template-columns: 1fr;
	gap: 3vw;
}

.blog-post__breadcrumbs-content {
	display: flex;
	padding-top: 2rem;
	padding-bottom: 2rem;
	color: #e3021b;
	font-weight: normal;
	flex-wrap: wrap;
}

.blog-post__breadcrumbs hr {
	margin-bottom: 2rem;
	width: 100%;
}

.blog-post__breadcrumbs .blog-post__timestamp {
  font-weight: 600;
}

.blog-post__breadcrumbs .blog-post__tags-list {
	display: flex;
	flex-wrap: wrap;
}

.blog-post__breadcrumbs .blog-post__tags-list a {
	font-weight: normal;
	color: #e3021b;
	font-size: unset;
}

@media (min-width: 62em) {
	#case-study .blog-post__body-wrapper {
	grid-template-columns: 2fr minmax(300px, 1fr);
}