/*Header font weight*/
h1, h2, h3, h4, h5, .topic__title {
  font-weight: 800;
}

.brand-hero .brand-hero-title {
	color: #000033;
}

/*search bar style*/
input[type=search].search-box__input {
    border-radius: 8px !important;
    box-shadow: none !important;
    border: 1px solid #e3e4ec !important;
}

/*change shadow and border radius for live search dropdown*/
.algolia-hit-container{
  border-radius: 8px !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 9px 0px !important;
}

/*change styles for parent category cards on homepage*/
.community-category-container .community-category__card{
  border-radius: 8px;
    border: 1px solid #e3e4ec !important;
    box-shadow: none;
}

.featured-topic__url{
  border-radius: 8px;
  border: 1px solid #e3e4ec !important;
}

/*change color for create topic button*/
.main-navigation--nav-buttons-wrapper .link{
  color:#2b3346;
}

/*featured topics on category pages*/
.widget--featured-topics .widget--featured-carousel .swiper-container .swiper-container-horizontal{
  border-radius: 8px;
  border: 1px solid #e3e4ec !important;
}

/*change static bar background color*/
.stats-bar .p-v .qa-stats-bar{
  background-color: #f8f8f8;
}

/*category page search bar*/
.custom-stats-bar {
  border-bottom: none; 
}

.custom-stats-bar .stats-bar {
  background-color: #f8f8f8;
}

/*featured topics categories*/
.widget--featured-topics .featured-topic {
    border: 1px solid #e3e4ec;
    box-shadow: none;
    border-radius: 8px;
}

/*widget title margin*/
.widget title add {
  margin-top:16px;
}

/* hero banner change height */
.custom-hero-banner {
 height: 180px; /* default: 240px */
}

/* KB cards */
.quicklink__box{
  border: 1px solid #e3e4ec;
  border-radius: 8px !important;
  height: 150px
}
  
iframe#twitter-widget-0 {
border: 1px solid #E3E4EC !important;
border-radius: 8px !important;
}

@media (max-width: 1024px) {
  .widget---leaderboard_points {
    margin-top: 32px;
  }
}

@media (max-width: 420px) {
  .custom-hero-banner {
    height: 200px;
    padding-top: 40px;
  }
}

@media (min-width: 768px) {
  /*change styles for category cards on parent category page*/
  .category-page_container .category-page_list .category-page_list-item{
    border-radius: 8px;
    border: 1px solid #e3e4ec !important;
    box-shadow: none !important;
  }
  
  /*add border-radius to topic list*/
  .topic-list-view {
    border-radius: 8px;
  }

  .custom-content-stream .qa-topic-block:last-child {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  
  .custom-content-stream .qa-topic-block:first-child {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
  }

  .custom-content-stream .load-more-container {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  
  .qa-topic-first-post {
    border-radius: 8px;
  }
  
  #comments {
    border-radius: 8px;
  }
  
  #comments + .box__pad {
    border-radius: 8px;
  }
  
  .qa-topic-reply-box-header {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
  }
  
  .custom-content-stream .forum-list {
    border-radius: 8px;
  }

  .custom-content-stream .forum-list > .box:first-child {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
  }

  .custom-content-stream .forum-list > .box:last-child {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  .main-menu__item:hover .main-sub-menu {
    margin-top: 3px;
    display: block;
    z-index: 5001;
  }

  .menu-item-arrow::before {
    content: url("./img/arrow_right.png");
  }

  .main-menu__item:hover .menu-item-arrow::before {
    content: url("./img/arrow_down.png")
  
  }
}

@media (min-width: 1024px) {  
  .qa-div-main.widget-wrapper .box {
    border-radius: 8px;
  }
  
  .qa-div-main.widget-wrapper .list__items--header {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
  }
  
  .qa-div-main.widget-wrapper .qa-topic-block:last-child {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }
}

.quicklink__title{
  margin-top:0px;
}

/* Need more help section in kb page */
.ask-question-widget__widget{
  border: 1px solid #E3E4EC;
}
.ask-question-widget__title{
  font-size:16px !important;
  font-weight:600;
}

@media (min-width: 1025px) {
  .ask-question-widget__widget{
    border-radius: 8px !important;
  }
}

/* Button text restyle */
.btn--cta{
  text-transform: uppercase;
  font-weight:800;
}
 .btn--secondary{
  text-transform: uppercase;
  font-weight:800;
}
 .btn--cancel{
  text-transform: uppercase;
  font-weight:800;
}

/* Add radius to sections in kb category page*/
@media (min-width: 1025px) {
  .topic-curation-destination__container{
    border-radius: 8px;
  }
}

/*customcss*/

.forum-list .flag__image { 
padding-right: 0px
}

.page-header {
  position: absolute;
  top: -63px;
  border-bottom: 1px solid #cdcdcd;
}

.page-header__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 auto;
}
.page-header__small-wrapper {
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 13px;
  width: 34vw;
}

.main-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 60%;
  padding: 0;
  margin: 0;
  margin-left: auto;

  list-style: none;
}

