/*admonitions - important*/
/* links, primary color now VOSS dark blue for accessibility */
:root {
 --pst-color-admonition-important: 251, 196, 3;
 --pst-color-inline-code: 25, 0, 71;
 --pst-color-info: 0, 173, 229;
 --pst-color-link: 0, 0, 70;
 --pst-color-primary: 0, 0, 70!important;   
 --pst-color-success: 162, 208, 46;
 --pst-font-size-h1: 34px;
 --pst-font-size-h2: 26px;
 --pst-font-size-h3: 22px;
}
/*
.admonition.important {
    background-color: #f2e0d5;
}
*/
/* smaller line spacing for lists */
li p {
    margin-bottom: 0.15rem!important;
}

/* chapter titles highlighted */
div.section h1 {
/*  border-radius: 45px; */
    padding: 12px;
/*  box-shadow: 0px 0px 15px grey; */
/*  box-shadow: 0px 0px 3px grey; */
  }

/* slightly smaller */
.prevnext-title {
    font-size: 1em;
}

/* copyright + left margin footer: email us */
footer.footer, span.emailus {
 font-size:12px;
}


/* table headers */
table th {
    background-color: #f0f0f0;
}

/* docutils override; left align tables */
table {
    margin-left: unset!important;
}

/**** Accordion ****/

.activity.collapsed > .html-toggle-button
{
    margin-bottom: 1em;
}

/* .activity.collapsed > .html-toggle-button:before */
.activity.collapsed > .html-toggle-button,
.section.collapsed > .html-toggle-button
{
    background-image: url("../_images/icon_title_plus.png");
    padding-left: 34px;
    background-position: left center;
    background-repeat: no-repeat;
}

/* .activity.expanded > .html-toggle-button:before */
.activity.expanded > .html-toggle-button,
.section.expanded > .html-toggle-button
{
    background-image: url("../_images/icon_title_minus.png");
    padding-left: 34px;
    background-position: left center;
    background-repeat: no-repeat;
}

/**** End Accordion ****/

/* lines below tables
    border-bottom: 1px solid #dee2e6;
 */
.table td, .table th { 
    border: 1px solid #dee2e6;
}    
/*center table headings*/
th.head { 
    text-align: center;
}    

/*landing page right padding*/
.pr-md-0, .px-md-0 {
    padding-right: 1rem!important;
}

/*test for underline in left nav bar selected item*/
li.toctree-l2.current.active a.current.reference.internal {
  text-decoration: underline;
}

/* move logo up */
div.navbar-brand-box {
    padding-top: 0em;
}

/* resize new logo image */
.navbar-brand img {
    max-width: 50%!important;
}    

.highlight .c1 {
    color: #0066CC;
    font-style: italic;
}

a.headerlink:hover {
    background-color: transparent;
    color:#0066CC;
    opacity: 1!important;
}

a:hover {
       color:#0066CC!important;
}

nav.bd-links li>a:hover {
       color:#0066CC!important;
}

/* indent Home icon in left ToC */
.navbar-icon-links {
    padding-left: 85px!important;
}
.toc-entry a.nav-link:hover {
       color:#0066CC!important;
}

ul.breadcrumbs li>a:hover {
       color:#0066CC!important;
}


.prev-next-area a:hover p.prev-next-title:hover {
   color:#0066CC!important;
}  
.prev-next-area a:hover p.prev-next-subtitle:hover {
   color:#0066CC!important;
}  

.bd-content .sd-tab-set>input:not(:checked)+label:hover {
	border-color:#579aca!important;
}	

ul.search li div.context {
    color: black;
    margin: 2px 0 0 30px;
    text-align: left;
}

/* remove duplicate square brackets */
/*
a.brackets:before, span.brackets > a:before {
    content: none;
}
a.brackets:after, span.brackets > a:after {
    content: none;
}
*/
main.bd-content #main-content span.brackets:before {
    content: none;
}
main.bd-content #main-content span.brackets:after {
    content: none;
}

/* start EKB-13814 */


#site-navigation nav ul.nav li a, #site-navigation nav ul.nav ul li a {
    color: #0066CC;
}

.bd-toc div.onthispage, .bd-toc .toc-entry a {
    color: #0066CC;
}


#site-navigation h1.site-logo {
    font-weight: bold;
    color: #000046;
}    


/* end EKB-13814 */

/* add light grey to inline code */
/* add voss darkblue as text color */
code {
    color: #000046!important;
    background-color: #efebeb!important;
}


/* start breadcrumbs styling */
/*    position: fixed;
    z-index: 1050; */
ul.breadcrumbs {
    display: inline-flex;
    background-color: buttonface;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-inline-start: 25px;
}    
ul.breadcrumbs li {
    list-style-type: none;
    font-size: 14px;
}    

# padding above main-content to separate breadcrumbs bottom
main.bd-content #main-content {
    padding-top: 2em;
}
# adding space above title if breadcrumbs run over 2 lines
h1 {
    margin-top:16px;
}    
/* end breadcrumbs styling */

