/* Changed default colors of theme per UX guidelines */

html[data-theme="light"] {
    --pst-color-primary: #6d5bf6;
    --pst-color-secondary: #09ca4a;
    --pst-color-secondary-highlight: #4d41af;
    --sd-color-primary-highlight: #4d41af;
    --pst-color-download-highlight: #4fab4f;
    --pst-color-link: #6d5bf6;
    --pst-color-inline-code-links: #6d5bf6;
    --pst-color-link-hover: #4d41af;
    --pst-heading-h1-color: #343539;
    --pst-heading-color: #60636a;
    --pricing-button-color: #fff;
    --pst-color-text-base: #343539;
    --pst-color-success: #31a824;
    --pst-color-success-bg: #e6faed;
    --pst-color-info: #17a2b8;
    --pst-color-info-bg: #e8f6f8;
    --pst-color-caution: #ffba06;
    --pst-color-caution-bg: #fff8e6;
    --pst-color-warning: #d00100;
    --pst-color-warning-bg: #fae6e6;
}

html[data-theme="dark"] {
    --pst-color-primary: #bcb4fb;
    --pst-color-secondary: #09ca4a;
    --pst-color-secondary-highlight: #f0effe;
    --sd-color-primary-highlight: #f0effe;
    --pst-color-download-highlight: #4fab4f;
    --pst-color-link: #bcb4fb;
    --pst-color-inline-code-links: #bcb4fb;
    --pst-color-background: #2c2c2c;
    --pst-color-on-background: #383838;
    --pst-color-link-hover: #f0effe;
    --pst-heading-h1-color: #f7f8f9;
    --pst-heading-color: #dadde2;
    --pricing-button-color: #2e2667;
    --pst-color-caution: #ee9040;
    --pst-color-caution-text: #fff;
    --pst-color-caution-highlight: #cf6912;
    --pst-color-caution-bg: #654402;
    --pst-color-warning: #cb4653;
    --pst-color-warning-text: #fff;
    --pst-color-warning-highlight: #992b36;
    --pst-color-warning-bg: #650202;
    --pst-color-table-heading-bg: #2C2C2C;
    --pst-color-table-row-zebra-low-bg: #2C2C2C;
    --pst-color-table-row-zebra-high-bg: #343539;
    --pst-color-table-inner-border: #4B5567;
    --pst-color-table-outer-border: #4B5567;
}

/*----------------
Top nav custom CSS 
----------------*/

/* Add right margin to dropdown in top nav */

.bd-header ul.navbar-nav>li.nav-item.dropdown {
    margin-right: 15px;
}

/* Add right margins to buttons in top nav */

.bd-header ul.navbar-nav>li.nav-item {
    margin-right: 12px;
}

/* Adds space between top and bottom of responsive sidebar buttons */

.bd-sidebar .bd-navbar-elements li button {
    margin-top: 10px;
}

.bd-sidebar .sidebar-header-items__center {
    margin-bottom: 5px;
}

/* Adds bolder font weight and darker font color to Download button */

ul.navbar-nav li button.download-button a {
    color: #06262D;
    font-weight: 700;
}

/* Adds right and bottom spacing to Download button SVG icon */

ul.navbar-nav li button.download-button svg {
    margin-right: 8px;
    margin-bottom: 0;
}

/* Adds primary theme color, button border rounded edges, 
 and minimum width to Download button to avoid resize issues */

ul.navbar-nav li button.download-button {
    background-color: var(--pst-color-secondary);
    box-shadow: 0 0 0 1px var(--pst-color-secondary);
    border-radius: 4px;
    min-width: 218px;
    border: 0px;
}

/* Adds secondary highlight hover color to Download button */

nav li button.download-button:hover {
    background-color: var(--pst-color-download-highlight);
    box-shadow: 0 0 0 1px var(--pst-color-download-highlight);
    border-radius: 4px;
    border: 0px;
    text-decoration: none; /* overwrites underline */
}

/* Removes underline from Download and Pricing button hovers */

.navbar-nav li button a:hover {
    text-decoration: none; /* overwrites underline */
}

/* Enables button text to be centered in side nav */

