/* UNCOMMENT THIS LINE TO ADD ANY BACKGROUND IN THE HEADER
DONT FORGET TO EDIT THE URL
.md-header,
.md-nav--primary .md-nav__title[for="__drawer"] {
 background: var(--md-primary-fg-color) url(background_image_link_here&auto=format&fit=crop&w=1074&q=80) left center/cover no-repeat;
}
*/

.md-typeset details.wiki,
.md-typeset .admonition.wiki {
    border-color: transparent;
    background-color: transparent;
}

.md-typeset .wiki>.admonition-title,
.md-typeset .wiki>.summary {
    display: none;
}

.md-typeset .wiki>.admonition-title::before {
    background-color: transparent;
    -webkit-mask-image: var(--md-admonition-icon--grid);
    mask-image: var(--md-admonition-icon--grid);
}

.admonition.wiki {
    float: left;
    margin-right: 0.8rem;
    margin-top: 0;
    width: 11.7rem;
}

.admonition.wiki h1 {
    text-align: center;
    padding-top: 0.5em;
    margin-bottom: 0;
}

.admonition.wiki thead {
    display: none;
}

.admonition.wiki td:first-child {
    font-weight: 600;
}

.admonition.wiki table {
    border: 0;
}

/* ---------------------Carlos Lab-----------------------*/

/* black/white anchor color override */
@media screen {
    [data-md-color-primary="black"] {
        --cl-border-color: solid white;
    }
    [data-md-color-primary="white"] {
        --cl-border-color: solid black;
    }

	[dir=ltr] .md-header__title {
        margin-left: .6rem;
        font-size: 20px;
    }
}

.md-header__button.md-logo {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0.4rem;
	padding-bottom: 0;
}

.md-header__button.md-logo img,
.md-header__button.md-logo png {
	height: 2.2rem;
	width: 2.2rem;
}

.md-feedback {
	margin-top: 0;
	margin-bottom: 1em;
}

.md-typeset {
	
  .x {
    color: #ffffff;
  }
	
  .bluesky {
    color: #0085ff;
  }
  
  .unity {
    color: #ffffff;
  }
  
  .youtube {
	color: #ff0033
  }
  
  .discord {
	color: #5865f2
  }
  
  .twitter {
    color: #00acee;
  }

  .mastodon {
    color: #897ff8;
  }
}

.md-banner {
  color: var(--md-footer-fg-color--lighter);

  strong {
    color: var(--md-footer-fg-color);
    white-space: nowrap;
  }

  a {
    color: var(--md-footer-fg-color);

    &:focus,
    &:hover {
      color: currentcolor;

      .twemoji {
        background-color: var(--md-footer-bg-color);
        box-shadow: none;
      }
    }
}

.twemoji {
    width: 1.2rem;
    height: 1.2rem;
    padding: .25rem;
    vertical-align: bottom;
    border-radius: 100%;
    box-shadow: inset 0 0 0 .05rem currentcolor;
    transition: all .25s;

    svg {
      display: block;
      max-height: initial;
    }
  }
}

.cl-support {
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
}

.cl-support-content {
	margin-top: 0;
	margin-bottom: 1em;
	font-size: 14px;
	text-align: center;
}

.cl-rect-border {
	border: 2px var(--cl-border-color)
}

.cl-rect {
	width: 200px;
	height: 20px;
	margin-top: 3px;
	vertical-align: middle;
	background-color: rgb(255, 0, 0);
	display: inline-block;
}

.mermaid {
    text-align: center;
}

img[alt*="center"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}