/* 
 * Color Scheme
 * Primary Gray #4C4C52
 * Primary Accent #B5B5B5
 * Red #FF7A59
 */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* Body */
body {
    color: #151515;
}

hr {
    border-color: #B5B5B5;
}

p, ul, ol, h1, h2, h3, h4, h5, h6, a {
    font-family: "Roboto", sans-serif !important;
    font-optical-sizing: auto;
    font-size: 18px;
}

.highlight .k {
    color: #4C4C52;
}

.highlight .s1 {
    color: #FF7A59;
}

span.pre, .rst-content .linenodiv pre, .rst-content div[class^=highlight] pre, .rst-content pre.literal-block {
    font-size: 18px;
}

.rst-content .section ol li>p:only-child, .rst-content .section ol li>p:only-child:last-child, .rst-content .section ul li>p:only-child, .rst-content .section ul li>p:only-child:last-child, .rst-content .toctree-wrapper ol li>p:only-child, .rst-content .toctree-wrapper ol li>p:only-child:last-child, .rst-content .toctree-wrapper ul li>p:only-child, .rst-content .toctree-wrapper ul li>p:only-child:last-child, .rst-content section ol li>p:only-child, .rst-content section ol li>p:only-child:last-child, .rst-content section ul li>p:only-child, .rst-content section ul li>p:only-child:last-child {
    font-size: 18px;
}    

.wy-nav-content {
    max-width: 100%;
    background-color: #FFFFFF !important;
}

section#roadmap-upcoming-features {
    margin-bottom: 3rem;
}

/* Text */
h1 {
    font-size: 200%;
}


ul *, 
ol *, 
table * {
    font-size: 17px !important;
}

a:visited {
    color: inherit;
}

.rst-content a {
    color: #0000EE;
    font-size: 18px !important;
    text-decoration: underline;
}

.rst-content a:visited {
    color: #551A8B; /* Standard visited purple */
}

section#sql-functions h2,
section#sql-commands h2,
section#data-types h3 {
    color: #4C4C52;
    font-weight: 500;
}

section#sql-commands h2 {
    border-top: 0.5rem solid;
    padding-top: 0.5rem;
}

section#sql-functions h3,
section#data-types h2 {
    border-top: 0.25rem solid #4C4C52;
    padding-top: 1.75rem;
}

section#sql-commands h3,
section#data-types h4,
section#supported-clauses h4,
section#connection-level-settings h3 {
    border-top: 2px solid #4C4C52;
    padding-top: 1rem;
}

h2 {
    font-size: 150%;
}

h3 {
    font-size: 125%;
}

section#rules-and-limitations-based-on-targettype strong {
    color: #4C4C52;
}

section#roadmap-upcoming-features ol, 
section#roadmap-upcoming-features blockquote, 
section#roadmap-upcoming-features ul {
    margin-bottom: 0 !important;
}

section#roadmap-upcoming-features ul p, 
section#roadmap-upcoming-features ol p {
    margin-bottom: 0;
}

section#data-types ul p, 
section#data-types blockquote,
section#what-is-datapelago ul p {
    margin-top: 0;
    margin-bottom: 0;
}

section#what-is-datapelago ul {
    margin-left: 1rem;
}

.rst-content code.literal, 
.rst-content tt.literal,
.rst-content code, 
.rst-content tt, 
code, 
span.pre {
    font-size: 14px !important;  /* adjust as needed */
}


/* Top navigation */
a.fa.fa-gitlab {
    display: none;
}

/* Side navigation */
a.icon.icon-home {
    color: #4C4C52;
    background-color: transparent;
}

.wy-nav-side {
    background: #F3F4F5 !important;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.wy-side-nav-search {
    background-color: #ffffff;
    margin-bottom: 0;
}

.wy-side-nav-search>div.version {
    color: hsla(0,0%,100%,.7);
}

.wy-menu-vertical a {
    font-size: inherit;
}

.wy-menu-vertical li button.toctree-expand {
    color: #231F20;
}

.wy-menu-vertical li.toctree-l1.current>a {
    border-top: none;
}

.wy-menu-vertical li.toctree-l2.current li.toctree-l3>a, .wy-menu-vertical li.toctree-l3, .wy-menu-vertical li.toctree-l4, .wy-menu-vertical li.toctree-l4.current li.toctree-l5>a {
    font-size: 16px;
    padding-left: 1.25em !important;
}