ul.navbar-nav li a {
    display: block;
    justify-content: center;
}

/* Adds small border with rounded corners to Pricing button
Also removes inline padding to fix hover background issue */

ul.navbar-nav li button.pricing-button {
    background-color: var(--pst-color-on-background);
    box-shadow: 0 0 0 1px var(--pst-color-primary);
    border-radius: 4px;
    border: 1px;
    padding-inline: 0;
}

/* Adds secondary color background to Pricing button on hover */

ul.navbar-nav li button.pricing-button:hover {
    background-color: var(--pst-color-primary);
    box-shadow: 0 0 0 1px var(--pst-color-primary);
    border-radius: 4px;
    text-decoration: none; /* overwrites underline */
}

/* Adds secondary color to font text in Pricing button */

ul.navbar-nav li button.pricing-button a {
    color: var(--pst-color-primary);
    font-weight: 700;
}

/* Adds white font color to Pricing button hover */

ul.navbar-nav li button.pricing-button a:hover {
    text-decoration: none; /* overwrites underline */
    background-color: var(--pst-color-primary);
    color: var(--pricing-button-color);
    font-weight: 700;
}

/*-------------------------
Miscellaneous color changes
-------------------------*/

/* Changes coloring for anchor octothorpe symbols */

a.headerlink {
    color: var(--pst-color-primary);
}

/* Changes color for Back to Top button */

#pst-back-to-top {
    background-color: var(--pst-color-primary);
}

/* Updates the dropdown color to be the same green as the tip admonition */

details.sd-dropdown summary.sd-card-header.sd-bg-primary, details.sd-dropdown summary.sd-card-header.sd-bg-primary+div.sd-summary-content {
    --pst-sd-dropdown-bg-color: var(--pst-color-success-bg);
    --pst-sd-dropdown-color: var(--pst-color-success);
}

/* Removed primary color outline from tables */

.table thead tr {
    border-bottom: 2px solid var(--bs-table-color);
}

.table 

/* Switches fills for in-line SVG icons when switching between light/dark mode. */

html[data-theme="light"] svg {
    fill: #343539;
}

html[data-theme="dark"] svg {
    fill: #CECECE;
}

/* Ensures the above doesn't affect the code copybutton SVG */

button.copybtn svg {
    fill: none;
}

/* Color changes for H1 headers */

h1 {
    color: var(--pst-heading-h1-color);
}

/* Left side nav color changes */

nav.bd-links .current>a {
    box-shadow: inset max(3px, .1875rem, .12em) 0 0 #00ca4a;
    color: #00ca4a;
}

/* Tabbing border color and sizing changes */

.bd-content .sd-tab-set>input:checked+label {
    border-color: #afb4c1 #afb4c1 transparent;
    color: var(--pst-color-text-base);
    border-width: .0125rem .0125rem 0;
    transform: translateY(.07rem);
    border-radius: .125rem .125rem 0 0;
}

.bd-content .sd-tab-set .sd-tab-content {
    border: .0125rem solid #afb4c1;
    border-radius: 0;
}

/* Not active tabs hover color switch from secondary to primary */

.bd-content .sd-tab-set>input:not(:checked,:focus-visible)+label:hover {
    color: var(--pst-color-primary);
}

/* Removes bring purple table hover background color */

.table tbody tr:nth-child(odd):hover {
    background-color: var(--pst-color-table-row-zebra-low-bg)
}

.table tbody tr:nth-child(2n):hover {
    background-color: var(--pst-color-table-row-zebra-high-bg)
}

/*-------------------------
Miscellaneous other changes
-------------------------*/

/* Adds side margins to inline Sphinx Design icons in dropdowns*/

details.sd-dropdown summary.sd-card-header svg {
    margin-left: 4px;
    margin-right: 4px;
}

/* Inserting Inter font (found in the _static/fonts
folder) into the docs. The Inter font doesn't have an italic, so
Helvetica is a compromise. */

body {
    --pst-font-family-base: "Inter", "Helvetica", Arial, sans-serif;
    font-weight: 400;
}

