/* Optional: Hide bottom buttons if you only want them at the top */
div.prev-next-footer {
  display: none;
}

/* Clone the bottom buttons and move them to the top */
div.prev-next-footer::before {
  content: '';
  display: block;
}

div.prev-next-footer {
  position: fixed;
  top: .21rem;
  right: .21rem;
  z-index: 1000;
  background: pink;
  padding: 0.3em 0.8em;
  border-radius: 0.4em;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

.prev-next-subtitle {
    font-size: .651rem;
}

.prev-next-title {
    font-size: .751rem  !important;
}

.prev-next-area a {
    padding: 0px
}



/* Make output cell background white */
/* Your existing override */

div.cell_input.docutils.container {
    background-color: pink  !important; 
    border: none !important;
    border-left: black 2px solid !important;
    border-radius: 0.0em !important; 
}
/* div.cell_output.docutils.container {
    background-color: red  !important; 
    border: none !important;
} */
/* div.output {
    background-color: blue  !important; 
    border: none !important;
} */
div.cell_output {
    /* background-color: green  !important;  */
    border: none !important;
}
pre {
    background-color: white  !important; 
    border: none !important;
}


/* .output_area, .output_subarea, pre */
div.cell_output.docutils.container  {
    /* border: black 1px solid !important; */
    border: none;
    /* border-top: black 2px solid !important; */
    border-radius: 0.0em !important;
}


/* Add these new overrides */
/* .cell_input .input_area, .input_subarea, .input pre {
    background-color: yellow !important;
    border-color: blue !important;

} */
/* .cell_input-docutils-container {
    background-color: yellow !important;
    border-color: blue !important;
} */
/* Add these new overrides */



/* Change font size inside {card} blocks */
.sd-card {
    font-size: .51rem; /* Adjust this value as needed */
}



/* Optional: Target the title of the card if you're using card titles */
.sd-card-title {
    font-size: 1.125rem !important;
    /* font-weight: bold !important; */
}

.sd-summary-content {
    background-color:white !important;
    /* background-color:#eeeeee !important; */
    /* color: #4150B6 !important; */
}


/* Override sphinx-design default spacing on dropdowns */

/* Reset margin-bottom applied by sd-mb-3 */
.sd-dropdown.sd-mb-3 {
    margin-bottom: 3px !important;
    box-shadow: 0 0.0rem 0.0rem !important;
}

/* Add margin only between stacked dropdowns */
.sd-dropdown.sd-mb-3 + .sd-dropdown.sd-mb-3 {
    margin-top: .25em !important;   /* adjust as needed */
}

/* .sd-card-header {
    background-color: yellow !important;
} */

/* .sd-summary-title.sd-card-header {
    background-color: blue !important;
} */

/* Optional: Target the title of the card if you're using card titles */
nav.bd-links p.caption {
    /* font-size: 1.5rem; */
    /* font-weight: bold; */
    /* color: blue; */
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

lm-Widget lm-Panel {
    display: none;
    height:0px;
}

nav.bd-links li>a {
    display: inline
}
nav.bd-links ul ul {
    padding: 0 0 0 .75rem;
}

p {
    margin-bottom:0.5rem;
}

/* .bd-article-container h1 {
    color: black;
    font-size: 2.0rem;
} */

.bd-article-container h2 {
    color: #4150B6;
    font-size: 1.5rem;
    margin-top:1.5rem;
    margin-bottom:0.5rem;
}

.bd-article-container h3 {
    font-size: 1.25rem;
    /* font-weight: bold; */
    color: #4150B6;
    margin-top:0.75rem;
    margin-bottom:0.25rem;
}

.bd-article-container h4 {
    font-size: 1.125rem;
    color: #4150B6;
    margin-top:0.75rem;
    margin-bottom:0.25rem;
}


.titleSilvia {
    font-weight: bold;
     color: #4150B6;
}

.title2pt0 {
    font-size: 2.0rem;
    font-weight: bold;
     color: #4150B6;
}

.title1pt5 {
    font-size: 1.5rem;
     color: black;
}

.title1pt25 {
    font-size: 1.25rem;
}

.title1pt25k {
    font-size: 1.25rem;
    color: black
}

.my-button {
    background-color: #4CAF50; /* Green */
    /* border: none; */
    color: white;
    padding: 12px 18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
}

  .pushable {
    background: #4150B6;
    /* border-radius: 12px; */
    border: none;
    padding: 0;
    cursor: pointer;
    outline-offset: 4px;
  }
  .front {
    display: block;
    padding: 6px;
    border-radius: 12px;
    font-size: 0.75rem;
    background: #4150B6;
    color: white;
    transform: translateY(-6px);
  }

  .pushable:active .front {
    transform: translateY(-2px);
  }

.pushable {
  outline-offset: 4px;
}