/*
 # -----------------------------------------------------------------------------
 #  ~/assets/themes/j1/modules/nbInteract/css/nbinteract/nbinteract-core.css
 #  Provides base styles for nbInteract
 #
 #  Product/Info:
 #  https://jekyll.one
 #
 #  Copyright (C) 2022 Juergen Adams
 #
 #  J1 Template is licensed under MIT License.
 #  See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # -----------------------------------------------------------------------------
*/

/* Altair style overwrites
-------------------------------------------------------------------------------- */

/* jadams: overwrite width/height (style) of the canvas for responsiveness */
/* https://stackoverflow.com/questions/55169344/how-to-make-altair-plots-responsive */
canvas.marks {
    max-width: 100% !important;
    height: auto !important;
}

/* div.vega-bind, div.vega-bind > span {
  margin-left: .5rem !important;
  font-size: 1rem;
} */

input[type="range"] {
    /* margin-top: 0.5rem; */
}

.vega-bind {
    margin-top: 0.25rem;
}

.vega-bind-name {
    width: 8rem !important;
    display: inline-block;
}
.checkbox label, .radio label, label {
    margin-left: 0;
}

form.vega-bindings {
  font-size: 1rem;
  margin: .75rem 0 .75rem 1.75rem;
}

input, select {
  margin-right: 0.75rem;
  margin-left: 0.75rem;
}

select {
  border-width: 1px;
  border-style: solid;
  border-color: #9E9E9E;
  color: #757575;
  line-height: 125%;
  padding: 0px 0 0 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
  background-position: calc(100% - 0.75rem) center !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-right: 2rem !important;
  border: 1px solid #BDBDBD;
  border-radius: 2px;
}

/* select:focus {
  min-width: 150px;
  width: auto;
} */

/* .vega-bind-name {
    width: 16rem !important;
    display: inline-block;
} */

/* select {
  margin-right: .75rem;
  margin-left: .75rem;
} */

/* MathJax style overwrites (CSS-HTML)
-------------------------------------------------------------------------------- */
.MathJax span {
  font-size: 100% !important;
}

/* MathJax style overwrites (CommonHTML)
-------------------------------------------------------------------------------- */

.MJXc-display {
  margin: 1em 0 1em 0 !important;
}

.mjx-chtml {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
  font-size: 100% !important;
}


/* Bgplot style overwrites
-------------------------------------------------------------------------------- */
.bqplot {
  box-sizing: border-box !important;
  display: flex !important;
  min-width: 640px !important;
  min-height: 480px !important;
}

/* global styles
-------------------------------------------------------------------------------- */
.bmd-form-group {
  padding-top: unset;
}

.container {
  width: 100% !important;
}

.hidden {
  display: none !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 1rem !important;
}

pre {
  line-height: 125%;
  margin-top: 0 !important;
  padding: 0.75rem;
  border: 1px solid #bdbdbd;
  border-radius: 0.25rem;
}

/* Base Style/CSS style overwrites (General Button Styling)
-------------------------------------------------------------------------------- */

/* jadams, 2022-04-22 */
.jupyter-widgets {
  overflow: hidden !important;
}

/* jadams, 2022-04-22: overload BS style for the p element */
.widget-html-content > p {
  margin-bottom: 0 !important;
}

/* jadams, 2022-04-22: overload FA style for size and placement */
.widget-html-content > .fa.fa-check, .fa.fa-times {
    font-size: 1.5rem !important;
    margin-left: .5rem !important;
}

/* jadams, 2022-04-22: additinal space for NBI/Interactive Questions */
/* NOTE: affects ALL widget-vbox elements e.g. sitting in a 'output_wrapper' */
/*       but acceptable */
.widget-vbox {
  margin-bottom: 0.75rem !important;
}

/* jadams, 2022-04-22 */
.widget-hslider {
  margin-top: 1rem !important;
  margin-left: 0 !important;
  width: 99% !important;
}

/* jadams, 2022-04-22 */
.widget-inline-hbox .widget-label {
  /* width: 6rem !important; */
}

/* jadams, 2022-04-22 */
.widget-label {
  margin-left: 0 !important;
}

/* Overrides of notebook styles for static HTML export
-------------------------------------------------------------------------------- */
div#notebook {
  overflow: visible;
  border-top: none;
} @media print {
  div.cell {
    display: block;
    page-break-inside: avoid;
  }
  div.output_wrapper {
    display: block;
    page-break-inside: avoid;
    max-width: 100%;
    height: auto;
  }
  div.output {
    display: block;
    page-break-inside: avoid;
  }
}

/* Cell styles for static HTML export
-------------------------------------------------------------------------------- */

/* adopted from BS "table-responsive */
.cell-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.cell.nbinteract-left {
    width: 49%;
    float: left;
}

.cell.nbinteract-right {
    width: 49%;
    float: right;
}

.cell.nbinteract-hide_in > .input {
    display: none;
}

.cell.nbinteract-hide_out > .output_wrapper {
    display: none;
}

.cell:after {
  content: "";
  display: table;
  clear: both;
}

div.output_subarea {
    max-width: initial;
}

.jp-OutputPrompt {
    display: none;
}