.wy-menu-vertical * {
    color: #231F20 !important;
}

.wy-nav-top {
    background: #4C4C52;
}

nav.wy-nav-side {
    padding-bottom: 0rem !important;
}

.toctree-l1 {
    background-color: #fff;
}

.toctree-l1.current[aria-expanded="true"] > a {
    background: #B5B5B5 !important;
    color: #fff !important;
}

.toctree-l1.current > a > * {
    color: #fff !important;
}

.toctree-l1 > a:hover {
    background-color: transparent;
    color: #B5B5B5 !important;
    transition: all 0.2s;
}

.rst-versions {
    background-color: transparent;
}

.rst-versions .rst-current-version {
    display: none;
}

.fa-minus-square-o:before, .wy-menu-vertical li.on a button.toctree-expand:before {
    content: "▾";
    font-size: 1.1rem;
}

.fa-plus-square-o:before, .wy-menu-vertical li button.toctree-expand:before {
    content: "▾";
    font-size: 1.1rem;
    transform: rotate(-90deg);
}

.wy-menu-vertical li.current>a button.toctree-expand:before {
    content: "▾";
    transform: rotate(360deg) !important;
}

/* Make all TOC tree items expandable without collapsing others */

/* Keep sidebar fixed and scrollable */
.wy-nav-side {
  position: fixed;
  width: 300px;
  left: 0;
  height: 100vh;
  background-color: #f8f8f8;
  z-index: 1000;
  overflow: hidden; /* Prevents unwanted scrolling */
}

/* Ensure the sidebar has its own independent scrolling */
.wy-side-scroll {
  height: 100vh;
  overflow-y: auto; /* Enables independent scrolling */
  overflow-x: hidden;
  padding-bottom: 2em;
  scroll-behavior: smooth; /* Smooth scrolling */
}

/* Prevent menu from jumping when selecting an item */
.wy-menu-vertical {
  max-height: 100%; /* Ensures the menu does not overflow */
  overflow-y: auto; /* Adds independent scrollbar */
  overflow-x: hidden;
}

/* Ensure current menu item is highlighted properly */
.wy-menu-vertical a.current {
  background-color: transparent !important; /* Remove highlight background */
  color: #000 !important; /* Ensure text is clearly visible */
  font-weight: bold !important;
}

/* Remove grey background for unselected expanded menu items */
.wy-menu-vertical li.toctree-l1 > a,
.wy-menu-vertical li.toctree-l2 > a,
.wy-menu-vertical li.toctree-l3 > a,
.wy-menu-vertical li.toctree-l4 > a {
  background-color: transparent !important; /* No grey highlight */
  color: #333 !important; /* Keep normal visibility */
  font-weight: normal !important;
}

/* Keep the selected menu item clearly visible */
.wy-menu-vertical li.toctree-l1.current > a,
.wy-menu-vertical li.toctree-l2.current > a,
.wy-menu-vertical li.toctree-l3.current > a,
.wy-menu-vertical li.toctree-l4.current > a {
  background-color: transparent !important; /* No highlight */
  color: #000 !important;
  font-weight: bold;
  border-left: none !important;
}

/* Improve hover effect for better visibility */
.wy-menu-vertical a:hover {
  background-color: #f5f5f5 !important; /* Light gray hover effect */
  color: #000 !important;
}

/* Keep left menu stable when navigating on the right side */
.wy-menu-vertical::-webkit-scrollbar {
  width: 8px;
}

.wy-menu-vertical::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

.wy-menu-vertical::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}

/* Improve visual hierarchy with proper indentation */
.wy-menu-vertical li.toctree-l2 {
  margin-left: 1em;
}

.wy-menu-vertical li.toctree-l3 {
  margin-left: 2.25em !important; /* Add !important to override other styles */
  padding-left: 0 !important; /* Remove any padding */
}

.wy-menu-vertical li.toctree-l4 {
  margin-left: 3.25em;
}

/* Mobile view adjustments */
@media screen and (max-width: 768px) {
  .wy-nav-side {
    width: 85%;
    left: -85%;
    transition: left 0.3s ease-in-out;
  }

  /* When toggled, slide the menu in */
  .wy-nav-side.open {
    left: 0;
  }

  /* Ensure proper display of the menu toggle button */
  .wy-nav-content-wrap {
    transition: margin-left 0.3s ease-in-out;
  }

  .wy-nav-content-wrap.shift {
    margin-left: 85%;
  }
}


