@import url('https://fonts.ycode.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

.container-fluid {

    max-width: 1402px;
}

/*Logo and navigation */

.navbar .navbar-inner {

    box-shadow: none;
    border-bottom: 1px solid #e4e4e7;
}

.navbar .brand {
    background-image: url(https://storage.googleapis.com/ycode-prod-uploads/assets/app10301/images/xmSzjhv4BC5WNv7mKjoIq4BbWw8fKdS8eb294V0R.svg);
    background-repeat: no-repeat;
    background-position: left center;
}

.navbar .brand::after {
    content: 'Knowledge base';
    display: block;
    color: #000000;
    position: absolute;
    left: 145px;
    top: 47px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 3px 15px;
    font-size: 10px;
    line-height: 18px;
    border-left: 1px solid #000000;
}

.navbar .brand img {
    opacity: 0;
}

/*Changing font for entire site*/

body {

    font-family: 'Inter', sans-serif;
    color: #000000;

}


#docsSearch h1 {

    font-family: 'Inter', sans-serif;
    color: #000000;

}

#searchBar .search-query {
    background: #fff;
    border-color: #021412;
    box-shadow: none;
    color: #777;
}
#searchBar button {
    background: #021412;
    border-color: transparent;
    color: #fff;
}
#searchBar button:hover {
    background: #021412;
    border-color: transparent;
    color: #fff;
}

/*Add a border and background color for categories*/

.category-list .category {
    background-color:#FFFFFF;
    border: 1px solid #e4e4e7;
    border-radius: 6px;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.category-list .category {

    width: 48%;
    padding: 40px;
    box-sizing: border-box;
    text-align: left;

}




.category-list .category:hover {
    background: #ffffff;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}


/*Add a background color for collections of most popular articles*/
.twoCol .collection, .threeCol .collection {
    background: #FFFFFF;
    border-color: #111803;
}

/*Content wrappers */

#main-content {

    background-image: none;

}

#main-content .contentWrapper {

    background-color:#FFFFFF;
    border: 1px solid #e4e4e7;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;

}



/*Sidebar*/

#sidebar form .search-query {
    border: 1px solid #e4e4e7;
    border-radius: 6px;
}


/*Fonts*/

.most-pop-articles h2 {

    font-family: 'Inter', sans-serif;
    color: #000000;
    font-size: 30px;
    font-weight: 400;
    text-align: left;

}


.most-pop-articles h2::after {



}

.category-list h3 {

    font-family: 'Inter', sans-serif;
    color: #000000;
    font-size: 24px;
    font-weight: 400;

}


.category-list .category .article-count {
    font-size: 16px;

}

.most-pop-articles {
    max-width: 100%;
    width: 100%;

}

.most-pop-articles.two-col .popArticles {

    /*margin: 0 40px;*/

}

#fullArticle .title {

    font-family: 'Inter', sans-serif;
    color: #000000;
    font-size: 36px;
    line-height: 46px;
    font-weight: 400;


}

#fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table {

    font-family: 'Inter', sans-serif;
    color: #000000;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;

}


#fullArticle li img  {
    margin-top: 10px !important;
}


#fullArticle strong {

    font-family: 'Inter', sans-serif;
    color: #000000;
    font-weight: 500;

}

#fullArticle h2, #fullArticle h3 {

    color: #000000;
    font-weight: 500;

}



/* Article: Category menu */

@media screen and (max-width: 768px) {
    #sidebar {
        margin-top: 40px;
    }
}

#sidebar h3 {

    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    text-transform: initial;

}

#sidebar .nav-list {
    margin: 20px 0;
}

#sidebar .nav-list a {
    font-size: 15px;
    color: #405261;
    padding: 8px 15px 8px 0;
}

#sidebar .nav-list a:hover {
    color: #0d9488;
}

#sidebar .nav-list .active a,
#sidebar .nav-list .active a:hover,
#sidebar .nav-list .active a:focus {
    font-weight: 500;
    color: #0d9488;
}

.icon-arrow:before {
    color: #0d9488;
}


#sidebar form .search-query {
    border: 1px solid #A5B2BD;
    border-radius: 5px;
    height: 42px;
    font-size: 14px;
}

#categoryHead .sort select {
    font-size: 12px;
    height: 28px;
}

#categoryHead .sort {
    position: relative;
    top: 0;
}

@media screen and (min-width: 1000px) {
    #categoryHead .sort {
        position: absolute;
        right: 0;
        top: 8px;
    }
}

#category-10 h3::before {

    display: block;
    width: 24px;
    height: 24px;
    content: '';
    margin-bottom: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M20 22H6.5A3.5 3.5 0 0 1 3 18.5V5a3 3 0 0 1 3-3h14a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1zm-1-2v-3H6.5a1.5 1.5 0 0 0 0 3H19z'/%3E%3C/svg%3E");

}

