/*******************************************************************************
*   custom elements
*
**/
.main-logo {
  max-width: 500px;
}
.bd-header-article {
  background-color: transparent !important;
}
.bd-content .sd-card {
  background-color: var(--pst-color-background);
}
@media (min-width: 959.98px) {
  .bd-sidebar-primary {
    background-color: transparent;
  }
}
@media (min-width: 1199.98px) {
  .bd-sidebar-secondary {
    background-color: transparent;
  }
}

/*******************************************************************************
*   prevent pydata from adding extra background colors to my images
*   to be removed when https://github.com/pydata/pydata-sphinx-theme/issues/879
*   will be solved
*
**/
html[data-theme="dark"] .bd-content img:not(.only-dark):not(.dark-light) {
  background: transparent;
  border-radius: 0;
}

/*******************************************************************************
*   custom colors
*
**/
html[data-theme="dark"] {
  --pst-color-primary: rgb(24, 102, 145);
}
html[data-theme="light"] {
  --pst-color-primary: rgb(24, 102, 145);
}

/*******************************************************************************
*   text justification
*
**/
p {
  text-align: justify;
}

/*******************************************************************************
*   logo coloring
*
**/
span .fa-twitter:hover {
  color: #1da1f2;
}
span .fa-youtube:hover {
  color: #ff0000;
}
span .fa-github:hover {
  color: #333;
}
span .fa-stack-exchange:hover {
  color: #1e5397;
}
span .fa-google:hover {
  color: #34a853;
}
span .fa-linkedin:hover {
  color: #0072b1;
}

/*******************************************************************************
*   change the lightbox cursor
*
**/
a[data-lightbox] {
  cursor: zoom-in;
}
a[data-lightbox] img {
  padding: 0.25em;
}

/*******************************************************************************
*  add some images rules
*
**/
html[data-theme="dark"] img:not(.only-dark):not(.dark-light) {
  filter: none;
}

/*******************************************************************************
* custom article footer rendering
*/
footer.bd-footer-article {
  background-color: transparent;
  border-top: 1px solid var(--pst-color-border);
  margin-top: 2em;
}

.bd-footer-article .footer-article-items {
  flex-direction: row;
}

.bd-footer-article .footer-article-items .footer-article-item {
  flex-grow: 1;
}

.bd-footer-article .last-updated {
  color: var(--pst-color-text-muted);
  text-align: right;
}