/* end of making the left side menu fixed */

/* Hide Read the Docs, GitLab links in injected .rst-versions menu */
.rst-other-versions dl:not(:first-child) {
    display: none;
}

/* Images */
#architecture img, #deployment img {
    max-width: 80%;
}

section#configuring-datapelago-connection img {
    max-width: 750px;
}

section#how-to-guides img {
    margin: 1.5rem 0;
}

/* code to make all image sizes a standard ones */

/* Ensure images are responsive and do not exceed their container */
img {
    max-width: 100%;  /* Prevents images from overflowing their container */
    height: auto;     /* Maintains the aspect ratio */
    display: block;   /* Prevents unwanted spacing issues */
    margin: 0 auto;   /* Centers the image */
}

/* Set a consistent width for images while keeping them responsive */
img:not(.inline) {
    width: auto;       /* Standardized width (adjustable) */
    max-width: 100%; /* Prevents overly large images */
}

/* Handle inline images (e.g., inside text paragraphs) */
img.inline {
    display: inline;  /* Ensures inline images stay within text flow */
    width: auto;      /* Keeps their natural size */
    max-height: 1.5em; /* Adjust height for better alignment */
}


/* end of image size standard */

/* Lists */
ul li ul,
ul li p {
    margin: 0 !important;
}

ul li dl dt {
    font-weight: normal !important;
    margin-bottom: 0 !important;
}

ul li dl dd {
    margin-bottom: 0 !important;
}

tr ul {
    margin: 0 !important;
}

.rst-content .section ol li>p:only-child, .rst-content .section ol li>p:only-child:last-child, .rst-content .section ul li>p:only-child, .rst-content .section ul li>p:only-child:last-child, .rst-content .toctree-wrapper ol li>p:only-child, .rst-content .toctree-wrapper ol li>p:only-child:last-child, .rst-content .toctree-wrapper ul li>p:only-child, .rst-content .toctree-wrapper ul li>p:only-child:last-child, .rst-content section ol li>p:only-child, .rst-content section ol li>p:only-child:last-child, .rst-content section ul li>p:only-child, .rst-content section ul li>p:only-child:last-child {
    margin-bottom: 12px;
}

section#how-to-guides ul, section#how-to-guides p, section#how-to-guides ol {
    font-size: 1rem !important;
}

/* Tables */
.rst-content table.docutils caption, .rst-content table.field-list caption, .wy-table caption {
    font: inherit;
    font-weight: bold;
}

html.writer-html5 .rst-content table.docutils td>p, html.writer-html5 .rst-content table.docutils th>p {
    white-space: normal;
}

th.head {
    background-color: #c9c9c9;
    text-align: center;
}

/* Notes */
.rst-content .note .admonition-title, .rst-content .note .wy-alert-title, .rst-content .seealso .admonition-title, .rst-content .seealso .wy-alert-title, .rst-content .wy-alert-info.admonition-todo .admonition-title, .rst-content .wy-alert-info.admonition-todo .wy-alert-title, .rst-content .wy-alert-info.admonition .admonition-title, .rst-content .wy-alert-info.admonition .wy-alert-title, .rst-content .wy-alert-info.attention .admonition-title, .rst-content .wy-alert-info.attention .wy-alert-title, .rst-content .wy-alert-info.caution .admonition-title, .rst-content .wy-alert-info.caution .wy-alert-title, .rst-content .wy-alert-info.danger .admonition-title, .rst-content .wy-alert-info.danger .wy-alert-title, .rst-content .wy-alert-info.error .admonition-title, .rst-content .wy-alert-info.error .wy-alert-title, .rst-content .wy-alert-info.hint .admonition-title, .rst-content .wy-alert-info.hint .wy-alert-title, .rst-content .wy-alert-info.important .admonition-title, .rst-content .wy-alert-info.important .wy-alert-title, .rst-content .wy-alert-info.tip .admonition-title, .rst-content .wy-alert-info.tip .wy-alert-title, .rst-content .wy-alert-info.warning .admonition-title, .rst-content .wy-alert-info.warning .wy-alert-title, .rst-content .wy-alert.wy-alert-info .admonition-title, .wy-alert.wy-alert-info .rst-content .admonition-title, .wy-alert.wy-alert-info .wy-alert-title {
    background: #026979;
}

