/*~~~~~ FONTS ~~~~~*/
/*

-- Open Sans, Roboto --



https://fonts.google.com/specimen/Open+Sans/about





https://fonts.google.com/specimen/Roboto+Condensed/about?query=Roboto+





https://openfontlicense.org/





https://www.jetbrains.com/lp/mono/#license





 */
@font-face {
  font-family: 'OpenSans-Regular';
  src: url("/fonts/OpenSans-Regular.woff2") format("woff2"), url("/fonts/OpenSans-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'OpenSans-Bold';
  src: url("/fonts/OpenSans-Bold.woff2") format("woff2"), url("/fonts/OpenSans-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'OpenSans-SemiBold';
  src: url("/fonts/OpenSans-SemiBold.woff2") format("woff2"), url("/fonts/OpenSans-SemiBold.ttf") format("truetype"); }

@font-face {
  font-family: 'OpenSans-Italic';
  src: url("/fonts/OpenSans-Italic.woff2") format("woff2"), url("/fonts/OpenSans-Italic.ttf") format("truetype"); }

@font-face {
  font-family: 'OpenSans-Light';
  src: url("/fonts/OpenSans-Light.woff2") format("woff2"), url("/fonts/OpenSans-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'OpenSans-LightItalic';
  src: url("/fonts/OpenSans-LightItalic.woff2") format("woff2"), url("/fonts/OpenSans-LightItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'OpenSans-SemiBoldItalic';
  src: url("/fonts/OpenSans-SemiBoldItalic.woff2") format("woff2"), url("/fonts/OpenSans-SemiBoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'OpenSans-Medium';
  src: url("/fonts/OpenSans-Medium.woff2") format("woff2"), url("/fonts/OpenSans-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'OpenSans-Bold';
  src: url("/fonts/OpenSans-Bold.woff2") format("woff2"), url("/fonts/OpenSans-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'OpenSans-SemiBold';
  src: url("/fonts/OpenSans-SemiBold.woff2") format("woff2"), url("/fonts/OpenSans-SemiBold.ttf") format("truetype"); }

@font-face {
  font-family: 'OpenSans_SemiCondensed-Regular';
  src: url("/fonts/OpenSans_SemiCondensed-Regular.woff2") format("woff2"), url("/fonts/OpenSans_SemiCondensed-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'OpenSans_SemiCondensed-Light';
  src: url("/fonts/OpenSans_SemiCondensed-Light.woff2") format("woff2"), url("/fonts/OpenSans_SemiCondensed-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'OpenSans_SemiCondensed-LightItalic';
  src: url("/fonts/OpenSans_SemiCondensed-LightItalic.woff2") format("woff2"), url("/fonts/OpenSans_SemiCondensed-LightItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'OpenSans_SemiCondensed-SemiBold';
  src: url("/fonts/OpenSans_SemiCondensed-SemiBold.woff2") format("woff2"), url("/fonts/OpenSans_SemiCondensed-SemiBold.ttf") format("truetype"); }

@font-face {
  font-family: 'OpenSans_SemiCondensed-Medium';
  src: url("/fonts/OpenSans_SemiCondensed-Medium.woff2") format("woff2"), url("/fonts/OpenSans_SemiCondensed-Medium.ttf") format("truetype"); }

/*-------------------- Roboto -----------------------------------------*/
@font-face {
  font-family: 'RobotoCondensed-Regular';
  src: url("/fonts/RobotoCondensed-Regular.woff2") format("woff2"), url("/fonts/RobotoCondensed-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoCondensed-RegularItalic';
  src: url("/fonts/RobotoCondensed-RegularItalic.woff2") format("woff2"), url("/fonts/RobotoCondensed-RegularItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoCondensed-Bold';
  src: url("/fonts/RobotoCondensed-Bold.woff2") format("woff2"), url("/fonts/RobotoCondensed-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoCondensed-BoldItalic';
  src: url("/fonts/RobotoCondensed-BoldItalic.woff2") format("woff2"), url("/fonts/RobotoCondensed-BoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoCondensed-Light';
  src: url("/fonts/RobotoCondensed-Light.woff2") format("woff2"), url("/fonts/RobotoCondensed-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoCondensed-LightItalic';
  src: url("/fonts/RobotoCondensed-LightItalic.woff2") format("woff2"), url("/fonts/RobotoCondensed-LightItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoCondensed-Medium';
  src: url("/fonts/RobotoCondensed-Medium.woff2") format("woff2"), url("/fonts/RobotoCondensed-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoCondensed-MediumItalic';
  src: url("/fonts/RobotoCondensed-MediumItalic.woff2") format("woff2"), url("/fonts/RobotoCondensed-MediumItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoCondensed-SemiBold';
  src: url("/fonts/RobotoCondensed-SemiBold.woff2") format("woff2"), url("/fonts/RobotoCondensed-SemiBold.ttf") format("truetype"); }

@font-face {
  font-family: 'RobotoCondensed-Italic';
  src: url("/fonts/RobotoCondensed-Italic.woff2") format("woff2"), url("/fonts/RobotoCondensed-Italic.ttf") format("truetype"); }

@font-face {
  font-family: 'JetBrainsMono-Light';
  src: url("/fonts/JetBrainsMono-Light.woff2") format("woff2"), url("/fonts/JetBrainsMono-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'JetBrainsMono-ExtraLight';
  src: url("/fonts/JetBrainsMono-ExtraLight.woff2") format("woff2"), url("/fonts/JetBrainsMono-ExtraLight.ttf") format("truetype"); }

/*~~~~~~~~~~~~~~~~~*/
/*swyx*/
/*swyx*/
/*swyx*/
/*

 * toolbar

*/
/*

 * menu (nav & toc/index)

*/
/*

 * page

*/
/*

 * mini toc

*/
/*

 * related topics

*/
/*

 * search

*/
/*

 * header

*/
/*

 * footer

*/
/*

 * lightbox

*/
/*

 * unsupported browser

*/
/*~~~~~ SIZING ~~~~~*/
/*~~~~~~~~~~~~~~~~~~*/
/*

 * generation variables

 * these are modified by the generation process according to Target Settings

*/
/*

 * generic values

*/
/*

 * header

*/
/*swyx*/
/*swyx*/
/*

 * footer

*/
/*swyx*/
/*

 * menu

*/
/*swyx*/
/*swyx*/
/*

 * toolbar

 *

 * $toolbar-height should be equal or greater than all other

 * values or the layout will produce unexpected results

*/
/*swyx*/
/*swyx*/
/*swyx*/
/*

 * toolbar - logo section (Menu Button & Logo)

*/
/*

 * toolbar - search section (Search Scope Selector, Search Input, & Search Button)

*/
/*swyx*/
/*

 * toolbar - button section (Previous Button, Next Button, Home Button)

*/
/*

 * was this helpful buttons & message

*/
/*

 * page

*/
/*swyx*/
/*

 * mini toc

*/
/*

 * related topics

*/
/*

 * search

*/
/*

 * lightbox

*/
/*

 * unsupported browser

*/
/*

 * calculated sizes

 *

 * the values in the below section are calculated & dependent upon multiple above values.

*/
/*

 * toolbar

*/
/*

 * menu

*/
/*

 * page

*/
/*swyx*/
/*swyx*/
@media only screen and (min-width: 900px) {
  #layout_div.layout_initial #presentation_div.menu_initial #menu_frame {
    left: 0; }
  #layout_div.layout_initial #presentation_div.menu_initial #page_div, #layout_div.layout_initial #presentation_div.menu_initial #search_div {
    margin-left: 400px;
    width: calc(100vw - 400px); } }

@media only screen and (max-width: 900px) {
  #layout_div.layout_initial #presentation_div.menu_initial #menu_frame {
    left: -400px; }
  #layout_div.layout_initial #presentation_div.menu_initial #menu_backdrop {
    display: none; } }

/* Toggle Buttons - Initial State */
#layout_div.layout_narrow #presentation_div.menu_initial #menu_toggle_show {
  display: table; }

#layout_div.layout_narrow #presentation_div.menu_initial #menu_toggle_hide {
  display: none; }

#layout_div.layout_wide #presentation_div.menu_initial #menu_toggle_show {
  display: none; }

#layout_div.layout_wide #presentation_div.menu_initial #menu_toggle_hide {
  display: table; }

/* Menu - Initial State */
#layout_div.layout_narrow #presentation_div.menu_initial #menu_frame {
  left: -400px; }

#layout_div.layout_narrow #presentation_div.menu_initial #menu_backdrop {
  display: none; }

#layout_div.layout_wide #presentation_div.menu_initial #menu_frame {
  left: 0; }

#layout_div.layout_wide #presentation_div.menu_initial #page_div {
  margin-left: 400px; }