/* MyST Theme Options */

:root {
  --cite-group-open: '[';
  --cite-group-close: ']';
}

/* User Provided Stylesheet */

p {
    text-align: justify;
}


/* Chapter heading */
div.chapter-thumb {
    display: flex;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

div.chapter-oa {
      flex: 1; 
      padding: 20px;      
      box-sizing: border-box;
      margin-right: 10px; 
      border: 2px solid  #4c9265; 
      border-radius: 8px; 
      align-items: center; /*Align vertically*/
    }

 div.chapter-oa h2 {
      text-align: center;
      font-weight: bold; 
      font-size: 16px;  
      color: #4c9265;
      padding-top: 2px;
      margin-top: 0;
    }


div.quote-box {    
    text-align: right;
    font-style: italic;
    flex: 1; /* This makes the div take up 50% of the container */
    padding: 20px;
    background-color: #4c92651a;
    box-sizing: border-box;
    margin-left: 10px; /* Space between the divs */
    border-radius: 8px;
    align-items: center; /*Align vertically*/
    
}

/* Table style */
th, td {
    border: 1px solid #4c9265 !important; 
    text-align: center; 
    padding: 10px
  }



details.toggle-details summary {
    display: flex;
    border-left: 3px solid #4c9265;    
}  

div.cell div.cell_input {
    border-left-color: #4c9265;
}


blockquote {
    margin: 1em;
    padding: .2em 1.5em;
    border-left: 1px solid #4c9265;
    border-top: 1px solid #4c9265;
    border-right: 1px solid #4c9265;
    border-bottom: 1px solid #4c9265;
    border-top-left-radius: 0%;
    border-top-right-radius: 0%;
    border-bottom-left-radius: 0%;
    border-bottom-right-radius: 0%;
    text-align: center;
    background-color: #4c92651a;
}
  


/*
<style>
    @font-face {
        font-family: "Computer Modern";
        src: url('http://9dbb143991406a7c655e-aa5fcb0a5a4ec34cff238a2d56ca4144.r56.cf5.rackcdn.com/cmunss.otf');
    }
    @font-face {
        font-family: "Computer Modern";
        font-weight: bold;
        src: url('http://9dbb143991406a7c655e-aa5fcb0a5a4ec34cff238a2d56ca4144.r56.cf5.rackcdn.com/cmunsx.otf');
    }
    @font-face {
        font-family: "Computer Modern";
        font-style: oblique;
        src: url('http://9dbb143991406a7c655e-aa5fcb0a5a4ec34cff238a2d56ca4144.r56.cf5.rackcdn.com/cmunsi.otf');
    }
    @font-face {
        font-family: "Computer Modern";
        font-weight: bold;
        font-style: oblique;
        src: url('http://9dbb143991406a7c655e-aa5fcb0a5a4ec34cff238a2d56ca4144.r56.cf5.rackcdn.com/cmunso.otf');
    }
    div.cell{
        width:800px;
        margin-left:16% !important;
        margin-right:auto;
    }
    h1, h2, h3, h4 {
        font-family: Geneva, serif;
        color: #4057A1;
    }
    h4{
        margin-top:12px;
        margin-bottom: 3px;
       }
    div.text_cell_render{
        font-family: Computer Modern, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        line-height: 145%;
        font-size: 130%;
        width:800px;
        margin-left:auto;
        margin-right:auto;
    }
    .CodeMirror{
            font-family: "Source Code Pro", source-code-pro,Consolas, monospace;
    }
    .prompt{
        display: None;
    }
    .text_cell_render h5 {
        font-weight: 300;
        font-size: 22pt;
        color: #4057A1;
        font-style: italic;
        margin-bottom: .5em;
        margin-top: 0.5em;
        display: block;
    }
    
    .warning{
        color: rgb( 240, 20, 20 )
        }  
</style>
<script>
    MathJax.Hub.Config({
                        TeX: {
                           extensions: ["AMSmath.js"]
                           },
                tex2jax: {
                    inlineMath: [ ['$','$'], ["\\(","\\)"] ],
                    displayMath: [ ['$$','$$'], ["\\[","\\]"] ]
                },
                displayAlign: 'center', // Change this to 'center' to center equations.
                "HTML-CSS": {
                    styles: {'.MathJax_Display': {"margin": 4}}
                }
        });
</script>
*/