/*Brand color start here */
.SearchContainer__searchIcon,.AppContainer__backToTop,.Button__footerBtn:hover,.LoginDetail__profileBtn{
background:#006fac
}
.SearchContainer__downArrow{
border-top-color:#006fac
}
.commonStyle__zt3BrandFill{
fill:#006fac;
    color:#006fac
}
.Header__homeNavbarFixed .Header__navbar .Header__tabsTab.Header__active, .Header__homeNavbarFixed .Header__navbar .Header__tabsTab:hover, .globalfixednav .globalSignin:hover, .globalfixednav .globalSignup:hover,.globalfixednav .LoginDetail__signin:hover,.globalfixednav .LoginDetail__signup:hover{
border-bottom: .1875rem solid #006fac;
    color: #006fac;
}
.globalfixednav .aPlusIcon:hover,.Signin__userLink,.Link__link2,.Icon__hoverbrand:hover,.Icon__brand,.Comment__cmtUsrNme,.TabFilter__tab:hover, .ThreadedComment__commentContent a,.FileUpload__userLink,.AvatarText__avatarText,.TopicDetailRightContainer__commentCount>span, .TopicDetailRightContainer__followerCount>span, .TopicDetailRightContainer__viewCount>span,.Button__primaryBorder, .Button__warningBorder,.TopicPreview__txtPrimary,.Pill__pillText,.NoContent__contentDescription a, .NoContent__title,.TopicDetailLeftContainer__creatorName,.ThreadedComment__userNameType2,.TopicPreview__creatorName, .globalfixednav .CustomizeContainer__aPlus:hover,.ForgetPasswordContainer__userLink,.Captcha__captchaText,.communityDetail .description a,.articleDetail .description a,.FilterTabs__activeFilter,.ForumTabs__activeFilter,.LoginDetail__userMail .commonStyle__zt3Brand,.TopicListRightContainer__countValue,.commonStyle__zt3Brand,.TicketFilterPopup__active,.TicketFilterPopup__filterValue:hover {
color: #006fac !important;
}
.AvatarText__avatarText{
background: #fff;
}
.FileUpload__attachPin,.AvatarText__avatarText,.Button__primaryBorder, .Button__warningBorder,.Pill__pill{
border-color:#006fac;
}
/*Brand color end here */

/* Sticky header background */
.Header__homeNavbarFixed .Header__navbar,
.Header__homeNavbarFixed .Header__searchSection{
    background-color:#006fac !important;
}

/* Search bar width */
.Header__homeNavbarFixed .Header__globalSearchAlt{
    width:70% !important;
}
/* ===========================
   FOOTER
=========================== */

.footer {
    background: #006fac;
    padding: 18px 35px;
    font-family: inherit;
}

.footer-container {
    max-width: 1280px;
    margin: 0 auto;

    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

/* ===========================
   LINKS
=========================== */

.footer-links {
    display: flex;
    align-items: center;
}

.footer-links a {
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    font-family: inherit;

    padding: 0 22px;
    white-space: nowrap;

    transition: opacity .25s ease;
}

.footer-links a:hover {
    opacity: .8;
}

/* ===========================
   DIVIDER
=========================== */

.divider {
    width: 1px;
    height: 24px;
    background: rgba(255,255,255,.35);
}

/* ===========================
   LOGO
=========================== */

.footer-logo {
    flex-shrink: 0;
}

.footer-logo img {
    height: 55px;
    width: auto;
    display: block;
}

/* ===========================
   LARGE TABLETS
=========================== */

@media (max-width: 1024px) {

    .footer {
        padding: 20px;
    }

    .footer-container {
        flex-direction: column;
        gap: 20px;
    }

    .footer-links {
        justify-content: center;
        flex-wrap: wrap;
    }

    .footer-links a {
        font-size: 15px;
        padding: 0 18px;
    }

    .footer-logo img {
        height: 50px;
    }

}

/* ===========================
   TABLETS
=========================== */

@media (max-width: 768px) {

    .footer-links {
        gap: 14px;
    }

    .divider {
        display: none;
    }

    .footer-links a {
        padding: 0;
        font-size: 14px;
    }

    .footer-logo img {
        height: 45px;
    }

}

/* ===========================
   MOBILE
=========================== */

@media (max-width: 480px) {

    .footer {
        padding: 18px 15px;
    }

    .footer-container {
        gap: 16px;
    }

    .footer-links {
        flex-direction: column;
        width: 100%;
        gap: 0;
    }

    .footer-links a {
        width: 100%;
        text-align: center;
        padding: 12px 0;
        border-bottom: 1px solid rgba(255,255,255,.15);
    }

    .footer-links a:last-child {
        border-bottom: none;
    }

    .footer-logo img {
        height: 40px;
    }

}
