/* @import url('http://example.com/example_style.css'); */
@import url(//cdn2.hubspot.net/hub/7233458/hub_generated/template_assets/52099110660/1629216101723/Chaser_product_updates/css/components/_containers-dnd.min.css);
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

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

body  { 
  font-family: 'Nunito Sans', sans-serif;
  padding: 0;
  margin: 0px !important;
}

button {
  padding: 0px;
  font-family: 'Nunito Sans', sans-serif;
}


h1 {
  font-size: 24px;
  line-height: 21px; 
  font-weight: 400;
  color: #3c4757;
}

p, span, .article-body-post, .article-body-post p, .article-body-post span, .article-body-post div, .article-body-post ul, .article-body-post li {
  font-size: 16px !important;
  line-height: 21px  !important; 
  color: #3c4757 !important;
  font-family: 'Nunito Sans', sans-serif !important;
}

/* backgrounds */

.dark-navy-bg {
  background: #3C4757;
}

.light-navy-bg {
  background: #f4f5f7;
}



/* containers */

.outer-container {
 box-sizing: border-box;
 width: 100%;
 height: auto;
 padding: 0px 24px;
}

.screen-height {
  min-height: calc(100vh - 362px);
}

.footer {
  display: block;
  width: 100%;
 padding-top: 24px;
 padding-bottom: 24px;
  color: #6e767f;
}

.menu-container {
  max-width: 1096px;
  width: 100%;
  margin: 0 auto;  
  padding-bottom: 48px;
}

.inner-container {
  box-sizing: border-box;
  border-radius: 6px;
  max-width: 1096px;
  width: 100%;
  padding: 30px 30px;
  margin: 0 auto;
  display: flex;
  justify-content: flex start;
  background: #fff;
}

/* menu items */

.logo-container {
 display: flex;
  align-items: center;
  padding-top: 24px;
}


.logo-text {
  color: white;
  font-weight: 700;
  font-size: 13px;
  margin-left: 26px;
}

#search-bar {
  border: none;
  margin-top: 155px;
  box-sizing: border-box;
  max-width: 1096px;
  width: 100%;
  height: 50px;
  background: #FFFFFF;
  background-image: url('https://7233458.fs1.hubspotusercontent-na1.net/hubfs/7233458/09%20CHASCEND%20THEME/Icons/Theme%20system%20icons/Product%20update%20search%20icon.svg');
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 4% 48%;
  text-indent: 68px;
  transition: 0.3s;
  outline-width: medium;
  outline-color: #9da3b1;
}

#search-bar::placeholder {
  font-size: 16px;
  font-family: 'Nunito Sans', sans-serif;
  color: #6E767F;
}

#search-bar:focus {
  background-image:none;
  text-indent:18px;
  outline-width: medium;
  outline-color: #d6dce6;
}

/* product-update */

.product-update {
  display:block;
  max-width: 716px;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #E3E5EA;
  box-sizing: border-box;
  border-radius: 6px;
  margin-bottom: 40px;
  cursor: pointer;
  transition: 0.3s;
  text-align: left;
}

.product-update:hover {
  box-shadow: rgb(0 0 0 / 1%) 0px 0.22px 0.08px 0px, 
    rgb(0 0 0 / 2%) 0px 0.53px 0.5px 0px, 
    rgb(0 0 0 / 2%) 0px 1px 1px 0px, 
    rgb(0 0 0 / 2%) 0px 1.78px 2.5px 0px, 
    rgb(0 0 0 / 3%) 0px 3.34px 6px 0px, 
    rgb(0 0 0 / 4%) 0px 8px 15px 0px, 
    rgb(0 0 0 / 5%) 0px 0px 10px;
}

.product-status {
  display:block;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #E3E5EA;
  box-sizing: border-box;
  border-radius: 6px;
  margin-bottom: 40px;
  transition: 0.3s;
  text-align: left;
}


.product-tile-link {
  text-decoration: none; 
  display: block;
  width:100%;
}

.article-body {
  color: #3c4757 !important;
}


/* crumbs and tags */

.no-of-updates {
  font-size: 16px;
  line-height: 22px; 
  color: #6E767F;
  display: block;
  width: 100%;
  text-align: left;
  margin-bottom: 26px;
}


.date-crumb, .categories-crumb {
  color: #6E767F;
  font-size: 14px;
  color: #6E767F;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.status-crumb {
  color: #6E767F;
  font-size: 14px;
  color: #6E767F;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.categories-crumb a {
  text-decoration: none;
  color: #6E767F;
}

.author-crumb {
  color: #3c4757 !important;
  font-size: 14px;
  color: #6E767F;
}

.author-tag-name {
  font-weight: bold;
  color: #3C4757;
}

.category-tag {
  cursor: pointer;
  font-family: 'Nunito Sans', sans-serif;
  text-decoration: none;
  font-size: 14px;
  background: #E5E9F1;
  border-radius: 6px;
  border: none;
  color:#637282;
  display: inline-block;
  padding: 3px 10px;
  margin-right: 2px;
  transition: 0.3s;
}

.category-tag:hover {
  background: #3f84d6;
  color:#ffffff;
}

.categories-bar-tag.active-tag {
  color: #3f84d6 !important;
  font-weight: 700 !important;
}

.category-tag:active {
  background: #3173c2;
  color:#ffffff;
}

.categories-bar-title {
  font-size: 16px;
  color: #3C4757;
  margin-bottom: 12px;
}

.categories-bar-tag {
  text-decoration: none;
  font-size: 14px;
  color: #6E767F;
  display: block;
  margin-bottom: 12px;
  transition: 0.3s;
}

.categories-bar-tag:visited {
  color: #6E767F;
}

.categories-bar-tag:hover {
  color: #3f84d6;
}

#showMoreButton {
  box-sizing: border-box;
  font-family: 'Nunito Sans', sans-serif;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  background: #3f84d6;  
  color: #fff;
  border-radius: 6px;
  border: 1px solid #3f84d6;
  transition: 0.3s;
  max-width: 716px;
  width 100%;
  padding: 12px 16px;
}

#showMoreButton:hover {
  border: 1px solid #3173c2;
  background: #3173c2;  
  color: white;
}

#showMoreButton:active {
  background: #3f84d6;
}

.back-button {
  text-decoration: none;
  margin-top: 32px;
  color: #3C4757;
  font-weight: 600;
  background: #FFFFFF;
  /* Neutrals/Mid Neutral 3 */
  display: inline-block;
  cursor:pointer;
  border: 1px solid #D0D7E0;
  box-sizing: border-box;
  border-radius: 6px;
  padding: 6px 12px;
  transition: 0.3s;
}

.back-button:hover {
  border: 1px solid #3f84d6;
  background: #3f84d6;  
  color: white;
}


.crumbs-link {
  color: #6E767F !important;
  font-weight: 400;
}

.product-tile-link {
 padding: 36px;
  box-sizing: border-box;
}

.status-tile-link {
 padding:  36px 36px 14px 36px; 
  box-sizing: border-box;
}


/* --- HIDDEN BATCHES --- */

.hidden-batch {
  display: none; 
}

.hidden-batch.active {
  display: block; 
}