.heading-style, h1, h2, h3, h4, h5, h6 {
    --pst-font-family-heading: "Inter", "Helvetica", Arial, sans-serif;
    --pst-font-weight-heading: 600;
 }
 
 strong {
    font-weight: 600;
 }
 
 em {
    font-family: "Helvetica" !important;
    font-style: italic;
 }

 /* Header changes for better differentiation, especially between H2 and H3 headers.*/

h3 {
    font-size: 1.65rem;
 }

h4 {
    font-size: 1.45rem;
 }

 /* Removes bolding for primary list items if they have secondary list items */

 ul.simple dt {
    font-weight: 500;
 }

 /* Added new caution color (orange) to caution admonitions. By default, they use
 --pst-color-warning, which has been changed to red above.*/

.admonition.caution>.admonition-title:before, div.admonition.caution>.admonition-title:before {
    background-color: var(--pst-color-caution-bg);
}

.admonition.caution>.admonition-title:after, div.admonition.caution>.admonition-title:after {
    color: var(--pst-color-caution);
}

.admonition.caution, div.admonition.caution {
    border-color: var(--pst-color-caution);
}

 /* Added a bit of space after all images to separate from
 notes, bolded text that isn't a header type, etc. */

 img.align-center {
    margin-bottom: 10px;
}

/* Removing blockquote css because it isn't used in the
Anaconda docs and makes it impossible to have a note,
admonition, or second-level list in the middle of an
ordered list. */

blockquote, blockquote p {
    border-left: none;
    border-radius: 0;
    padding: 0;
    background-color: transparent;
    color: var(--pst-color-text-base);
}

/* This fixes an issue where the scrollbar on the left side nav
appears when it doesn't need to by reducing the size of the
div below the sidebar nav. */

.bd-sidebar-primary .sidebar-primary-items__end { 
    margin-top: 1em 
}

/*Controls coloring of built-in announcement banner. These can
be created using html_theme_options = {"announcement": "Here's
an announcement."}*/

.bd-header-announcement {
    background-color: var(--pst-color-secondary);
    color: white
}

/* Adds a little padding to the bottom of tab set divs inside other tab sets, in 
case there is a paragraph of text right after them. Without this
the text is a little too close to the horizontal line that ends
the secondary tab set*/

.sd-tab-content>.sd-tab-set {
    margin-bottom: 10px;
}

/* Makes the background transparent for images. Without this all images have a default white background, 
which doesn't play well with dark mode*/

html[data-theme=dark] .bd-content img:not(.only-dark):not(.dark-light) {
    background: transparent;
  }

/* Vertically centers table cell text */

.table {
    vertical-align: middle;
}

/* Fixes button font weight */

.sd-btn {
    font-weight: 600;
}

html .sd-btn:hover {
    text-decoration-thickness: 2px;
}

/* Add alpha numbering to secondary numbered lists
   but kept decimal numbering in numbered lists in
   tabs */

ol.arabic ol.arabic {
    list-style: lower-alpha;
}

ol div.sd-tab-set ol.arabic {
    list-style: decimal;
}

/* Adds slight bottom margin to non-FontAwesome SVGs */

svg.inline {
    margin-bottom: 4px;
}

/* Adds horizontal margins to code 
formatted text in dropdown titles */

details.sd-dropdown summary.sd-summary-title code {
    margin: 0 4px;
}

/* Needed for feedback widget */

.feedback {
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
    padding-top: 1.5rem;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    color: hsl(var(--muted-foreground));
  }
  
  .feedback h5 {
    font-weight: 500;
  }

  .feedback-send {
    display: block;
    padding: 0.25rem 0.5rem;
    border-radius: var(--radius);
    border: 1px solid hsl(var(--border));
  }
  
  .feedback-send:hover,
  .feedback-send:focus {
    background-color: hsl(var(--accent));
    color: hsl(var(--accent-foreground));
  }

  /*Changing outline of search form color*/

  .form-control:focus, .form-control:focus-visible {
    outline: 3px solid var(--pst-color-primary);
    box-shadow: 0 0 0 0.25rem rgba(67,176,73,.25);
  }

.images-side-by-side {
    display: flex;
    justify-content: space-between;
}

.image-container {
    text-align: center;
    width: fit-content /* Adjust as needed */
}