/* Change the default width of primary sidebar */
.bd-sidebar-primary { 
    width: 16%;
}

/* Change the default width of secondary sidebar */
.bd-sidebar-secondary {
    width: 20%;
}

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


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



/* To change the left bar of executable cells in markdown and executable cells in jupyter notebooks */
/* See https://github.com/executablebooks/meta/discussions/667 */
div.cell div.cell_input {
    border-left-color: #789abd;
    
}

/*********************************************
* See https://github.com/executablebooks/MyST-NB/issues/453
*********************************************/

div.cell.tag_scroll-output div.cell_output {
	 max-height: 24em;
	 overflow-y: auto;
	 max-width: 100%;
	 overflow-x: auto;
}

div.cell.tag_scroll-output div.cell_output::-webkit-scrollbar {
	 width: 0.3rem;
	 height: 0.3rem;
}

div.cell.tag_scroll-output div.cell_output::-webkit-scrollbar-thumb {
	 background: #c1c1c1;
	 border-radius: 0.25rem;
}

div.cell.tag_scroll-output div.cell_output::-webkit-scrollbar-thumb:hover {
	 background: #a0a0a0;
}

@media print {
	 div.cell.tag_scroll-output div.cell_output {
		 max-height: unset;
		 overflow-y: visible;
		 max-width: unset;
		 overflow-x: visible;
	}
}

div.cell.tag_scroll-input div.cell_input {
	 max-height: 24em;
	 overflow-y: auto;
	 max-width: 100%;
	 overflow-x: auto;
}

div.cell.tag_scroll-input div.cell_input::-webkit-scrollbar {
	 width: 0.3rem;
	 height: 0.3rem;
}

div.cell.tag_scroll-input div.cell_input::-webkit-scrollbar-thumb {
	 background: #c1c1c1;
	 border-radius: 0.25rem;
}

div.cell.tag_scroll-input div.cell_input::-webkit-scrollbar-thumb:hover {
	 background: #a0a0a0;
}

@media print {
	 div.cell.tag_scroll-input div.cell_input {
		 max-height: unset;
		 overflow-y: visible;
		 max-width: unset;
		 overflow-x: visible;
	}
}



/*********************************************
* Color changes in theme
* See https://github.com/pydata/pydata-sphinx-theme/blob/main/src/pydata_sphinx_theme/assets/styles/variables/_color.scss
* https://pydata-sphinx-theme.readthedocs.io/en/v0.9.0/user_guide/customizing.html
*********************************************/

html[data-theme="light"] {
  --pst-color-primary: #35587C;
  --pst-color-primary-highlight: #053f49;
  --pst-color-secondary: #08294D;
  --pst-color-secondary-highlight: #86A3C3;
  --pst-color-target: rgb(255, 236, 158);
  --pst-color-inline-code: rgb(214, 84, 41);
  --pst-color-table-row-hover-bg: #ADC5DF;
  --sd-color-card-border-hover: hsla(210, 34%, 60%, 1);
  --sd-color-tabs-label-active: hsla(210, 34%, 60%, 1);
  --sd-color-tabs-label-hover: hsla(210, 34%, 60%, 1);
  --sd-color-tabs-underline-active: hsla(210, 34%, 60%, 1);
 }