.rst-content .hint .admonition-title, .rst-content .hint .wy-alert-title, .rst-content .important .admonition-title, .rst-content .important .wy-alert-title, .rst-content .tip .admonition-title, .rst-content .tip .wy-alert-title, .rst-content .wy-alert-success.admonition-todo .admonition-title, .rst-content .wy-alert-success.admonition-todo .wy-alert-title, .rst-content .wy-alert-success.admonition .admonition-title, .rst-content .wy-alert-success.admonition .wy-alert-title, .rst-content .wy-alert-success.attention .admonition-title, .rst-content .wy-alert-success.attention .wy-alert-title, .rst-content .wy-alert-success.caution .admonition-title, .rst-content .wy-alert-success.caution .wy-alert-title, .rst-content .wy-alert-success.danger .admonition-title, .rst-content .wy-alert-success.danger .wy-alert-title, .rst-content .wy-alert-success.error .admonition-title, .rst-content .wy-alert-success.error .wy-alert-title, .rst-content .wy-alert-success.note .admonition-title, .rst-content .wy-alert-success.note .wy-alert-title, .rst-content .wy-alert-success.seealso .admonition-title, .rst-content .wy-alert-success.seealso .wy-alert-title, .rst-content .wy-alert-success.warning .admonition-title, .rst-content .wy-alert-success.warning .wy-alert-title, .rst-content .wy-alert.wy-alert-success .admonition-title, .wy-alert.wy-alert-success .rst-content .admonition-title, .wy-alert.wy-alert-success .wy-alert-title {
    background: #B6543E;
}

.rst-content .note, .rst-content .seealso, .rst-content .wy-alert-info.admonition, .rst-content .wy-alert-info.admonition-todo, .rst-content .wy-alert-info.attention, .rst-content .wy-alert-info.caution, .rst-content .wy-alert-info.danger, .rst-content .wy-alert-info.error, .rst-content .wy-alert-info.hint, .rst-content .wy-alert-info.important, .rst-content .wy-alert-info.tip, .rst-content .wy-alert-info.warning, .wy-alert.wy-alert-info {
    background: #E7FBFF;
}

.rst-content .hint, .rst-content .important, .rst-content .tip, .rst-content .wy-alert-success.admonition, .rst-content .wy-alert-success.admonition-todo, .rst-content .wy-alert-success.attention, .rst-content .wy-alert-success.caution, .rst-content .wy-alert-success.danger, .rst-content .wy-alert-success.error, .rst-content .wy-alert-success.note, .rst-content .wy-alert-success.seealso, .rst-content .wy-alert-success.warning, .wy-alert.wy-alert-success {
    background: #EAD9D6;
}

/* code block formatting */
/* GitHub-style code blocks */
.rst-content pre,
.rst-content div[class^="highlight"] pre,
.rst-content div[class^="highlight"] code {
    font-size: 14px !important;
    line-height: 1.5;
    background: #f6f8fa !important;   /* GitHub light grey */
    color: #24292e;                   /* GitHub default text */
    padding: 0.75em 1em;
    border-radius: 6px;
    overflow-x: auto;                  /* scroll horizontally if needed */
}

/* Syntax highlighting GitHub colors */
.rst-content .highlight .k { color: #d73a49; }    /* keywords (red) */
.rst-content .highlight .s { color: #032f62; }    /* strings (blue) */
.rst-content .highlight .c { color: #6a737d; }    /* comments (grey) */
.rst-content .highlight .n { color: #24292e; }    /* names/identifiers (default) */
.rst-content .highlight .o { color: #d73a49; }    /* operators */
.rst-content .highlight .nb { color: #005cc5; }   /* builtins */
.rst-content .highlight .nf { color: #6f42c1; }   /* function names */
.rst-content .highlight .mi { color: #005cc5; }   /* numbers */

/* Footer */

footer div[role="contentinfo"] {
    display: none;
}

/* Responsive screen sizes */

@media only screen and (max-width: 600px) {
    #architecture img, #deployment img {
        max-width: 100%;
    }
  }