#category-11 h3::before {

    display: block;
    width: 24px;
    height: 24px;
    content: '';
    margin-bottom: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M1 22C1 17.5817 4.58172 14 9 14C13.4183 14 17 17.5817 17 22H1ZM9 13C5.685 13 3 10.315 3 7.00002C3 3.68502 5.685 1.00002 9 1.00002C12.315 1.00002 15 3.68502 15 7.00002C15 10.315 12.315 13 9 13ZM18.2463 3.18451C18.732 4.36026 19 5.64884 19 7.00002C19 8.35119 18.732 9.63977 18.2463 10.8155L16.5694 9.59595C16.8485 8.78194 17 7.90867 17 7.00002C17 6.09136 16.8485 5.21809 16.5694 4.40408L18.2463 3.18451ZM21.5476 0.783569C22.4773 2.65651 23 4.76723 23 7.00002C23 9.23281 22.4773 11.3435 21.5476 13.2165L19.9027 12.0201C20.6071 10.4928 21 8.79231 21 7.00002C21 5.20772 20.6071 3.5072 19.9027 1.9799L21.5476 0.783569Z'%3E%3C/path%3E%3C/svg%3E");
}

#category-203 h3::before {

    display: block;
    width: 24px;
    height: 24px;
    content: '';
    margin-bottom: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M2 22C2 17.5817 5.58172 14 10 14C14.4183 14 18 17.5817 18 22H2ZM10 13C6.685 13 4 10.315 4 7C4 3.685 6.685 1 10 1C13.315 1 16 3.685 16 7C16 10.315 13.315 13 10 13ZM17.3628 15.2332C20.4482 16.0217 22.7679 18.7235 22.9836 22H20C20 19.3902 19.0002 17.0139 17.3628 15.2332ZM15.3401 12.9569C16.9728 11.4922 18 9.36607 18 7C18 5.58266 17.6314 4.25141 16.9849 3.09687C19.2753 3.55397 21 5.57465 21 8C21 10.7625 18.7625 13 16 13C15.7763 13 15.556 12.9853 15.3401 12.9569Z'%3E%3C/path%3E%3C/svg%3E");
}

#category-270 h3::before {

    display: block;
    width: 24px;
    height: 24px;
    content: '';
    margin-bottom: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM12.0606 11.6829L5.64722 6.2377L4.35278 7.7623L12.0731 14.3171L19.6544 7.75616L18.3456 6.24384L12.0606 11.6829Z'%3E%3C/path%3E%3C/svg%3E");
}

#category-9 h3::before {

    display: block;
    width: 24px;
    height: 24px;
    content: '';
    margin-bottom: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M14 18v2l2 1v1H8l-.004-.996L10 20v-2H2.992A.998.998 0 0 1 2 16.993V4.007C2 3.451 2.455 3 2.992 3h18.016c.548 0 .992.449.992 1.007v12.986c0 .556-.455 1.007-.992 1.007H14zM4 14v2h16v-2H4z'/%3E%3C/svg%3E");

}

#category-12 h3::before {

    display: block;
    width: 24px;
    height: 24px;
    content: '';
    margin-bottom: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M20 22H4v-2a5 5 0 0 1 5-5h6a5 5 0 0 1 5 5v2zm-8-9a6 6 0 1 1 0-12 6 6 0 0 1 0 12z'/%3E%3C/svg%3E");

}

#category-54 h3::before {

    display: block;
    width: 24px;
    height: 24px;
    content: '';
    margin-bottom: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M18.364 15.536L16.95 14.12l1.414-1.414a5 5 0 1 0-7.071-7.071L9.879 7.05 8.464 5.636 9.88 4.222a7 7 0 0 1 9.9 9.9l-1.415 1.414zm-2.828 2.828l-1.415 1.414a7 7 0 0 1-9.9-9.9l1.415-1.414L7.05 9.88l-1.414 1.414a5 5 0 1 0 7.071 7.071l1.414-1.414 1.415 1.414zm-.708-10.607l1.415 1.415-7.071 7.07-1.415-1.414 7.071-7.07z'/%3E%3C/svg%3E");
}

#category-288 h3::before {

    display: block;
    width: 24px;
    height: 24px;
    content: '';
    margin-bottom: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12.0049 0.999695C14.7663 0.999695 17.0049 3.23827 17.0049 5.99969V7.99969H20.0049C20.5572 7.99969 21.0049 8.44741 21.0049 8.99969V20.9997C21.0049 21.552 20.5572 21.9997 20.0049 21.9997H4.00488C3.4526 21.9997 3.00488 21.552 3.00488 20.9997V8.99969C3.00488 8.44741 3.4526 7.99969 4.00488 7.99969H7.00488V5.99969C7.00488 3.23827 9.24346 0.999695 12.0049 0.999695ZM17.0049 10.9997H15.0049V11.9997C15.0049 12.552 15.4526 12.9997 16.0049 12.9997C16.5177 12.9997 16.9404 12.6137 16.9982 12.1163L17.0049 11.9997V10.9997ZM9.00488 10.9997H7.00488V11.9997C7.00488 12.552 7.4526 12.9997 8.00488 12.9997C8.51772 12.9997 8.94039 12.6137 8.99815 12.1163L9.00488 11.9997V10.9997ZM12.0049 2.99969C10.4072 2.99969 9.10122 4.24861 9.00998 5.82342L9.00488 5.99969V7.99969H15.0049V5.99969C15.0049 4.40201 13.756 3.09603 12.1812 3.00479L12.0049 2.99969Z'%3E%3C/path%3E%3C/svg%3E");
}


#categoryHead h1 {

    margin-bottom: 20px;

}


/* Related articles */

#main-content .related {

    background-color: #f2f5f9;
    border: none;
    margin-top: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    padding: 50px;

}

.related h3 {

    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    text-transform: initial;

}
.related ul>li a {

    font-weight: 500;
    color: #000000;

}

.related ul>li a i {
    display: none;
}