/* Import font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

/* ========== GLOBAL FONT ========== */
.en, .html, .kbLanding, .fontSize_100 {
    font-family: 'Roboto', sans-serif !important;
}

/* ========== DISPLAY NONE ========== */
.DottedMenuPopup__displayInB, .LoginDetail__signin a,
.Footer__footerBg,
.Footer__footerCopyrigt,
.KbDetailLtContainer__userSocialIcon,
.KbDetailRtContainer__followOption,
.KbDetailRtContainer__subscribeDescription,
.ArticleListRightContainer__subscribeDescription,
.ArticleListRightContainer__followOption,
.KbCategory__dottedPopup,.Header__tabs__link {
    display: none !important;
}
[data-id="customize"] {

    display: none !important;
}


/* ========== LAYOUT COLORS ========== */
.Layout__oneColumn {
    background-color: #FFFBF3 !important;
}

.commonStyle__verticalTop {
    background-color: #ffffff !important;
}

/* ========== FLEX STYLES ========== */
.commonStyle__flex,
.commonStyle__disFlexRow {
    flex-wrap: wrap !important;
}

.MediaObject__mediaFigure {
    margin-right: 0 !important;
    margin-bottom: 0.5rem !important;
}

.MediaObject__mediaFigure ~ .MediaObject__mediaContent {
    flex: 1 1 100% !important;
    text-align: left !important;
}

/* ========== TYPOGRAPHY ========== */
.Header__name {
    -webkit-font-smoothing: antialiased;
    font-weight: 605 !important;
    font-size: 27px !important;
    letter-spacing: -0.03em !important;
}

.BreadCrumbs__breadcrumbsView {
    font-weight: 585 !important;
    font-size: 15px !important;
    letter-spacing: -0.02em !important;
}

.KbCategory__topic a {
    font-size: 25px !important;
    font-weight: 700 !important;
 letter-spacing: -0.02em !important;
}

.KbCategory__topicContent {
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    color: var(--color-greyShade70);
}

/* ========== SHADOWS ========== */
[data-id="articleDetail"],
[data-id="articleList"] {
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 1025px) {
    .KbCategory__box:hover {
        box-shadow: 0px 1px 20px 1px rgba(255, 91, 0, 0.20);
    }

    .Contact_button:hover {
        box-shadow: 0px 1px 20px 1px rgba(255, 91, 0, 0.20) !important;
    }
}

/* ========== MISC ========== */
.Readingprogress__progressBarLine {
    height: 30px !important;
}

.ListHeader__kbSubcategoryImg :not(.KbCategory__avatarPhoto) {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
}

.commonStyle__zt3breadCrumbBg {
    margin-bottom: 2%;
}

@media only screen and (min-width: 769px) {
  .WidgetContainer__boxSplit,
  .KbCategory__box {
    width: calc(25% - 1rem) !important;
    margin-right: 1.33rem !important;
    float: left !important;
  }

  /* Remove margin on every 4th item */
  .KbCategory__box:nth-child(4n) {
    margin-right: 0 !important;
  }

  /* Clear left margin after every 4 items */
  .KbCategory__box:nth-child(4n+1) {
    clear: left !important;
  }
}

@media only screen and (min-width: 769px) {
    .WidgetContainer__boxSplit:first-child:last-child {
        width: 100% !important;
    margin-right: 0.1rem !important;
margin-left: 0.1rem !important;
    }
}

.commonStyle__zt3breadCrumbBg {
    margin-bottom: 0% !important;
}