@import 'https://use.typekit.net/ktf8dir.css';

/* Base */
body {
    font-family: -apple-system, system-ui, sans-serif;
    background-color: #F0F2F4;
    color: #2C333E;
}

/* Top navigation */
.navbar .navbar-inner {
    background-color: #0090DA;
}
.navbar .nav li a {
    color: #F0F2F4;
}
.navbar .nav li a:hover {
    text-decoration: underline;
}

/* Search area */
#docsSearch {
    background: #F0F2F4;
    border: none;
}
#docsSearch h1 {
    font-family: omnes-pro, -apple-system, system-ui, sans-serif;
    color: #2C333E;
    font-size: 2.75rem;
    font-weight: 500;
    letter-spacing: -0.015em;
}

/* Search area > search field */
#searchBar .search-query {
    border-radius: 25px;
    border: solid 2px #BBC2CE;
    transition-property: border-color, box-shadow;
    transition-duration: 200ms;
}
#searchBar .search-query:hover {
    border-color: #0070A8;
}
#searchBar .search-query:focus {
    border-color: #0090DA;
    box-shadow: 0 0 0 4px #0090DA33;
}
#searchBar button {
    border: none;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    background: #0090DA;
}
#searchBar button:hover {
    background-color: #0070A8;
}

/* Search area > sidebar */
#searchBar .icon-search {
   color: inherit;
}
#sidebar form button {
    right: 0;
    min-width: 44px;
    border-radius: 0 20px 20px 0;
}
#sidebar form button:hover {
    background: #0070A8 !important;
}

/* Category list */
.collection-category {
    background: none;
}
.category-list .category {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.20);
    border: none;
    transition-property: box-shadow, background-color;
    transition-duration: 200ms;
    color: #0090DA;
    padding-top: 44px;
    padding-bottom: 44px
}
.category-list .category:hover {
    color: #0070A8;
    background-color: white;
    box-shadow: 0 1px 14px 0 rgba(0,0,0,0.20);
}
.category-list .category h3 {
    color: inherit;
    font-weight: 500;
    margin-top: 0
}
.category-list .category p {
    color: #57657A !important;;
    margin: 0 !important;;
}

/* Containers */
.contentWrapper {
    box-shadow: 0 0 0 1px rgba(0,0,0,0.08), 0 2px 6px 0 rgba(0,0,0,0.20);
    border: none;
    border-radius: 8px;
}
.contentWrapper h1 {
    font-family: omnes-pro, -apple-system, system-ui, sans-serif;
    font-size: 2.75rem;
    font-weight: 500;
    letter-spacing: -0.015em;
    line-height: 1.1em;
    margin-bottom: 1em;
}
.related {
    background: none;
    border: none;
}