#bannerSearchForm{
    flex: 1 1 auto;
}
.content-fragment.site-banner .banner.site .navigation-list ul a.read-queue-count {
  position: absolute;
  top: 0px;
  right: -5px;
  color: #ffffff;
  border-radius: 3px;
  font-size: 10.8px;
  text-align: center;
  line-height: 15px;
  background-color: #E53935;
  width: 16px;
  height: 16px;
  box-shadow: 1px 1px 1px rgba(17, 23, 26, 0.1);
  border-radius: 500px;
}
.content-fragment.site-banner.search .banner.site,
.content-fragment.site-banner.userlinks .banner.site {
  height: auto;
}
.content-fragment.site-banner.search .active,
.content-fragment.site-banner.userlinks .active {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 670px) {
  .content-fragment.site-banner .content-fragment-content {
    margin-top: 0px;
  }
}
.banner.site {
  height: var(--space-15);
  
  @media only screen and (max-width: 670px) {
    height: var(--space-12);
    border-bottom: 1px solid var(--color-gray-200);
  }
}
.banner.site .search .separatorMobile {
  color: #000;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  display: block;
  margin: 20px;
}
.banner.site .search .separatorMobile::before {
  border: 1px solid #000;
  content: '';
  width: 30px;
  height: 2px;
  background: #000;
  position: absolute;
  bottom: 100%;
  margin-left: -12px;
  top: 61%;
  left: 39.5%;
  display: inherit;
}
.banner.site .search .separatorMobile::after {
  border: 1px solid #000;
  content: '';
  width: 30px;
  height: 2px;
  background: #000;
  position: absolute;
  bottom: 100%;
  margin-left: 4px;
  top: 61%;
  left: 55%;
  display: inherit;
}
.banner.site .search .askquestionMobile {
  margin: 0;
  width: 30%;
  display: inline-block;
  line-height: 43px;
  font-family: Barlow, AZ, Arial, sans-serif;
  border-radius: 10px;
  font-size: 16px;
  color: #3d3f4f;
  height: 43px;
  text-align: center;
  background: var(--color-green-700);
  color: #fff;
  font-weight: 500;
}
.banner-search-form-homepage {
  display: none;
}
@media only screen and (max-width: 900px) {
  .banner-search-form-homepage {
    display: block;
  }
}
@media only screen and (max-width: 690px) {
  .banner.site {
    padding-left: 0px;
  }
  .banner.site .avatar {
    max-width: 200px;
  }
}
.banner.site.all > .avatar #logo {
    width: 250px;
    height: auto;
}
.banner.site.all > .avatar #cnLogo {
    width: 200px;
    height: auto;
    
    @media only screen and (max-width: 690px) {
        height: 45px;
        width: auto;
        padding-top: 0px;
    }
}
.banner.site fieldset ul.field-list li.field-item .field-item-input {
  margin: auto;
  width: 56%;
  display: flex;
}
.banner.site fieldset ul.field-list li.field-item .field-item-input:after {
  font-weight: 800;
  font-size: 20px;
  height: 44px;
  width: 48px;
  position: initial;
  border-radius: 0px 10px 10px 0px;
  background-color: var(--color-green-700);
  padding: 14px;
  color: #fff !important;
}
.banner.site fieldset ul.field-list {
  display: flex;
  width: 100%;
  justify-content: center;
}
.banner.site fieldset ul.field-list li.field-item {
  display: flex;
  width: 60%;
}
.banner.site fieldset ul.field-list li.field-item .field-item-input {
  width: 100%;
}
.banner.site.all > .navigation-list.handheld ul .navigation-list-item {
  float: right;
}
.menu-bars {
  margin-right: 27px;
  color: #003965;
  border-radius: 7px;
  cursor: pointer;
  padding: 19px;
}
.menu-bars:hover ~ .submenu-bars {
  display: block;
}
.submenu-bars {
  display: none;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  width: 256px;
  position: fixed;
  top: 111px;
  background: #fff;
  z-index: 10000;
  left: 587px;
  padding: 0 20px;
}
.submenu-item-bars {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 36px;
  color: #3D3F4F;
}
.submenu-bars:after,
.submenu-bars:before {f
  content: '';
  display: block;
  position: absolute;
  left: 100%;
  width: 0;
  height: 0;
  border-style: solid;
}
/* this border color controlls the color of the triangle (what looks like the fill of the triangle) */
.submenu-bars:after {
  position: relative;
  right: 47px;
  border-color: transparent transparent #fff transparent;
  border-width: 11px;
  bottom: 152px;
  margin-left: -202px;
}
/* this border color controlls the outside, thin border */
.submenu-bars:before {
  position: relative;
  right: 47px;
  border-color: transparent transparent #d9d9d9 transparent;
  border-width: 11px;
  bottom: 23px;
  margin-left: -202px;
}
.username {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 36px;
  color: var(--color-green-700);
}
.line {
  background: #003965;
  position: absolute;
  left: 1;
  width: 1.3%;
  height: 3px;
  border-radius: 10px;
  overflow: hidden;
  transition: 0.5s;
}
.line:nth-child(1) {
  top: 68px;
}
.line:nth-child(2) {
  top: 76px;
}
.line:nth-child(3) {
  top: 84px;
}
.banner.site .navigation-list ul a {
  color: #003965;
}
.popup-list.user {
  width: 200px !important;
}
.banner.site .internal-link.favorite-off {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
  color: var(--color-green-700);
}
.popup-list.user, .popup-list.bookmarks, .popup-list.conversations,  .popup-list.notifications {
    min-width: 235px !important;
    border-radius: var(--space-2) 0 var(--space-2) var(--space-2);
}
@media only screen and (max-width: 670px) {
    .popup-list.user, .popup-list.bookmarks, .popup-list.conversations,  .popup-list.notifications {
        min-width: 100% !important;
        border-radius: 0;
    }
}
.popup-list .content-list {
    width: auto !important;
}
.popup-list .content-list .navigation-list-item {
    padding: var(--space-1);
    border-radius: var(--space-2);
}
.popup-list .content-list .navigation-list-item:not(.logout):hover {
    background-color: var(--color-gray-200);
}
.popup-list .content-list .username {
    color: var(--color-green-700);
    font-weight: 500;
}
.popup-list .content-list a {
    font: var(--font-hmc-body-xl);
    color: var(--color-black);
}
.popup-list .content-list a.logout {
    display: flex;
    justify-content: center;
    padding: var(--space-2);
    color: var(--color-white);
    background-color: var(--color-green-700);
    border: solid 1px var(--color-green-800);
    border-radius: var(--space-2);
    margin-top: var(--space-4);
}
.popup-list .content-list a.logout:hover {
    background-color: var(--color-green-800);
}
.popup-list .content-list a i {
    padding-right: var(--space-2);
}
.popup-list .content-list-footer .left {
  font: var(--font-hmc-body-l);
  color: var(--color-green-700);
}
.popup-list .content-list-footer .left:hover {
    color: var(--color-green-900);
    text-decoration: underline;
}
.popup-list .content-list-footer .internal-link {
  font: var(--font-hmc-body-l);
  color: var(--color-green-700);
}
.popup-list .content-list-footer .internal-link:hover {
    color: var(--color-green-900);
    text-decoration: underline;
}
.popup-list .navigation-list.filter .navigation-item .internal-link {
  font: var(--font-hmc-body-xl);
  padding: 10px;
  background-color: #ffffff;
}
.popup-list .navigation-list.filter .navigation-item .internal-link:hover {
  /*background-color: #fff;*/
  border: none;
  /*color: #fff;*/
  border-bottom: var(--space-1) solid var(--color-green-600);
  border-radius: 0;
}
.popup-list .navigation-list.filter .navigation-item .internal-link.selected {
  font: var(--font-hmc-body-xl);
  background-color: var(--color-white);
  color: var(--color-green-700);
  border-bottom: var(--space-1) solid var(--color-green-700);
  border-radius: 0;
  font-weight: 500;
}
.popup-list.notifications .content-list .content-item-header .name,.popup-list.conversations .content-list .content-item-header .name {
    font-weight: 500;
}
.popup-list.bookmarks .content-list.content .content-item, .popup-list.conversations .content-list.content .content-item, .popup-list.notifications .content-list.content .content-item {
    display: block;
    padding-left: var(--space-15);
    min-height: var(--space-15);
    align-content: center;
}
.popup-list.bookmarks .content-list.content .content-item .post-author, .popup-list.conversations .content-list.content .content-item .post-author, .popup-list.notifications .content-list.content .content-item .post-author  {
    position: absolute;
    top: var(--space-2);
    left: var(--space-2);
}
.popup-list.bookmarks .content-list.content .content-item .content-group a {
    color: var(--color-black);
    font: var(--font-hmc-body-l);
    font-style: italic;
    padding-top: var(--space-1);
}
.popup-list.bookmarks .content-list.content .content-item .content {
    color: var(--color-black);
    font: var(--font-hmc-body-xl);
}
.popup-list.conversations .content-list.content .content-item-header {
    color: var(--color-green-700);
    font: var(--font-hmc-body-xl);
}
.popup-list.conversations .content-list.content .content-item .post-authors {
    color: var(--color-black);
    font: var(--font-hmc-title-xs);
}
.popup-list.conversations .content-list.content .content-item .content {
    color: var(--color-black);
    font: var(--font-hmc-body-xl);
}
.popup-list.conversations .content-list.content .content-item .post-date {
    color: var(--color-gray-600);
    font: var(--font-hmc-body-l);
}
.popup-list.notifications .content-list.content .content-item-header {
    color: var(--color-green-700);
    font: var(--font-hmc-body-xl);
}
.popup-list.notifications .content-list.content .content-item-header svg {
    display: none;
}
.popup-list.notifications .content-list.content .content-item .post-authors {
    color: var(--color-black);
    font: var(--font-hmc-title-xs);
}
.popup-list.notifications .content-list.content .content-item .content {
    color: var(--color-black);
    font: var(--font-hmc-body-xl);
}
.popup-list.notifications .content-list.content .content-item .post-date {
    color: var(--color-gray-600);
    font: var(--font-hmc-body-l);
}
.banner.site.all > .navigation-list.handheld ul .site#mobile-menu.clicked:before  {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 35px;
    height: 35px;
    top: 5px;
    left: 0;
    display: block;
    content: "\e813";
    font-family: Entypo;
    font-size: 25px;
    line-height: 25px;
}
.banner.site.all > .navigation-list.handheld ul .user.logged-in.clicked:before  {
    transform: rotate(180deg);
    top:-5px;
}
.text-right {
  font: var(--font-hmc-body-l);
  color: var(--color-green-700);
}
.text-right:hover {
    color: var(--color-green-900);
    text-decoration: underline;
}
@keyframes bell {
  0% {
    transform: rotate(35deg);
  }
  12.5% {
    transform: rotate(-30deg);
    transform: scale(1.5, 1.5);
  }
  25% {
    transform: rotate(25deg);
  }
  37.5% {
    transform: rotate(-20deg);
  }
  50% {
    transform: rotate(15deg);
  }
  62.5% {
    transform: rotate(-10deg);
  }
  75% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0);
  }
}
.bell {
  animation: bell 1.5s ease-out;
  transform-origin: center top;
}
@keyframes pulse {
  45% {
    opacity: 0.6;
  }
  80% {
    opacity: 0;
    scale: 1.6;
  }
  100% {
    opacity: 0;
    scale: 1.6;
  }
}
.banner.site .popup-list-count:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -10px;
  left: -54%;
  width: 30px;
  height: 30px;
  border-radius: inherit;
  border: 8px solid transparent;
  border-top-color: var(--color-green-700);
  border-top-style: double;
  opacity: 0;
  animation: pulse 1.5s infinite linear both;
    
  @media only screen and (max-width: 670px) {
    display:none; 
  }
}
.header-fragments:hover .banner.site fieldset ul li .field-item-input input {
  color: #000;
}
.header-fragments .header-top-content .layout-region.header .banner.site .navigation-list ul a,
.header-fragments .header-top-content .layout-region.header .banner.site .navigation-list ul a.active,
.header-fragments .header-top-content .layout-region.header .banner.site fieldset ul li .field-item-input input,
.header-fragments .header-top-content .layout-region.header .banner.site fieldset ul li .field-item-input input.active,
.header-fragments .header-top-content .layout-region.header .banner.site fieldset ul.field-list li.field-item .field-item-input:after,
.header-fragments .header-top-content .layout-region.header .banner.site fieldset ul.field-list li.field-item .field-item-input input.active,
.header-fragments .header-top-content .layout-region.header .content-fragment.navigation-custom .navigation-list[data-direction='horizontal'] a {
  color: #003965;
  height: 28px;
}
.header-fragments .header-top-content .layout-region.header .banner.site .navigation-list ul .popup-list-count {
  
}
.banner.site .navigation-list ul {
  min-width: 160px;
}
.header-fragments .header-top-content .layout-region.header .banner.site .navigation-list ul a.popup-list-count {
  color: var(--color-white) !important;
  background-color: var(--color-green-700);
  height: var(--space-4);
  width: var(--space-4);
  line-height: var(--space-4);
}
.single-column .banner.site > .navigation-list.handheld ul a,
.single-column .banner.site .container.handheld .user-links ul a {
	color: var(--color-blue-900);
}
@media only screen and (max-width: 670px) {
    .single-column .banner.site > .navigation-list.handheld ul a.popup-list-count {
        color: var(--color-white);
        line-height: var(--space-4);
        pointer-events: none;
    }
    .single-column .banner.site .container.handheld .user-links ul a.popup-list-count {
        color: var(--color-white);
        line-height: var(--space-4);
        pointer-events: none;
    }
}
.single-column .banner.site > .navigation-list.handheld ul a,
.single-column .banner.site .container.handheld .user-links ul a {
	color: var(--color-blue-900);
}