.main-menu__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  text-align: center;
}
.main-menu__item-link {
  display: block;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #2b3346;
  text-decoration: none;
}

.main-menu__item-text {
  display: none;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #2b3346;
  text-decoration: none;
}

.main-nav {
  display: none;
}

.help-menu-button {
  display: none;
  margin-top: 20px;

  border: none;
  background-color: transparent;
  background-repeat: no-repeat;

}

.help-menu-button.show {
    display: block;
}

.help-menu-button.off {
    width: 25px;

    background-image: url("./img/open-menu-icon.svg");
}

.help-menu-button.on {
    width: 19px;

    background-image: url("./img/close-icon.svg");
}

.menu-item-arrow::before {
  display: inline-block;
  margin-left: -15px;
  width: 15px;
  height: 14px;
  background-repeat: no-repeat;
}

.main-sub-menu {
  display: none;
	list-style: none;
  text-align: left;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.15);
  padding: 10px 0;
  min-width: 200px;
  left: -20px;
  top: 44px;
}


.main-sub-menu__item-link {
  display: block;
  padding: 10px 20px;
  text-transform: none;
  font-size: 16px;

  color: var(--config-anchor-base-color);
  text-decoration: none;
  cursor: pointer;
}

.main-sub-menu__item-link:hover{
	background-color: #f3f3f3;
}

.role-protected{ display: none; }

/* Hide Product Updates subscribe button */
.product-updates-overview-wrapper .sitewidth .btn--toggle {
  display: none;
}

@media (max-width: 767px) {
  .menu-item-text-arrow {
    display: inline-block;
    margin-left: -40px;
    margin-right: 20px;
    width: 15px;
    height: 14px;
    background-image: url("./img/arrow_right.png");
    background-repeat: no-repeat;
  }
  
  .menu-item-text-arrow.down {
    background-image: url("./img/arrow_down.png");
    background-repeat: no-repeat;
  }
  

  .main-menu__item-link {
    display: none;
  }

  .main-menu__item-link.learn {
    display: block;
    text-align: left;
    padding-left: 66px;
  }

  .main-menu__item-text {
    display: block;
    text-align: left;
    padding-left: 66px;
  }

  .main-sub-menu.hide {
    display: none;
  }

  .main-sub-menu.open {
    display: block;
  }

  .main-sub-menu {
    position: relative;
    width: 70%;
    left: 20%;
    top: 7px;
  }

  .main-sub-menu {
    box-shadow: none;
  }

  .main-sub-menu__item-link {
    font-size: 20px;
  }

  .main-nav.show {
    display: block;
    z-index: 5010;
    position: absolute;
    top: 67px;
    background-color: #ffffff;
    width: 100vw;
  }
  
  .main-nav.show > .main-nav__list  {
    width: 100%;
  }
  
  .main-nav.show > .main-nav__list > .main-menu__item {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%), 0 1px 1px 0 rgb(0 0 0 / 9%);
  }

  
  
}

@media (min-width: 320px) and (max-width: 767px) {
  .page-header {
    top: -12px;
  }

  .page-header__small-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 90vw;
  }
}

@media (min-width: 768px) and (max-width: 1439px) {
  .page-header {
    top: -28px;
  }
}

@media (min-width: 768px) {
  .page-header__wrapper {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-line-pack: center;
        align-content: center;
    width: 340px;
    margin: 0 auto;
    margin-top: 19px;
    margin-bottom: 9px;
  }
  .page-header__small-wrapper {
    margin-top: 5px;
    margin-bottom: 0;
  }
  .page-header__logo-image {
    width: 174px;
    height: 59px;
  }

  .main-nav__list {
    margin-top: 15px;
  }

  .main-menu__item {
    margin: 0 8px;
    border: none;
  }
  .main-menu__item--active {
    padding-bottom: 7px;
    border-bottom: 2px solid #68b738;
  }

  .main-menu__item:hover{
    border-bottom: 3px solid #000033;
  }

  .help-menu-button {
    display: none;
  }

  .main-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 478px;
    font-size: 16px;
    line-height: 25px;
    font-weight: normal;
    text-align: left;
  }

  .main-nav {
    display: block;
  }

  .help-menu-button.show {
    display: none;
}
}

@media (min-width: 1076px) and (max-width: 1439px) {
  .main-menu__item {
    margin: 0 15px;
  }
  .main-nav__list {
    margin-top: 15px;
  }

}

@media (min-width: 1440px) {
  .page-header__wrapper {
    margin-top: 50px;
  }
  .page-header__small-wrapper {
    width: 720px;
  }
  .page-header__logo-image {
    width: 203px;
    height: 60px;
    margin-left: 6px;
  }

  .main-menu {
    margin-top: 20px;
    width: 478px;
    margin-left: 131px;
  }

  .main-menu__item {
    margin: 0 30px;
  }
  .main-menu__item-link {
    font-size: 16px;
  }
  .main-nav {
    width: 720px;
  }
  .main-nav__list{
    margin-top: 20px;
  }
}