/*!**/
/* *    Copyright (C) 2023 The Chronon Authors.*/
/* **/
/* *    Licensed under the Apache License, Version 2.0 (the "License");*/
/* *    you may not use this file except in compliance with the License.*/
/* *    You may obtain a copy of the License at*/
/* **/
/* *        http://www.apache.org/licenses/LICENSE-2.0*/
/* **/
/* *    Unless required by applicable law or agreed to in writing, software*/
/* *    distributed under the License is distributed on an "AS IS" BASIS,*/
/* *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.*/
/* *    See the License for the specific language governing permissions and*/
/* *    limitations under the License.*/
/* *!*/

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Inconsolata&display=swap');



/* FIX-FOR: doc readability with default font is sub-par */
body {
    font-family: 'IBM Plex Sans', sans-serif;
}

/* FIX-FOR: code readability with default font is sub-par */
pre, code {
    font-family: 'Inconsolata', monospace;
    font-size: 100%;
    line-height: 130%;
}

/* FIX-FOR: doc readability with default font is sub-par */
h1 {
    font-family: 'IBM Plex Sans', sans-serif;
}

h2 {
    font-family: 'IBM Plex Sans', sans-serif;
}

h3 {
    font-family: 'IBM Plex Sans', sans-serif;
}

.bd-main .bd-content .bd-article-container {
    max-width: 100%;  /* default is 60em */
}

.bd-page-width {
    max-width: 100%;  /* default is 88rem */
}


/* FIX-FOR: the inner and outer boxes of the search bar have inconsistent radii*/
.bd-search {
    border-radius: 0.2rem;
}

/* use colors from the chronon theme for highlighting logo's / search bars  */
html[data-theme=light] {
    --pst-color-accent: rgb(230, 145, 56);
    /*--pst-color-primary: rgb(196, 118, 12);*/
    /*--pst-color-secondary: rgb(196, 118, 12);*/
    /*--pst-color-attention: rgb(196, 118, 12);*/
}

html[data-theme=dark] {
    --pst-color-accent: rgb(230, 145, 56);
    /*--pst-color-primary: rgb(230, 145, 56);*/
}

/* FIX-FOR: the inner and outer boxes of the search bar have inconsistent radii*/
.form-control {
    border-radius: 0.2rem;
}

/* FIX-FOR: The key shortcut doesn't float left */
.search-button-field {
    display: flex;
    width: 100%;
    height: 36px;
    justify-content: space-between;
}

/* FIX-FOR: The key shortcut doesn't float left */
.search-button-field div:last-child {
    margin-left: auto;
}

/* FIX-FOR: The dark mode - light mode switcher appears much bigger than other icons */
.fa-sun {
    width: 20px;
    height: 20px;
}

.fa-slack {
    color: #5c6fb0;
}

/* FIX-FOR: The right hand sidebar */
.fa-list {
    margin-right: 10px;
}