/*
// <copyright file="tagbox" company="Federal Reserve Bank of Boston">
//     © 2024 Federal Reserve Bank of Boston
// </copyright>
// <summary>This is the tagbox file.</summary>
//-----------------------------------------------------------------------
// Internal FR – Source Code
*/
/* ReSharper disable UnknownCssVendorExtension */
/* ReSharper disable CssBrowserCompatibility */
.shadow {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);
  height: 100%;
  margin-bottom: 0;
  padding: 35px;
}
.shadow .tag-box {
  padding: 10px;
}

.tag-box-none::before {
  right: 0;
}
.tag-box-none::after {
  left: 0;
}
.tag-box-none::before,
.tag-box-none::after {
  border-width: 0;
  border-bottom-style: none;
  border-top-style: none;
  content: none;
  position: relative;
  width: auto;
}
.tag-box-chevron-after-title img {
  display: inline-block !important;
}
.tag-box-single-solid::before,
.tag-box-single-dash::before,
.tag-box-single-dot::before,
.tag-box-double-solid::before,
.tag-box-double-dash::before,
.tag-box-double-dot::before {
  right: 100%;
}
.tag-box-single-solid::after,
.tag-box-single-dash::after,
.tag-box-single-dot::after,
.tag-box-double-solid::after,
.tag-box-double-dash::after,
.tag-box-double-dot::after {
  left: 100%;
}
.tag-box-single-solid::before,
.tag-box-single-solid::after {
  border-width: 1px;
  clear: both;
  content: " ";
  display: inline-block;
  margin-bottom: .325em;
  margin-left: .714em;
  margin-right: .714em;
  width: 2.142em;
  border-bottom-style: solid;
}
.tag-box-single-dash::before,
.tag-box-single-dash::after {
  border-width: 1px;
  clear: both;
  content: " ";
  display: inline-block;
  margin-bottom: .325em;
  margin-left: .714em;
  margin-right: .714em;
  width: 2.142em;
  border-bottom-style: dashed;
}
.tag-box-single-dot::before,
.tag-box-single-dash::after {
  border-width: 1px;
  clear: both;
  content: " ";
  display: inline-block;
  margin-bottom: .325em;
  margin-left: .714em;
  margin-right: .714em;
  width: 2.142em;
  border-bottom-style: dotted;
}
.tag-box-double-solid::before,
.tag-box-double-solid::after {
  height: .2em;
  border-width: 1px;
  clear: both;
  content: " ";
  display: inline-block;
  margin-bottom: .25em;
  margin-left: .714em;
  margin-right: .714em;
  width: 2.142em;
  border-top-style: solid;
  border-bottom-style: solid;
}
.tag-box-double-dash::before,
.tag-box-double-dash::after {
  height: .2em;
  border-width: 1px;
  clear: both;
  content: " ";
  display: inline-block;
  margin-bottom: .25em;
  margin-left: .714em;
  margin-right: .714em;
  width: 2.142em;
  border-top-style: dashed;
  border-bottom-style: dashed;
}
.tag-box-double-dot::before,
.tag-box-double-dot::after {
  height: .2em;
  border-width: 1px;
  clear: both;
  content: " ";
  display: inline-block;
  margin-bottom: .25em;
  margin-left: .714em;
  margin-right: .714em;
  width: 2.142em;
  border-top-style: dotted;
  border-bottom-style: dotted;
}

.tag-box-heading-arrow {
    display: none;
}

.tag-box-heading-arrow-visible {
    display: inline;
}

.tag-box-container h1,
.tag-box-container h2,
.tag-box-container h3,
.tag-box-container h4,
.tag-box-container h5 {
    margin-top: 0;
}


.tag-box-content {
    color: #3F4041;
}

.tag-box-content a,
.tag-box-content a:hover {
    color: #6ba2b9;
}

.tag-box-content h1,
.tag-box-content h2,
.tag-box-content h3,
.tag-box-content h4,
.tag-box-content h5 {
    margin-top: 20px;
}

.tag-box-content ul,
.tag-box-content ol 
{
    line-height: 26px;
    margin-left: 5px;
    font-size: 18px;
}

.tag-box-content ul li,
.tag-box-content ol li
{
    padding: 8px;
}

.tag-box-content h1 {
    font-weight: 400;
    font-size: 28px;
    line-height: 31px;
    color: #003A5D;
}

.tag-box-content h2 {
    font-weight: 400;
    font-size: 23px;
    line-height: 26px;
    color: #003A5D;
}

.tag-box-content h3 {
    font-weight: 400;
    font-size: 19px;
    line-height: 22px;
    color: #003A5D;
}

.tag-box-content h4 {
    font-weight: 400;
    font-size: 17px;
    color: #003A5D;
    line-height: 20px;
}

.tag-box-content h5 {
    font-weight: 400;
    font-size: 16px;
    color: #003A5D;
    line-height: 19px;
}