/*start chap TOC bold */
/*div.toctree-wrapper>ul>li.toctree-l1>a {
/*    font-weight:bold;
/*}
/* end chap TOC bold */

/* Badge Tooltips */
/* from https://www.w3schools.com/howto/howto_css_tooltip.asp */

/* primary badge background color*/
span.sd-sphinx-override.sd-badge.sd-bg-primary.sd-bg-text-primary {
    background-color: #000046!important;
}

.badge-tooltip {
    position: relative;
    display: inline-block;
  }
  
.badge-tooltiptext {    
    font-size: 12px;
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}
.badge-tooltiptext a {    
    color: white !important;
    text-decoration: underline;
}    
  
.badge-tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
  
.badge-tooltip:hover .badge-tooltiptext {
    visibility: visible;
    opacity: 1;
}

#site-navigation div.navbar_extra_footer {
    position: sticky !important;
    bottom: 13px !important;
    background-color: white !important;
    padding-top: 5px !important;
}

/* buttons */
.feature-button-h {
    border-radius:4px;
    background: linear-gradient(to left, #00ade5 0%, #000046 70%);
    color: white;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 9px;
    font-size: 16px;
    border: 0.5px solid white;
    width:195px;
    text-align:left;
}
.dropdown-feature-button-h {
    border-radius:4px;
    background: linear-gradient(to left, #00ade5 0%, #000046 70%);
    color: white;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 9px;
    font-size: 16px;
    border: 0.5px solid white;
    width:175px;
    text-align:left;
}


/* tabs colors */
html .sd-tab-set>label:hover {
    color: #17a2b8 !important;
}

.sd-tab-set>input:checked+label {
    border-color:  #007fb0 !important;
    border: 2px solid;
    color:  #ffffff !important;
    border-bottom: white;
    background-color:  #007fb0 !important;
}


.sd-tab-content {
    display: none;
    order: 99;
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
    width: 100%;
}


.sd-tab-set>label {
    border-bottom: 0.125rem solid transparent;
    margin-bottom: 0;
    color: var(--sd-color-tabs-label-inactive);
    border-color: var(--sd-color-tabs-underline-inactive);
    cursor: pointer;
    font-size: var(--sd-fontsize-tabs-label);
    font-weight: 700;
    padding: 1em 1.25em 0.5em;
    transition: color 250ms;
    width: auto;
    z-index: 1;
    border: 1px solid;
    margin: 3px;
}

.sd-tab-set>input:not(.focus-visible)+label {
    outline: none;
    color: black;
}

#pst-back-to-top {
    background-color: #579aca !important;
}    
/* narrower left sidebar for smaller logo */
.bd-sidebar-primary {
  flex-basis: 260px!important;
}

div#searchbox p.highlight-link a {
    color: #000046!important;
}
/* dropdown */

/****************************************/
/* version dropdown */
/****************************************/
.dropdown-button {
    background-color: white;
    color: #000046;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #000046;
}

.dropdown-feature-button {
    background-color: white;
    color: #000046;
    padding: 2px;
    font-size: 14px;
    border: 1px solid #bcbec0;
    width: 200px;
}

.dropdown-feature-button-h {
    /*    background-color: white; */
    border-radius: 4px;
    background: linear-gradient(to left, #00ade5 0%, #000046 70%);
    /*  background-color: #000046; */
    /*    color: #0A7FB0; */
    color: white;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 9px;
    font-size: 16px;
    border: 0.5px solid white;
    width: 175px;
    text-align: left;
}

.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-list {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0 0 5px #bcbec0;
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-list a {
    color: #000046;
    padding: 4px 4px;
    text-decoration: none;
    display: block;
    font-family: helvetica,sans-serif;
    font-size: 12px;
}

/* Change color of dropdown links on hover */
.dropdown-list a:hover {
    background-color: #ddd;
}

/* Show the dropdown list on hover */
.dropdown:hover .dropdown-list {
    display: block;
}

/*topology images styles*/
img[alt="Unified-Node"]{
     border-radius: 800px!important;
}
img[alt="Single-Node-Cluster"]{
     border-radius: 800px!important;
}
img[alt="Modular-Cluster"]{
     border-radius: 800px!important;
}
/* dark theme DOC-4078*/
html[data-theme="dark"] {

   .active, .collapsible:hover {
      background-color: #007fb0 !important;
   }
   nav.bd-links li>a {
      color: white !important;
   }
   nav.bd-links li>a:hover {
      color: white !important;
   }
   .bd-content .sd-tab-set>input:not(:checked)+label {
      border-color: #579aca !important;
   }
   .sd-tab-set>input:not(.focus-visible)+label {
      outline: none;
      color:  white !important;
   }
   .bd-toc div.onthispage, .bd-toc .toc-entry a {
    color: white;
   }
   
}