/* local custom css to override the theme and add some site specific formats */ 
/**/


/* experimental main.css theme override section */





html {
  color: #232333;
  font-family: 'MononokiNerdFont Mono', 'JetBrainsMono Nerd Font', monospace;
  /*font-family: 'JetBrains Mono Nerd font', 'Roboto Mono', monospace;*/
  font-size: 15px;
  line-height: 1.6em;
}

p {
  /* font-family: 'Hasklug Nerd Font Mono Regular', 'JetBrainsMono Nerd Font', monospace; */
  /* font-family: 'Monaspace Krypton Regular', 'JetBrainsMono Nerd Font', monospace; */
  font-family: 'MononokiNerdFont Mono', 'JetBrainsMono Nerd Font', monospace;   
  line-height: 1.5;
  text-align: justify; 
}


/* --- permanent custom.css lines from here --- */

/* for gist code included in a page */ 
.gist {
  overflow:auto;
}

.gist .blob-wrapper.data {
   max-height:400px;
   overflow:auto;
}


/* to restyle lists */ 

ul {
  list-style: none;
  padding-left: 2ch;
}
ul li {
  text-indent: -2ch;
}
ul > li::before {
  content: '- ';
  font-weight: none;
}


/* fonts families beyond those in the theme */ 

@font-face {
  font-display: swap;
  font-family: 'MononokiNerdFont Mono';
  font-style: normal;
  font-weight: 400;
  src: local('MononokiNerdFontMono Regular'), local('MononokiNerdFontMono-Regular'),
       url('../fonts/MononokiNerdFontMono-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
}

@font-face {
  font-display: swap;
  font-family: 'Monaspace Krypton Regular';
  font-style: normal;
  font-weight: 400;
  src: local('Monaspace Krypton Regular'), local('MonaspaceKrypton-Regular'),
       url('../fonts/MonaspaceKrypton-Regular.otf') format('opentype'), /* Safari, Android, iOS */
}

@font-face {
  font-display: swap;
  font-family: 'Hasklug Nerd Font Mono Regular';
  font-style: normal;
  font-weight: 400;
  src: local('HasklugNerdFontMono Regular'), local('HasklugNerdFontMono-Regular'),
       url('../fonts/HasklugNerdFontMono-Regular.otf') format('opentype'), /* Safari, Android, iOS */
}

@font-face {
  font-display: swap;
  font-family: 'JetBrainsMonoNerdFontMono Regular';
  font-style: normal;
  font-weight: 400;
  src: local('JetBrainsMonoNerdFontMono Regular'), local('JetBrainsMonoNerdFontMono-Regular'),
       url('../fonts/JetBrainsMonoNerdFontMono-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
}


/* fix the link underline color and size */
a {
  border-bottom: 1px solid navajowhite;
  color: inherit;
  text-decoration: none;
}


/* svgs are set at 15px in theme. Remove it for others if needed */
svg{
  max-height: none;
}

/* add it back for when icons are used in the footer */
footer {
  max-height: 15px;
}

/* the default table style for this site is borderless */
/* overriding what is in the Theme */
/* so that its easy to use tables for structured info */

table,
table thead,
table tbody,
table th,
table td,
table tr,
thead,
tbody,
tr, 
th,
td {
  border: 0px none;
  border-collapse: collapse;
}

/* style below is easy to apply with table shortode for tables that need borders */
/* and this is the defacto default style for bordered tables  */

.default-table table,
.default-table table th,
.default-table table td,
.default-table tr, 
.default-table th,
.default-table td {
  white-space: nowrap; 
  border: 0.5px solid navajowhite;
  border-collapse: collapse;
}

/* finally for tables, if somehow a borderless table needs to be used explicitly */
/* this class duplicates the default  */

.borderless-table table,
.borderless-table table th,
.borderless-table table td,
.borderless-table tr, 
.borderless-table th,
.borderless-table td {
  border: 0px none;
  border-collapse: collapse;
}

/* shortcode for text divders */ 

.divider-title {
  width: 100%;
  color: goldenrod;
  border-bottom: 1px solid navajowhite;
  text-transform: uppercase;
  margin: 24px 0 0 0;
}


/* shortcode: bullet */

.bullet {
  display: flex;
  align-items: flex-start;
  margin: 8px 0 0 0;
  width: 100%;

  i {
    margin: 3px 10px 0 0;
  }

  .success {
    color: green;
  }

  .danger {
    color: red;
  }
}

.frame-content {
  .bullet {
    margin: 16px 0;
  }
}